@wavemaker/app-rn-runtime 11.14.1-3.6306 → 11.14.1-32.647748

package/components/container/wizard/wizard.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","backgroundColor","wizardBackgroundColor","display","minHeight","text","activeStep","wizardStepActiveColor","borderColor","color","wizardActiveStepColor","doneStep","wizardStepDoneColor","wizardDoneStepColor","wizardHeader","padding","alignItems","justifyContent","stepWrapper","zIndex","headerWrapper","flex","wizardBody","alignSelf","paddingTop","width","borderWidth","borderTopWidth","borderBottomWidth","wizardBorderColor","wizardFooter","buttonWrapper","stepTitleWrapper","stepTitle","textTransform","fontSize","wizardStepTitleColor","stepSubTitle","step","height","borderRadius","wizardStepColor","wizardActions","marginRight","nextButton","paddingRight","wizardNextBtnColor","prevButton","paddingLeft","icon","cancelButton","doneButton","wizardDoneBtnColor","stepIcon","wizardStepIconColor","skipLink","stepConnector","wizardStepConnectorColor","position","top","numberTextStepConnector","activeStepCounter","skeleton","stepCounter","progressCircle","popover","stepMenu","activeStepMenu","stepMenuLabel","stepMenuActiveLabel","stepMenuIcon","stepMenuActiveIcon","stepDot","activeStepDot","paddingBottom","paddingHorizontal","progressValue","menuBackgroundColor","borderBottomLeftRadius","borderBottomRightRadius","popoverContent","undefined","modalContent","menuItemTextColor","primaryColor","marginLeft","minWidth","flexShrink","transform","rotateY"],"sources":["wizard.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 { WmButtonStyles } from '@wavemaker/app-rn-runtime/components/basic/button/button.styles';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { WmAnchorStyles } from '@wavemaker/app-rn-runtime/components/basic/anchor/anchor.styles';\nimport { WmProgressCircleStyles } from '@wavemaker/app-rn-runtime/components/basic/progress-circle/progress-circle.styles';\nimport { WmPopoverStyles } from '@wavemaker/app-rn-runtime/components/navigation/popover/popover.styles';\nimport { WmLabelStyles } from '@wavemaker/app-rn-runtime/components/basic/label/label.styles';\nimport { TextStyle } from 'react-native';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmWizardStyles = BaseStyles & {\n  wizardHeader: AllStyle,\n  wizardBody: AllStyle,\n  wizardFooter: AllStyle,\n  wizardActions: WmButtonStyles,\n  stepTitleWrapper: AllStyle,\n  stepTitle: AllStyle,\n  stepSubTitle: AllStyle,\n  buttonWrapper: AllStyle,\n  step: AllStyle,\n  nextButton: WmButtonStyles,\n  doneButton: WmButtonStyles,\n  prevButton: WmButtonStyles,\n  cancelButton: WmButtonStyles,\n  stepIcon: WmIconStyles,\n  skipLink: WmAnchorStyles,\n  activeStep: AllStyle,\n  doneStep: AllStyle,\n  headerWrapper: AllStyle,\n  stepWrapper: AllStyle,\n  stepConnector: AllStyle,\n  numberTextStepConnector: AllStyle,\n  activeStepCounter: TextStyle,\n  stepCounter: AllStyle,\n  progressCircle: WmProgressCircleStyles,\n  popover: WmPopoverStyles,\n  stepMenu: AllStyle,\n  activeStepMenu: AllStyle,\n  stepMenuLabel: WmLabelStyles,\n  stepMenuActiveLabel: WmLabelStyles\n  stepMenuIcon: WmIconStyles,\n  stepMenuActiveIcon: WmIconStyles,\n  stepDot: AllStyle,\n  activeStepDot: AllStyle,\n  skeleton: WmSkeletonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-wizard';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmWizardStyles = defineStyles({\n      root: {\n        flexDirection: 'column',\n        backgroundColor: themeVariables.wizardBackgroundColor,\n        display: 'flex',\n        minHeight: 240\n      },\n      text: {},\n      activeStep:{\n          backgroundColor: themeVariables.wizardStepActiveColor,\n          borderColor: themeVariables.wizardStepActiveColor,\n          color: themeVariables.wizardActiveStepColor\n      },\n      doneStep: {\n        backgroundColor: themeVariables.wizardStepDoneColor,\n        color: themeVariables.wizardDoneStepColor,\n        borderColor: themeVariables.wizardStepDoneColor\n      },\n      wizardHeader: {\n        padding: 8,\n        flexDirection: 'row',\n        alignItems: 'flex-start',\n        justifyContent: 'center'\n      },\n      stepWrapper: {\n        alignItems: 'center',\n        justifyContent: 'center',\n        zIndex: 20\n      },\n      headerWrapper: {\n        flex: 1\n      },\n      wizardBody: {\n        alignSelf: 'flex-start',\n        paddingTop: 10,\n        width: '100%',\n        borderWidth: 0,\n        borderTopWidth: 1,\n        borderBottomWidth: 1,\n        borderColor: themeVariables.wizardBorderColor\n      },\n      wizardFooter: {\n        flexDirection: 'row',\n        justifyContent: 'flex-start',\n        padding: 12,\n        width: '100%',\n      },\n      buttonWrapper: {\n        flexDirection: 'row',\n      },\n      stepTitleWrapper: {\n        flex: 1,\n        justifyContent: 'center',\n        flexDirection: 'column'\n      },\n      stepTitle: {\n          textTransform: 'capitalize',\n          fontSize: 12,\n          color: themeVariables.wizardStepTitleColor\n      },\n      stepSubTitle:{\n        fontSize: 10,\n        color: themeVariables.wizardStepTitleColor\n      },\n      step: {\n        alignItems: 'center',\n        justifyContent: 'center',\n        width: 37,\n        backgroundColor: themeVariables.wizardBackgroundColor,\n        height: 37,\n        borderWidth: 1,\n        borderRadius: 18.5,\n        color: themeVariables.wizardStepColor,\n        borderColor: themeVariables.wizardStepColor\n      },\n      wizardActions: {\n        root: {\n          marginRight: 8\n        },\n        text : {\n          textTransform: 'capitalize',\n          fontSize: 14\n        }\n      } as WmButtonStyles,\n      nextButton: {\n        root: {\n          marginRight: 0,\n          paddingRight: 8,\n          backgroundColor: themeVariables.wizardNextBtnColor,\n          borderColor: themeVariables.wizardActiveStepColor\n        },\n        text:{\n          color: themeVariables.wizardActiveStepColor\n        }\n      } as WmButtonStyles,\n      prevButton: {\n        root: {\n          paddingLeft: 16\n        },\n        icon: {\n          icon:{\n          paddingRight: 0,\n          paddingLeft: 0\n          }\n        } as WmIconStyles\n      } as WmButtonStyles,\n      cancelButton: {\n        root:{\n          minHeight: 46\n        }\n      } as WmButtonStyles,\n      doneButton: {\n        root: {\n          marginRight: 0,\n          backgroundColor: themeVariables.wizardDoneBtnColor,\n          borderColor: themeVariables.wizardActiveStepColor\n        },\n        text:{\n          color: themeVariables.wizardActiveStepColor\n        },\n        icon: {\n          text: {\n            fontSize: 12,\n            color: themeVariables.wizardActiveStepColor\n          }\n        }\n      } as WmButtonStyles,\n      stepIcon: {\n          root: {\n            alignSelf: 'center',\n            justifyContent: 'center',\n            paddingLeft: 8\n          },\n          text: {\n            color: themeVariables.wizardStepIconColor,\n            fontSize: 15\n          },\n          icon: {\n            color: themeVariables.wizardStepIconColor\n          }\n      } as WmIconStyles,\n      skipLink: {\n        root: {\n        padding: 8,\n        alignSelf: 'flex-end'\n        },\n      } as WmAnchorStyles,\n      stepConnector: {\n        backgroundColor: themeVariables.wizardStepConnectorColor,\n        position: 'absolute',\n        top: 17.5,\n        zIndex: 10,\n        height: 2\n      },\n      numberTextStepConnector: {\n       display: 'none'\n      },\n      activeStepCounter: {\n        color: themeVariables.wizardActiveStepColor\n      },\n      skeleton: {  \n        root: {\n        }\n      } as WmSkeletonStyles,\n      stepCounter: {\n        fontSize: 15,\n        color: themeVariables.wizardStepColor\n      },\n      progressCircle:{} as WmProgressCircleStyles,\n      popover:{} as WmPopoverStyles,\n      stepMenu:{},\n      activeStepMenu:{},\n      stepMenuLabel: {} as WmLabelStyles,\n      stepMenuActiveLabel: {} as WmLabelStyles,\n      stepMenuIcon: {} as WmIconStyles,\n      stepMenuActiveIcon: {} as WmIconStyles,\n      stepDot: {\n        width: 8,\n        height: 8,\n        borderRadius: 4,\n        backgroundColor: themeVariables.wizardStepColor\n      },\n      activeStepDot: {\n        backgroundColor: themeVariables.wizardActiveStepColor\n      }\n  } as WmWizardStyles);\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle('number-text-inline', '', {\n    stepConnector: {\n      display: 'none'\n    },\n    numberTextStepConnector: {\n      backgroundColor: themeVariables.wizardStepConnectorColor,\n      height: 2,\n      display: 'flex'\n    },\n    stepWrapper: {\n      flexDirection: 'row'\n    },\n    wizardHeader: {\n      justifyContent: 'flex-start'\n    },\n    headerWrapper: {\n      flex: -1\n    },\n    stepTitleWrapper: {\n      flex: 0\n    },\n    stepTitle: {\n      padding: 5\n    },\n  } as WmWizardStyles);\n  addStyle('stepper-basic', '', {\n    step: {\n        alignItems: 'center',\n        justifyContent: 'center',\n        width: 60,\n        backgroundColor: themeVariables.wizardBackgroundColor,\n        height: 2,\n        borderWidth: 1,\n        borderRadius: 5,\n        color: themeVariables.wizardStepColor,\n        borderColor: themeVariables.wizardStepColor\n      },\n    activeStep:{\n      backgroundColor: themeVariables.wizardStepActiveColor,\n      borderColor: themeVariables.wizardStepActiveColor,\n      color: themeVariables.wizardActiveStepColor,\n      height: 2\n    },\n     doneStep: {\n        backgroundColor: themeVariables.wizardStepDoneColor,\n        color: themeVariables.wizardDoneStepColor,\n        borderColor: themeVariables.wizardStepDoneColor,\n        height: 2\n      },\n  } as WmWizardStyles);\n  addStyle('segment-steppe', '', {\n    step: {\n        alignItems: 'center',\n        justifyContent: 'center',\n        width: 90,\n        backgroundColor: themeVariables.wizardBackgroundColor,\n        height: 2,\n        borderWidth: 1,\n        borderRadius: 5,\n        color: themeVariables.wizardStepColor,\n        borderColor: themeVariables.wizardStepColor\n      },\n  } as WmWizardStyles);\n  addStyle('progress-circle-header', '', {\n    stepWrapper: {\n      paddingBottom: 4,\n      flexDirection: 'row',\n      alignItems: 'center'\n    },\n    wizardHeader: {\n      justifyContent: 'flex-start',\n      alignItems: 'center',\n      backgroundColor: themeVariables.wizardBackgroundColor,\n      height: 120,\n      borderRadius: 30\n    },\n    stepSubTitle:{\n      fontSize: 12,\n      paddingHorizontal: 5\n    },\n    headerWrapper: {\n      flex: 1\n    },\n    stepTitleWrapper: {\n      flex: 2\n    },\n    stepTitle: {\n      fontSize: 16,\n      paddingHorizontal: 5\n    },\n    progressCircle:{\n      root: { \n        height: 60, \n        width: 60 \n      }, \n      text: {},\n      progressValue:{\n        height: 8\n      }\n    },\n    popover:{\n      popover:{\n        width: 160,\n        paddingTop: 8,\n        paddingBottom: 8,\n        backgroundColor: themeVariables.menuBackgroundColor,\n        minHeight:160,\n        borderBottomLeftRadius: 28,\n        borderBottomRightRadius: 28  \n      },\n      popoverContent: {\n        root:{\n          //@ts-ignore\n          flex: undefined\n        }\n      },\n      modalContent:{\n        borderBottomLeftRadius: 28,\n        borderBottomRightRadius: 28\n      }\n    } as WmPopoverStyles,\n    stepMenu:{\n      flexDirection: 'row', \n      padding: 14, \n      alignItems: 'center', \n      justifyContent:'flex-start'\n    },\n    activeStepMenu:{},\n    stepMenuLabel:{\n      text:{\n        color:themeVariables.menuItemTextColor\n      }\n    },\n    stepMenuActiveLabel:{\n      text:{\n        color: themeVariables.primaryColor\n      }\n    },\n    stepMenuIcon: {\n      root:{\n        paddingRight: 4\n      },\n      text:{\n        color:themeVariables.menuItemTextColor\n      }\n    },\n    stepMenuActiveIcon:{\n      root:{\n        paddingRight: 4\n      },\n      text:{\n        color: themeVariables.primaryColor\n      }\n    }\n  } as WmWizardStyles);\n  addStyle('dottedstepper', '', {\n    step: {\n      alignItems: 'center',\n      justifyContent: 'center',\n      width: 37,\n      height: 37,\n      borderWidth: 2,\n      borderRadius: 18.5,\n      backgroundColor: themeVariables.wizardBackgroundColor,\n      borderColor: themeVariables.wizardStepColor\n    }\n  } as WmWizardStyles);\n  addStyle('vertical', '', {\n    wizardHeader: {\n      flexDirection: 'column',\n      alignItems: 'flex-start',\n      justifyContent: 'flex-start'\n    },\n    stepWrapper: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'flex-start',\n      minHeight: 56\n    },\n    stepTitleWrapper: {\n      marginLeft: 12,\n      flex: 0,\n      justifyContent: 'flex-start',\n      flexDirection: 'column',\n      minWidth: 120,\n      flexShrink: 0\n    },\n    stepConnector: {\n      borderWidth: 1,\n      backgroundColor: 'transparent',\n      borderColor: themeVariables.wizardStepConnectorColor\n    },\n  } as WmWizardStyles);\n  addStyle(DEFAULT_CLASS + '-rtl', '', {\n    wizardActions: {\n      icon: {\n        root:{\n          transform: [{rotateY:'180deg'}]\n        }\n      },\n    },\n    nextButton:{\n      root: {\n        marginRight: 8,\n      }\n    },\n    doneButton:{\n      root: {\n        marginRight: 8,\n      },\n      icon:{\n        root:{\n          transform: [{rotateY:'0deg'}]\n        }\n      }\n    }\n  });\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAoB,wCAAwC;AAC7E,SAAqBC,YAAY,QAAQ,+CAA+C;AA+CxF,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;MACJC,aAAa,EAAE,QAAQ;MACvBC,eAAe,EAAEL,cAAc,CAACM,qBAAqB;MACrDC,OAAO,EAAE,MAAM;MACfC,SAAS,EAAE;IACb,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,UAAU,EAAC;MACPL,eAAe,EAAEL,cAAc,CAACW,qBAAqB;MACrDC,WAAW,EAAEZ,cAAc,CAACW,qBAAqB;MACjDE,KAAK,EAAEb,cAAc,CAACc;IAC1B,CAAC;IACDC,QAAQ,EAAE;MACRV,eAAe,EAAEL,cAAc,CAACgB,mBAAmB;MACnDH,KAAK,EAAEb,cAAc,CAACiB,mBAAmB;MACzCL,WAAW,EAAEZ,cAAc,CAACgB;IAC9B,CAAC;IACDE,YAAY,EAAE;MACZC,OAAO,EAAE,CAAC;MACVf,aAAa,EAAE,KAAK;MACpBgB,UAAU,EAAE,YAAY;MACxBC,cAAc,EAAE;IAClB,CAAC;IACDC,WAAW,EAAE;MACXF,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBE,MAAM,EAAE;IACV,CAAC;IACDC,aAAa,EAAE;MACbC,IAAI,EAAE;IACR,CAAC;IACDC,UAAU,EAAE;MACVC,SAAS,EAAE,YAAY;MACvBC,UAAU,EAAE,EAAE;MACdC,KAAK,EAAE,MAAM;MACbC,WAAW,EAAE,CAAC;MACdC,cAAc,EAAE,CAAC;MACjBC,iBAAiB,EAAE,CAAC;MACpBpB,WAAW,EAAEZ,cAAc,CAACiC;IAC9B,CAAC;IACDC,YAAY,EAAE;MACZ9B,aAAa,EAAE,KAAK;MACpBiB,cAAc,EAAE,YAAY;MAC5BF,OAAO,EAAE,EAAE;MACXU,KAAK,EAAE;IACT,CAAC;IACDM,aAAa,EAAE;MACb/B,aAAa,EAAE;IACjB,CAAC;IACDgC,gBAAgB,EAAE;MAChBX,IAAI,EAAE,CAAC;MACPJ,cAAc,EAAE,QAAQ;MACxBjB,aAAa,EAAE;IACjB,CAAC;IACDiC,SAAS,EAAE;MACPC,aAAa,EAAE,YAAY;MAC3BC,QAAQ,EAAE,EAAE;MACZ1B,KAAK,EAAEb,cAAc,CAACwC;IAC1B,CAAC;IACDC,YAAY,EAAC;MACXF,QAAQ,EAAE,EAAE;MACZ1B,KAAK,EAAEb,cAAc,CAACwC;IACxB,CAAC;IACDE,IAAI,EAAE;MACJtB,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBQ,KAAK,EAAE,EAAE;MACTxB,eAAe,EAAEL,cAAc,CAACM,qBAAqB;MACrDqC,MAAM,EAAE,EAAE;MACVb,WAAW,EAAE,CAAC;MACdc,YAAY,EAAE,IAAI;MAClB/B,KAAK,EAAEb,cAAc,CAAC6C,eAAe;MACrCjC,WAAW,EAAEZ,cAAc,CAAC6C;IAC9B,CAAC;IACDC,aAAa,EAAE;MACb3C,IAAI,EAAE;QACJ4C,WAAW,EAAE;MACf,CAAC;MACDtC,IAAI,EAAG;QACL6B,aAAa,EAAE,YAAY;QAC3BC,QAAQ,EAAE;MACZ;IACF,CAAmB;IACnBS,UAAU,EAAE;MACV7C,IAAI,EAAE;QACJ4C,WAAW,EAAE,CAAC;QACdE,YAAY,EAAE,CAAC;QACf5C,eAAe,EAAEL,cAAc,CAACkD,kBAAkB;QAClDtC,WAAW,EAAEZ,cAAc,CAACc;MAC9B,CAAC;MACDL,IAAI,EAAC;QACHI,KAAK,EAAEb,cAAc,CAACc;MACxB;IACF,CAAmB;IACnBqC,UAAU,EAAE;MACVhD,IAAI,EAAE;QACJiD,WAAW,EAAE;MACf,CAAC;MACDC,IAAI,EAAE;QACJA,IAAI,EAAC;UACLJ,YAAY,EAAE,CAAC;UACfG,WAAW,EAAE;QACb;MACF;IACF,CAAmB;IACnBE,YAAY,EAAE;MACZnD,IAAI,EAAC;QACHK,SAAS,EAAE;MACb;IACF,CAAmB;IACnB+C,UAAU,EAAE;MACVpD,IAAI,EAAE;QACJ4C,WAAW,EAAE,CAAC;QACd1C,eAAe,EAAEL,cAAc,CAACwD,kBAAkB;QAClD5C,WAAW,EAAEZ,cAAc,CAACc;MAC9B,CAAC;MACDL,IAAI,EAAC;QACHI,KAAK,EAAEb,cAAc,CAACc;MACxB,CAAC;MACDuC,IAAI,EAAE;QACJ5C,IAAI,EAAE;UACJ8B,QAAQ,EAAE,EAAE;UACZ1B,KAAK,EAAEb,cAAc,CAACc;QACxB;MACF;IACF,CAAmB;IACnB2C,QAAQ,EAAE;MACNtD,IAAI,EAAE;QACJwB,SAAS,EAAE,QAAQ;QACnBN,cAAc,EAAE,QAAQ;QACxB+B,WAAW,EAAE;MACf,CAAC;MACD3C,IAAI,EAAE;QACJI,KAAK,EAAEb,cAAc,CAAC0D,mBAAmB;QACzCnB,QAAQ,EAAE;MACZ,CAAC;MACDc,IAAI,EAAE;QACJxC,KAAK,EAAEb,cAAc,CAAC0D;MACxB;IACJ,CAAiB;IACjBC,QAAQ,EAAE;MACRxD,IAAI,EAAE;QACNgB,OAAO,EAAE,CAAC;QACVQ,SAAS,EAAE;MACX;IACF,CAAmB;IACnBiC,aAAa,EAAE;MACbvD,eAAe,EAAEL,cAAc,CAAC6D,wBAAwB;MACxDC,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,IAAI;MACTxC,MAAM,EAAE,EAAE;MACVoB,MAAM,EAAE;IACV,CAAC;IACDqB,uBAAuB,EAAE;MACxBzD,OAAO,EAAE;IACV,CAAC;IACD0D,iBAAiB,EAAE;MACjBpD,KAAK,EAAEb,cAAc,CAACc;IACxB,CAAC;IACDoD,QAAQ,EAAE;MACR/D,IAAI,EAAE,CACN;IACF,CAAqB;IACrBgE,WAAW,EAAE;MACX5B,QAAQ,EAAE,EAAE;MACZ1B,KAAK,EAAEb,cAAc,CAAC6C;IACxB,CAAC;IACDuB,cAAc,EAAC,CAAC,CAA2B;IAC3CC,OAAO,EAAC,CAAC,CAAoB;IAC7BC,QAAQ,EAAC,CAAC,CAAC;IACXC,cAAc,EAAC,CAAC,CAAC;IACjBC,aAAa,EAAE,CAAC,CAAkB;IAClCC,mBAAmB,EAAE,CAAC,CAAkB;IACxCC,YAAY,EAAE,CAAC,CAAiB;IAChCC,kBAAkB,EAAE,CAAC,CAAiB;IACtCC,OAAO,EAAE;MACP/C,KAAK,EAAE,CAAC;MACRc,MAAM,EAAE,CAAC;MACTC,YAAY,EAAE,CAAC;MACfvC,eAAe,EAAEL,cAAc,CAAC6C;IAClC,CAAC;IACDgC,aAAa,EAAE;MACbxE,eAAe,EAAEL,cAAc,CAACc;IAClC;EACJ,CAAmB,CAAC;EAEpBb,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAAC,oBAAoB,EAAE,EAAE,EAAE;IACjC2D,aAAa,EAAE;MACbrD,OAAO,EAAE;IACX,CAAC;IACDyD,uBAAuB,EAAE;MACvB3D,eAAe,EAAEL,cAAc,CAAC6D,wBAAwB;MACxDlB,MAAM,EAAE,CAAC;MACTpC,OAAO,EAAE;IACX,CAAC;IACDe,WAAW,EAAE;MACXlB,aAAa,EAAE;IACjB,CAAC;IACDc,YAAY,EAAE;MACZG,cAAc,EAAE;IAClB,CAAC;IACDG,aAAa,EAAE;MACbC,IAAI,EAAE,CAAC;IACT,CAAC;IACDW,gBAAgB,EAAE;MAChBX,IAAI,EAAE;IACR,CAAC;IACDY,SAAS,EAAE;MACTlB,OAAO,EAAE;IACX;EACF,CAAmB,CAAC;EACpBlB,QAAQ,CAAC,eAAe,EAAE,EAAE,EAAE;IAC5ByC,IAAI,EAAE;MACFtB,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBQ,KAAK,EAAE,EAAE;MACTxB,eAAe,EAAEL,cAAc,CAACM,qBAAqB;MACrDqC,MAAM,EAAE,CAAC;MACTb,WAAW,EAAE,CAAC;MACdc,YAAY,EAAE,CAAC;MACf/B,KAAK,EAAEb,cAAc,CAAC6C,eAAe;MACrCjC,WAAW,EAAEZ,cAAc,CAAC6C;IAC9B,CAAC;IACHnC,UAAU,EAAC;MACTL,eAAe,EAAEL,cAAc,CAACW,qBAAqB;MACrDC,WAAW,EAAEZ,cAAc,CAACW,qBAAqB;MACjDE,KAAK,EAAEb,cAAc,CAACc,qBAAqB;MAC3C6B,MAAM,EAAE;IACV,CAAC;IACA5B,QAAQ,EAAE;MACPV,eAAe,EAAEL,cAAc,CAACgB,mBAAmB;MACnDH,KAAK,EAAEb,cAAc,CAACiB,mBAAmB;MACzCL,WAAW,EAAEZ,cAAc,CAACgB,mBAAmB;MAC/C2B,MAAM,EAAE;IACV;EACJ,CAAmB,CAAC;EACpB1C,QAAQ,CAAC,gBAAgB,EAAE,EAAE,EAAE;IAC7ByC,IAAI,EAAE;MACFtB,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBQ,KAAK,EAAE,EAAE;MACTxB,eAAe,EAAEL,cAAc,CAACM,qBAAqB;MACrDqC,MAAM,EAAE,CAAC;MACTb,WAAW,EAAE,CAAC;MACdc,YAAY,EAAE,CAAC;MACf/B,KAAK,EAAEb,cAAc,CAAC6C,eAAe;MACrCjC,WAAW,EAAEZ,cAAc,CAAC6C;IAC9B;EACJ,CAAmB,CAAC;EACpB5C,QAAQ,CAAC,wBAAwB,EAAE,EAAE,EAAE;IACrCqB,WAAW,EAAE;MACXwD,aAAa,EAAE,CAAC;MAChB1E,aAAa,EAAE,KAAK;MACpBgB,UAAU,EAAE;IACd,CAAC;IACDF,YAAY,EAAE;MACZG,cAAc,EAAE,YAAY;MAC5BD,UAAU,EAAE,QAAQ;MACpBf,eAAe,EAAEL,cAAc,CAACM,qBAAqB;MACrDqC,MAAM,EAAE,GAAG;MACXC,YAAY,EAAE;IAChB,CAAC;IACDH,YAAY,EAAC;MACXF,QAAQ,EAAE,EAAE;MACZwC,iBAAiB,EAAE;IACrB,CAAC;IACDvD,aAAa,EAAE;MACbC,IAAI,EAAE;IACR,CAAC;IACDW,gBAAgB,EAAE;MAChBX,IAAI,EAAE;IACR,CAAC;IACDY,SAAS,EAAE;MACTE,QAAQ,EAAE,EAAE;MACZwC,iBAAiB,EAAE;IACrB,CAAC;IACDX,cAAc,EAAC;MACbjE,IAAI,EAAE;QACJwC,MAAM,EAAE,EAAE;QACVd,KAAK,EAAE;MACT,CAAC;MACDpB,IAAI,EAAE,CAAC,CAAC;MACRuE,aAAa,EAAC;QACZrC,MAAM,EAAE;MACV;IACF,CAAC;IACD0B,OAAO,EAAC;MACNA,OAAO,EAAC;QACNxC,KAAK,EAAE,GAAG;QACVD,UAAU,EAAE,CAAC;QACbkD,aAAa,EAAE,CAAC;QAChBzE,eAAe,EAAEL,cAAc,CAACiF,mBAAmB;QACnDzE,SAAS,EAAC,GAAG;QACb0E,sBAAsB,EAAE,EAAE;QAC1BC,uBAAuB,EAAE;MAC3B,CAAC;MACDC,cAAc,EAAE;QACdjF,IAAI,EAAC;UACH;UACAsB,IAAI,EAAE4D;QACR;MACF,CAAC;MACDC,YAAY,EAAC;QACXJ,sBAAsB,EAAE,EAAE;QAC1BC,uBAAuB,EAAE;MAC3B;IACF,CAAoB;IACpBb,QAAQ,EAAC;MACPlE,aAAa,EAAE,KAAK;MACpBe,OAAO,EAAE,EAAE;MACXC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAC;IACjB,CAAC;IACDkD,cAAc,EAAC,CAAC,CAAC;IACjBC,aAAa,EAAC;MACZ/D,IAAI,EAAC;QACHI,KAAK,EAACb,cAAc,CAACuF;MACvB;IACF,CAAC;IACDd,mBAAmB,EAAC;MAClBhE,IAAI,EAAC;QACHI,KAAK,EAAEb,cAAc,CAACwF;MACxB;IACF,CAAC;IACDd,YAAY,EAAE;MACZvE,IAAI,EAAC;QACH8C,YAAY,EAAE;MAChB,CAAC;MACDxC,IAAI,EAAC;QACHI,KAAK,EAACb,cAAc,CAACuF;MACvB;IACF,CAAC;IACDZ,kBAAkB,EAAC;MACjBxE,IAAI,EAAC;QACH8C,YAAY,EAAE;MAChB,CAAC;MACDxC,IAAI,EAAC;QACHI,KAAK,EAAEb,cAAc,CAACwF;MACxB;IACF;EACF,CAAmB,CAAC;EACpBvF,QAAQ,CAAC,eAAe,EAAE,EAAE,EAAE;IAC5ByC,IAAI,EAAE;MACJtB,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBQ,KAAK,EAAE,EAAE;MACTc,MAAM,EAAE,EAAE;MACVb,WAAW,EAAE,CAAC;MACdc,YAAY,EAAE,IAAI;MAClBvC,eAAe,EAAEL,cAAc,CAACM,qBAAqB;MACrDM,WAAW,EAAEZ,cAAc,CAAC6C;IAC9B;EACF,CAAmB,CAAC;EACpB5C,QAAQ,CAAC,UAAU,EAAE,EAAE,EAAE;IACvBiB,YAAY,EAAE;MACZd,aAAa,EAAE,QAAQ;MACvBgB,UAAU,EAAE,YAAY;MACxBC,cAAc,EAAE;IAClB,CAAC;IACDC,WAAW,EAAE;MACXlB,aAAa,EAAE,KAAK;MACpBgB,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,YAAY;MAC5Bb,SAAS,EAAE;IACb,CAAC;IACD4B,gBAAgB,EAAE;MAChBqD,UAAU,EAAE,EAAE;MACdhE,IAAI,EAAE,CAAC;MACPJ,cAAc,EAAE,YAAY;MAC5BjB,aAAa,EAAE,QAAQ;MACvBsF,QAAQ,EAAE,GAAG;MACbC,UAAU,EAAE;IACd,CAAC;IACD/B,aAAa,EAAE;MACb9B,WAAW,EAAE,CAAC;MACdzB,eAAe,EAAE,aAAa;MAC9BO,WAAW,EAAEZ,cAAc,CAAC6D;IAC9B;EACF,CAAmB,CAAC;EACpB5D,QAAQ,CAACH,aAAa,GAAG,MAAM,EAAE,EAAE,EAAE;IACnCgD,aAAa,EAAE;MACbO,IAAI,EAAE;QACJlD,IAAI,EAAC;UACHyF,SAAS,EAAE,CAAC;YAACC,OAAO,EAAC;UAAQ,CAAC;QAChC;MACF;IACF,CAAC;IACD7C,UAAU,EAAC;MACT7C,IAAI,EAAE;QACJ4C,WAAW,EAAE;MACf;IACF,CAAC;IACDQ,UAAU,EAAC;MACTpD,IAAI,EAAE;QACJ4C,WAAW,EAAE;MACf,CAAC;MACDM,IAAI,EAAC;QACHlD,IAAI,EAAC;UACHyF,SAAS,EAAE,CAAC;YAACC,OAAO,EAAC;UAAM,CAAC;QAC9B;MACF;IACF;EACF,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","backgroundColor","wizardBackgroundColor","display","minHeight","text","activeStep","wizardStepActiveColor","borderColor","color","wizardActiveStepColor","doneStep","wizardStepDoneColor","wizardDoneStepColor","wizardHeader","padding","alignItems","justifyContent","stepWrapper","zIndex","headerWrapper","flex","wizardBody","alignSelf","paddingTop","width","borderWidth","borderTopWidth","borderBottomWidth","wizardBorderColor","wizardFooter","buttonWrapper","stepTitleWrapper","stepTitle","textTransform","fontSize","wizardStepTitleColor","stepSubTitle","step","height","borderRadius","wizardStepColor","wizardActions","marginRight","nextButton","paddingRight","wizardNextBtnColor","prevButton","paddingLeft","icon","cancelButton","doneButton","wizardDoneBtnColor","stepIcon","wizardStepIconColor","skipLink","stepConnector","wizardStepConnectorColor","position","top","numberTextStepConnector","activeStepCounter","skeleton","stepCounter","progressCircle","popover","stepMenu","activeStepMenu","stepMenuLabel","stepMenuActiveLabel","stepMenuIcon","stepMenuActiveIcon","stepDot","activeStepDot","paddingBottom","paddingHorizontal","progressValue","menuBackgroundColor","borderBottomLeftRadius","borderBottomRightRadius","popoverContent","undefined","modalContent","menuItemTextColor","primaryColor","marginLeft","minWidth","flexShrink","transform","rotateY"],"sources":["wizard.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 { WmButtonStyles } from '@wavemaker/app-rn-runtime/components/basic/button/button.styles';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { WmAnchorStyles } from '@wavemaker/app-rn-runtime/components/basic/anchor/anchor.styles';\nimport { WmProgressCircleStyles } from '@wavemaker/app-rn-runtime/components/basic/progress-circle/progress-circle.styles';\nimport { WmPopoverStyles } from '@wavemaker/app-rn-runtime/components/navigation/popover/popover.styles';\nimport { WmLabelStyles } from '@wavemaker/app-rn-runtime/components/basic/label/label.styles';\nimport { TextStyle } from 'react-native';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmWizardStyles = BaseStyles & {\n  wizardHeader: AllStyle,\n  wizardBody: AllStyle,\n  wizardFooter: AllStyle,\n  wizardActions: WmButtonStyles,\n  stepTitleWrapper: AllStyle,\n  stepTitle: AllStyle,\n  stepSubTitle: AllStyle,\n  buttonWrapper: AllStyle,\n  step: AllStyle,\n  nextButton: WmButtonStyles,\n  doneButton: WmButtonStyles,\n  prevButton: WmButtonStyles,\n  cancelButton: WmButtonStyles,\n  stepIcon: WmIconStyles,\n  skipLink: WmAnchorStyles,\n  activeStep: AllStyle,\n  doneStep: AllStyle,\n  headerWrapper: AllStyle,\n  stepWrapper: AllStyle,\n  stepConnector: AllStyle,\n  numberTextStepConnector: AllStyle,\n  activeStepCounter: TextStyle,\n  stepCounter: AllStyle,\n  progressCircle: WmProgressCircleStyles,\n  popover: WmPopoverStyles,\n  stepMenu: AllStyle,\n  activeStepMenu: AllStyle,\n  stepMenuLabel: WmLabelStyles,\n  stepMenuActiveLabel: WmLabelStyles\n  stepMenuIcon: WmIconStyles,\n  stepMenuActiveIcon: WmIconStyles,\n  stepDot: AllStyle,\n  activeStepDot: AllStyle,\n  skeleton: WmSkeletonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-wizard';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmWizardStyles = defineStyles({\n      root: {\n        flexDirection: 'column',\n        backgroundColor: themeVariables.wizardBackgroundColor,\n        display: 'flex',\n        minHeight: 240\n      },\n      text: {},\n      activeStep:{\n          backgroundColor: themeVariables.wizardStepActiveColor,\n          borderColor: themeVariables.wizardStepActiveColor,\n          color: themeVariables.wizardActiveStepColor\n      },\n      doneStep: {\n        backgroundColor: themeVariables.wizardStepDoneColor,\n        color: themeVariables.wizardDoneStepColor,\n        borderColor: themeVariables.wizardStepDoneColor\n      },\n      wizardHeader: {\n        padding: 8,\n        flexDirection: 'row',\n        alignItems: 'flex-start',\n        justifyContent: 'center'\n      },\n      stepWrapper: {\n        alignItems: 'center',\n        justifyContent: 'center',\n        zIndex: 20\n      },\n      headerWrapper: {\n        flex: 1\n      },\n      wizardBody: {\n        alignSelf: 'flex-start',\n        paddingTop: 10,\n        width: '100%',\n        borderWidth: 0,\n        borderTopWidth: 1,\n        borderBottomWidth: 1,\n        borderColor: themeVariables.wizardBorderColor\n      },\n      wizardFooter: {\n        flexDirection: 'row',\n        justifyContent: 'flex-start',\n        padding: 12,\n        width: '100%',\n      },\n      buttonWrapper: {\n        flexDirection: 'row',\n      },\n      stepTitleWrapper: {\n        flex: 1,\n        justifyContent: 'center',\n        flexDirection: 'column'\n      },\n      stepTitle: {\n          textTransform: 'capitalize',\n          fontSize: 12,\n          color: themeVariables.wizardStepTitleColor\n      },\n      stepSubTitle:{\n        fontSize: 10,\n        color: themeVariables.wizardStepTitleColor\n      },\n      step: {\n        alignItems: 'center',\n        justifyContent: 'center',\n        width: 37,\n        backgroundColor: themeVariables.wizardBackgroundColor,\n        height: 37,\n        borderWidth: 1,\n        borderRadius: 18.5,\n        color: themeVariables.wizardStepColor,\n        borderColor: themeVariables.wizardStepColor\n      },\n      wizardActions: {\n        root: {\n          marginRight: 8\n        },\n        text : {\n          textTransform: 'capitalize',\n          fontSize: 14\n        }\n      } as WmButtonStyles,\n      nextButton: {\n        root: {\n          marginRight: 0,\n          paddingRight: 8,\n          backgroundColor: themeVariables.wizardNextBtnColor,\n          borderColor: themeVariables.wizardActiveStepColor\n        },\n        text:{\n          color: themeVariables.wizardActiveStepColor\n        }\n      } as WmButtonStyles,\n      prevButton: {\n        root: {\n          paddingLeft: 16\n        },\n        icon: {\n          icon:{\n          paddingRight: 0,\n          paddingLeft: 0\n          }\n        } as WmIconStyles\n      } as WmButtonStyles,\n      cancelButton: {\n        root:{\n          minHeight: 46\n        }\n      } as WmButtonStyles,\n      doneButton: {\n        root: {\n          marginRight: 0,\n          backgroundColor: themeVariables.wizardDoneBtnColor,\n          borderColor: themeVariables.wizardActiveStepColor\n        },\n        text:{\n          color: themeVariables.wizardActiveStepColor\n        },\n        icon: {\n          text: {\n            fontSize: 12,\n            color: themeVariables.wizardActiveStepColor\n          }\n        }\n      } as WmButtonStyles,\n      stepIcon: {\n          root: {\n            alignSelf: 'center',\n            justifyContent: 'center',\n            paddingLeft: 8\n          },\n          text: {\n            color: themeVariables.wizardStepIconColor,\n            fontSize: 15\n          },\n          icon: {\n            color: themeVariables.wizardStepIconColor\n          }\n      } as WmIconStyles,\n      skipLink: {\n        root: {\n        padding: 8,\n        alignSelf: 'flex-end'\n        },\n      } as WmAnchorStyles,\n      stepConnector: {\n        backgroundColor: themeVariables.wizardStepConnectorColor,\n        position: 'absolute',\n        top: 17.5,\n        zIndex: 10,\n        height: 2\n      },\n      numberTextStepConnector: {},\n      activeStepCounter: {\n        color: themeVariables.wizardActiveStepColor\n      },\n      skeleton: {  \n        root: {\n        }\n      } as WmSkeletonStyles,\n      stepCounter: {\n        fontSize: 15,\n        color: themeVariables.wizardStepColor\n      },\n      progressCircle:{} as WmProgressCircleStyles,\n      popover:{} as WmPopoverStyles,\n      stepMenu:{},\n      activeStepMenu:{},\n      stepMenuLabel: {} as WmLabelStyles,\n      stepMenuActiveLabel: {} as WmLabelStyles,\n      stepMenuIcon: {} as WmIconStyles,\n      stepMenuActiveIcon: {} as WmIconStyles,\n      stepDot: {\n        width: 8,\n        height: 8,\n        borderRadius: 4,\n        backgroundColor: themeVariables.wizardStepColor\n      },\n      activeStepDot: {\n        backgroundColor: themeVariables.wizardActiveStepColor\n      }\n  } as WmWizardStyles);\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle('number-text-inline', '', {\n    stepConnector: {\n      display: 'none'\n    },\n    numberTextStepConnector: {\n      backgroundColor: themeVariables.wizardStepConnectorColor,\n      height: 2,\n      display: 'flex'\n    },\n    stepWrapper: {\n      flexDirection: 'row'\n    },\n    wizardHeader: {\n      justifyContent: 'flex-start'\n    },\n    headerWrapper: {\n      flex: -1\n    },\n    stepTitleWrapper: {\n      flex: 0\n    },\n    stepTitle: {\n      padding: 5\n    },\n  } as WmWizardStyles);\n  addStyle('stepper-basic', '', {\n    step: {\n        alignItems: 'center',\n        justifyContent: 'center',\n        width: 60,\n        backgroundColor: themeVariables.wizardBackgroundColor,\n        height: 2,\n        borderWidth: 1,\n        borderRadius: 5,\n        color: themeVariables.wizardStepColor,\n        borderColor: themeVariables.wizardStepColor\n      },\n    activeStep:{\n      backgroundColor: themeVariables.wizardStepActiveColor,\n      borderColor: themeVariables.wizardStepActiveColor,\n      color: themeVariables.wizardActiveStepColor,\n      height: 2\n    },\n     doneStep: {\n        backgroundColor: themeVariables.wizardStepDoneColor,\n        color: themeVariables.wizardDoneStepColor,\n        borderColor: themeVariables.wizardStepDoneColor,\n        height: 2\n      },\n  } as WmWizardStyles);\n  addStyle('segment-steppe', '', {\n    step: {\n        alignItems: 'center',\n        justifyContent: 'center',\n        width: 90,\n        backgroundColor: themeVariables.wizardBackgroundColor,\n        height: 2,\n        borderWidth: 1,\n        borderRadius: 5,\n        color: themeVariables.wizardStepColor,\n        borderColor: themeVariables.wizardStepColor\n      },\n  } as WmWizardStyles);\n  addStyle('progress-circle-header', '', {\n    stepWrapper: {\n      paddingBottom: 4,\n      flexDirection: 'row',\n      alignItems: 'center'\n    },\n    wizardHeader: {\n      justifyContent: 'flex-start',\n      alignItems: 'center',\n      backgroundColor: themeVariables.wizardBackgroundColor,\n      height: 120,\n      borderRadius: 30\n    },\n    stepSubTitle:{\n      fontSize: 12,\n      paddingHorizontal: 5\n    },\n    headerWrapper: {\n      flex: 1\n    },\n    stepTitleWrapper: {\n      flex: 2\n    },\n    stepTitle: {\n      fontSize: 16,\n      paddingHorizontal: 5\n    },\n    progressCircle:{\n      root: { \n        height: 60, \n        width: 60 \n      }, \n      text: {},\n      progressValue:{\n        height: 8\n      }\n    },\n    popover:{\n      popover:{\n        width: 160,\n        paddingTop: 8,\n        paddingBottom: 8,\n        backgroundColor: themeVariables.menuBackgroundColor,\n        minHeight:160,\n        borderBottomLeftRadius: 28,\n        borderBottomRightRadius: 28  \n      },\n      popoverContent: {\n        root:{\n          //@ts-ignore\n          flex: undefined\n        }\n      },\n      modalContent:{\n        borderBottomLeftRadius: 28,\n        borderBottomRightRadius: 28\n      }\n    } as WmPopoverStyles,\n    stepMenu:{\n      flexDirection: 'row', \n      padding: 14, \n      alignItems: 'center', \n      justifyContent:'flex-start'\n    },\n    activeStepMenu:{},\n    stepMenuLabel:{\n      text:{\n        color:themeVariables.menuItemTextColor\n      }\n    },\n    stepMenuActiveLabel:{\n      text:{\n        color: themeVariables.primaryColor\n      }\n    },\n    stepMenuIcon: {\n      root:{\n        paddingRight: 4\n      },\n      text:{\n        color:themeVariables.menuItemTextColor\n      }\n    },\n    stepMenuActiveIcon:{\n      root:{\n        paddingRight: 4\n      },\n      text:{\n        color: themeVariables.primaryColor\n      }\n    }\n  } as WmWizardStyles);\n  addStyle('dottedstepper', '', {\n    step: {\n      alignItems: 'center',\n      justifyContent: 'center',\n      width: 37,\n      height: 37,\n      borderWidth: 2,\n      borderRadius: 18.5,\n      backgroundColor: themeVariables.wizardBackgroundColor,\n      borderColor: themeVariables.wizardStepColor\n    }\n  } as WmWizardStyles);\n  addStyle('vertical', '', {\n    wizardHeader: {\n      flexDirection: 'column',\n      alignItems: 'flex-start',\n      justifyContent: 'flex-start'\n    },\n    stepWrapper: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'flex-start',\n      minHeight: 56\n    },\n    stepTitleWrapper: {\n      marginLeft: 12,\n      flex: 0,\n      justifyContent: 'flex-start',\n      flexDirection: 'column',\n      minWidth: 120,\n      flexShrink: 0\n    },\n    stepConnector: {\n      borderWidth: 1,\n      backgroundColor: 'transparent',\n      borderColor: themeVariables.wizardStepConnectorColor\n    },\n  } as WmWizardStyles);\n  addStyle(DEFAULT_CLASS + '-rtl', '', {\n    wizardActions: {\n      icon: {\n        root:{\n          transform: [{rotateY:'180deg'}]\n        }\n      },\n    },\n    nextButton:{\n      root: {\n        marginRight: 8,\n      }\n    },\n    doneButton:{\n      root: {\n        marginRight: 8,\n      },\n      icon:{\n        root:{\n          transform: [{rotateY:'0deg'}]\n        }\n      }\n    }\n  });\n});\n"],"mappings":"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","ignoreList":[]}

package/components/container/wizard/wizardstep/wizardstep.component.js

@@ -11,6 +11,7 @@ export class WmWizardstepState extends BaseComponentState {
     super(...args);
     _defineProperty(this, "active", false);
     _defineProperty(this, "showContent", false);
+    _defineProperty(this, "isPartialLoaded", false);
   }
 }
 export default class WmWizardstep extends BaseComponent {
@@ -53,8 +54,8 @@ export default class WmWizardstep extends BaseComponent {
     this.updateState({
       active: true
     }, () => {
-      if (this.state.showContent) {
-        this.invokeEventCallback('onLoad', [this]);
+      if (this.state.showContent && !this.state.props.renderPartial) {
+        this.invokeEventCallback('onLoad', [this, this.state.props.index]);
       }
     });
   }
@@ -75,18 +76,36 @@ export default class WmWizardstep extends BaseComponent {
   invokeSkipCB(index) {
     this.invokeEventCallback('onSkip', [this.proxy, this, index]);
   }
+  onWizardPartialLoad() {
+    this.invokeEventCallback('onLoad', [this, this.state.props.index]);
+  }
+  renderContent(props) {
+    if (props.renderPartial) {
+      if (!this.state.isPartialLoaded) {
+        setTimeout(() => {
+          this.updateState({
+            isPartialLoaded: true
+          });
+        });
+      }
+      return props.renderPartial(props, this.onWizardPartialLoad.bind(this));
+    }
+    return props.children;
+  }
   renderWidget(props) {
     if (!this.state.showContent && this.isVisible()) {
       this.updateState({
         showContent: true
       }, () => {
-        this.invokeEventCallback('onLoad', [this]);
+        if (!props.renderPartial) {
+          this.invokeEventCallback('onLoad', [this, props.index]);
+        }
       });
     }
     return this.state.showContent && /*#__PURE__*/React.createElement(View, {
       style: this.styles.root,
       onLayout: event => this.handleLayout(event)
-    }, this._background, props.children);
+    }, this._background, this.renderContent(props));
   }
 }
 //# sourceMappingURL=wizardstep.component.js.map

package/components/container/wizard/wizardstep/wizardstep.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmWizardstepProps","DEFAULT_CLASS","WmWizardstepState","constructor","args","_defineProperty","WmWizardstep","props","componentDidMount","wizard","parent","addWizardStep","onPropertyChange","name","$new","$old","refresh","setTimeout","forceUpdate","setActive","updateState","active","state","showContent","invokeEventCallback","setInActive","isVisible","invokeNextCB","index","proxy","invokePrevCB","invokeSkipCB","renderWidget","createElement","style","styles","root","onLayout","event","handleLayout","_background","children"],"sources":["wizardstep.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 WmWizardstepProps from './wizardstep.props';\nimport { DEFAULT_CLASS, WmWizardstepStyles } from './wizardstep.styles';\nimport WmWizard from '../wizard.component';\nimport { isBoolean } from 'lodash-es';\n\nexport class WmWizardstepState extends BaseComponentState<WmWizardstepProps> {\n  active = false;\n  showContent: boolean = false;\n}\n\nexport default class WmWizardstep extends BaseComponent<WmWizardstepProps, WmWizardstepState, WmWizardstepStyles> {\n\n  constructor(props: WmWizardstepProps) {\n    super(props, DEFAULT_CLASS, new WmWizardstepProps(), new WmWizardstepState());\n  }\n\n  componentDidMount() {\n    const wizard = (this.parent) as WmWizard;\n    // When skeleton is enabled in the wizard component, the parent would be WMSkeleton which doesnot have addWizardStep function\n    if(wizard.addWizardStep) {\n      wizard.addWizardStep(this);\n    }\n    super.componentDidMount();\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    super.onPropertyChange(name, $new, $old);\n    switch(name) {\n      case 'title':\n        const wizard = (this.parent) as WmWizard;\n        wizard?.refresh();\n        break;\n      case 'disableprev':\n      case 'disablenext':\n      case 'disabledone':\n      case 'enableskip':\n        setTimeout(() => {\n          this.parent.forceUpdate();\n        }, 10);\n        break;\n      case 'show':\n        if($new !== $old){\n          setTimeout(() => {\n            this.parent.forceUpdate();\n          }, 10);\n        }\n        break;\n    }\n  }\n\n  setActive() {\n    this.updateState({\n      active: true\n    } as WmWizardstepState, () => {\n      if(this.state.showContent) {\n        this.invokeEventCallback('onLoad', [this]);\n      }\n    });\n  }\n\n  setInActive() {\n    this.updateState({\n      active: false\n    } as WmWizardstepState);\n  }\n\n  isVisible() {\n    return super.isVisible() && this.state.active;\n  }\n\n  invokeNextCB(index: number) : boolean {\n    return this.invokeEventCallback('onNext', [this.proxy, this, index]);\n  }\n\n  invokePrevCB(index: number) : boolean {\n    return this.invokeEventCallback('onPrev', [this.proxy, this, index]);\n  }\n\n  invokeSkipCB(index: number) {\n    this.invokeEventCallback('onSkip', [this.proxy, this, index]);\n  }\n  renderWidget(props: WmWizardstepProps) {\n    if(!this.state.showContent && this.isVisible()){\n      this.updateState({showContent: true} as WmWizardstepState, ()=>{\n        this.invokeEventCallback('onLoad', [this]);\n      });\n    }\n    return this.state.showContent && (\n      <View \n        style={this.styles.root}\n        onLayout={(event) => this.handleLayout(event)}\n      >\n        {this._background}\n        {props.children}\n      </View>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmWizardstepProps","DEFAULT_CLASS","WmWizardstepState","constructor","args","_defineProperty","WmWizardstep","props","componentDidMount","wizard","parent","addWizardStep","onPropertyChange","name","$new","$old","refresh","setTimeout","forceUpdate","setActive","updateState","active","state","showContent","renderPartial","invokeEventCallback","index","setInActive","isVisible","invokeNextCB","proxy","invokePrevCB","invokeSkipCB","onWizardPartialLoad","renderContent","isPartialLoaded","bind","children","renderWidget","createElement","style","styles","root","onLayout","event","handleLayout","_background"],"sources":["wizardstep.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 WmWizardstepProps from './wizardstep.props';\nimport { DEFAULT_CLASS, WmWizardstepStyles } from './wizardstep.styles';\nimport WmWizard from '../wizard.component';\nimport { isBoolean } from 'lodash-es';\n\nexport class WmWizardstepState extends BaseComponentState<WmWizardstepProps> {\n  active = false;\n  showContent: boolean = false;\n  isPartialLoaded = false;\n}\n\nexport default class WmWizardstep extends BaseComponent<WmWizardstepProps, WmWizardstepState, WmWizardstepStyles> {\n\n  constructor(props: WmWizardstepProps) {\n    super(props, DEFAULT_CLASS, new WmWizardstepProps(), new WmWizardstepState());\n  }\n\n  componentDidMount() {\n    const wizard = (this.parent) as WmWizard;\n    // When skeleton is enabled in the wizard component, the parent would be WMSkeleton which doesnot have addWizardStep function\n    if(wizard.addWizardStep) {\n      wizard.addWizardStep(this);\n    }\n    super.componentDidMount();\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    super.onPropertyChange(name, $new, $old);\n    switch(name) {\n      case 'title':\n        const wizard = (this.parent) as WmWizard;\n        wizard?.refresh();\n        break;\n      case 'disableprev':\n      case 'disablenext':\n      case 'disabledone':\n      case 'enableskip':\n        setTimeout(() => {\n          this.parent.forceUpdate();\n        }, 10);\n        break;\n      case 'show':\n        if($new !== $old){\n          setTimeout(() => {\n            this.parent.forceUpdate();\n          }, 10);\n        }\n        break;\n    }\n  }\n\n  setActive() {\n    this.updateState({\n      active: true\n    } as WmWizardstepState, () => {\n      if(this.state.showContent && !this.state.props.renderPartial) {\n        this.invokeEventCallback('onLoad', [this, this.state.props.index]);\n      }\n    });\n  }\n\n  setInActive() {\n    this.updateState({\n      active: false\n    } as WmWizardstepState);\n  }\n\n  isVisible() {\n    return super.isVisible() && this.state.active;\n  }\n\n  invokeNextCB(index: number) : boolean {\n    return this.invokeEventCallback('onNext', [this.proxy, this, index]);\n  }\n\n  invokePrevCB(index: number) : boolean {\n    return this.invokeEventCallback('onPrev', [this.proxy, this, index]);\n  }\n\n  invokeSkipCB(index: number) {\n    this.invokeEventCallback('onSkip', [this.proxy, this, index]);\n  }\n\n  onWizardPartialLoad() {\n    this.invokeEventCallback('onLoad', [this, this.state.props.index]);\n  }\n\n  renderContent(props: WmWizardstepProps) {\n    if (props.renderPartial) {\n      if (!this.state.isPartialLoaded) {\n        setTimeout(() => {\n          this.updateState({\n            isPartialLoaded: true\n          } as WmWizardstepState);\n        });\n      }\n      return props.renderPartial(props, this.onWizardPartialLoad.bind(this));\n    }\n    return props.children;\n  }\n\n  renderWidget(props: WmWizardstepProps) {\n    if(!this.state.showContent && this.isVisible()){\n      this.updateState({showContent: true} as WmWizardstepState, ()=>{\n        if (!props.renderPartial) {\n          this.invokeEventCallback('onLoad', [this, props.index]);\n        }\n      });\n    }\n    return this.state.showContent && (\n      <View \n        style={this.styles.root}\n        onLayout={(event) => this.handleLayout(event)}\n      >\n        {this._background}\n        {this.renderContent(props)}\n      </View>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/container/wizard/wizardstep/wizardstep.props.js

@@ -12,6 +12,8 @@ export default class WmWizardstepProps extends BaseProps {
     _defineProperty(this, "shownext", true);
     _defineProperty(this, "showdone", true);
     _defineProperty(this, "children", void 0);
+    _defineProperty(this, "renderPartial", void 0);
+    _defineProperty(this, "invokeVariables", true);
     _defineProperty(this, "enableskip", false);
     _defineProperty(this, "iconclass", 'wm-sl-l sl-check');
     _defineProperty(this, "title", 'Step Title');

package/components/container/wizard/wizardstep/wizardstep.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmWizardstepProps","constructor","args","_defineProperty"],"sources":["wizardstep.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmWizardstepProps extends BaseProps {\n  disableprev: boolean = false;\n  disablenext: boolean = false;\n  disabledone: boolean = false;\n  showprev: boolean = true;\n  shownext: boolean = true;\n  showdone: boolean = true;\n  children: any;\n  enableskip: boolean = false;\n  iconclass: string = 'wm-sl-l sl-check';\n  title: string = 'Step Title';\n  subtitle: string = 'Sub Title';\n  index: number = 0;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,iBAAiB,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,sBAChC,KAAK;IAAAA,eAAA,sBACL,KAAK;IAAAA,eAAA,sBACL,KAAK;IAAAA,eAAA,mBACR,IAAI;IAAAA,eAAA,mBACJ,IAAI;IAAAA,eAAA,mBACJ,IAAI;IAAAA,eAAA;IAAAA,eAAA,qBAEF,KAAK;IAAAA,eAAA,oBACP,kBAAkB;IAAAA,eAAA,gBACtB,YAAY;IAAAA,eAAA,mBACT,WAAW;IAAAA,eAAA,gBACd,CAAC;EAAA;AACnB","ignoreList":[]}
+{"version":3,"names":["BaseProps","WmWizardstepProps","constructor","args","_defineProperty"],"sources":["wizardstep.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmWizardstepProps extends BaseProps {\n  disableprev: boolean = false;\n  disablenext: boolean = false;\n  disabledone: boolean = false;\n  showprev: boolean = true;\n  shownext: boolean = true;\n  showdone: boolean = true;\n  children: any;\n  renderPartial?: Function;\n  invokeVariables = true;\n  enableskip: boolean = false;\n  iconclass: string = 'wm-sl-l sl-check';\n  title: string = 'Step Title';\n  subtitle: string = 'Sub Title';\n  index: number = 0;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,iBAAiB,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,sBAChC,KAAK;IAAAA,eAAA,sBACL,KAAK;IAAAA,eAAA,sBACL,KAAK;IAAAA,eAAA,mBACR,IAAI;IAAAA,eAAA,mBACJ,IAAI;IAAAA,eAAA,mBACJ,IAAI;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,0BAGN,IAAI;IAAAA,eAAA,qBACA,KAAK;IAAAA,eAAA,oBACP,kBAAkB;IAAAA,eAAA,gBACtB,YAAY;IAAAA,eAAA,mBACT,WAAW;IAAAA,eAAA,gBACd,CAAC;EAAA;AACnB","ignoreList":[]}

package/components/dialogs/dialogcontent/dialogcontent.component.js

@@ -24,7 +24,8 @@ export default class WmDialogcontent extends BaseComponent {
         maxHeight: this.styles.root.maxHeight
       }
     }, this._background, /*#__PURE__*/React.createElement(TouchableOpacity, {
-      activeOpacity: 1
+      activeOpacity: 1,
+      accessible: false
     }, /*#__PURE__*/React.createElement(React.Fragment, null, props.children)));
   }
 }

package/components/dialogs/dialogcontent/dialogcontent.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","TouchableOpacity","ScrollView","BaseComponent","BaseComponentState","WmDialogcontentProps","DEFAULT_CLASS","WmDialogcontentState","WmDialogcontent","constructor","props","renderWidget","createElement","onLayout","event","handleLayout","contentContainerStyle","styles","root","maxHeight","undefined","onScroll","notify","scrollEventThrottle","showsVerticalScrollIndicator","style","_background","activeOpacity","Fragment","children"],"sources":["dialogcontent.component.tsx"],"sourcesContent":["import React from 'react';\nimport { TouchableOpacity } from 'react-native';\nimport { ScrollView } from 'react-native-gesture-handler';\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      onLayout={(event) => this.handleLayout(event)}\n      contentContainerStyle={[this.styles.root, {maxHeight: undefined}]}\n      onScroll={(event) => {this.notify('scroll', [event])}}\n      scrollEventThrottle={48}\n      showsVerticalScrollIndicator={false}\n      style={{maxHeight: this.styles.root.maxHeight}}>\n        {this._background}\n\n        {/* *IMPORTANT: Pan responder in WmDialog interfering with scroll of ScrollView [https://github.com/facebook/react-native/issues/11206] */}\n        <TouchableOpacity \n          activeOpacity={1}\n        >\n          <>\n            {props.children}\n          </>\n        </TouchableOpacity>\n    </ScrollView>);\n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,QAAQ,cAAc;AAC/C,SAASC,UAAU,QAAQ,8BAA8B;AACzD,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,oBAAQV,KAAA,CAAAY,aAAA,CAACV,UAAU;MACjBW,QAAQ,EAAGC,KAAK,IAAK,IAAI,CAACC,YAAY,CAACD,KAAK,CAAE;MAC9CE,qBAAqB,EAAE,CAAC,IAAI,CAACC,MAAM,CAACC,IAAI,EAAE;QAACC,SAAS,EAAEC;MAAS,CAAC,CAAE;MAClEC,QAAQ,EAAGP,KAAK,IAAK;QAAC,IAAI,CAACQ,MAAM,CAAC,QAAQ,EAAE,CAACR,KAAK,CAAC,CAAC;MAAA,CAAE;MACtDS,mBAAmB,EAAE,EAAG;MACxBC,4BAA4B,EAAE,KAAM;MACpCC,KAAK,EAAE;QAACN,SAAS,EAAE,IAAI,CAACF,MAAM,CAACC,IAAI,CAACC;MAAS;IAAE,GAC5C,IAAI,CAACO,WAAW,eAGjB1B,KAAA,CAAAY,aAAA,CAACX,gBAAgB;MACf0B,aAAa,EAAE;IAAE,gBAEjB3B,KAAA,CAAAY,aAAA,CAAAZ,KAAA,CAAA4B,QAAA,QACGlB,KAAK,CAACmB,QACP,CACc,CACV,CAAC;EACf;AACF","ignoreList":[]}
+{"version":3,"names":["React","TouchableOpacity","ScrollView","BaseComponent","BaseComponentState","WmDialogcontentProps","DEFAULT_CLASS","WmDialogcontentState","WmDialogcontent","constructor","props","renderWidget","createElement","onLayout","event","handleLayout","contentContainerStyle","styles","root","maxHeight","undefined","onScroll","notify","scrollEventThrottle","showsVerticalScrollIndicator","style","_background","activeOpacity","accessible","Fragment","children"],"sources":["dialogcontent.component.tsx"],"sourcesContent":["import React from 'react';\nimport { TouchableOpacity } from 'react-native';\nimport { ScrollView } from 'react-native-gesture-handler';\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      onLayout={(event) => this.handleLayout(event)}\n      contentContainerStyle={[this.styles.root, {maxHeight: undefined}]}\n      onScroll={(event) => {this.notify('scroll', [event])}}\n      scrollEventThrottle={48}\n      showsVerticalScrollIndicator={false}\n      style={{maxHeight: this.styles.root.maxHeight}}>\n        {this._background}\n\n        {/* *IMPORTANT: Pan responder in WmDialog interfering with scroll of ScrollView [https://github.com/facebook/react-native/issues/11206] */}\n        <TouchableOpacity \n          activeOpacity={1}\n          accessible={false}\n        >\n          <>\n            {props.children}\n          </>\n        </TouchableOpacity>\n    </ScrollView>);\n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,QAAQ,cAAc;AAC/C,SAASC,UAAU,QAAQ,8BAA8B;AACzD,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,oBAAQV,KAAA,CAAAY,aAAA,CAACV,UAAU;MACjBW,QAAQ,EAAGC,KAAK,IAAK,IAAI,CAACC,YAAY,CAACD,KAAK,CAAE;MAC9CE,qBAAqB,EAAE,CAAC,IAAI,CAACC,MAAM,CAACC,IAAI,EAAE;QAACC,SAAS,EAAEC;MAAS,CAAC,CAAE;MAClEC,QAAQ,EAAGP,KAAK,IAAK;QAAC,IAAI,CAACQ,MAAM,CAAC,QAAQ,EAAE,CAACR,KAAK,CAAC,CAAC;MAAA,CAAE;MACtDS,mBAAmB,EAAE,EAAG;MACxBC,4BAA4B,EAAE,KAAM;MACpCC,KAAK,EAAE;QAACN,SAAS,EAAE,IAAI,CAACF,MAAM,CAACC,IAAI,CAACC;MAAS;IAAE,GAC5C,IAAI,CAACO,WAAW,eAGjB1B,KAAA,CAAAY,aAAA,CAACX,gBAAgB;MACf0B,aAAa,EAAE,CAAE;MACjBC,UAAU,EAAE;IAAM,gBAElB5B,KAAA,CAAAY,aAAA,CAAAZ,KAAA,CAAA6B,QAAA,QACGnB,KAAK,CAACoB,QACP,CACc,CACV,CAAC;EACf;AACF","ignoreList":[]}

package/components/input/checkboxset/checkboxset.component.js

@@ -72,7 +72,7 @@ export default class WmCheckboxset extends BaseDatasetComponent {
       disabled: props.readonly || props.disabled,
       id: this.getTestId('item' + index),
       accessible: false
-    }), !isEmpty(this.state.template) && this.props.renderitempartial ? this.props.renderitempartial(item.dataObject, index, this.state.template) : /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel(index + ''), {
+    }), !isEmpty(this.state.template) && this.props.renderitempartial ? this.props.renderitempartial(item.dataObject, index, this.state.template) : /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel("label" + index), {
       style: [this.styles.text, item.selected ? this.styles.selectedLabel : null],
       importantForAccessibility: "no"
     }), displayText));

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

@@ -1 +1 @@
-{"version":3,"names":["React","Text","View","TouchableOpacity","Platform","ScrollView","find","forEach","isEqual","isEmpty","WmCheckboxsetProps","DEFAULT_CLASS","BaseDatasetComponent","BaseDatasetState","WmIcon","AccessibilityWidgetType","getAccessibilityProps","getNumberOfEmptyObjects","WmLabel","WmCheckboxsetState","constructor","args","_defineProperty","WmCheckboxset","props","onPress","item","state","disabled","readonly","invokeEventCallback","proxy","selected","selectedValue","selectedItem","dataItems","d","key","oldValue","datavalue","push","datafield","validate","updateState","computeDisplayValue","undefined","renderChild","index","colWidth","displayText","displayexp","displayfield","accessibilityProps","accessibilityLabel","accessibilityRole","accessibilityState","createElement","_extends","getTestPropsForAction","style","styles","checkedItem","width","bind","iconclass","checkicon","uncheckicon","id","getTestId","accessible","template","renderitempartial","dataObject","getTestPropsForLabel","text","selectedLabel","importantForAccessibility","displayValue","filter","map","updateDatavalue","value","Promise","resolve","setTemplate","partialName","renderGroupby","groupedData","length","groupObj","groupHeaderTitle","renderCheckboxses","data","items","noOfColumns","itemsperrow","xs","Math","round","flexWrap","flexDirection","CHECKBOXSET","renderSkeleton","_ref","numberofskeletonitems","_","root","renderWidget","onLayout","event","handleLayout","horizontal","isRTL","OS","transform","scaleX","contentContainerStyle","groupby"],"sources":["checkboxset.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View, TouchableOpacity, DimensionValue, Platform, AccessibilityRole } from 'react-native';\nimport { ScrollView } from 'react-native-gesture-handler';\nimport { find, forEach, isEqual,  isEmpty } from 'lodash';\nimport WmCheckboxsetProps from './checkboxset.props';\nimport {\n  DEFAULT_CLASS,\n\n  WmCheckboxsetStyles,\n} from './checkboxset.styles';\nimport {\n  BaseDatasetComponent,\n  BaseDatasetState,\n} from '@wavemaker/app-rn-runtime/components/input/basedataset/basedataset.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\nimport { getNumberOfEmptyObjects } from '@wavemaker/app-rn-runtime/core/utils';\nimport WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.component';\n\nexport class WmCheckboxsetState extends BaseDatasetState<WmCheckboxsetProps> {\n  isValid: boolean = true;\n  template: string = \"\";\n}\n\nexport default class WmCheckboxset extends BaseDatasetComponent<WmCheckboxsetProps, WmCheckboxsetState, WmCheckboxsetStyles> {\n  constructor(props: WmCheckboxsetProps) {\n    super(props, DEFAULT_CLASS, new WmCheckboxsetProps());\n  }\n\n  onPress(item: any) {\n    if (this.state.props.disabled || this.state.props.readonly) {\n      return;\n    }\n    this.invokeEventCallback('onTap', [null, this.proxy]);\n    item.selected = !item.selected;\n    const selectedValue: any = [];\n    const selectedItem = find(this.state.dataItems, d => isEqual(d.key, item.key));\n    const oldValue = this.state.props.datavalue;\n    selectedItem.selected = item.selected;\n    forEach(this.state.dataItems, (item) => {\n        if (item.selected) {\n          selectedValue.push(item.datafield);\n        }\n    });\n    this.validate(selectedValue);\n    this.updateState({ props: { datavalue: selectedValue }} as WmCheckboxsetState,\n      () => {\n        this.computeDisplayValue();\n        this.invokeEventCallback('onChange', [ undefined, this.proxy, selectedValue, oldValue ]);\n      });\n  }\n\n  renderChild(item: any, index: any,colWidth: DimensionValue) {\n    const props = this.state.props;\n    const displayText = item.displayexp || item.displayfield;\n    const accessibilityProps = { accessibilityLabel: displayText ,\n      accessibilityRole: 'checkbox' as AccessibilityRole,\n      accessibilityState: {\n        disabled: this.props.readonly || this.props.disabled,\n        selected: item.selected,\n      }\n    }\n    return (\n      <TouchableOpacity {...this.getTestPropsForAction(index + '')}\n        style={[this.styles.item, item.selected ? this.styles.checkedItem : null, {width: colWidth}]}\n        onPress={this.onPress.bind(this, item)} key={item.key} {...accessibilityProps}>\n        <WmIcon iconclass=\"wi wi-check\" styles={item.selected? this.styles.checkicon : this.styles.uncheckicon} disabled={props.readonly || props.disabled} id={this.getTestId('item'+index)} accessible={false}/>\n        {!isEmpty(this.state.template) && this.props.renderitempartial ?\n           this.props.renderitempartial(item.dataObject, index, this.state.template) :\n        <Text {...this.getTestPropsForLabel(index + '')} style={[this.styles.text, item.selected ? this.styles.selectedLabel: null]} importantForAccessibility='no'>{displayText}</Text>}\n      </TouchableOpacity>)\n  }\n\n  computeDisplayValue() {\n    this.updateState({\n      props: {\n        displayValue: ((this.state.dataItems || [] as any)\n          .filter((item: any) => item.selected)\n          .map((item: any) => item.displayexp || item.displayfield)) || ''\n      }\n    } as WmCheckboxsetState);\n  }\n\n  updateDatavalue(value: any) {\n    this.updateState({ props: { datavalue: value }} as WmCheckboxsetState);\n    return Promise.resolve();\n  }\n\n  setTemplate(partialName: any) {\n    this.updateState({ template: partialName} as WmCheckboxsetState);\n  }\n\n  renderGroupby() {\n    const groupedData = this.state.groupedData;\n    return (\n      <View>\n        {groupedData && groupedData.length\n          ? groupedData.map((groupObj: any, index: any) => {\n            return(\n              <View key={groupObj.key}>\n                <Text style={this.styles.groupHeaderTitle}>{groupObj.key}</Text>\n                {this.renderCheckboxses(groupObj.data)}\n              </View>)\n          })\n          : null}\n      </View>\n    );\n  }\n\n  renderCheckboxses(items: any) {\n    const props = this.state.props;\n    const noOfColumns = props.itemsperrow.xs || 1;\n    const colWidth = Math.round(100/ noOfColumns) + '%' as DimensionValue;\n    return(<View style = {noOfColumns === 1 ? {} : {flexWrap: 'wrap', flexDirection: 'row'}} {...getAccessibilityProps(AccessibilityWidgetType.CHECKBOXSET, props)}>\n      {items && items.length\n        ? items.map((item: any, index: any) => this.renderChild(item, index, colWidth))\n        : null}\n    </View>)\n  }\n\n  public renderSkeleton(props: WmCheckboxsetProps): React.ReactNode {\n    const noOfColumns = props.itemsperrow.xs || 1;\n    const colWidth = Math.round(100/ noOfColumns) + '%' as DimensionValue;\n\n    return [...getNumberOfEmptyObjects(props.numberofskeletonitems as number ?? 3)].map(_ => {\n      return <View style={[this.styles.item, {width: colWidth}]}>\n        <WmIcon styles={this.styles.checkicon}/>\n        <WmLabel styles={{ root: this.styles.text }}/>\n      </View>\n    })\n  }\n\n  renderWidget(props: WmCheckboxsetProps) {\n    const items = this.state.dataItems;\n    return (\n      <ScrollView style={this.styles.root} onLayout={(event) => this.handleLayout(event)}>\n        <ScrollView horizontal={true}\n          style={this.isRTL && Platform.OS == 'android' ? { transform: [{ scaleX: -1 }] } : {}}\n          contentContainerStyle={this.isRTL && Platform.OS == 'android' ? { transform: [{ scaleX: -1 }] } : {}}\n        >\n          {props.groupby && this.renderGroupby()}\n          {!props.groupby && this.renderCheckboxses(items)}\n        </ScrollView>\n      </ScrollView>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Text","View","TouchableOpacity","Platform","ScrollView","find","forEach","isEqual","isEmpty","WmCheckboxsetProps","DEFAULT_CLASS","BaseDatasetComponent","BaseDatasetState","WmIcon","AccessibilityWidgetType","getAccessibilityProps","getNumberOfEmptyObjects","WmLabel","WmCheckboxsetState","constructor","args","_defineProperty","WmCheckboxset","props","onPress","item","state","disabled","readonly","invokeEventCallback","proxy","selected","selectedValue","selectedItem","dataItems","d","key","oldValue","datavalue","push","datafield","validate","updateState","computeDisplayValue","undefined","renderChild","index","colWidth","displayText","displayexp","displayfield","accessibilityProps","accessibilityLabel","accessibilityRole","accessibilityState","createElement","_extends","getTestPropsForAction","style","styles","checkedItem","width","bind","iconclass","checkicon","uncheckicon","id","getTestId","accessible","template","renderitempartial","dataObject","getTestPropsForLabel","text","selectedLabel","importantForAccessibility","displayValue","filter","map","updateDatavalue","value","Promise","resolve","setTemplate","partialName","renderGroupby","groupedData","length","groupObj","groupHeaderTitle","renderCheckboxses","data","items","noOfColumns","itemsperrow","xs","Math","round","flexWrap","flexDirection","CHECKBOXSET","renderSkeleton","_ref","numberofskeletonitems","_","root","renderWidget","onLayout","event","handleLayout","horizontal","isRTL","OS","transform","scaleX","contentContainerStyle","groupby"],"sources":["checkboxset.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View, TouchableOpacity, DimensionValue, Platform, AccessibilityRole } from 'react-native';\nimport { ScrollView } from 'react-native-gesture-handler';\nimport { find, forEach, isEqual,  isEmpty } from 'lodash';\nimport WmCheckboxsetProps from './checkboxset.props';\nimport {\n  DEFAULT_CLASS,\n\n  WmCheckboxsetStyles,\n} from './checkboxset.styles';\nimport {\n  BaseDatasetComponent,\n  BaseDatasetState,\n} from '@wavemaker/app-rn-runtime/components/input/basedataset/basedataset.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\nimport { getNumberOfEmptyObjects } from '@wavemaker/app-rn-runtime/core/utils';\nimport WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.component';\n\nexport class WmCheckboxsetState extends BaseDatasetState<WmCheckboxsetProps> {\n  isValid: boolean = true;\n  template: string = \"\";\n}\n\nexport default class WmCheckboxset extends BaseDatasetComponent<WmCheckboxsetProps, WmCheckboxsetState, WmCheckboxsetStyles> {\n  constructor(props: WmCheckboxsetProps) {\n    super(props, DEFAULT_CLASS, new WmCheckboxsetProps());\n  }\n\n  onPress(item: any) {\n    if (this.state.props.disabled || this.state.props.readonly) {\n      return;\n    }\n    this.invokeEventCallback('onTap', [null, this.proxy]);\n    item.selected = !item.selected;\n    const selectedValue: any = [];\n    const selectedItem = find(this.state.dataItems, d => isEqual(d.key, item.key));\n    const oldValue = this.state.props.datavalue;\n    selectedItem.selected = item.selected;\n    forEach(this.state.dataItems, (item) => {\n        if (item.selected) {\n          selectedValue.push(item.datafield);\n        }\n    });\n    this.validate(selectedValue);\n    this.updateState({ props: { datavalue: selectedValue }} as WmCheckboxsetState,\n      () => {\n        this.computeDisplayValue();\n        this.invokeEventCallback('onChange', [ undefined, this.proxy, selectedValue, oldValue ]);\n      });\n  }\n\n  renderChild(item: any, index: any,colWidth: DimensionValue) {\n    const props = this.state.props;\n    const displayText = item.displayexp || item.displayfield;\n    const accessibilityProps = { accessibilityLabel: displayText ,\n      accessibilityRole: 'checkbox' as AccessibilityRole,\n      accessibilityState: {\n        disabled: this.props.readonly || this.props.disabled,\n        selected: item.selected,\n      }\n    }\n    return (\n      <TouchableOpacity {...this.getTestPropsForAction(index + '')}\n        style={[this.styles.item, item.selected ? this.styles.checkedItem : null, {width: colWidth}]}\n        onPress={this.onPress.bind(this, item)} key={item.key} {...accessibilityProps}>\n        <WmIcon iconclass=\"wi wi-check\" styles={item.selected? this.styles.checkicon : this.styles.uncheckicon} disabled={props.readonly || props.disabled} id={this.getTestId('item'+index)} accessible={false}/>\n        {!isEmpty(this.state.template) && this.props.renderitempartial ?\n           this.props.renderitempartial(item.dataObject, index, this.state.template) :\n        <Text {...this.getTestPropsForLabel(\"label\"+index)} style={[this.styles.text, item.selected ? this.styles.selectedLabel: null]} importantForAccessibility='no'>{displayText}</Text>}\n      </TouchableOpacity>)\n  }\n\n  computeDisplayValue() {\n    this.updateState({\n      props: {\n        displayValue: ((this.state.dataItems || [] as any)\n          .filter((item: any) => item.selected)\n          .map((item: any) => item.displayexp || item.displayfield)) || ''\n      }\n    } as WmCheckboxsetState);\n  }\n\n  updateDatavalue(value: any) {\n    this.updateState({ props: { datavalue: value }} as WmCheckboxsetState);\n    return Promise.resolve();\n  }\n\n  setTemplate(partialName: any) {\n    this.updateState({ template: partialName} as WmCheckboxsetState);\n  }\n\n  renderGroupby() {\n    const groupedData = this.state.groupedData;\n    return (\n      <View>\n        {groupedData && groupedData.length\n          ? groupedData.map((groupObj: any, index: any) => {\n            return(\n              <View key={groupObj.key}>\n                <Text style={this.styles.groupHeaderTitle}>{groupObj.key}</Text>\n                {this.renderCheckboxses(groupObj.data)}\n              </View>)\n          })\n          : null}\n      </View>\n    );\n  }\n\n  renderCheckboxses(items: any) {\n    const props = this.state.props;\n    const noOfColumns = props.itemsperrow.xs || 1;\n    const colWidth = Math.round(100/ noOfColumns) + '%' as DimensionValue;\n    return(<View style = {noOfColumns === 1 ? {} : {flexWrap: 'wrap', flexDirection: 'row'}} {...getAccessibilityProps(AccessibilityWidgetType.CHECKBOXSET, props)}>\n      {items && items.length\n        ? items.map((item: any, index: any) => this.renderChild(item, index, colWidth))\n        : null}\n    </View>)\n  }\n\n  public renderSkeleton(props: WmCheckboxsetProps): React.ReactNode {\n    const noOfColumns = props.itemsperrow.xs || 1;\n    const colWidth = Math.round(100/ noOfColumns) + '%' as DimensionValue;\n\n    return [...getNumberOfEmptyObjects(props.numberofskeletonitems as number ?? 3)].map(_ => {\n      return <View style={[this.styles.item, {width: colWidth}]}>\n        <WmIcon styles={this.styles.checkicon}/>\n        <WmLabel styles={{ root: this.styles.text }}/>\n      </View>\n    })\n  }\n\n  renderWidget(props: WmCheckboxsetProps) {\n    const items = this.state.dataItems;\n    return (\n      <ScrollView style={this.styles.root} onLayout={(event) => this.handleLayout(event)}>\n        <ScrollView horizontal={true}\n          style={this.isRTL && Platform.OS == 'android' ? { transform: [{ scaleX: -1 }] } : {}}\n          contentContainerStyle={this.isRTL && Platform.OS == 'android' ? { transform: [{ scaleX: -1 }] } : {}}\n        >\n          {props.groupby && this.renderGroupby()}\n          {!props.groupby && this.renderCheckboxses(items)}\n        </ScrollView>\n      </ScrollView>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/input/radioset/radioset.component.js

@@ -63,7 +63,7 @@ export default class WmRadioset extends BaseDatasetComponent {
       style: [itemStyle, item.selected ? this.styles.selectedItem : null],
       onPress: this.onPress.bind(this, item),
       key: item.key
-    }, this.getTestPropsForAction("radio" + index), accessibilityProps), /*#__PURE__*/React.createElement(WmIcon, {
+    }, accessibilityProps, this.getTestPropsForAction("radio" + index)), /*#__PURE__*/React.createElement(WmIcon, {
       id: this.getTestId('radiobutton' + index),
       iconclass: "wi wi-fiber-manual-record",
       styles: item.selected ? this.styles.checkedRadio : this.styles.uncheckedRadio,
@@ -122,7 +122,10 @@ export default class WmRadioset extends BaseDatasetComponent {
     const items = this.state.dataItems;
     return props.radiosetscroll ? /*#__PURE__*/React.createElement(ScrollView, {
       style: this.styles.root,
-      onLayout: event => this.handleLayout(event)
+      onLayout: event => this.handleLayout(event),
+      accessible: false,
+      bounces: false,
+      alwaysBounceVertical: false
     }, /*#__PURE__*/React.createElement(ScrollView, _extends({
       horizontal: true,
       style: this.isRTL && Platform.OS == 'android' ? {
@@ -135,7 +138,9 @@ export default class WmRadioset extends BaseDatasetComponent {
           scaleX: -1
         }]
       } : {}
-    }, getAccessibilityProps(AccessibilityWidgetType.RADIOSET, this.props)), props.groupby && this.renderGroupby(), !props.groupby && this.renderRadioButtons(items))) : /*#__PURE__*/React.createElement(View, _extends({
+    }, getAccessibilityProps(AccessibilityWidgetType.RADIOSET, this.props), {
+      accessible: false
+    }), props.groupby && this.renderGroupby(), !props.groupby && this.renderRadioButtons(items))) : /*#__PURE__*/React.createElement(View, _extends({
       style: [this.styles.root],
       onLayout: event => this.handleLayout(event)
     }, getAccessibilityProps(AccessibilityWidgetType.RADIOSET, this.props)), props.groupby && this.renderGroupby(), !props.groupby && this.renderRadioButtons(items));

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","TouchableOpacity","Platform","ScrollView","WmRadiosetProps","DEFAULT_CLASS","BaseDatasetComponent","BaseDatasetState","WmIcon","AccessibilityWidgetType","getAccessibilityProps","find","isEqual","isEmpty","WmLabel","getNumberOfEmptyObjects","WmRadiosetState","constructor","args","_defineProperty","WmRadioset","props","onPress","item","state","disabled","readonly","invokeEventCallback","proxy","selected","selectedValue","selectedItem","dataItems","d","key","oldValue","datavalue","datafield","validate","updateState","computeDisplayValue","undefined","renderChild","index","colWidth","displayText","displayexp","displayfield","value","getItemKey","itemStyle","width","styles","noscrollitem","accessibilityProps","accessibilityLabel","accessibilityRole","accessibilityState","createElement","_extends","style","bind","getTestPropsForAction","id","getTestId","iconclass","checkedRadio","uncheckedRadio","accessible","template","renderitempartial","dataObject","radioLabel","selectedLabel","getTestPropsForLabel","setTemplate","partialName","renderGroupby","groupedData","length","map","groupObj","groupHeaderTitle","renderRadioButtons","data","items","noOfColumns","itemsperrow","xs","Math","round","radiosetscroll","group","renderSkeleton","_ref","numberofskeletonitems","_","skeleton","renderWidget","root","onLayout","event","handleLayout","horizontal","isRTL","OS","transform","scaleX","contentContainerStyle","RADIOSET","groupby"],"sources":["radioset.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text, DimensionValue, TouchableOpacity, Platform, AccessibilityRole } from 'react-native';\nimport { ScrollView } from 'react-native-gesture-handler';\n\nimport WmRadiosetProps from './radioset.props';\nimport { DEFAULT_CLASS, WmRadiosetStyles } from './radioset.styles';\nimport {\n  BaseDatasetComponent,\n  BaseDatasetState\n} from '@wavemaker/app-rn-runtime/components/input/basedataset/basedataset.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport WmSkeleton, { createSkeleton } from '../../basic/skeleton/skeleton.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\nimport { find, forEach, isEqual } from 'lodash-es';\nimport { isEmpty } from 'lodash';\nimport WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.component';\nimport { getNumberOfEmptyObjects } from '@wavemaker/app-rn-runtime/core/utils';\n\nexport class WmRadiosetState extends BaseDatasetState<WmRadiosetProps> {\n  template: string = '';\n}\n\nexport default class WmRadioset extends BaseDatasetComponent<WmRadiosetProps, WmRadiosetState, WmRadiosetStyles> {\n\n  constructor(props: WmRadiosetProps) {\n    super(props, DEFAULT_CLASS, new WmRadiosetProps());\n  }\n\n  onPress(item: any) {\n    if (this.state.props.disabled || this.state.props.readonly) {\n      return;\n    }\n    this.invokeEventCallback('onTap', [null, this.proxy]);\n    item.selected = true;\n    let selectedValue: any = \"\";\n    const selectedItem = find(this.state.dataItems, d => isEqual(d.key, item.key));\n    const oldValue = this.state.props.datavalue;\n    selectedItem.selected = item.selected;\n    selectedValue = selectedItem.selected ? selectedItem.datafield : null;\n    this.validate(selectedValue);\n    this.updateState({ props: { datavalue: selectedValue }} as WmRadiosetState,() => {\n      this.computeDisplayValue();\n      this.invokeEventCallback('onChange', [ undefined, this.proxy, selectedValue, oldValue ]);\n    });\n  }\n\n  renderChild(item: any, index: any, colWidth?: DimensionValue) {\n    const displayText = item.displayexp || item.displayfield;\n    const value = this.state.props.datafield === 'All Fields' ? this.getItemKey(item.datafield) : item.datafield;\n    const itemStyle = colWidth  ? [{ width: colWidth }, this.styles.item] \n    : [this.styles.noscrollitem];\n    const accessibilityProps = { accessibilityLabel: displayText ,\n      accessibilityRole: 'radio' as AccessibilityRole,\n      accessibilityState: {\n        disabled: this.props.readonly || this.props.disabled,\n        selected: item.selected,\n      }\n    }\n    return (\n      <TouchableOpacity style={[\n        itemStyle,\n         item.selected ? this.styles.selectedItem : null]}\n         onPress={this.onPress.bind(this, item)} key={item.key} {...this.getTestPropsForAction(\"radio\"+index)} {...accessibilityProps}>\n          <WmIcon id={this.getTestId('radiobutton' + index)} iconclass=\"wi wi-fiber-manual-record\" styles={item.selected ? this.styles.checkedRadio : this.styles.uncheckedRadio} disabled={this.state.props.readonly || this.state.props.disabled} accessible={false}></WmIcon>\n          {!isEmpty(this.state.template) && this.props.renderitempartial ?\n          this.props.renderitempartial(item.dataObject, index, this.state.template) : <Text style={[this.styles.radioLabel, item.selected ? this.styles.selectedLabel : null]} {...this.getTestPropsForLabel('caption'+index)}>{displayText}</Text>}\n      </TouchableOpacity>)\n  }\n\n  setTemplate(partialName: any) {\n    this.updateState({ template: partialName } as WmRadiosetState);\n  }\n\n  renderGroupby() {\n    const groupedData = this.state.groupedData;\n    return (\n      <View accessibilityRole='radiogroup'>\n        {groupedData && groupedData.length\n          ? groupedData.map((groupObj: any, index: any) => {\n            return(\n              <View key={groupObj.key}>\n                <Text style={this.styles.groupHeaderTitle}>{groupObj.key}</Text>\n                {this.renderRadioButtons(groupObj.data)}\n              </View>)\n          })\n          : null}\n      </View>\n    );\n  }\n\n  renderRadioButtons(items: any) {\n    const props = this.state.props;\n    const noOfColumns = props.itemsperrow.xs || 1;\n    const colWidth = Math.round(100/ noOfColumns) + '%' as DimensionValue;\n    return props.radiosetscroll ? (\n      <View style={noOfColumns === 1 ? {} : this.styles.group}>\n        {items && items.length ?\n          items.map((item: any, index: any) => this.renderChild(item, index, colWidth)): null}\n      </View>\n      ) : (\n       <View style={[this.styles.group]}>\n          {items && items.length ?\n           items.map((item: any, index: any) => this.renderChild(item, index)): null}\n       </View>\n      )\n  }\n\n  public renderSkeleton(props: WmRadiosetProps): React.ReactNode {\n    const noOfColumns = props.itemsperrow.xs || 1;\n    const colWidth = Math.round(100/ noOfColumns) + '%' as DimensionValue;\n\n    return [...getNumberOfEmptyObjects(props.numberofskeletonitems as number ?? 5)].map(_ => {\n      return <View style={[this.styles.item, {width: colWidth}]}>\n        <WmIcon styles={this.styles.checkedRadio}/>\n        <WmLabel styles={{ skeleton: this.styles.skeleton }}/>\n      </View>\n    })\n\n  }\n\n  renderWidget(props: WmRadiosetProps) {\n    const items = this.state.dataItems;\n    return props.radiosetscroll ? (\n      <ScrollView style={this.styles.root} onLayout={(event) => this.handleLayout(event)}>\n        <ScrollView horizontal={true}\n          style={this.isRTL && Platform.OS == 'android' ? { transform: [{ scaleX: -1 }] } : {}}\n          contentContainerStyle={this.isRTL && Platform.OS == 'android' ? { transform: [{ scaleX: -1 }] } : {}}\n          {...getAccessibilityProps(AccessibilityWidgetType.RADIOSET, this.props)}\n        >\n          {props.groupby && this.renderGroupby()}\n          {!props.groupby && this.renderRadioButtons(items)}\n        </ScrollView>\n      </ScrollView>\n    ) : (\n      <View style={[this.styles.root]} onLayout={(event) => this.handleLayout(event)} {...getAccessibilityProps(AccessibilityWidgetType.RADIOSET, this.props)}>\n        {props.groupby && this.renderGroupby()}\n        {!props.groupby && this.renderRadioButtons(items)}\n      </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","View","Text","TouchableOpacity","Platform","ScrollView","WmRadiosetProps","DEFAULT_CLASS","BaseDatasetComponent","BaseDatasetState","WmIcon","AccessibilityWidgetType","getAccessibilityProps","find","isEqual","isEmpty","WmLabel","getNumberOfEmptyObjects","WmRadiosetState","constructor","args","_defineProperty","WmRadioset","props","onPress","item","state","disabled","readonly","invokeEventCallback","proxy","selected","selectedValue","selectedItem","dataItems","d","key","oldValue","datavalue","datafield","validate","updateState","computeDisplayValue","undefined","renderChild","index","colWidth","displayText","displayexp","displayfield","value","getItemKey","itemStyle","width","styles","noscrollitem","accessibilityProps","accessibilityLabel","accessibilityRole","accessibilityState","createElement","_extends","style","bind","getTestPropsForAction","id","getTestId","iconclass","checkedRadio","uncheckedRadio","accessible","template","renderitempartial","dataObject","radioLabel","selectedLabel","getTestPropsForLabel","setTemplate","partialName","renderGroupby","groupedData","length","map","groupObj","groupHeaderTitle","renderRadioButtons","data","items","noOfColumns","itemsperrow","xs","Math","round","radiosetscroll","group","renderSkeleton","_ref","numberofskeletonitems","_","skeleton","renderWidget","root","onLayout","event","handleLayout","bounces","alwaysBounceVertical","horizontal","isRTL","OS","transform","scaleX","contentContainerStyle","RADIOSET","groupby"],"sources":["radioset.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text, DimensionValue, TouchableOpacity, Platform, AccessibilityRole } from 'react-native';\nimport { ScrollView } from 'react-native-gesture-handler';\n\nimport WmRadiosetProps from './radioset.props';\nimport { DEFAULT_CLASS, WmRadiosetStyles } from './radioset.styles';\nimport {\n  BaseDatasetComponent,\n  BaseDatasetState\n} from '@wavemaker/app-rn-runtime/components/input/basedataset/basedataset.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport WmSkeleton, { createSkeleton } from '../../basic/skeleton/skeleton.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\nimport { find, forEach, isEqual } from 'lodash-es';\nimport { isEmpty } from 'lodash';\nimport WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.component';\nimport { getNumberOfEmptyObjects } from '@wavemaker/app-rn-runtime/core/utils';\n\nexport class WmRadiosetState extends BaseDatasetState<WmRadiosetProps> {\n  template: string = '';\n}\n\nexport default class WmRadioset extends BaseDatasetComponent<WmRadiosetProps, WmRadiosetState, WmRadiosetStyles> {\n\n  constructor(props: WmRadiosetProps) {\n    super(props, DEFAULT_CLASS, new WmRadiosetProps());\n  }\n\n  onPress(item: any) {\n    if (this.state.props.disabled || this.state.props.readonly) {\n      return;\n    }\n    this.invokeEventCallback('onTap', [null, this.proxy]);\n    item.selected = true;\n    let selectedValue: any = \"\";\n    const selectedItem = find(this.state.dataItems, d => isEqual(d.key, item.key));\n    const oldValue = this.state.props.datavalue;\n    selectedItem.selected = item.selected;\n    selectedValue = selectedItem.selected ? selectedItem.datafield : null;\n    this.validate(selectedValue);\n    this.updateState({ props: { datavalue: selectedValue }} as WmRadiosetState,() => {\n      this.computeDisplayValue();\n      this.invokeEventCallback('onChange', [ undefined, this.proxy, selectedValue, oldValue ]);\n    });\n  }\n\n  renderChild(item: any, index: any, colWidth?: DimensionValue) {\n    const displayText = item.displayexp || item.displayfield;\n    const value = this.state.props.datafield === 'All Fields' ? this.getItemKey(item.datafield) : item.datafield;\n    const itemStyle = colWidth  ? [{ width: colWidth }, this.styles.item] \n    : [this.styles.noscrollitem];\n    const accessibilityProps = { accessibilityLabel: displayText ,\n      accessibilityRole: 'radio' as AccessibilityRole,\n      accessibilityState: {\n        disabled: this.props.readonly || this.props.disabled,\n        selected: item.selected,\n      }\n    }\n    return (\n      <TouchableOpacity style={[\n        itemStyle,\n         item.selected ? this.styles.selectedItem : null]}\n         onPress={this.onPress.bind(this, item)} key={item.key} {...accessibilityProps} {...this.getTestPropsForAction(\"radio\"+index)}>\n          <WmIcon id={this.getTestId('radiobutton' + index)} iconclass=\"wi wi-fiber-manual-record\" styles={item.selected ? this.styles.checkedRadio : this.styles.uncheckedRadio} disabled={this.state.props.readonly || this.state.props.disabled} accessible={false}></WmIcon>\n          {!isEmpty(this.state.template) && this.props.renderitempartial ?\n          this.props.renderitempartial(item.dataObject, index, this.state.template) : <Text style={[this.styles.radioLabel, item.selected ? this.styles.selectedLabel : null]} {...this.getTestPropsForLabel('caption'+index)}>{displayText}</Text>}\n      </TouchableOpacity>)\n  }\n\n  setTemplate(partialName: any) {\n    this.updateState({ template: partialName } as WmRadiosetState);\n  }\n\n  renderGroupby() {\n    const groupedData = this.state.groupedData;\n    return (\n      <View accessibilityRole='radiogroup'>\n        {groupedData && groupedData.length\n          ? groupedData.map((groupObj: any, index: any) => {\n            return(\n              <View key={groupObj.key}>\n                <Text style={this.styles.groupHeaderTitle}>{groupObj.key}</Text>\n                {this.renderRadioButtons(groupObj.data)}\n              </View>)\n          })\n          : null}\n      </View>\n    );\n  }\n\n  renderRadioButtons(items: any) {\n    const props = this.state.props;\n    const noOfColumns = props.itemsperrow.xs || 1;\n    const colWidth = Math.round(100/ noOfColumns) + '%' as DimensionValue;\n    return props.radiosetscroll ? (\n      <View style={noOfColumns === 1 ? {} : this.styles.group}>\n        {items && items.length ?\n          items.map((item: any, index: any) => this.renderChild(item, index, colWidth)): null}\n      </View>\n      ) : (\n       <View style={[this.styles.group]}>\n          {items && items.length ?\n           items.map((item: any, index: any) => this.renderChild(item, index)): null}\n       </View>\n      )\n  }\n\n  public renderSkeleton(props: WmRadiosetProps): React.ReactNode {\n    const noOfColumns = props.itemsperrow.xs || 1;\n    const colWidth = Math.round(100/ noOfColumns) + '%' as DimensionValue;\n\n    return [...getNumberOfEmptyObjects(props.numberofskeletonitems as number ?? 5)].map(_ => {\n      return <View style={[this.styles.item, {width: colWidth}]}>\n        <WmIcon styles={this.styles.checkedRadio}/>\n        <WmLabel styles={{ skeleton: this.styles.skeleton }}/>\n      </View>\n    })\n\n  }\n\n  renderWidget(props: WmRadiosetProps) {\n    const items = this.state.dataItems;\n    return props.radiosetscroll ? (\n      <ScrollView style={this.styles.root} onLayout={(event) => this.handleLayout(event)} accessible={false}\n        bounces={false}\n        alwaysBounceVertical={false}\n      >\n        <ScrollView horizontal={true}\n          style={this.isRTL && Platform.OS == 'android' ? { transform: [{ scaleX: -1 }] } : {}}\n          contentContainerStyle={this.isRTL && Platform.OS == 'android' ? { transform: [{ scaleX: -1 }] } : {}}\n          {...getAccessibilityProps(AccessibilityWidgetType.RADIOSET, this.props)}\n          accessible={false}\n        >\n          {props.groupby && this.renderGroupby()}\n          {!props.groupby && this.renderRadioButtons(items)}\n        </ScrollView>\n      </ScrollView>\n    ) : (\n      <View style={[this.styles.root]} onLayout={(event) => this.handleLayout(event)} {...getAccessibilityProps(AccessibilityWidgetType.RADIOSET, this.props)}>\n        {props.groupby && this.renderGroupby()}\n        {!props.groupby && this.renderRadioButtons(items)}\n      </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/input/text/text.component.js

@@ -42,7 +42,7 @@ export default class WmText extends BaseInputComponent {
     });
   }
   renderWidget(props) {
-    var _this$state$textValue;
+    var _this$state$textValue, _props$maxchars;
     let opts = {};
     const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';
     opts[valueExpr] = ((_this$state$textValue = this.state.textValue) === null || _this$state$textValue === void 0 ? void 0 : _this$state$textValue.toString()) || '';
@@ -70,7 +70,7 @@ export default class WmText extends BaseInputComponent {
       displayformat: props.displayformat,
       background: this._background,
       maskchar: props.maskchar,
-      maxLength: props.maxchars,
+      maxLength: (_props$maxchars = props.maxchars) !== null && _props$maxchars !== void 0 ? _props$maxchars : undefined,
       placeholder: props.placeholder,
       onBlur: this.onBlur.bind(this),
       onFocus: this.onFocus.bind(this),

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

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","WmTextProps","DEFAULT_CLASS","WMTextInput","BaseInputComponent","BaseInputState","isNull","AccessibilityWidgetType","getAccessibilityProps","createSkeleton","WmTextState","WmText","constructor","props","getStyleClassName","classes","state","floatinglabel","push","join","renderSkeleton","skeletonWidth","skeletonHeight","skeletonwidth","_this$styles$root","styles","root","width","skeletonheight","_this$styles$root2","height","theme","skeleton","renderWidget","_this$state$textValue","opts","valueExpr","OS","textValue","toString","createElement","_extends","getTestPropsForInput","TEXT","ref","widgetRef","selectionStart","selectionEnd","cursor","floatingLabel","floatingLabelStyle","activeFloatingLabelStyle","activeFloatingLabel","placeholderTextColor","placeholderText","color","isInputFocused","style","text","isValid","invalid","focused","keyboardType","autoComplete","autocomplete","autoFocus","autofocus","editable","disabled","readonly","secureTextEntry","type","maskchar","displayformat","background","_background","maxLength","maxchars","placeholder","onBlur","bind","onFocus","onKeyPress","onChangeText","onChange","invokeChange","allowContentSelection","userSelect","autoCapitalize","autocapitalize","handleLayout"],"sources":["text.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, Platform } from 'react-native';\n\nimport WmTextProps from './text.props';\nimport { DEFAULT_CLASS, WmTextStyles } from './text.styles';\nimport { WMTextInput } from '@wavemaker/app-rn-runtime/core/components/textinput.component';\nimport { BaseInputComponent, BaseInputState } from \"@wavemaker/app-rn-runtime/components/input/baseinput/baseinput.component\";\nimport { isNull } from 'lodash';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \nimport { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\n\nexport class WmTextState extends BaseInputState<WmTextProps> {\n}\n\nexport default class WmText extends BaseInputComponent<WmTextProps, WmTextState, WmTextStyles> {\n\n  constructor(props: WmTextProps) {\n    super(props, DEFAULT_CLASS, new WmTextProps(), new WmTextState());\n  }\n\n  public getStyleClassName(): string | undefined {\n    const classes = [];\n    if (this.state.props.floatinglabel) {\n      classes.push('app-text-with-label'); \n    }\n    classes.push(super.getStyleClassName());\n    return classes.join(' ');\n  }\n\n  public renderSkeleton(props: WmTextProps): React.ReactNode { \n    let skeletonWidth, skeletonHeight;\n    \n    if(this.props.skeletonwidth == \"0\") {\n      skeletonWidth = 0\n    } else {\n      skeletonWidth = this.props.skeletonwidth || this.styles.root?.width\n    }\n\n    if(this.props.skeletonheight == \"0\") {\n      skeletonHeight = 0\n    } else {\n      skeletonHeight = this.props.skeletonheight || this.styles.root?.height;\n    }\n\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n      width: skeletonWidth as DimensionValue,\n      height: skeletonHeight as DimensionValue\n    })\n  }\n\n  renderWidget(props: WmTextProps) {\n    let opts: any = {};\n    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n    opts[valueExpr] = this.state.textValue?.toString() || '';\n    return (\n        <WMTextInput\n          {...this.getTestPropsForInput()}\n          {...getAccessibilityProps(\n            AccessibilityWidgetType.TEXT,\n            props\n          )}\n          ref={(ref: any) => {this.widgetRef = ref;\n            // @ts-ignore\n          if (ref && !isNull(ref.selectionStart) && !isNull(ref.selectionEnd)) {\n            // @ts-ignore\n            ref.selectionStart = ref.selectionEnd = this.cursor;\n          }}}\n          {...opts}\n          floatingLabel={props.floatinglabel}\n          floatingLabelStyle={this.styles.floatingLabel}\n          activeFloatingLabelStyle={this.styles.activeFloatingLabel}\n          placeholderTextColor={this.styles.placeholderText.color as any}\n          isInputFocused={ this.state.isInputFocused }\n          style={[this.styles.root, this.styles.text, this.state.isValid ? {} : this.styles.invalid, this.state.isInputFocused ? this.styles.focused : {}]}\n          keyboardType={this.state.keyboardType}\n          autoComplete={props.autocomplete === \"true\" ? \"username\" : props.autocomplete === \"false\" ? \"off\" : props.autocomplete}\n          autoFocus={props.autofocus}\n          editable={props.disabled || props.readonly ? false : true}\n          secureTextEntry={props.type === 'password' && !props.maskchar ? true : false}\n          displayformat={props.displayformat}\n          background={this._background}\n          maskchar={props.maskchar}\n          maxLength={props.maxchars}\n          placeholder={props.placeholder}\n          onBlur={this.onBlur.bind(this)}\n          onFocus={this.onFocus.bind(this)}\n          onKeyPress={this.onKeyPress.bind(this)}\n          onChangeText={this.onChangeText.bind(this)}\n          onChange={this.invokeChange.bind(this)}\n          allowContentSelection={this.styles.text.userSelect === 'text'}\n          autoCapitalize={props.autocapitalize}\n          handleLayout={this.handleLayout}\n        />\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Platform","WmTextProps","DEFAULT_CLASS","WMTextInput","BaseInputComponent","BaseInputState","isNull","AccessibilityWidgetType","getAccessibilityProps","createSkeleton","WmTextState","WmText","constructor","props","getStyleClassName","classes","state","floatinglabel","push","join","renderSkeleton","skeletonWidth","skeletonHeight","skeletonwidth","_this$styles$root","styles","root","width","skeletonheight","_this$styles$root2","height","theme","skeleton","renderWidget","_this$state$textValue","_props$maxchars","opts","valueExpr","OS","textValue","toString","createElement","_extends","getTestPropsForInput","TEXT","ref","widgetRef","selectionStart","selectionEnd","cursor","floatingLabel","floatingLabelStyle","activeFloatingLabelStyle","activeFloatingLabel","placeholderTextColor","placeholderText","color","isInputFocused","style","text","isValid","invalid","focused","keyboardType","autoComplete","autocomplete","autoFocus","autofocus","editable","disabled","readonly","secureTextEntry","type","maskchar","displayformat","background","_background","maxLength","maxchars","undefined","placeholder","onBlur","bind","onFocus","onKeyPress","onChangeText","onChange","invokeChange","allowContentSelection","userSelect","autoCapitalize","autocapitalize","handleLayout"],"sources":["text.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, Platform } from 'react-native';\n\nimport WmTextProps from './text.props';\nimport { DEFAULT_CLASS, WmTextStyles } from './text.styles';\nimport { WMTextInput } from '@wavemaker/app-rn-runtime/core/components/textinput.component';\nimport { BaseInputComponent, BaseInputState } from \"@wavemaker/app-rn-runtime/components/input/baseinput/baseinput.component\";\nimport { isNull } from 'lodash';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \nimport { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\n\nexport class WmTextState extends BaseInputState<WmTextProps> {\n}\n\nexport default class WmText extends BaseInputComponent<WmTextProps, WmTextState, WmTextStyles> {\n\n  constructor(props: WmTextProps) {\n    super(props, DEFAULT_CLASS, new WmTextProps(), new WmTextState());\n  }\n\n  public getStyleClassName(): string | undefined {\n    const classes = [];\n    if (this.state.props.floatinglabel) {\n      classes.push('app-text-with-label'); \n    }\n    classes.push(super.getStyleClassName());\n    return classes.join(' ');\n  }\n\n  public renderSkeleton(props: WmTextProps): React.ReactNode { \n    let skeletonWidth, skeletonHeight;\n    \n    if(this.props.skeletonwidth == \"0\") {\n      skeletonWidth = 0\n    } else {\n      skeletonWidth = this.props.skeletonwidth || this.styles.root?.width\n    }\n\n    if(this.props.skeletonheight == \"0\") {\n      skeletonHeight = 0\n    } else {\n      skeletonHeight = this.props.skeletonheight || this.styles.root?.height;\n    }\n\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n      width: skeletonWidth as DimensionValue,\n      height: skeletonHeight as DimensionValue\n    })\n  }\n\n  renderWidget(props: WmTextProps) {\n    let opts: any = {};\n    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n    opts[valueExpr] = this.state.textValue?.toString() || '';\n    return (\n        <WMTextInput\n          {...this.getTestPropsForInput()}\n          {...getAccessibilityProps(\n            AccessibilityWidgetType.TEXT,\n            props\n          )}\n          ref={(ref: any) => {this.widgetRef = ref;\n            // @ts-ignore\n          if (ref && !isNull(ref.selectionStart) && !isNull(ref.selectionEnd)) {\n            // @ts-ignore\n            ref.selectionStart = ref.selectionEnd = this.cursor;\n          }}}\n          {...opts}\n          floatingLabel={props.floatinglabel}\n          floatingLabelStyle={this.styles.floatingLabel}\n          activeFloatingLabelStyle={this.styles.activeFloatingLabel}\n          placeholderTextColor={this.styles.placeholderText.color as any}\n          isInputFocused={ this.state.isInputFocused }\n          style={[this.styles.root, this.styles.text, this.state.isValid ? {} : this.styles.invalid, this.state.isInputFocused ? this.styles.focused : {}]}\n          keyboardType={this.state.keyboardType}\n          autoComplete={props.autocomplete === \"true\" ? \"username\" : props.autocomplete === \"false\" ? \"off\" : props.autocomplete}\n          autoFocus={props.autofocus}\n          editable={props.disabled || props.readonly ? false : true}\n          secureTextEntry={props.type === 'password' && !props.maskchar ? true : false}\n          displayformat={props.displayformat}\n          background={this._background}\n          maskchar={props.maskchar}\n          maxLength={props.maxchars ?? undefined}          \n          placeholder={props.placeholder}\n          onBlur={this.onBlur.bind(this)}\n          onFocus={this.onFocus.bind(this)}\n          onKeyPress={this.onKeyPress.bind(this)}\n          onChangeText={this.onChangeText.bind(this)}\n          onChange={this.invokeChange.bind(this)}\n          allowContentSelection={this.styles.text.userSelect === 'text'}\n          autoCapitalize={props.autocapitalize}\n          handleLayout={this.handleLayout}\n        />\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/input/textarea/textarea.component.js

@@ -42,7 +42,7 @@ export default class WmTextarea extends BaseInputComponent {
     });
   }
   renderWidget(props) {
-    var _this$state$textValue;
+    var _this$state$textValue, _props$maxchars;
     let opts = {};
     const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';
     opts[valueExpr] = ((_this$state$textValue = this.state.textValue) === null || _this$state$textValue === void 0 ? void 0 : _this$state$textValue.toString()) || '';
@@ -69,7 +69,7 @@ export default class WmTextarea extends BaseInputComponent {
       autoComplete: props.autocomplete ? 'username' : 'off',
       autoFocus: props.autofocus,
       editable: props.disabled || props.readonly ? false : true,
-      maxLength: props.maxchars,
+      maxLength: (_props$maxchars = props.maxchars) !== null && _props$maxchars !== void 0 ? _props$maxchars : undefined,
       placeholder: props.placeholder || 'Place your text',
       onBlur: this.onBlur.bind(this),
       onFocus: this.onFocus.bind(this),