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

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      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":[]}
+{"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":"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","ignoreList":[]}

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

@@ -11,7 +11,6 @@ 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 {
@@ -54,8 +53,8 @@ export default class WmWizardstep extends BaseComponent {
     this.updateState({
       active: true
     }, () => {
-      if (this.state.showContent && !this.state.props.renderPartial) {
-        this.invokeEventCallback('onLoad', [this, this.state.props.index]);
+      if (this.state.showContent) {
+        this.invokeEventCallback('onLoad', [this]);
       }
     });
   }
@@ -76,36 +75,18 @@ 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
       }, () => {
-        if (!props.renderPartial) {
-          this.invokeEventCallback('onLoad', [this, props.index]);
-        }
+        this.invokeEventCallback('onLoad', [this]);
       });
     }
     return this.state.showContent && /*#__PURE__*/React.createElement(View, {
       style: this.styles.root,
       onLayout: event => this.handleLayout(event)
-    }, this._background, this.renderContent(props));
+    }, this.showSpinner(), this._background, props.children);
   }
 }
 //# 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","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":[]}
+{"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","showSpinner","_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.showSpinner()}\n        {this._background}\n        {props.children}\n      </View>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -12,8 +12,6 @@ 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  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":[]}
+{"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":[]}

package/components/data/form/form-field/form-field.component.js

@@ -20,6 +20,7 @@ export default class WmFormField extends BaseComponent {
     super(props, DEFAULT_CLASS, new WmFormFieldProps(), new WmFormFieldState());
     _defineProperty(this, "form", void 0);
     _defineProperty(this, "formwidget", void 0);
+    _defineProperty(this, "fieldIndex", -1);
     _defineProperty(this, "_syncValidators", void 0);
     _defineProperty(this, "defaultValidatorMessages", []);
     _defineProperty(this, "notifyForFields", []);
@@ -171,6 +172,11 @@ export default class WmFormField extends BaseComponent {
   }
   setReadOnlyState(updateMode) {
     var _this$formwidget;
+    // A field explicitly marked readonly in markup must stay readonly regardless
+    // of the form's insert/edit mode toggle.
+    if (this.props.readonly) {
+      return;
+    }
     (_this$formwidget = this.formwidget) === null || _this$formwidget === void 0 || _this$formwidget.updateState({
       props: {
         readonly: !updateMode
@@ -219,20 +225,39 @@ export default class WmFormField extends BaseComponent {
     return this.state.props.datavalue;
   }
   renderWidget(props) {
+    var _this$form4, _this$form5;
+    const nextRef = (_this$form4 = this.form) === null || _this$form4 === void 0 ? void 0 : _this$form4.fieldRefs[this.fieldIndex + 1];
+    const currentRef = (_this$form5 = this.form) === null || _this$form5 === void 0 ? void 0 : _this$form5.fieldRefs[this.fieldIndex];
     var childrenWithProps = React.Children.map(props.renderFormFields(this.proxy).props.children, child => {
       var _child$props;
       return /*#__PURE__*/React.cloneElement(child, {
+        ref: currentRef,
         datavalue: props.datavalue || (child === null || child === void 0 || (_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.datavalue),
         value: this.value,
         isValid: this.state.isValid,
         maskchar: props.maskchar,
         displayformat: props.displayformat,
         autocomplete: props.autocomplete,
+        autocapitalize: props.autocapitalize,
+        uppercase: props.uppercase,
         invokeEvent: this.invokeEventCallback.bind(this),
         triggerValidation: this.validateFormField.bind(this),
         onFieldChange: this.onFieldChangeEvt.bind(this),
         formRef: props.formRef,
         isdefault: props.defaultvalue !== undefined ? true : false,
+        ...(props.returnkeytype !== 'auto' ? {
+          returnkeytype: props.returnkeytype,
+          onSubmitEditing: () => {
+            var _this$form6;
+            const isDone = props.returnkeytype === 'done';
+            if ((_this$form6 = this.form) !== null && _this$form6 !== void 0 && (_this$form6 = _this$form6.props) !== null && _this$form6 !== void 0 && _this$form6.submitondone && isDone) {
+              this.form.submit();
+            } else if (props.returnkeytype === 'next' && nextRef !== null && nextRef !== void 0 && nextRef.current) {
+              var _nextRef$current$focu, _nextRef$current;
+              (_nextRef$current$focu = (_nextRef$current = nextRef.current).focus) === null || _nextRef$current$focu === void 0 || _nextRef$current$focu.call(_nextRef$current);
+            }
+          }
+        } : {}),
         ...(!isNil(props === null || props === void 0 ? void 0 : props.placeholder) ? {
           placeholder: props.placeholder
         } : {})
@@ -241,7 +266,7 @@ export default class WmFormField extends BaseComponent {
     return /*#__PURE__*/React.createElement(View, {
       style: this.styles.root,
       onLayout: event => this.handleLayout(event)
-    }, this._background, childrenWithProps, this.state.isValid === false && /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel('error_msg'), {
+    }, this._background, childrenWithProps, this.state.isValid === false && !!props.validationmessage && /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel('error_msg'), {
       style: this.styles.errorMsg
     }), props.validationmessage));
   }

package/components/data/form/form-field/form-field.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","View","BaseComponent","BaseComponentState","isEqual","isNil","get","find","cloneDeep","forEach","keys","WmFormFieldProps","DEFAULT_CLASS","PERFORMANCE_LOGGER","WmFormFieldState","constructor","args","_defineProperty","WmFormField","props","form","formScope","componentDidMount","_this$form","_this$form2","_this$form3","formwidget","formKey","formWidgets","name","registerFormFields","formFields","onFieldChangeEvt","$new","$old","isDefault","notifyChanges","updateState","datavalue","invokeEventCallback","undefined","validateFormField","updateDataOutput","call","observeOn","fields","field","formfield","f","proxy","notifyForFields","push","validate","setTimeout","getPromiseList","validators","arr","fn","promise","Function","bind","Promise","setAsyncValidators","_asyncValidatorFn","all","then","err","validationMsg","hasOwnProperty","messageKeys","toString","setInvalidState","setValidators","_cloneValidators","_syncValidators","obj","index","key","defaultValidatorMessages","value","propsObj","updateFormWidgetDataset","res","displayField","dataset","data","datafield","displayfield","state","msg","isValid","validationmessage","onPropertyChange","debug","applyDefaultValue","setPrimaryKey","setReadOnlyState","updateMode","_this$formwidget","readonly","_this$formwidget2","_this$_syncValidators","_this$formwidget3","errorType","errormsg","errorMessage","renderWidget","childrenWithProps","Children","map","renderFormFields","children","child","_child$props","cloneElement","maskchar","displayformat","autocomplete","invokeEvent","triggerValidation","onFieldChange","formRef","isdefault","defaultvalue","placeholder","createElement","style","styles","root","onLayout","event","handleLayout","_background","_extends","getTestPropsForLabel","errorMsg"],"sources":["form-field.component.tsx"],"sourcesContent":["import React from 'react';\nimport {Text, View} from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { widgetsWithUndefinedValue } from '@wavemaker/app-rn-runtime/core/utils';\nimport { isEqual, isNil, get, find, cloneDeep, forEach, keys } from 'lodash';\n\nimport WmFormFieldProps from './form-field.props';\nimport { DEFAULT_CLASS, WmFormFieldStyles } from './form-field.styles';\nimport {PERFORMANCE_LOGGER} from \"@wavemaker/app-rn-runtime/core/logger\";\n\nexport class WmFormFieldState extends BaseComponentState<WmFormFieldProps> {\n  isValid = true;\n}\n\nexport default class WmFormField extends BaseComponent<WmFormFieldProps, WmFormFieldState, WmFormFieldStyles> {\n  public form: any;\n  public formwidget: any;\n  public _syncValidators: any;\n  public defaultValidatorMessages: any = [];\n  private notifyForFields: any = [];\n  private _asyncValidatorFn: any;\n  constructor(props: WmFormFieldProps) {\n    super(props, DEFAULT_CLASS, new WmFormFieldProps(), new WmFormFieldState());\n    if (!this.form) {\n      this.form = props.formScope && props.formScope();\n    }\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n    this.formwidget = (this.props.formKey && this.form?.formWidgets[this.props.formKey])\n      || (this.props.name && this.form?.formWidgets[this.props.name]);\n    this.form?.registerFormFields(this.form.formFields, this.form.formWidgets);\n  }\n\n  onFieldChangeEvt(name: string, $new: any, $old: any, isDefault: boolean) {\n    this.notifyChanges();\n    if (!isEqual($old, $new)) {\n      this.updateState({ props: { datavalue: $new }} as WmFormFieldState, () => {\n        !isDefault && this.invokeEventCallback('onChange', [undefined, this, $new, $old]);\n        this.validateFormField();\n      });\n      if (this.form) {\n        this.form.updateDataOutput.call(this.form, get(this.props, 'formKey', this.props.name), $new);\n      }\n    }\n  }\n\n  // Registers observer of validation fields\n  observeOn(fields: any) {\n    forEach(fields, (field) => {\n      const formfield = find(this.form.formFields, (f) => f.proxy.name === field);\n      if (formfield) {\n        formfield.notifyForFields.push(this);\n      }\n    });\n  }\n\n  // Notifies changes to observing validation fields\n  notifyChanges() {\n    forEach(this.notifyForFields, (field) => {\n      field.formwidget.validate(field.formwidget.datavalue);\n      setTimeout(() => field.validateFormField());\n    });\n  }\n\n  getPromiseList(validators: any) {\n    const arr: any = [];\n    forEach(validators, (fn) => {\n      let promise = fn;\n      if (fn instanceof Function && fn.bind) {\n        promise = fn(this.formwidget.proxy, this.form);\n      }\n      if (promise instanceof Promise) {\n        arr.push(promise);\n      }\n    });\n    return arr;\n  }\n\n  // this method sets the asyncValidation on the form field. Assigns validationmessages from the returned response\n  setAsyncValidators(validators: any) {\n    this._asyncValidatorFn = () => {\n        return Promise.all(this.getPromiseList(validators)).then(() => {\n          return null;\n        }, err => {\n          let validationMsg: string;\n          // if err obj has validationMessage key, then set validationMessage using this value\n          // else return the value of the first key in the err object as validation message.\n          if (err.hasOwnProperty('errorMessage')) {\n            validationMsg = get(err, 'errorMessage');\n          } else {\n            const messageKeys = keys(err);\n            validationMsg = (err[messageKeys[0]]).toString();\n          }\n          this.setInvalidState(validationMsg);\n          return err;\n        })\n      };\n  }\n\n  // sets the default validation on the form field\n  setValidators(validators: any) {\n    let _cloneValidators = cloneDeep(validators);\n    this._syncValidators = [];\n    forEach(_cloneValidators, (obj, index) => {\n      // custom validation is bound to function.\n      if (obj && obj instanceof Function) {\n        // passing formwidget and form as arguments to the obj (i.e. validator function)\n        _cloneValidators[index] = obj.bind(undefined, this.formwidget.proxy, this.form);\n        this._syncValidators.push(_cloneValidators[index]);\n      } else {\n        // checks for default validator like required, maxchars etc.\n        const key = get(obj, 'type');\n        this.defaultValidatorMessages[key] = get(obj, 'errorMessage');\n        const value = get(obj, 'validator');\n        let propsObj: any = {\n          props: {}\n        };\n        propsObj.props[key] = value;\n        key === 'required' && this.updateState(propsObj as WmFormFieldState);\n        this.formwidget.updateState(propsObj as WmFormFieldState);\n      }\n    });\n  }\n\n  updateFormWidgetDataset(res: any, displayField: string) {\n    this.formwidget.updateState({\n      props: {\n        dataset: res.data,\n        datafield: 'All Fields',\n        displayfield: this.formwidget.state.props.displayfield || displayField,\n      }\n    } as WmFormFieldState);\n  }\n\n  setInvalidState(msg: string) {\n    this.updateState({\n      isValid: false,\n      props: {\n        validationmessage: msg\n      }\n    } as WmFormFieldState)\n    this.formwidget.updateState({\n      isValid: false,\n      props: {\n        validationmessage: msg\n      }\n    } as WmFormFieldState);\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch (name) {\n      case 'datavalue':\n        if (!isEqual($old, $new)) {\n          PERFORMANCE_LOGGER.debug(`form field ${this.props.name} changed from ${$old} to ${$new}`);\n        }\n        break;\n      case 'defaultvalue':\n        if (!isEqual($old, $new)) {\n          get(this, 'form') && this.form.applyDefaultValue(this);\n        }\n        break;\n      case 'primary-key':\n        if ($new) {\n          this.form.setPrimaryKey(this.props.name);\n        }\n        break;\n    }\n  }\n\n  setReadOnlyState(updateMode: any) {\n    this.formwidget?.updateState({\n      props: {\n        readonly: !updateMode,\n      }\n    } as WmFormFieldState);\n  }\n\n  validateFormField() {\n    if (this.formwidget?.state.isValid === false) {\n      const errorType = this.formwidget?.state?.errorType;\n      let validationMsg = get(this.defaultValidatorMessages, errorType);\n      if (validationMsg) {\n        if (validationMsg instanceof Function) {\n          // passing formwidget and form as arguments to the errorMessage function.\n          validationMsg = validationMsg(this.formwidget.proxy, this.form);\n        }\n        this.updateState({ props: {\n            validationmessage: validationMsg\n          }} as WmFormFieldState);\n      }\n      this.updateState({ isValid: false} as WmFormFieldState);\n    } else {\n      this.updateState({ isValid: true } as WmFormFieldState);\n    }\n\n    this._syncValidators?.forEach((fn: any) => {\n      const errormsg = fn();\n      let validationMsg = errormsg?.errorMessage;\n      if (validationMsg) {\n        if (validationMsg instanceof Function) {\n          // passing formwidget and form as arguments to the errorMessage function.\n          validationMsg = validationMsg(this.formwidget.proxy, this.form);\n        }\n        this.setInvalidState(validationMsg);\n      }\n    })\n\n    this._asyncValidatorFn && this._asyncValidatorFn();\n\n  }\n\n  get value(){\n    return this.state.props.datavalue;\n  }\n\n  renderWidget(props: WmFormFieldProps) {\n    var childrenWithProps = React.Children.map(props.renderFormFields(this.proxy).props.children, (child) => {\n      return React.cloneElement(child, {\n          datavalue: props.datavalue || child?.props?.datavalue,\n          value: this.value,\n          isValid: this.state.isValid,\n          maskchar: props.maskchar,\n          displayformat: props.displayformat,\n          autocomplete: props.autocomplete,\n          invokeEvent: this.invokeEventCallback.bind(this),\n          triggerValidation: this.validateFormField.bind(this),\n          onFieldChange: this.onFieldChangeEvt.bind(this),\n          formRef: props.formRef,\n          isdefault: props.defaultvalue !== undefined ? true : false, \n          ...(!isNil(props?.placeholder) ? { placeholder: props.placeholder } : {})\n         });\n    });\n    return (\n      <View \n        style={this.styles.root}\n        onLayout={(event) => this.handleLayout(event)}\n      >\n        {this._background}\n        {childrenWithProps}\n        {this.state.isValid === false && <Text {...this.getTestPropsForLabel('error_msg')} style={this.styles.errorMsg}>{props.validationmessage}</Text>}\n      </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Text","View","BaseComponent","BaseComponentState","isEqual","isNil","get","find","cloneDeep","forEach","keys","WmFormFieldProps","DEFAULT_CLASS","PERFORMANCE_LOGGER","WmFormFieldState","constructor","args","_defineProperty","WmFormField","props","form","formScope","componentDidMount","_this$form","_this$form2","_this$form3","formwidget","formKey","formWidgets","name","registerFormFields","formFields","onFieldChangeEvt","$new","$old","isDefault","notifyChanges","updateState","datavalue","invokeEventCallback","undefined","validateFormField","updateDataOutput","call","observeOn","fields","field","formfield","f","proxy","notifyForFields","push","validate","setTimeout","getPromiseList","validators","arr","fn","promise","Function","bind","Promise","setAsyncValidators","_asyncValidatorFn","all","then","err","validationMsg","hasOwnProperty","messageKeys","toString","setInvalidState","setValidators","_cloneValidators","_syncValidators","obj","index","key","defaultValidatorMessages","value","propsObj","updateFormWidgetDataset","res","displayField","dataset","data","datafield","displayfield","state","msg","isValid","validationmessage","onPropertyChange","debug","applyDefaultValue","setPrimaryKey","setReadOnlyState","updateMode","_this$formwidget","readonly","_this$formwidget2","_this$_syncValidators","_this$formwidget3","errorType","errormsg","errorMessage","renderWidget","_this$form4","_this$form5","nextRef","fieldRefs","fieldIndex","currentRef","childrenWithProps","Children","map","renderFormFields","children","child","_child$props","cloneElement","ref","maskchar","displayformat","autocomplete","autocapitalize","uppercase","invokeEvent","triggerValidation","onFieldChange","formRef","isdefault","defaultvalue","returnkeytype","onSubmitEditing","_this$form6","isDone","submitondone","submit","current","_nextRef$current$focu","_nextRef$current","focus","placeholder","createElement","style","styles","root","onLayout","event","handleLayout","_background","_extends","getTestPropsForLabel","errorMsg"],"sources":["form-field.component.tsx"],"sourcesContent":["import React from 'react';\nimport {Text, View} from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { widgetsWithUndefinedValue } from '@wavemaker/app-rn-runtime/core/utils';\nimport { isEqual, isNil, get, find, cloneDeep, forEach, keys } from 'lodash';\n\nimport WmFormFieldProps from './form-field.props';\nimport { DEFAULT_CLASS, WmFormFieldStyles } from './form-field.styles';\nimport {PERFORMANCE_LOGGER} from \"@wavemaker/app-rn-runtime/core/logger\";\n\nexport class WmFormFieldState extends BaseComponentState<WmFormFieldProps> {\n  isValid = true;\n}\n\nexport default class WmFormField extends BaseComponent<WmFormFieldProps, WmFormFieldState, WmFormFieldStyles> {\n  public form: any;\n  public formwidget: any;\n  public fieldIndex: number = -1;\n  public _syncValidators: any;\n  public defaultValidatorMessages: any = [];\n  private notifyForFields: any = [];\n  private _asyncValidatorFn: any;\n  constructor(props: WmFormFieldProps) {\n    super(props, DEFAULT_CLASS, new WmFormFieldProps(), new WmFormFieldState());\n    if (!this.form) {\n      this.form = props.formScope && props.formScope();\n    }\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n    this.formwidget = (this.props.formKey && this.form?.formWidgets[this.props.formKey])\n      || (this.props.name && this.form?.formWidgets[this.props.name]);\n    this.form?.registerFormFields(this.form.formFields, this.form.formWidgets);\n  }\n\n  onFieldChangeEvt(name: string, $new: any, $old: any, isDefault: boolean) {\n    this.notifyChanges();\n    if (!isEqual($old, $new)) {\n      this.updateState({ props: { datavalue: $new }} as WmFormFieldState, () => {\n        !isDefault && this.invokeEventCallback('onChange', [undefined, this, $new, $old]);\n        this.validateFormField();\n      });\n      if (this.form) {\n        this.form.updateDataOutput.call(this.form, get(this.props, 'formKey', this.props.name), $new);\n      }\n    }\n  }\n\n  // Registers observer of validation fields\n  observeOn(fields: any) {\n    forEach(fields, (field) => {\n      const formfield = find(this.form.formFields, (f) => f.proxy.name === field);\n      if (formfield) {\n        formfield.notifyForFields.push(this);\n      }\n    });\n  }\n\n  // Notifies changes to observing validation fields\n  notifyChanges() {\n    forEach(this.notifyForFields, (field) => {\n      field.formwidget.validate(field.formwidget.datavalue);\n      setTimeout(() => field.validateFormField());\n    });\n  }\n\n  getPromiseList(validators: any) {\n    const arr: any = [];\n    forEach(validators, (fn) => {\n      let promise = fn;\n      if (fn instanceof Function && fn.bind) {\n        promise = fn(this.formwidget.proxy, this.form);\n      }\n      if (promise instanceof Promise) {\n        arr.push(promise);\n      }\n    });\n    return arr;\n  }\n\n  // this method sets the asyncValidation on the form field. Assigns validationmessages from the returned response\n  setAsyncValidators(validators: any) {\n    this._asyncValidatorFn = () => {\n        return Promise.all(this.getPromiseList(validators)).then(() => {\n          return null;\n        }, err => {\n          let validationMsg: string;\n          // if err obj has validationMessage key, then set validationMessage using this value\n          // else return the value of the first key in the err object as validation message.\n          if (err.hasOwnProperty('errorMessage')) {\n            validationMsg = get(err, 'errorMessage');\n          } else {\n            const messageKeys = keys(err);\n            validationMsg = (err[messageKeys[0]]).toString();\n          }\n          this.setInvalidState(validationMsg);\n          return err;\n        })\n      };\n  }\n\n  // sets the default validation on the form field\n  setValidators(validators: any) {\n    let _cloneValidators = cloneDeep(validators);\n    this._syncValidators = [];\n    forEach(_cloneValidators, (obj, index) => {\n      // custom validation is bound to function.\n      if (obj && obj instanceof Function) {\n        // passing formwidget and form as arguments to the obj (i.e. validator function)\n        _cloneValidators[index] = obj.bind(undefined, this.formwidget.proxy, this.form);\n        this._syncValidators.push(_cloneValidators[index]);\n      } else {\n        // checks for default validator like required, maxchars etc.\n        const key = get(obj, 'type');\n        this.defaultValidatorMessages[key] = get(obj, 'errorMessage');\n        const value = get(obj, 'validator');\n        let propsObj: any = {\n          props: {}\n        };\n        propsObj.props[key] = value;\n        key === 'required' && this.updateState(propsObj as WmFormFieldState);\n        this.formwidget.updateState(propsObj as WmFormFieldState);\n      }\n    });\n  }\n\n  updateFormWidgetDataset(res: any, displayField: string) {\n    this.formwidget.updateState({\n      props: {\n        dataset: res.data,\n        datafield: 'All Fields',\n        displayfield: this.formwidget.state.props.displayfield || displayField,\n      }\n    } as WmFormFieldState);\n  }\n\n  setInvalidState(msg: string) {\n    this.updateState({\n      isValid: false,\n      props: {\n        validationmessage: msg\n      }\n    } as WmFormFieldState)\n    this.formwidget.updateState({\n      isValid: false,\n      props: {\n        validationmessage: msg\n      }\n    } as WmFormFieldState);\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch (name) {\n      case 'datavalue':\n        if (!isEqual($old, $new)) {\n          PERFORMANCE_LOGGER.debug(`form field ${this.props.name} changed from ${$old} to ${$new}`);\n        }\n        break;\n      case 'defaultvalue':\n        if (!isEqual($old, $new)) {\n          get(this, 'form') && this.form.applyDefaultValue(this);\n        }\n        break;\n      case 'primary-key':\n        if ($new) {\n          this.form.setPrimaryKey(this.props.name);\n        }\n        break;\n    }\n  }\n\n  setReadOnlyState(updateMode: any) {\n    // A field explicitly marked readonly in markup must stay readonly regardless\n    // of the form's insert/edit mode toggle.\n    if (this.props.readonly) {\n      return;\n    }\n    this.formwidget?.updateState({\n      props: {\n        readonly: !updateMode,\n      }\n    } as WmFormFieldState);\n  }\n\n  validateFormField() {\n    if (this.formwidget?.state.isValid === false) {\n      const errorType = this.formwidget?.state?.errorType;\n      let validationMsg = get(this.defaultValidatorMessages, errorType);\n      if (validationMsg) {\n        if (validationMsg instanceof Function) {\n          // passing formwidget and form as arguments to the errorMessage function.\n          validationMsg = validationMsg(this.formwidget.proxy, this.form);\n        }\n        this.updateState({ props: {\n            validationmessage: validationMsg\n          }} as WmFormFieldState);\n      }\n      this.updateState({ isValid: false} as WmFormFieldState);\n    } else {\n      this.updateState({ isValid: true } as WmFormFieldState);\n    }\n\n    this._syncValidators?.forEach((fn: any) => {\n      const errormsg = fn();\n      let validationMsg = errormsg?.errorMessage;\n      if (validationMsg) {\n        if (validationMsg instanceof Function) {\n          // passing formwidget and form as arguments to the errorMessage function.\n          validationMsg = validationMsg(this.formwidget.proxy, this.form);\n        }\n        this.setInvalidState(validationMsg);\n      }\n    })\n\n    this._asyncValidatorFn && this._asyncValidatorFn();\n\n  }\n\n  get value(){\n    return this.state.props.datavalue;\n  }\n\n  renderWidget(props: WmFormFieldProps) {\n    const nextRef = this.form?.fieldRefs[this.fieldIndex + 1];\n    const currentRef = this.form?.fieldRefs[this.fieldIndex];\n    var childrenWithProps = React.Children.map(props.renderFormFields(this.proxy).props.children, (child) => {\n      return React.cloneElement(child, {\n          ref: currentRef,\n          datavalue: props.datavalue || child?.props?.datavalue,\n          value: this.value,\n          isValid: this.state.isValid,\n          maskchar: props.maskchar,\n          displayformat: props.displayformat,\n          autocomplete: props.autocomplete,\n          autocapitalize: props.autocapitalize,\n          uppercase: props.uppercase,\n          invokeEvent: this.invokeEventCallback.bind(this),\n          triggerValidation: this.validateFormField.bind(this),\n          onFieldChange: this.onFieldChangeEvt.bind(this),\n          formRef: props.formRef,\n          isdefault: props.defaultvalue !== undefined ? true : false,\n          ...(props.returnkeytype !== 'auto' ? {\n            returnkeytype: props.returnkeytype,\n            onSubmitEditing: () => {\n              const isDone = props.returnkeytype === 'done';\n              if (this.form?.props?.submitondone && isDone) {\n                this.form.submit();\n              } else if (props.returnkeytype === 'next' && nextRef?.current) {\n                nextRef.current.focus?.();\n              }\n            }\n          } : {}),\n          ...(!isNil(props?.placeholder) ? { placeholder: props.placeholder } : {})\n         });\n    });\n    return (\n      <View \n        style={this.styles.root}\n        onLayout={(event) => this.handleLayout(event)}\n      >\n        {this._background}\n        {childrenWithProps}\n        {this.state.isValid === false && !!props.validationmessage && <Text {...this.getTestPropsForLabel('error_msg')} style={this.styles.errorMsg}>{props.validationmessage}</Text>}\n      </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/data/form/form-field/form-field.props.js

@@ -30,6 +30,9 @@ export default class WmFormFieldProps extends BaseProps {
     _defineProperty(this, "maskchar", null);
     _defineProperty(this, "displayformat", null);
     _defineProperty(this, "autocomplete", "username");
+    _defineProperty(this, "returnkeytype", 'auto');
+    _defineProperty(this, "autocapitalize", 'none');
+    _defineProperty(this, "uppercase", false);
   }
 }
 //# sourceMappingURL=form-field.props.js.map

package/components/data/form/form-field/form-field.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmFormFieldProps","constructor","args","_defineProperty"],"sources":["form-field.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmFormFieldProps extends BaseProps {\n  children: any;\n  formRef: any;\n  placeholder?: string;\n  defaultvalue: any;\n  generator: string = '';\n  datavalue: any;\n  onChange: any;\n  renderFormFields: any;\n  validationmessage: any;\n  required: Boolean = false;\n  primaryKey: Boolean = false;\n  isRelated: any;\n  widget: any;\n  onFieldChange: any;\n  formKey: string = '';\n  dataset: any;\n  displayfield: any;\n  datafield: string = '';\n  isDataSetBound: boolean = false;\n  readonly: boolean = false;\n  onValidate?: Function;\n  formScope?: Function = () => {};\n  maskchar: string = null as any;\n  displayformat: string = null as any;\n  autocomplete: string = \"username\";\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,gBAAgB,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,oBAKlC,EAAE;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,mBAKF,KAAK;IAAAA,eAAA,qBACH,KAAK;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,kBAIT,EAAE;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,oBAGA,EAAE;IAAAA,eAAA,yBACI,KAAK;IAAAA,eAAA,mBACX,KAAK;IAAAA,eAAA;IAAAA,eAAA,oBAEF,MAAM,CAAC,CAAC;IAAAA,eAAA,mBACZ,IAAI;IAAAA,eAAA,wBACC,IAAI;IAAAA,eAAA,uBACL,UAAU;EAAA;AACnC","ignoreList":[]}
+{"version":3,"names":["BaseProps","WmFormFieldProps","constructor","args","_defineProperty"],"sources":["form-field.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmFormFieldProps extends BaseProps {\n  children: any;\n  formRef: any;\n  placeholder?: string;\n  defaultvalue: any;\n  generator: string = '';\n  datavalue: any;\n  onChange: any;\n  renderFormFields: any;\n  validationmessage: any;\n  required: Boolean = false;\n  primaryKey: Boolean = false;\n  isRelated: any;\n  widget: any;\n  onFieldChange: any;\n  formKey: string = '';\n  dataset: any;\n  displayfield: any;\n  datafield: string = '';\n  isDataSetBound: boolean = false;\n  readonly: boolean = false;\n  onValidate?: Function;\n  formScope?: Function = () => {};\n  maskchar: string = null as any;\n  displayformat: string = null as any;\n  autocomplete: string = \"username\";\n  returnkeytype: 'auto' | 'next' | 'done' = 'auto';\n  autocapitalize?: string = 'none';\n  uppercase?: boolean = false;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,gBAAgB,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,oBAKlC,EAAE;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,mBAKF,KAAK;IAAAA,eAAA,qBACH,KAAK;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,kBAIT,EAAE;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,oBAGA,EAAE;IAAAA,eAAA,yBACI,KAAK;IAAAA,eAAA,mBACX,KAAK;IAAAA,eAAA;IAAAA,eAAA,oBAEF,MAAM,CAAC,CAAC;IAAAA,eAAA,mBACZ,IAAI;IAAAA,eAAA,wBACC,IAAI;IAAAA,eAAA,uBACL,UAAU;IAAAA,eAAA,wBACS,MAAM;IAAAA,eAAA,yBACtB,MAAM;IAAAA,eAAA,oBACV,KAAK;EAAA;AAC7B","ignoreList":[]}

package/components/data/form/form.component.js

@@ -35,6 +35,7 @@ export default class WmForm extends BaseComponent {
     _defineProperty(this, "formdataoutput", void 0);
     _defineProperty(this, "toaster", void 0);
     _defineProperty(this, "formActions", []);
+    _defineProperty(this, "fieldRefs", []);
     _defineProperty(this, "primaryKey", []);
     _defineProperty(this, "buttonArray", []);
     _defineProperty(this, "formWidgets", {});
@@ -88,7 +89,11 @@ export default class WmForm extends BaseComponent {
     });
     this.formFields = formFields;
     this.formWidgets = formWidgets;
-    formFields === null || formFields === void 0 || formFields.forEach(f => {
+    if (this.fieldRefs.length !== formFields.length) {
+      this.fieldRefs = formFields.map(() => /*#__PURE__*/React.createRef());
+    }
+    formFields === null || formFields === void 0 || formFields.forEach((f, index) => {
+      f.fieldIndex = index;
       if (f.props.name) {
         set(this.formfields, f.props.name, f);
       }
@@ -274,7 +279,10 @@ export default class WmForm extends BaseComponent {
         });
         break;
       case 'metadata':
-        this.generateFormFields();
+        // wait until addPageScript is called
+        setTimeout(() => {
+          this.generateFormFields();
+        }, 0);
         break;
     }
   }
@@ -397,7 +405,7 @@ export default class WmForm extends BaseComponent {
       return /*#__PURE__*/React.createElement(View, {
         style: this.styles.root,
         onLayout: event => this.handleLayout(event)
-      }, this._background, props.iconclass || props.title || props.subheading ? /*#__PURE__*/React.createElement(View, {
+      }, this.showSpinner(), this._background, props.iconclass || props.title || props.subheading ? /*#__PURE__*/React.createElement(View, {
         style: this.styles.heading
       }, /*#__PURE__*/React.createElement(View, {
         style: {