@wavemaker/app-rn-runtime 12.0.0-next.45752 → 12.0.0-next.47809

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

@@ -0,0 +1,328 @@
+import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';
+export const DEFAULT_CLASS = 'app-wizard';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {
+      flexDirection: 'column',
+      backgroundColor: themeVariables.wizardBackgroundColor,
+      display: 'flex',
+      minHeight: 240
+    },
+    text: {},
+    activeStep: {
+      backgroundColor: themeVariables.wizardStepActiveColor,
+      borderColor: themeVariables.wizardStepActiveColor,
+      color: themeVariables.wizardActiveStepColor
+    },
+    doneStep: {
+      backgroundColor: themeVariables.wizardStepDoneColor,
+      color: themeVariables.wizardDoneStepColor,
+      borderColor: themeVariables.wizardStepDoneColor
+    },
+    wizardHeader: {
+      padding: 8,
+      flexDirection: 'row',
+      alignItems: 'flex-start',
+      justifyContent: 'center'
+    },
+    stepWrapper: {
+      alignItems: 'center',
+      justifyContent: 'center',
+      zIndex: 20
+    },
+    headerWrapper: {
+      flex: 1
+    },
+    wizardBody: {
+      alignSelf: 'flex-start',
+      paddingTop: 10,
+      width: '100%',
+      borderWidth: 0,
+      borderTopWidth: 1,
+      borderBottomWidth: 1,
+      borderColor: themeVariables.wizardBorderColor
+    },
+    wizardFooter: {
+      flexDirection: 'row',
+      justifyContent: 'flex-start',
+      padding: 12,
+      width: '100%'
+    },
+    buttonWrapper: {
+      flexDirection: 'row'
+    },
+    stepTitleWrapper: {
+      flex: 1,
+      justifyContent: 'center',
+      flexDirection: 'column'
+    },
+    stepTitle: {
+      textTransform: 'capitalize',
+      fontSize: 12,
+      color: themeVariables.wizardStepTitleColor
+    },
+    stepSubTitle: {
+      fontSize: 10,
+      color: themeVariables.wizardStepTitleColor
+    },
+    step: {
+      alignItems: 'center',
+      justifyContent: 'center',
+      width: 37,
+      backgroundColor: themeVariables.wizardBackgroundColor,
+      height: 37,
+      borderWidth: 1,
+      borderRadius: 18.5,
+      color: themeVariables.wizardStepColor,
+      borderColor: themeVariables.wizardStepColor
+    },
+    wizardActions: {
+      root: {
+        marginRight: 8
+      },
+      text: {
+        textTransform: 'capitalize',
+        fontSize: 14
+      }
+    },
+    nextButton: {
+      root: {
+        marginRight: 0,
+        paddingRight: 8,
+        backgroundColor: themeVariables.wizardNextBtnColor,
+        borderColor: themeVariables.wizardActiveStepColor
+      },
+      text: {
+        color: themeVariables.wizardActiveStepColor
+      }
+    },
+    prevButton: {
+      root: {
+        paddingLeft: 16
+      },
+      icon: {
+        icon: {
+          paddingRight: 0,
+          paddingLeft: 0
+        }
+      }
+    },
+    cancelButton: {
+      root: {
+        minHeight: 46
+      }
+    },
+    doneButton: {
+      root: {
+        marginRight: 0,
+        backgroundColor: themeVariables.wizardDoneBtnColor,
+        borderColor: themeVariables.wizardActiveStepColor
+      },
+      text: {
+        color: themeVariables.wizardActiveStepColor
+      },
+      icon: {
+        text: {
+          fontSize: 12,
+          color: themeVariables.wizardActiveStepColor
+        }
+      }
+    },
+    stepIcon: {
+      root: {
+        alignSelf: 'center',
+        justifyContent: 'center',
+        paddingLeft: 8
+      },
+      text: {
+        color: themeVariables.wizardStepIconColor,
+        fontSize: 15
+      },
+      icon: {
+        color: themeVariables.wizardStepIconColor
+      }
+    },
+    skipLink: {
+      root: {
+        padding: 8,
+        alignSelf: 'flex-end'
+      }
+    },
+    stepConnector: {
+      backgroundColor: themeVariables.wizardStepConnectorColor,
+      position: 'absolute',
+      top: 17.5,
+      zIndex: 10,
+      height: 2
+    },
+    numberTextStepConnector: {
+      display: 'none'
+    },
+    activeStepCounter: {
+      color: themeVariables.wizardActiveStepColor
+    },
+    skeleton: {
+      root: {}
+    },
+    stepCounter: {
+      fontSize: 15,
+      color: themeVariables.wizardStepColor
+    },
+    progressCircle: {},
+    popover: {},
+    stepMenu: {},
+    activeStepMenu: {},
+    stepMenuLabel: {},
+    stepMenuActiveLabel: {},
+    stepMenuIcon: {},
+    stepMenuActiveIcon: {}
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+  addStyle('number-text-inline', '', {
+    stepConnector: {
+      display: 'none'
+    },
+    numberTextStepConnector: {
+      backgroundColor: themeVariables.wizardStepConnectorColor,
+      height: 2,
+      display: 'flex'
+    },
+    stepWrapper: {
+      flexDirection: 'row'
+    },
+    wizardHeader: {
+      justifyContent: 'flex-start'
+    },
+    headerWrapper: {
+      flex: -1
+    },
+    stepTitleWrapper: {
+      flex: 0
+    },
+    stepTitle: {
+      padding: 5
+    }
+  });
+  addStyle('progress-circle-header', '', {
+    stepWrapper: {
+      paddingBottom: 4,
+      flexDirection: 'row',
+      alignItems: 'center'
+    },
+    wizardHeader: {
+      justifyContent: 'flex-start',
+      alignItems: 'center',
+      backgroundColor: themeVariables.wizardBackgroundColor,
+      height: 120,
+      borderRadius: 30
+    },
+    stepSubTitle: {
+      fontSize: 12,
+      paddingHorizontal: 5
+    },
+    headerWrapper: {
+      flex: 1
+    },
+    stepTitleWrapper: {
+      flex: 2
+    },
+    stepTitle: {
+      fontSize: 16,
+      paddingHorizontal: 5
+    },
+    progressCircle: {
+      root: {
+        height: 60,
+        width: 60
+      },
+      text: {},
+      progressValue: {
+        height: 8
+      }
+    },
+    popover: {
+      popover: {
+        width: 160,
+        paddingTop: 8,
+        paddingBottom: 8,
+        backgroundColor: themeVariables.menuBackgroundColor,
+        minHeight: 160,
+        borderBottomLeftRadius: 28,
+        borderBottomRightRadius: 28
+      },
+      popoverContent: {
+        root: {
+          //@ts-ignore
+          flex: undefined
+        }
+      },
+      modalContent: {
+        borderBottomLeftRadius: 28,
+        borderBottomRightRadius: 28
+      }
+    },
+    stepMenu: {
+      flexDirection: 'row',
+      padding: 14,
+      alignItems: 'center',
+      justifyContent: 'flex-start'
+    },
+    activeStepMenu: {},
+    stepMenuLabel: {
+      text: {
+        color: themeVariables.menuItemTextColor
+      }
+    },
+    stepMenuActiveLabel: {
+      text: {
+        color: themeVariables.primaryColor
+      }
+    },
+    stepMenuIcon: {
+      root: {
+        paddingRight: 4
+      },
+      text: {
+        color: themeVariables.menuItemTextColor
+      }
+    },
+    stepMenuActiveIcon: {
+      root: {
+        paddingRight: 4
+      },
+      text: {
+        color: themeVariables.primaryColor
+      }
+    }
+  });
+  addStyle(DEFAULT_CLASS + '-rtl', '', {
+    wizardActions: {
+      icon: {
+        root: {
+          transform: [{
+            rotateY: '180deg'
+          }]
+        }
+      }
+    },
+    nextButton: {
+      root: {
+        marginRight: 8
+      }
+    },
+    doneButton: {
+      root: {
+        marginRight: 8
+      },
+      icon: {
+        root: {
+          transform: [{
+            rotateY: '0deg'
+          }]
+        }
+      }
+    }
+  });
+});
+//# sourceMappingURL=wizard.styles.js.map

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

@@ -0,0 +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","paddingBottom","paddingHorizontal","progressValue","menuBackgroundColor","borderBottomLeftRadius","borderBottomRightRadius","popoverContent","undefined","modalContent","menuItemTextColor","primaryColor","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  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  } 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('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(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;AA6CxF,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;EACzB,CAAmB,CAAC;EAEpB1E,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,wBAAwB,EAAE,EAAE,EAAE;IACrCqB,WAAW,EAAE;MACXsD,aAAa,EAAE,CAAC;MAChBxE,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;MACZsC,iBAAiB,EAAE;IACrB,CAAC;IACDrD,aAAa,EAAE;MACbC,IAAI,EAAE;IACR,CAAC;IACDW,gBAAgB,EAAE;MAChBX,IAAI,EAAE;IACR,CAAC;IACDY,SAAS,EAAE;MACTE,QAAQ,EAAE,EAAE;MACZsC,iBAAiB,EAAE;IACrB,CAAC;IACDT,cAAc,EAAC;MACbjE,IAAI,EAAE;QACJwC,MAAM,EAAE,EAAE;QACVd,KAAK,EAAE;MACT,CAAC;MACDpB,IAAI,EAAE,CAAC,CAAC;MACRqE,aAAa,EAAC;QACZnC,MAAM,EAAE;MACV;IACF,CAAC;IACD0B,OAAO,EAAC;MACNA,OAAO,EAAC;QACNxC,KAAK,EAAE,GAAG;QACVD,UAAU,EAAE,CAAC;QACbgD,aAAa,EAAE,CAAC;QAChBvE,eAAe,EAAEL,cAAc,CAAC+E,mBAAmB;QACnDvE,SAAS,EAAC,GAAG;QACbwE,sBAAsB,EAAE,EAAE;QAC1BC,uBAAuB,EAAE;MAC3B,CAAC;MACDC,cAAc,EAAE;QACd/E,IAAI,EAAC;UACH;UACAsB,IAAI,EAAE0D;QACR;MACF,CAAC;MACDC,YAAY,EAAC;QACXJ,sBAAsB,EAAE,EAAE;QAC1BC,uBAAuB,EAAE;MAC3B;IACF,CAAoB;IACpBX,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,CAACqF;MACvB;IACF,CAAC;IACDZ,mBAAmB,EAAC;MAClBhE,IAAI,EAAC;QACHI,KAAK,EAAEb,cAAc,CAACsF;MACxB;IACF,CAAC;IACDZ,YAAY,EAAE;MACZvE,IAAI,EAAC;QACH8C,YAAY,EAAE;MAChB,CAAC;MACDxC,IAAI,EAAC;QACHI,KAAK,EAACb,cAAc,CAACqF;MACvB;IACF,CAAC;IACDV,kBAAkB,EAAC;MACjBxE,IAAI,EAAC;QACH8C,YAAY,EAAE;MAChB,CAAC;MACDxC,IAAI,EAAC;QACHI,KAAK,EAAEb,cAAc,CAACsF;MACxB;IACF;EACF,CAAmB,CAAC;EACpBrF,QAAQ,CAACH,aAAa,GAAG,MAAM,EAAE,EAAE,EAAE;IACnCgD,aAAa,EAAE;MACbO,IAAI,EAAE;QACJlD,IAAI,EAAC;UACHoF,SAAS,EAAE,CAAC;YAACC,OAAO,EAAC;UAAQ,CAAC;QAChC;MACF;IACF,CAAC;IACDxC,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;UACHoF,SAAS,EAAE,CAAC;YAACC,OAAO,EAAC;UAAM,CAAC;QAC9B;MACF;IACF;EACF,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,92 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import { View } from 'react-native';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmWizardstepProps from './wizardstep.props';
+import { DEFAULT_CLASS } from './wizardstep.styles';
+export class WmWizardstepState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "active", false);
+    _defineProperty(this, "showContent", false);
+  }
+}
+export default class WmWizardstep extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmWizardstepProps(), new WmWizardstepState());
+  }
+  componentDidMount() {
+    const wizard = this.parent;
+    // When skeleton is enabled in the wizard component, the parent would be WMSkeleton which doesnot have addWizardStep function
+    if (wizard.addWizardStep) {
+      wizard.addWizardStep(this);
+    }
+    super.componentDidMount();
+  }
+  onPropertyChange(name, $new, $old) {
+    super.onPropertyChange(name, $new, $old);
+    switch (name) {
+      case 'title':
+        const wizard = this.parent;
+        wizard === null || wizard === void 0 || wizard.refresh();
+        break;
+      case 'disableprev':
+      case 'disablenext':
+      case 'disabledone':
+      case 'enableskip':
+        setTimeout(() => {
+          this.parent.forceUpdate();
+        }, 10);
+        break;
+      case 'show':
+        if ($new !== $old) {
+          setTimeout(() => {
+            this.parent.forceUpdate();
+          }, 10);
+        }
+        break;
+    }
+  }
+  setActive() {
+    this.updateState({
+      active: true
+    }, () => {
+      if (this.state.showContent) {
+        this.invokeEventCallback('onLoad', [this]);
+      }
+    });
+  }
+  setInActive() {
+    this.updateState({
+      active: false
+    });
+  }
+  isVisible() {
+    return super.isVisible() && this.state.active;
+  }
+  invokeNextCB(index) {
+    return this.invokeEventCallback('onNext', [this.proxy, this, index]);
+  }
+  invokePrevCB(index) {
+    return this.invokeEventCallback('onPrev', [this.proxy, this, index]);
+  }
+  invokeSkipCB(index) {
+    this.invokeEventCallback('onSkip', [this.proxy, this, index]);
+  }
+  renderWidget(props) {
+    if (!this.state.showContent && this.isVisible()) {
+      this.updateState({
+        showContent: true
+      }, () => {
+        this.invokeEventCallback('onLoad', [this]);
+      });
+    }
+    return this.state.showContent && /*#__PURE__*/React.createElement(View, {
+      style: this.styles.root,
+      onLayout: event => this.handleLayout(event)
+    }, this._background, props.children);
+  }
+}
+//# sourceMappingURL=wizardstep.component.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,22 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
+export default class WmWizardstepProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "disableprev", false);
+    _defineProperty(this, "disablenext", false);
+    _defineProperty(this, "disabledone", false);
+    _defineProperty(this, "showprev", true);
+    _defineProperty(this, "shownext", true);
+    _defineProperty(this, "showdone", true);
+    _defineProperty(this, "children", void 0);
+    _defineProperty(this, "enableskip", false);
+    _defineProperty(this, "iconclass", 'wm-sl-l sl-check');
+    _defineProperty(this, "title", 'Step Title');
+    _defineProperty(this, "subtitle", 'Sub Title');
+    _defineProperty(this, "index", 0);
+  }
+}
+//# sourceMappingURL=wizardstep.props.js.map

package/components/data/card/card-content/card-content.component.js

@@ -0,0 +1,46 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import { View } from 'react-native';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmCardContentProps from './card-content.props';
+import { DEFAULT_CLASS } from './card-content.styles';
+export class WmCardContentState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "isPartialLoaded", false);
+  }
+}
+export default class WmCardContent extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmCardContentProps());
+  }
+  onPartialLoad() {
+    this.invokeEventCallback('onLoad', [null, this]);
+  }
+  renderContent(props) {
+    if (props.renderPartial) {
+      if (!this.state.isPartialLoaded) {
+        setTimeout(() => {
+          this.updateState({
+            isPartialLoaded: true
+          });
+        });
+      }
+      return props.renderPartial(props, this.onPartialLoad.bind(this));
+    }
+    return props.children;
+  }
+  renderWidget(props) {
+    const styles = this._showSkeleton ? {
+      ...this.styles.root,
+      ...this.styles.skeleton.root
+    } : this.styles.root;
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles,
+      onLayout: event => this.handleLayout(event)
+    }, !this._showSkeleton ? this._background : null, this.renderContent(props));
+  }
+}
+//# sourceMappingURL=card-content.component.js.map

package/components/data/card/card-content/card-content.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmCardContentProps","DEFAULT_CLASS","WmCardContentState","constructor","args","_defineProperty","WmCardContent","props","onPartialLoad","invokeEventCallback","renderContent","renderPartial","state","isPartialLoaded","setTimeout","updateState","bind","children","renderWidget","styles","_showSkeleton","root","skeleton","createElement","style","onLayout","event","handleLayout","_background"],"sources":["card-content.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmCardContentProps from './card-content.props';\nimport { DEFAULT_CLASS, WmCardContentStyles } from './card-content.styles';\n\nexport class WmCardContentState extends BaseComponentState<WmCardContentProps> {\n  isPartialLoaded = false;\n}\n\nexport default class WmCardContent extends BaseComponent<WmCardContentProps, WmCardContentState, WmCardContentStyles> {\n\n  constructor(props: WmCardContentProps) {\n    super(props, DEFAULT_CLASS, new WmCardContentProps());\n  }\n\n  onPartialLoad() {\n    this.invokeEventCallback('onLoad', [null, this]);\n  }\n\n  renderContent(props: WmCardContentProps) {\n    if (props.renderPartial) {\n      if (!this.state.isPartialLoaded) {\n        setTimeout(() => {\n          this.updateState({\n            isPartialLoaded: true\n          } as WmCardContentState);\n        });\n      }\n      return props.renderPartial(props, this.onPartialLoad.bind(this));\n    }\n    return props.children;\n  }\n\n  renderWidget(props: WmCardContentProps) {\n    const styles = this._showSkeleton ? {\n      ...this.styles.root,\n      ...this.styles.skeleton.root\n    } : this.styles.root\n\n    return (\n      <View \n        style={styles}\n        onLayout={(event) => this.handleLayout(event)}\n      >\n        {!this._showSkeleton ? this._background : null}\n        {this.renderContent(props)}\n      </View>\n    );\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,kBAAkB,MAAM,sBAAsB;AACrD,SAASC,aAAa,QAA6B,uBAAuB;AAE1E,OAAO,MAAMC,kBAAkB,SAASH,kBAAkB,CAAqB;EAAAI,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,0BAC3D,KAAK;EAAA;AACzB;AAEA,eAAe,MAAMC,aAAa,SAASR,aAAa,CAA8D;EAEpHK,WAAWA,CAACI,KAAyB,EAAE;IACrC,KAAK,CAACA,KAAK,EAAEN,aAAa,EAAE,IAAID,kBAAkB,CAAC,CAAC,CAAC;EACvD;EAEAQ,aAAaA,CAAA,EAAG;IACd,IAAI,CAACC,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;EAClD;EAEAC,aAAaA,CAACH,KAAyB,EAAE;IACvC,IAAIA,KAAK,CAACI,aAAa,EAAE;MACvB,IAAI,CAAC,IAAI,CAACC,KAAK,CAACC,eAAe,EAAE;QAC/BC,UAAU,CAAC,MAAM;UACf,IAAI,CAACC,WAAW,CAAC;YACfF,eAAe,EAAE;UACnB,CAAuB,CAAC;QAC1B,CAAC,CAAC;MACJ;MACA,OAAON,KAAK,CAACI,aAAa,CAACJ,KAAK,EAAE,IAAI,CAACC,aAAa,CAACQ,IAAI,CAAC,IAAI,CAAC,CAAC;IAClE;IACA,OAAOT,KAAK,CAACU,QAAQ;EACvB;EAEAC,YAAYA,CAACX,KAAyB,EAAE;IACtC,MAAMY,MAAM,GAAG,IAAI,CAACC,aAAa,GAAG;MAClC,GAAG,IAAI,CAACD,MAAM,CAACE,IAAI;MACnB,GAAG,IAAI,CAACF,MAAM,CAACG,QAAQ,CAACD;IAC1B,CAAC,GAAG,IAAI,CAACF,MAAM,CAACE,IAAI;IAEpB,oBACEzB,KAAA,CAAA2B,aAAA,CAAC1B,IAAI;MACH2B,KAAK,EAAEL,MAAO;MACdM,QAAQ,EAAGC,KAAK,IAAK,IAAI,CAACC,YAAY,CAACD,KAAK;IAAE,GAE7C,CAAC,IAAI,CAACN,aAAa,GAAG,IAAI,CAACQ,WAAW,GAAG,IAAI,EAC7C,IAAI,CAAClB,aAAa,CAACH,KAAK,CACrB,CAAC;EAEX;AACF","ignoreList":[]}

package/components/data/card/card-content/card-content.props.js

@@ -0,0 +1,12 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
+export default class WmCardContentProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "children", null);
+    _defineProperty(this, "renderPartial", void 0);
+  }
+}
+//# sourceMappingURL=card-content.props.js.map

package/components/data/card/card-content/card-content.styles.js

@@ -0,0 +1,17 @@
+import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';
+export const DEFAULT_CLASS = 'app-card-content';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {
+      backgroundColor: themeVariables.cardContentBgColor,
+      padding: 8
+    },
+    text: {},
+    skeleton: {
+      root: {}
+    }
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+});
+//# sourceMappingURL=card-content.styles.js.map

package/components/data/card/card-content/card-content.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","backgroundColor","cardContentBgColor","padding","text","skeleton"],"sources":["card-content.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmCardContentStyles = BaseStyles & {\n    skeleton: WmSkeletonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-card-content';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmCardContentStyles = defineStyles({\n        root: {\n            backgroundColor: themeVariables.cardContentBgColor,\n            padding: 8\n        },\n        text: {},\n        skeleton: {\n            root: {\n            }\n        } as any as WmSkeletonStyles\n    });\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAOxF,OAAO,MAAMC,aAAa,GAAG,kBAAkB;AAC/CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAkC,GAAGL,YAAY,CAAC;IACpDM,IAAI,EAAE;MACFC,eAAe,EAAEJ,cAAc,CAACK,kBAAkB;MAClDC,OAAO,EAAE;IACb,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,QAAQ,EAAE;MACNL,IAAI,EAAE,CACN;IACJ;EACJ,CAAC,CAAC;EACFF,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC","ignoreList":[]}

package/components/data/card/card-footer/card-footer.component.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { View } from 'react-native';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmCardFooterProps from './card-footer.props';
+import { DEFAULT_CLASS } from './card-footer.styles';
+export class WmCardFooterState extends BaseComponentState {}
+export default class WmCardFooter extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmCardFooterProps());
+  }
+  renderWidget(props) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.styles.root,
+      onLayout: event => this.handleLayout(event)
+    }, this._background, props.children);
+  }
+}
+//# sourceMappingURL=card-footer.component.js.map

package/components/data/card/card-footer/card-footer.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmCardFooterProps","DEFAULT_CLASS","WmCardFooterState","WmCardFooter","constructor","props","renderWidget","createElement","style","styles","root","onLayout","event","handleLayout","_background","children"],"sources":["card-footer.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmCardFooterProps from './card-footer.props';\nimport { DEFAULT_CLASS, WmCardFooterStyles } from './card-footer.styles';\n\nexport class WmCardFooterState extends BaseComponentState<WmCardFooterProps> {}\n\nexport default class WmCardFooter extends BaseComponent<WmCardFooterProps, WmCardFooterState, WmCardFooterStyles> {\n\n  constructor(props: WmCardFooterProps) {\n    super(props, DEFAULT_CLASS, new WmCardFooterProps());\n  }\n\n  renderWidget(props: WmCardFooterProps) {\n    return (\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":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,SAASC,aAAa,QAA4B,sBAAsB;AAExE,OAAO,MAAMC,iBAAiB,SAASH,kBAAkB,CAAoB;AAE7E,eAAe,MAAMI,YAAY,SAASL,aAAa,CAA2D;EAEhHM,WAAWA,CAACC,KAAwB,EAAE;IACpC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,iBAAiB,CAAC,CAAC,CAAC;EACtD;EAEAM,YAAYA,CAACD,KAAwB,EAAE;IACrC,oBACET,KAAA,CAAAW,aAAA,CAACV,IAAI;MACHW,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC,IAAK;MACxBC,QAAQ,EAAGC,KAAK,IAAK,IAAI,CAACC,YAAY,CAACD,KAAK;IAAE,GAE7C,IAAI,CAACE,WAAW,EAChBT,KAAK,CAACU,QACH,CAAC;EACX;AACF","ignoreList":[]}

package/components/data/card/card-footer/card-footer.props.js

@@ -0,0 +1,11 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
+export default class WmCardFooterProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "children", null);
+  }
+}
+//# sourceMappingURL=card-footer.props.js.map