@wavemaker/app-rn-runtime 11.11.5-rc.214 → 11.11.6-rc.216

package/components/input/text/text.styles.js

@@ -39,6 +39,26 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     }
   });
   addStyle(DEFAULT_CLASS, '', defaultStyles);
+
+  // Add horizontal form input styles for horizontal form field layouts - positioned early to avoid overriding more specific styles
+  addStyle('form-text-input-horizontal', '', {
+    root: {
+      flex: 1,
+      minWidth: 0,
+      maxWidth: '100%'
+    },
+    text: {}
+  });
+
+  // Password widgets use the text component but have their own widget type
+  addStyle('form-password-input-horizontal', '', {
+    root: {
+      flex: 1,
+      minWidth: 0,
+      maxWidth: '100%'
+    },
+    text: {}
+  });
   addStyle(DEFAULT_CLASS + '-disabled', '', {
     root: {
       backgroundColor: themeVariables.inputDisabledBgColor

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

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","minHeight","paddingTop","paddingBottom","borderWidth","paddingLeft","paddingRight","borderStyle","borderColor","inputBorderColor","backgroundColor","inputBackgroundColor","borderRadius","fontFamily","baseFont","text","fontSize","invalid","borderBottomColor","inputInvalidBorderColor","focused","inputFocusBorderColor","placeholderText","color","inputPlaceholderColor","floatingLabel","activeFloatingLabel","skeleton","width","height","inputDisabledBgColor","textAlign","position","top","left","floatingLabelColor","activeFloatingLabelColor"],"sources":["text.styles.ts"],"sourcesContent":["import BASE_THEME, {AllStyle, Theme} from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport {ColorValue} from \"react-native\";\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmTextStyles = BaseStyles & {\n  invalid: AllStyle;\n  focused: AllStyle;\n  placeholderText: AllStyle;\n  floatingLabel: AllStyle;\n  activeFloatingLabel: AllStyle;\n  skeleton: WmSkeletonStyles;\n};\n\nexport const DEFAULT_CLASS = 'app-text';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmTextStyles = defineStyles({\n      root: {\n        minHeight: 42,\n        paddingTop: 8,\n        paddingBottom: 8,\n        borderWidth: 1,\n        paddingLeft: 16,\n        paddingRight: 16,\n        borderStyle: 'solid',\n        borderColor: themeVariables.inputBorderColor,\n        backgroundColor: themeVariables.inputBackgroundColor,\n        borderRadius: 6,\n        fontFamily: themeVariables.baseFont\n      },\n      text: {\n        fontSize: 16\n      },\n      invalid: {\n        borderBottomColor: themeVariables.inputInvalidBorderColor\n      },\n      focused : {\n        borderColor: themeVariables.inputFocusBorderColor,\n      },\n      placeholderText: {\n      color: themeVariables.inputPlaceholderColor\n      },\n      floatingLabel: {},\n      activeFloatingLabel: {},\n      skeleton: {\n        root: {\n          width: '100%',\n          height: 16,\n          borderRadius: 4\n        }\n      } as any as WmSkeletonStyles\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n      root : {\n        backgroundColor: themeVariables.inputDisabledBgColor\n      }\n  });\n  addStyle(DEFAULT_CLASS + '-rtl', '', {\n      root:{\n        textAlign: 'right'\n      }\n  });\n  addStyle(DEFAULT_CLASS + '-with-label', '', {\n    root: {\n      minHeight: 48,\n    },\n    floatingLabel: {\n      position: 'absolute',\n      top: 12,\n      left: 16,\n      fontSize: 14,\n      color: themeVariables.floatingLabelColor\n    },\n    activeFloatingLabel: {\n      color: themeVariables.activeFloatingLabelColor\n    }\n  });\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAyB,wCAAwC;AAClF,SAAqBC,YAAY,QAAQ,+CAA+C;AAaxF,OAAO,MAAMC,aAAa,GAAG,UAAU;AACvCF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA2B,GAAGL,YAAY,CAAC;IAC7CM,IAAI,EAAE;MACJC,SAAS,EAAE,EAAE;MACbC,UAAU,EAAE,CAAC;MACbC,aAAa,EAAE,CAAC;MAChBC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAE,EAAE;MACfC,YAAY,EAAE,EAAE;MAChBC,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAEX,cAAc,CAACY,gBAAgB;MAC5CC,eAAe,EAAEb,cAAc,CAACc,oBAAoB;MACpDC,YAAY,EAAE,CAAC;MACfC,UAAU,EAAEhB,cAAc,CAACiB;IAC7B,CAAC;IACDC,IAAI,EAAE;MACJC,QAAQ,EAAE;IACZ,CAAC;IACDC,OAAO,EAAE;MACPC,iBAAiB,EAAErB,cAAc,CAACsB;IACpC,CAAC;IACDC,OAAO,EAAG;MACRZ,WAAW,EAAEX,cAAc,CAACwB;IAC9B,CAAC;IACDC,eAAe,EAAE;MACjBC,KAAK,EAAE1B,cAAc,CAAC2B;IACtB,CAAC;IACDC,aAAa,EAAE,CAAC,CAAC;IACjBC,mBAAmB,EAAE,CAAC,CAAC;IACvBC,QAAQ,EAAE;MACR3B,IAAI,EAAE;QACJ4B,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,EAAE;QACVjB,YAAY,EAAE;MAChB;IACF;EACJ,CAAC,CAAC;EAEFd,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACtCK,IAAI,EAAG;MACLU,eAAe,EAAEb,cAAc,CAACiC;IAClC;EACJ,CAAC,CAAC;EACFhC,QAAQ,CAACH,aAAa,GAAG,MAAM,EAAE,EAAE,EAAE;IACjCK,IAAI,EAAC;MACH+B,SAAS,EAAE;IACb;EACJ,CAAC,CAAC;EACFjC,QAAQ,CAACH,aAAa,GAAG,aAAa,EAAE,EAAE,EAAE;IAC1CK,IAAI,EAAE;MACJC,SAAS,EAAE;IACb,CAAC;IACDwB,aAAa,EAAE;MACbO,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,EAAE;MACPC,IAAI,EAAE,EAAE;MACRlB,QAAQ,EAAE,EAAE;MACZO,KAAK,EAAE1B,cAAc,CAACsC;IACxB,CAAC;IACDT,mBAAmB,EAAE;MACnBH,KAAK,EAAE1B,cAAc,CAACuC;IACxB;EACF,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","minHeight","paddingTop","paddingBottom","borderWidth","paddingLeft","paddingRight","borderStyle","borderColor","inputBorderColor","backgroundColor","inputBackgroundColor","borderRadius","fontFamily","baseFont","text","fontSize","invalid","borderBottomColor","inputInvalidBorderColor","focused","inputFocusBorderColor","placeholderText","color","inputPlaceholderColor","floatingLabel","activeFloatingLabel","skeleton","width","height","flex","minWidth","maxWidth","inputDisabledBgColor","textAlign","position","top","left","floatingLabelColor","activeFloatingLabelColor"],"sources":["text.styles.ts"],"sourcesContent":["import BASE_THEME, {AllStyle, Theme} from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport {ColorValue} from \"react-native\";\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmTextStyles = BaseStyles & {\n  invalid: AllStyle;\n  focused: AllStyle;\n  placeholderText: AllStyle;\n  floatingLabel: AllStyle;\n  activeFloatingLabel: AllStyle;\n  skeleton: WmSkeletonStyles;\n};\n\nexport const DEFAULT_CLASS = 'app-text';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmTextStyles = defineStyles({\n      root: {\n        minHeight: 42,\n        paddingTop: 8,\n        paddingBottom: 8,\n        borderWidth: 1,\n        paddingLeft: 16,\n        paddingRight: 16,\n        borderStyle: 'solid',\n        borderColor: themeVariables.inputBorderColor,\n        backgroundColor: themeVariables.inputBackgroundColor,\n        borderRadius: 6,\n        fontFamily: themeVariables.baseFont\n      },\n      text: {\n        fontSize: 16\n      },\n      invalid: {\n        borderBottomColor: themeVariables.inputInvalidBorderColor\n      },\n      focused : {\n        borderColor: themeVariables.inputFocusBorderColor,\n      },\n      placeholderText: {\n      color: themeVariables.inputPlaceholderColor\n      },\n      floatingLabel: {},\n      activeFloatingLabel: {},\n      skeleton: {\n        root: {\n          width: '100%',\n          height: 16,\n          borderRadius: 4\n        }\n      } as any as WmSkeletonStyles\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  \n  // Add horizontal form input styles for horizontal form field layouts - positioned early to avoid overriding more specific styles\n  addStyle('form-text-input-horizontal', '', {\n    root: {\n      flex: 1, \n      minWidth: 0, \n      maxWidth: '100%',\n    },\n    text: {\n    }\n  } as BaseStyles);\n  \n  // Password widgets use the text component but have their own widget type\n  addStyle('form-password-input-horizontal', '', {\n    root: {\n      flex: 1, \n      minWidth: 0, \n      maxWidth: '100%',\n    },\n    text: {}\n  } as BaseStyles);\n  \n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n      root : {\n        backgroundColor: themeVariables.inputDisabledBgColor\n      }\n  });\n  addStyle(DEFAULT_CLASS + '-rtl', '', {\n      root:{\n        textAlign: 'right'\n      }\n  });\n  addStyle(DEFAULT_CLASS + '-with-label', '', {\n    root: {\n      minHeight: 48,\n    },\n    floatingLabel: {\n      position: 'absolute',\n      top: 12,\n      left: 16,\n      fontSize: 14,\n      color: themeVariables.floatingLabelColor\n    },\n    activeFloatingLabel: {\n      color: themeVariables.activeFloatingLabelColor\n    }\n  });\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAyB,wCAAwC;AAClF,SAAqBC,YAAY,QAAQ,+CAA+C;AAaxF,OAAO,MAAMC,aAAa,GAAG,UAAU;AACvCF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA2B,GAAGL,YAAY,CAAC;IAC7CM,IAAI,EAAE;MACJC,SAAS,EAAE,EAAE;MACbC,UAAU,EAAE,CAAC;MACbC,aAAa,EAAE,CAAC;MAChBC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAE,EAAE;MACfC,YAAY,EAAE,EAAE;MAChBC,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAEX,cAAc,CAACY,gBAAgB;MAC5CC,eAAe,EAAEb,cAAc,CAACc,oBAAoB;MACpDC,YAAY,EAAE,CAAC;MACfC,UAAU,EAAEhB,cAAc,CAACiB;IAC7B,CAAC;IACDC,IAAI,EAAE;MACJC,QAAQ,EAAE;IACZ,CAAC;IACDC,OAAO,EAAE;MACPC,iBAAiB,EAAErB,cAAc,CAACsB;IACpC,CAAC;IACDC,OAAO,EAAG;MACRZ,WAAW,EAAEX,cAAc,CAACwB;IAC9B,CAAC;IACDC,eAAe,EAAE;MACjBC,KAAK,EAAE1B,cAAc,CAAC2B;IACtB,CAAC;IACDC,aAAa,EAAE,CAAC,CAAC;IACjBC,mBAAmB,EAAE,CAAC,CAAC;IACvBC,QAAQ,EAAE;MACR3B,IAAI,EAAE;QACJ4B,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,EAAE;QACVjB,YAAY,EAAE;MAChB;IACF;EACJ,CAAC,CAAC;EAEFd,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;;EAE1C;EACAD,QAAQ,CAAC,4BAA4B,EAAE,EAAE,EAAE;IACzCE,IAAI,EAAE;MACJ8B,IAAI,EAAE,CAAC;MACPC,QAAQ,EAAE,CAAC;MACXC,QAAQ,EAAE;IACZ,CAAC;IACDjB,IAAI,EAAE,CACN;EACF,CAAe,CAAC;;EAEhB;EACAjB,QAAQ,CAAC,gCAAgC,EAAE,EAAE,EAAE;IAC7CE,IAAI,EAAE;MACJ8B,IAAI,EAAE,CAAC;MACPC,QAAQ,EAAE,CAAC;MACXC,QAAQ,EAAE;IACZ,CAAC;IACDjB,IAAI,EAAE,CAAC;EACT,CAAe,CAAC;EAEhBjB,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACtCK,IAAI,EAAG;MACLU,eAAe,EAAEb,cAAc,CAACoC;IAClC;EACJ,CAAC,CAAC;EACFnC,QAAQ,CAACH,aAAa,GAAG,MAAM,EAAE,EAAE,EAAE;IACjCK,IAAI,EAAC;MACHkC,SAAS,EAAE;IACb;EACJ,CAAC,CAAC;EACFpC,QAAQ,CAACH,aAAa,GAAG,aAAa,EAAE,EAAE,EAAE;IAC1CK,IAAI,EAAE;MACJC,SAAS,EAAE;IACb,CAAC;IACDwB,aAAa,EAAE;MACbU,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,EAAE;MACPC,IAAI,EAAE,EAAE;MACRrB,QAAQ,EAAE,EAAE;MACZO,KAAK,EAAE1B,cAAc,CAACyC;IACxB,CAAC;IACDZ,mBAAmB,EAAE;MACnBH,KAAK,EAAE1B,cAAc,CAAC0C;IACxB;EACF,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

package/components/input/textarea/textarea.styles.js

@@ -44,6 +44,17 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     }
   });
   addStyle(DEFAULT_CLASS, '', defaultStyles);
+
+  // Add horizontal form input styles for horizontal form field layouts - positioned early to avoid overriding more specific styles
+  addStyle('form-textarea-input-horizontal', '', {
+    root: {
+      flex: 1,
+      minWidth: 0,
+      // Allow shrinking below intrinsic content size if needed
+      maxWidth: '100%' // Prevent overflow
+    },
+    text: {}
+  });
   addStyle(DEFAULT_CLASS + '-disabled', '', {
     root: {
       backgroundColor: themeVariables.inputDisabledBgColor

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

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","ThemeVariables","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","padding","borderWidth","borderStyle","borderColor","inputBorderColor","backgroundColor","inputBackgroundColor","borderRadius","fontFamily","baseFont","minHeight","text","fontSize","textAlignVertical","floatingLabel","activeFloatingLabel","invalid","borderBottomColor","focused","inputFocusBorderColor","placeholderText","color","inputPlaceholderColor","skeleton","width","height","helpText","marginTop","textAlign","INSTANCE","textAreaHelpTextColor","inputDisabledBgColor","paddingTop","position","top","left","floatingLabelColor","activeFloatingLabelColor"],"sources":["textarea.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 { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\nimport ThemeVariables from '@wavemaker/app-rn-runtime/styles/theme.variables';\n\nexport type WmTextareaStyles = BaseStyles & {\n  invalid: AllStyle;\n  focused: AllStyle;\n  placeholderText: AllStyle;\n  floatingLabel: AllStyle;\n  activeFloatingLabel: AllStyle;\n  skeleton: WmSkeletonStyles;\n  helpText:AllStyle;\n};\n\nexport const DEFAULT_CLASS = 'app-textarea';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmTextareaStyles = defineStyles({\n      root: {\n        padding:12,\n        borderWidth:1,\n        borderStyle: 'solid',\n        borderColor: themeVariables.inputBorderColor,\n        backgroundColor: themeVariables.inputBackgroundColor,\n        borderRadius: 6,\n        fontFamily: themeVariables.baseFont,\n        minHeight: 160,\n      },\n      text: {\n        fontSize: 16,\n        textAlignVertical: 'top'\n      },\n      floatingLabel: {},\n      activeFloatingLabel: {},\n      invalid: {\n        borderBottomColor: 'red'\n      },\n      focused : {\n        borderColor: themeVariables.inputFocusBorderColor,\n      },\n      placeholderText: {\n        color: themeVariables.inputPlaceholderColor\n      },\n      skeleton: {\n        root: {\n          width: '100%',\n          height: 84,\n          borderRadius: 4\n        }\n      } as any as WmSkeletonStyles,\n      helpText:{\n        marginTop:5,\n        textAlign:'right',\n        fontSize: 13,\n        color: ThemeVariables.INSTANCE.textAreaHelpTextColor\n      }\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n      root : {\n        backgroundColor: themeVariables.inputDisabledBgColor\n      }\n  });\n  addStyle(DEFAULT_CLASS + '-rtl', '', {\n    root:{\n      textAlign: 'right'\n    }\n  })\n  addStyle(DEFAULT_CLASS + '-with-label', '', {\n    text:{\n      paddingTop: 24\n    },\n    floatingLabel: {\n      position: 'absolute',\n      top: 12,\n      left: 16,\n      fontSize: 14,\n      color: themeVariables.floatingLabelColor\n    },\n    activeFloatingLabel: {\n      color: themeVariables.activeFloatingLabelColor\n    }\n  })\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAoB,wCAAwC;AAC7E,SAAqBC,YAAY,QAAQ,+CAA+C;AAExF,OAAOC,cAAc,MAAM,kDAAkD;AAY7E,OAAO,MAAMC,aAAa,GAAG,cAAc;AAC3CH,UAAU,CAACI,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA+B,GAAGN,YAAY,CAAC;IACjDO,IAAI,EAAE;MACJC,OAAO,EAAC,EAAE;MACVC,WAAW,EAAC,CAAC;MACbC,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAEP,cAAc,CAACQ,gBAAgB;MAC5CC,eAAe,EAAET,cAAc,CAACU,oBAAoB;MACpDC,YAAY,EAAE,CAAC;MACfC,UAAU,EAAEZ,cAAc,CAACa,QAAQ;MACnCC,SAAS,EAAE;IACb,CAAC;IACDC,IAAI,EAAE;MACJC,QAAQ,EAAE,EAAE;MACZC,iBAAiB,EAAE;IACrB,CAAC;IACDC,aAAa,EAAE,CAAC,CAAC;IACjBC,mBAAmB,EAAE,CAAC,CAAC;IACvBC,OAAO,EAAE;MACPC,iBAAiB,EAAE;IACrB,CAAC;IACDC,OAAO,EAAG;MACRf,WAAW,EAAEP,cAAc,CAACuB;IAC9B,CAAC;IACDC,eAAe,EAAE;MACfC,KAAK,EAAEzB,cAAc,CAAC0B;IACxB,CAAC;IACDC,QAAQ,EAAE;MACRxB,IAAI,EAAE;QACJyB,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,EAAE;QACVlB,YAAY,EAAE;MAChB;IACF,CAA4B;IAC5BmB,QAAQ,EAAC;MACPC,SAAS,EAAC,CAAC;MACXC,SAAS,EAAC,OAAO;MACjBhB,QAAQ,EAAE,EAAE;MACZS,KAAK,EAAE5B,cAAc,CAACoC,QAAQ,CAACC;IACjC;EACJ,CAAC,CAAC;EAEFjC,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACtCK,IAAI,EAAG;MACLM,eAAe,EAAET,cAAc,CAACmC;IAClC;EACJ,CAAC,CAAC;EACFlC,QAAQ,CAACH,aAAa,GAAG,MAAM,EAAE,EAAE,EAAE;IACnCK,IAAI,EAAC;MACH6B,SAAS,EAAE;IACb;EACF,CAAC,CAAC;EACF/B,QAAQ,CAACH,aAAa,GAAG,aAAa,EAAE,EAAE,EAAE;IAC1CiB,IAAI,EAAC;MACHqB,UAAU,EAAE;IACd,CAAC;IACDlB,aAAa,EAAE;MACbmB,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,EAAE;MACPC,IAAI,EAAE,EAAE;MACRvB,QAAQ,EAAE,EAAE;MACZS,KAAK,EAAEzB,cAAc,CAACwC;IACxB,CAAC;IACDrB,mBAAmB,EAAE;MACnBM,KAAK,EAAEzB,cAAc,CAACyC;IACxB;EACF,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["BASE_THEME","defineStyles","ThemeVariables","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","padding","borderWidth","borderStyle","borderColor","inputBorderColor","backgroundColor","inputBackgroundColor","borderRadius","fontFamily","baseFont","minHeight","text","fontSize","textAlignVertical","floatingLabel","activeFloatingLabel","invalid","borderBottomColor","focused","inputFocusBorderColor","placeholderText","color","inputPlaceholderColor","skeleton","width","height","helpText","marginTop","textAlign","INSTANCE","textAreaHelpTextColor","flex","minWidth","maxWidth","inputDisabledBgColor","paddingTop","position","top","left","floatingLabelColor","activeFloatingLabelColor"],"sources":["textarea.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 { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\nimport ThemeVariables from '@wavemaker/app-rn-runtime/styles/theme.variables';\n\nexport type WmTextareaStyles = BaseStyles & {\n  invalid: AllStyle;\n  focused: AllStyle;\n  placeholderText: AllStyle;\n  floatingLabel: AllStyle;\n  activeFloatingLabel: AllStyle;\n  skeleton: WmSkeletonStyles;\n  helpText:AllStyle;\n};\n\nexport const DEFAULT_CLASS = 'app-textarea';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmTextareaStyles = defineStyles({\n      root: {\n        padding:12,\n        borderWidth:1,\n        borderStyle: 'solid',\n        borderColor: themeVariables.inputBorderColor,\n        backgroundColor: themeVariables.inputBackgroundColor,\n        borderRadius: 6,\n        fontFamily: themeVariables.baseFont,\n        minHeight: 160,\n      },\n      text: {\n        fontSize: 16,\n        textAlignVertical: 'top'\n      },\n      floatingLabel: {},\n      activeFloatingLabel: {},\n      invalid: {\n        borderBottomColor: 'red'\n      },\n      focused : {\n        borderColor: themeVariables.inputFocusBorderColor,\n      },\n      placeholderText: {\n        color: themeVariables.inputPlaceholderColor\n      },\n      skeleton: {\n        root: {\n          width: '100%',\n          height: 84,\n          borderRadius: 4\n        }\n      } as any as WmSkeletonStyles,\n      helpText:{\n        marginTop:5,\n        textAlign:'right',\n        fontSize: 13,\n        color: ThemeVariables.INSTANCE.textAreaHelpTextColor\n      }\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  \n  // Add horizontal form input styles for horizontal form field layouts - positioned early to avoid overriding more specific styles\n  addStyle('form-textarea-input-horizontal', '', {\n    root: {\n      flex: 1,\n      minWidth: 0, // Allow shrinking below intrinsic content size if needed\n      maxWidth: '100%', // Prevent overflow\n    },\n    text: {}\n  } as BaseStyles);\n  \n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n      root : {\n        backgroundColor: themeVariables.inputDisabledBgColor\n      }\n  });\n  addStyle(DEFAULT_CLASS + '-rtl', '', {\n    root:{\n      textAlign: 'right'\n    }\n  })\n  addStyle(DEFAULT_CLASS + '-with-label', '', {\n    text:{\n      paddingTop: 24\n    },\n    floatingLabel: {\n      position: 'absolute',\n      top: 12,\n      left: 16,\n      fontSize: 14,\n      color: themeVariables.floatingLabelColor\n    },\n    activeFloatingLabel: {\n      color: themeVariables.activeFloatingLabelColor\n    }\n  })\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAoB,wCAAwC;AAC7E,SAAqBC,YAAY,QAAQ,+CAA+C;AAExF,OAAOC,cAAc,MAAM,kDAAkD;AAY7E,OAAO,MAAMC,aAAa,GAAG,cAAc;AAC3CH,UAAU,CAACI,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA+B,GAAGN,YAAY,CAAC;IACjDO,IAAI,EAAE;MACJC,OAAO,EAAC,EAAE;MACVC,WAAW,EAAC,CAAC;MACbC,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAEP,cAAc,CAACQ,gBAAgB;MAC5CC,eAAe,EAAET,cAAc,CAACU,oBAAoB;MACpDC,YAAY,EAAE,CAAC;MACfC,UAAU,EAAEZ,cAAc,CAACa,QAAQ;MACnCC,SAAS,EAAE;IACb,CAAC;IACDC,IAAI,EAAE;MACJC,QAAQ,EAAE,EAAE;MACZC,iBAAiB,EAAE;IACrB,CAAC;IACDC,aAAa,EAAE,CAAC,CAAC;IACjBC,mBAAmB,EAAE,CAAC,CAAC;IACvBC,OAAO,EAAE;MACPC,iBAAiB,EAAE;IACrB,CAAC;IACDC,OAAO,EAAG;MACRf,WAAW,EAAEP,cAAc,CAACuB;IAC9B,CAAC;IACDC,eAAe,EAAE;MACfC,KAAK,EAAEzB,cAAc,CAAC0B;IACxB,CAAC;IACDC,QAAQ,EAAE;MACRxB,IAAI,EAAE;QACJyB,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,EAAE;QACVlB,YAAY,EAAE;MAChB;IACF,CAA4B;IAC5BmB,QAAQ,EAAC;MACPC,SAAS,EAAC,CAAC;MACXC,SAAS,EAAC,OAAO;MACjBhB,QAAQ,EAAE,EAAE;MACZS,KAAK,EAAE5B,cAAc,CAACoC,QAAQ,CAACC;IACjC;EACJ,CAAC,CAAC;EAEFjC,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;;EAE1C;EACAD,QAAQ,CAAC,gCAAgC,EAAE,EAAE,EAAE;IAC7CE,IAAI,EAAE;MACJgC,IAAI,EAAE,CAAC;MACPC,QAAQ,EAAE,CAAC;MAAE;MACbC,QAAQ,EAAE,MAAM,CAAE;IACpB,CAAC;IACDtB,IAAI,EAAE,CAAC;EACT,CAAe,CAAC;EAEhBd,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACtCK,IAAI,EAAG;MACLM,eAAe,EAAET,cAAc,CAACsC;IAClC;EACJ,CAAC,CAAC;EACFrC,QAAQ,CAACH,aAAa,GAAG,MAAM,EAAE,EAAE,EAAE;IACnCK,IAAI,EAAC;MACH6B,SAAS,EAAE;IACb;EACF,CAAC,CAAC;EACF/B,QAAQ,CAACH,aAAa,GAAG,aAAa,EAAE,EAAE,EAAE;IAC1CiB,IAAI,EAAC;MACHwB,UAAU,EAAE;IACd,CAAC;IACDrB,aAAa,EAAE;MACbsB,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,EAAE;MACPC,IAAI,EAAE,EAAE;MACR1B,QAAQ,EAAE,EAAE;MACZS,KAAK,EAAEzB,cAAc,CAAC2C;IACxB,CAAC;IACDxB,mBAAmB,EAAE;MACnBM,KAAK,EAAEzB,cAAc,CAAC4C;IACxB;EACF,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

package/components/input/toggle/toggle.styles.js

@@ -29,6 +29,14 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     }
   });
   addStyle(DEFAULT_CLASS, '', defaultStyles);
+
+  // Add horizontal form input styles for horizontal form field layouts - positioned early to avoid overriding more specific styles
+  addStyle('form-toggle-input-horizontal', '', {
+    root: {
+      minWidth: 0
+    },
+    text: {}
+  });
   addStyle(DEFAULT_CLASS + '-on', '', {
     root: {
       backgroundColor: themeVariables.toggleOnColor

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

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","width","height","flexDirection","alignItems","borderRadius","text","handle","marginLeft","marginRight","backgroundSize","backgroundPosition","skeleton","backgroundColor","toggleOnColor","toggleHandleColor","toggleOffColor","borderColor","toggleOffBorderColor","borderWidth","toggleHandleDisableColor"],"sources":["toggle.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 { ViewStyle } from 'react-native';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmToggleStyles = BaseStyles & {\n  handle: ViewStyle,\n  skeleton: WmSkeletonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-toggle';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmToggleStyles = defineStyles({\n      root: {\n        width: 52,\n        height: 32,\n        flexDirection: 'row',\n        alignItems: 'center',\n        borderRadius: 18\n      },\n      text: {},\n      handle: {\n        width: 16,\n        height: 16,\n        borderRadius: 18,\n        marginLeft : 8,\n        marginRight: 0,\n        backgroundSize: '100% 100%',\n        backgroundPosition: 'center'\n      },\n      skeleton: {\n        root: {\n          width: 52,\n          height: 32,\n          borderRadius: 18,\n        }\n      } as WmSkeletonStyles\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle(DEFAULT_CLASS + '-on', '', {\n    root : {\n      backgroundColor: themeVariables.toggleOnColor,\n    },\n    handle: {\n      backgroundColor: themeVariables.toggleHandleColor,\n    }\n  } as WmToggleStyles);\n  addStyle(DEFAULT_CLASS + '-off', '', {\n    root : {\n      backgroundColor: themeVariables.toggleOffColor,\n      borderColor: themeVariables.toggleOffBorderColor,\n      borderWidth: 2\n    },\n    handle: {\n      backgroundColor: themeVariables.toggleHandleDisableColor,\n    }\n  } as WmToggleStyles);\n  addStyle(DEFAULT_CLASS + '-rtl', '', {});\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n      root : {}\n  });\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AASxF,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,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,YAAY,EAAE;IAChB,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,MAAM,EAAE;MACNN,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVG,YAAY,EAAE,EAAE;MAChBG,UAAU,EAAG,CAAC;MACdC,WAAW,EAAE,CAAC;MACdC,cAAc,EAAE,WAAW;MAC3BC,kBAAkB,EAAE;IACtB,CAAC;IACDC,QAAQ,EAAE;MACRZ,IAAI,EAAE;QACJC,KAAK,EAAE,EAAE;QACTC,MAAM,EAAE,EAAE;QACVG,YAAY,EAAE;MAChB;IACF;EACJ,CAAC,CAAC;EAEFP,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAACH,aAAa,GAAG,KAAK,EAAE,EAAE,EAAE;IAClCK,IAAI,EAAG;MACLa,eAAe,EAAEhB,cAAc,CAACiB;IAClC,CAAC;IACDP,MAAM,EAAE;MACNM,eAAe,EAAEhB,cAAc,CAACkB;IAClC;EACF,CAAmB,CAAC;EACpBjB,QAAQ,CAACH,aAAa,GAAG,MAAM,EAAE,EAAE,EAAE;IACnCK,IAAI,EAAG;MACLa,eAAe,EAAEhB,cAAc,CAACmB,cAAc;MAC9CC,WAAW,EAAEpB,cAAc,CAACqB,oBAAoB;MAChDC,WAAW,EAAE;IACf,CAAC;IACDZ,MAAM,EAAE;MACNM,eAAe,EAAEhB,cAAc,CAACuB;IAClC;EACF,CAAmB,CAAC;EACpBtB,QAAQ,CAACH,aAAa,GAAG,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;EACxCG,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACtCK,IAAI,EAAG,CAAC;EACZ,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","width","height","flexDirection","alignItems","borderRadius","text","handle","marginLeft","marginRight","backgroundSize","backgroundPosition","skeleton","minWidth","backgroundColor","toggleOnColor","toggleHandleColor","toggleOffColor","borderColor","toggleOffBorderColor","borderWidth","toggleHandleDisableColor"],"sources":["toggle.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 { ViewStyle } from 'react-native';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmToggleStyles = BaseStyles & {\n  handle: ViewStyle,\n  skeleton: WmSkeletonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-toggle';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmToggleStyles = defineStyles({\n      root: {\n        width: 52,\n        height: 32,\n        flexDirection: 'row',\n        alignItems: 'center',\n        borderRadius: 18\n      },\n      text: {},\n      handle: {\n        width: 16,\n        height: 16,\n        borderRadius: 18,\n        marginLeft : 8,\n        marginRight: 0,\n        backgroundSize: '100% 100%',\n        backgroundPosition: 'center'\n      },\n      skeleton: {\n        root: {\n          width: 52,\n          height: 32,\n          borderRadius: 18,\n        }\n      } as WmSkeletonStyles\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  \n  // Add horizontal form input styles for horizontal form field layouts - positioned early to avoid overriding more specific styles\n  addStyle('form-toggle-input-horizontal', '', {\n    root: {\n      minWidth: 0, \n    },\n    text: {}\n  } as BaseStyles);\n  \n  addStyle(DEFAULT_CLASS + '-on', '', {\n    root : {\n      backgroundColor: themeVariables.toggleOnColor,\n    },\n    handle: {\n      backgroundColor: themeVariables.toggleHandleColor,\n    }\n  } as WmToggleStyles);\n  addStyle(DEFAULT_CLASS + '-off', '', {\n    root : {\n      backgroundColor: themeVariables.toggleOffColor,\n      borderColor: themeVariables.toggleOffBorderColor,\n      borderWidth: 2\n    },\n    handle: {\n      backgroundColor: themeVariables.toggleHandleDisableColor,\n    }\n  } as WmToggleStyles);\n  addStyle(DEFAULT_CLASS + '-rtl', '', {});\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n      root : {}\n  });\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AASxF,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,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,YAAY,EAAE;IAChB,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,MAAM,EAAE;MACNN,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVG,YAAY,EAAE,EAAE;MAChBG,UAAU,EAAG,CAAC;MACdC,WAAW,EAAE,CAAC;MACdC,cAAc,EAAE,WAAW;MAC3BC,kBAAkB,EAAE;IACtB,CAAC;IACDC,QAAQ,EAAE;MACRZ,IAAI,EAAE;QACJC,KAAK,EAAE,EAAE;QACTC,MAAM,EAAE,EAAE;QACVG,YAAY,EAAE;MAChB;IACF;EACJ,CAAC,CAAC;EAEFP,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;;EAE1C;EACAD,QAAQ,CAAC,8BAA8B,EAAE,EAAE,EAAE;IAC3CE,IAAI,EAAE;MACJa,QAAQ,EAAE;IACZ,CAAC;IACDP,IAAI,EAAE,CAAC;EACT,CAAe,CAAC;EAEhBR,QAAQ,CAACH,aAAa,GAAG,KAAK,EAAE,EAAE,EAAE;IAClCK,IAAI,EAAG;MACLc,eAAe,EAAEjB,cAAc,CAACkB;IAClC,CAAC;IACDR,MAAM,EAAE;MACNO,eAAe,EAAEjB,cAAc,CAACmB;IAClC;EACF,CAAmB,CAAC;EACpBlB,QAAQ,CAACH,aAAa,GAAG,MAAM,EAAE,EAAE,EAAE;IACnCK,IAAI,EAAG;MACLc,eAAe,EAAEjB,cAAc,CAACoB,cAAc;MAC9CC,WAAW,EAAErB,cAAc,CAACsB,oBAAoB;MAChDC,WAAW,EAAE;IACf,CAAC;IACDb,MAAM,EAAE;MACNO,eAAe,EAAEjB,cAAc,CAACwB;IAClC;EACF,CAAmB,CAAC;EACpBvB,QAAQ,CAACH,aAAa,GAAG,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;EACxCG,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACtCK,IAAI,EAAG,CAAC;EACZ,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

package/components/page/page-content/page-content.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","padding","backgroundColor","pageContentBgColor","minHeight","text","skeleton","height","maxModalHeight"],"sources":["page-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';\nimport { Dimensions } from 'react-native';\n\nexport type WmPageContentStyles = BaseStyles & {\n    skeleton: WmSkeletonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-page-content';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmPageContentStyles = defineStyles({\n        root: {\n            padding: 8,\n            backgroundColor: themeVariables.pageContentBgColor,\n            minHeight: '100%'\n        },\n        text: {},\n        skeleton: {\n            root: {\n                height: themeVariables.maxModalHeight\n            }\n        } as any as WmSkeletonStyles\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAQxF,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,OAAO,EAAE,CAAC;MACVC,eAAe,EAAEL,cAAc,CAACM,kBAAkB;MAClDC,SAAS,EAAE;IACf,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,QAAQ,EAAE;MACNN,IAAI,EAAE;QACFO,MAAM,EAAEV,cAAc,CAACW;MAC3B;IACJ;EACJ,CAAC,CAAC;EAEFV,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","padding","backgroundColor","pageContentBgColor","minHeight","text","skeleton","height","maxModalHeight"],"sources":["page-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 WmPageContentStyles = BaseStyles & {\n    skeleton: WmSkeletonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-page-content';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmPageContentStyles = defineStyles({\n        root: {\n            padding: 8,\n            backgroundColor: themeVariables.pageContentBgColor,\n            minHeight: '100%'\n        },\n        text: {},\n        skeleton: {\n            root: {\n                height: themeVariables.maxModalHeight\n            }\n        } as any as WmSkeletonStyles\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAOxF,OAAO,MAAMC,aAAa,GAAG,kBAAkB;AAC/CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAkC,GAAGL,YAAY,CAAC;IACpDM,IAAI,EAAE;MACFC,OAAO,EAAE,CAAC;MACVC,eAAe,EAAEL,cAAc,CAACM,kBAAkB;MAClDC,SAAS,EAAE;IACf,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,QAAQ,EAAE;MACNN,IAAI,EAAE;QACFO,MAAM,EAAEV,cAAc,CAACW;MAC3B;IACJ;EACJ,CAAC,CAAC;EAEFV,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC","ignoreList":[]}

package/core/components/error-fallback.component.js

@@ -0,0 +1,264 @@
+import React, { useState } from 'react';
+import { Text, View, StyleSheet, ScrollView, TouchableOpacity } from 'react-native';
+import { navigate, goBackRef } from '@wavemaker/app-rn-runtime/core/navigation.service';
+import * as Clipboard from 'expo-clipboard';
+import injector from '@wavemaker/app-rn-runtime/core/injector';
+const Fallback = props => {
+  const {
+    error,
+    info,
+    resetErrorBoundary
+  } = props;
+  const [showStack, setShowStack] = useState(false);
+  const [isCopied, setIsCopied] = useState(false);
+  const appConfig = injector.get('APP_CONFIG');
+  const copyErrorToClipboard = async () => {
+    const errorDetails = `
+Error: ${(error === null || error === void 0 ? void 0 : error.message) || 'Unknown error'}
+Stack: ${(error === null || error === void 0 ? void 0 : error.stack) || 'No stack available'}
+Component Stack: ${(info === null || info === void 0 ? void 0 : info.componentStack) || 'No component stack available'}
+    `.trim();
+    await Clipboard.setStringAsync(errorDetails);
+    setIsCopied(true);
+    setTimeout(() => {
+      setIsCopied(false);
+    }, 2000);
+  };
+  const handleGoBack = () => {
+    goBackRef();
+    if (resetErrorBoundary) {
+      resetErrorBoundary();
+    }
+  };
+  const handleGoHome = () => {
+    navigate(appConfig.appProperties.homePage, {});
+    if (resetErrorBoundary) {
+      resetErrorBoundary();
+    }
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.title
+  }, "Something went wrong."), /*#__PURE__*/React.createElement(Text, {
+    style: styles.subtitle
+  }, "Please try again."), /*#__PURE__*/React.createElement(View, {
+    style: styles.errorCard
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.errorLabel
+  }, "Error:"), /*#__PURE__*/React.createElement(Text, {
+    style: styles.errorMessage
+  }, (error === null || error === void 0 ? void 0 : error.message) || 'An unexpected error occurred')), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.toggleButton,
+    onPress: () => setShowStack(!showStack)
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.toggleText
+  }, showStack ? 'Hide' : 'Show', " Error Details"), /*#__PURE__*/React.createElement(Text, {
+    style: styles.toggleIcon
+  }, showStack ? '▲' : '▼')), showStack && /*#__PURE__*/React.createElement(View, {
+    style: styles.stackCard
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.stackHeader
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.stackTitle
+  }, "Error Stack"), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: copyErrorToClipboard,
+    style: [styles.copyButton, isCopied && styles.copiedButton],
+    disabled: isCopied
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.copyButtonText, isCopied && styles.copiedButtonText]
+  }, isCopied ? 'Copied!' : 'Copy'))), /*#__PURE__*/React.createElement(ScrollView, {
+    style: styles.stackContainer,
+    showsVerticalScrollIndicator: true
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.stackText,
+    selectable: true
+  }, (error === null || error === void 0 ? void 0 : error.stack) || 'No stack trace available'), (info === null || info === void 0 ? void 0 : info.componentStack) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
+    style: styles.componentStackTitle
+  }, "Component Stack:"), /*#__PURE__*/React.createElement(Text, {
+    style: styles.stackText,
+    selectable: true
+  }, info.componentStack)))), /*#__PURE__*/React.createElement(View, {
+    style: styles.buttonContainer
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.secondaryButton,
+    onPress: handleGoBack
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.secondaryButtonText
+  }, "Go Back")), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.primaryButton,
+    onPress: handleGoHome
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.primaryButtonText
+  }, "Go to Home"))));
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    padding: 20,
+    backgroundColor: '#f8f9fa',
+    justifyContent: 'center'
+  },
+  imageContainer: {
+    alignItems: 'center',
+    marginBottom: 30
+  },
+  errorImage: {
+    width: 200,
+    height: 150
+  },
+  title: {
+    fontSize: 24,
+    fontWeight: '600',
+    textAlign: 'center',
+    color: '#2d3748',
+    marginBottom: 8
+  },
+  subtitle: {
+    fontSize: 16,
+    textAlign: 'center',
+    color: '#718096',
+    marginBottom: 30
+  },
+  errorCard: {
+    backgroundColor: '#fff',
+    borderRadius: 12,
+    padding: 16,
+    marginBottom: 16,
+    borderLeftWidth: 4,
+    borderLeftColor: '#f56565',
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.1,
+    shadowRadius: 4,
+    elevation: 3
+  },
+  errorLabel: {
+    fontSize: 14,
+    fontWeight: '600',
+    color: '#e53e3e',
+    marginBottom: 8
+  },
+  errorMessage: {
+    fontSize: 16,
+    color: '#2d3748',
+    lineHeight: 22
+  },
+  toggleButton: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingVertical: 12,
+    paddingHorizontal: 16,
+    backgroundColor: '#edf2f7',
+    borderRadius: 8,
+    marginBottom: 16
+  },
+  toggleText: {
+    fontSize: 16,
+    color: '#4a5568',
+    marginRight: 8
+  },
+  toggleIcon: {
+    fontSize: 12,
+    color: '#4a5568'
+  },
+  stackCard: {
+    backgroundColor: '#fff',
+    borderRadius: 12,
+    marginBottom: 24,
+    borderWidth: 1,
+    borderColor: '#e2e8f0',
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.1,
+    shadowRadius: 4,
+    elevation: 3
+  },
+  stackHeader: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    padding: 16,
+    borderBottomWidth: 1,
+    borderBottomColor: '#e2e8f0'
+  },
+  stackTitle: {
+    fontSize: 16,
+    fontWeight: '600',
+    color: '#2d3748'
+  },
+  copyButton: {
+    paddingVertical: 6,
+    paddingHorizontal: 12,
+    backgroundColor: '#4299e1',
+    borderRadius: 6
+  },
+  copiedButton: {
+    backgroundColor: '#48bb78'
+  },
+  copyButtonText: {
+    color: '#fff',
+    fontSize: 14,
+    fontWeight: '500'
+  },
+  copiedButtonText: {
+    color: '#fff'
+  },
+  stackContainer: {
+    maxHeight: 200,
+    padding: 16
+  },
+  stackText: {
+    fontSize: 12,
+    color: '#4a5568',
+    lineHeight: 16,
+    fontFamily: 'monospace'
+  },
+  componentStackTitle: {
+    fontSize: 14,
+    fontWeight: '600',
+    color: '#2d3748',
+    marginTop: 16,
+    marginBottom: 8
+  },
+  buttonContainer: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    gap: 12
+  },
+  primaryButton: {
+    flex: 1,
+    backgroundColor: '#4299e1',
+    borderRadius: 8,
+    paddingVertical: 14,
+    alignItems: 'center'
+  },
+  primaryButtonText: {
+    color: '#fff',
+    fontSize: 16,
+    fontWeight: '600'
+  },
+  secondaryButton: {
+    flex: 1,
+    backgroundColor: '#fff',
+    borderRadius: 8,
+    paddingVertical: 14,
+    alignItems: 'center',
+    borderWidth: 1,
+    borderColor: '#e2e8f0'
+  },
+  secondaryButtonText: {
+    color: '#4a5568',
+    fontSize: 16,
+    fontWeight: '600'
+  }
+});
+export default Fallback;
+//# sourceMappingURL=error-fallback.component.js.map

package/core/components/error-fallback.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","Text","View","StyleSheet","ScrollView","TouchableOpacity","navigate","goBackRef","Clipboard","injector","Fallback","props","error","info","resetErrorBoundary","showStack","setShowStack","isCopied","setIsCopied","appConfig","get","copyErrorToClipboard","errorDetails","message","stack","componentStack","trim","setStringAsync","setTimeout","handleGoBack","handleGoHome","appProperties","homePage","createElement","style","styles","container","title","subtitle","errorCard","errorLabel","errorMessage","toggleButton","onPress","toggleText","toggleIcon","stackCard","stackHeader","stackTitle","copyButton","copiedButton","disabled","copyButtonText","copiedButtonText","stackContainer","showsVerticalScrollIndicator","stackText","selectable","Fragment","componentStackTitle","buttonContainer","secondaryButton","secondaryButtonText","primaryButton","primaryButtonText","create","flex","padding","backgroundColor","justifyContent","imageContainer","alignItems","marginBottom","errorImage","width","height","fontSize","fontWeight","textAlign","color","borderRadius","borderLeftWidth","borderLeftColor","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","lineHeight","flexDirection","paddingVertical","paddingHorizontal","marginRight","borderWidth","borderColor","borderBottomWidth","borderBottomColor","maxHeight","fontFamily","marginTop","gap"],"sources":["error-fallback.component.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  Text,\n  View,\n  StyleSheet,\n  ScrollView,\n  TouchableOpacity,\n  Image,\n} from 'react-native';\nimport {\n  navigate,\n  goBackRef,\n} from '@wavemaker/app-rn-runtime/core/navigation.service';\nimport * as Clipboard from 'expo-clipboard';\nimport AppConfig from '@wavemaker/app-rn-runtime/core/AppConfig';\nimport injector from '@wavemaker/app-rn-runtime/core/injector';\n\nconst Fallback = (props: any) => {\n  const { error, info, resetErrorBoundary } = props;\n  const [showStack, setShowStack] = useState(false);\n  const [isCopied, setIsCopied] = useState(false);\n  const appConfig = injector.get<AppConfig>('APP_CONFIG');\n\n  const copyErrorToClipboard = async () => {\n    const errorDetails = `\nError: ${error?.message || 'Unknown error'}\nStack: ${error?.stack || 'No stack available'}\nComponent Stack: ${info?.componentStack || 'No component stack available'}\n    `.trim();\n\n    await Clipboard.setStringAsync(errorDetails);\n    setIsCopied(true);\n\n    setTimeout(() => {\n      setIsCopied(false);\n    }, 2000);\n  };\n\n  const handleGoBack = () => {\n    goBackRef();\n    if (resetErrorBoundary) {\n      resetErrorBoundary();\n    }\n  };\n\n  const handleGoHome = () => {\n    navigate(appConfig.appProperties.homePage, {});\n    if (resetErrorBoundary) {\n      resetErrorBoundary();\n    }\n  };\n\n  return (\n    <View style={styles.container}>\n      {/* Error Image */}\n      {/* <View style={styles.imageContainer}>\n        {\n          <Image\n            source={require('./something_wrong.png')}\n            style={styles.errorImage}\n            resizeMode=\"contain\"\n          />\n        }\n      </View> */}\n\n      {/* Error Message */}\n      <Text style={styles.title}>Something went wrong.</Text>\n      <Text style={styles.subtitle}>Please try again.</Text>\n\n      {/* Main Error Display */}\n      <View style={styles.errorCard}>\n        <Text style={styles.errorLabel}>Error:</Text>\n        <Text style={styles.errorMessage}>\n          {error?.message || 'An unexpected error occurred'}\n        </Text>\n      </View>\n\n      {/* Stack Toggle */}\n      <TouchableOpacity\n        style={styles.toggleButton}\n        onPress={() => setShowStack(!showStack)}\n      >\n        <Text style={styles.toggleText}>\n          {showStack ? 'Hide' : 'Show'} Error Details\n        </Text>\n        <Text style={styles.toggleIcon}>{showStack ? '▲' : '▼'}</Text>\n      </TouchableOpacity>\n\n      {/* Stack Details */}\n      {showStack && (\n        <View style={styles.stackCard}>\n          <View style={styles.stackHeader}>\n            <Text style={styles.stackTitle}>Error Stack</Text>\n            <TouchableOpacity\n              onPress={copyErrorToClipboard}\n              style={[styles.copyButton, isCopied && styles.copiedButton]}\n              disabled={isCopied}\n            >\n              <Text\n                style={[\n                  styles.copyButtonText,\n                  isCopied && styles.copiedButtonText,\n                ]}\n              >\n                {isCopied ? 'Copied!' : 'Copy'}\n              </Text>\n            </TouchableOpacity>\n          </View>\n          <ScrollView\n            style={styles.stackContainer}\n            showsVerticalScrollIndicator={true}\n          >\n            <Text style={styles.stackText} selectable={true}>\n              {error?.stack || 'No stack trace available'}\n            </Text>\n            {info?.componentStack && (\n              <>\n                <Text style={styles.componentStackTitle}>Component Stack:</Text>\n                <Text style={styles.stackText} selectable={true}>\n                  {info.componentStack}\n                </Text>\n              </>\n            )}\n          </ScrollView>\n        </View>\n      )}\n\n      {/* Action Buttons */}\n      <View style={styles.buttonContainer}>\n        <TouchableOpacity style={styles.secondaryButton} onPress={handleGoBack}>\n          <Text style={styles.secondaryButtonText}>Go Back</Text>\n        </TouchableOpacity>\n        <TouchableOpacity style={styles.primaryButton} onPress={handleGoHome}>\n          <Text style={styles.primaryButtonText}>Go to Home</Text>\n        </TouchableOpacity>\n      </View>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    padding: 20,\n    backgroundColor: '#f8f9fa',\n    justifyContent: 'center',\n  },\n  imageContainer: {\n    alignItems: 'center',\n    marginBottom: 30,\n  },\n  errorImage: {\n    width: 200,\n    height: 150,\n  },\n  title: {\n    fontSize: 24,\n    fontWeight: '600',\n    textAlign: 'center',\n    color: '#2d3748',\n    marginBottom: 8,\n  },\n  subtitle: {\n    fontSize: 16,\n    textAlign: 'center',\n    color: '#718096',\n    marginBottom: 30,\n  },\n  errorCard: {\n    backgroundColor: '#fff',\n    borderRadius: 12,\n    padding: 16,\n    marginBottom: 16,\n    borderLeftWidth: 4,\n    borderLeftColor: '#f56565',\n    shadowColor: '#000',\n    shadowOffset: { width: 0, height: 2 },\n    shadowOpacity: 0.1,\n    shadowRadius: 4,\n    elevation: 3,\n  },\n  errorLabel: {\n    fontSize: 14,\n    fontWeight: '600',\n    color: '#e53e3e',\n    marginBottom: 8,\n  },\n  errorMessage: {\n    fontSize: 16,\n    color: '#2d3748',\n    lineHeight: 22,\n  },\n  toggleButton: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n    paddingVertical: 12,\n    paddingHorizontal: 16,\n    backgroundColor: '#edf2f7',\n    borderRadius: 8,\n    marginBottom: 16,\n  },\n  toggleText: {\n    fontSize: 16,\n    color: '#4a5568',\n    marginRight: 8,\n  },\n  toggleIcon: {\n    fontSize: 12,\n    color: '#4a5568',\n  },\n  stackCard: {\n    backgroundColor: '#fff',\n    borderRadius: 12,\n    marginBottom: 24,\n    borderWidth: 1,\n    borderColor: '#e2e8f0',\n    shadowColor: '#000',\n    shadowOffset: { width: 0, height: 2 },\n    shadowOpacity: 0.1,\n    shadowRadius: 4,\n    elevation: 3,\n  },\n  stackHeader: {\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    padding: 16,\n    borderBottomWidth: 1,\n    borderBottomColor: '#e2e8f0',\n  },\n  stackTitle: {\n    fontSize: 16,\n    fontWeight: '600',\n    color: '#2d3748',\n  },\n  copyButton: {\n    paddingVertical: 6,\n    paddingHorizontal: 12,\n    backgroundColor: '#4299e1',\n    borderRadius: 6,\n  },\n  copiedButton: {\n    backgroundColor: '#48bb78',\n  },\n  copyButtonText: {\n    color: '#fff',\n    fontSize: 14,\n    fontWeight: '500',\n  },\n  copiedButtonText: {\n    color: '#fff',\n  },\n  stackContainer: {\n    maxHeight: 200,\n    padding: 16,\n  },\n  stackText: {\n    fontSize: 12,\n    color: '#4a5568',\n    lineHeight: 16,\n    fontFamily: 'monospace',\n  },\n  componentStackTitle: {\n    fontSize: 14,\n    fontWeight: '600',\n    color: '#2d3748',\n    marginTop: 16,\n    marginBottom: 8,\n  },\n  buttonContainer: {\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    gap: 12,\n  },\n  primaryButton: {\n    flex: 1,\n    backgroundColor: '#4299e1',\n    borderRadius: 8,\n    paddingVertical: 14,\n    alignItems: 'center',\n  },\n  primaryButtonText: {\n    color: '#fff',\n    fontSize: 16,\n    fontWeight: '600',\n  },\n  secondaryButton: {\n    flex: 1,\n    backgroundColor: '#fff',\n    borderRadius: 8,\n    paddingVertical: 14,\n    alignItems: 'center',\n    borderWidth: 1,\n    borderColor: '#e2e8f0',\n  },\n  secondaryButtonText: {\n    color: '#4a5568',\n    fontSize: 16,\n    fontWeight: '600',\n  },\n});\n\nexport default Fallback;\n"],"mappings":"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","ignoreList":[]}

package/core/error-boundary.component.js

@@ -0,0 +1,48 @@
+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 * as React from 'react';
+import Fallback from './components/error-fallback.component';
+import appModalService from '@wavemaker/app-rn-runtime/runtime/services/app-modal.service';
+export default class ErrorBoundary extends React.Component {
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "resetErrorBoundary", () => {
+      this.setState({
+        hasError: false,
+        error: undefined,
+        info: undefined
+      });
+    });
+    this.state = {
+      hasError: false
+    };
+  }
+  static getDerivedStateFromError(error) {
+    return {
+      hasError: true
+    };
+  }
+  componentDidCatch(error, info) {
+    if (error && appModalService.modalsOpened.length > 0) {
+      appModalService.modalsOpened.pop();
+      appModalService.showLastModal();
+    }
+    this.setState({
+      error,
+      info
+    });
+  }
+  render() {
+    if (this.state.hasError) {
+      var _this$state, _this$state2;
+      return /*#__PURE__*/React.createElement(Fallback, {
+        error: (_this$state = this.state) === null || _this$state === void 0 ? void 0 : _this$state.error,
+        info: (_this$state2 = this.state) === null || _this$state2 === void 0 ? void 0 : _this$state2.info,
+        resetErrorBoundary: this.resetErrorBoundary
+      });
+    }
+    return this.props.children;
+  }
+}
+//# sourceMappingURL=error-boundary.component.js.map

package/core/error-boundary.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Fallback","appModalService","ErrorBoundary","Component","constructor","props","_defineProperty","setState","hasError","error","undefined","info","state","getDerivedStateFromError","componentDidCatch","modalsOpened","length","pop","showLastModal","render","_this$state","_this$state2","createElement","resetErrorBoundary","children"],"sources":["error-boundary.component.tsx"],"sourcesContent":["import * as React from 'react';\nimport Fallback from './components/error-fallback.component';\nimport appModalService from '@wavemaker/app-rn-runtime/runtime/services/app-modal.service';\n\ninterface ErrorBoundaryState {\n  hasError: boolean;\n  info?: any;\n  error?: any;\n}\n\ninterface ErrorBoundaryProps {\n  currentPage?: any;\n  children: React.ReactNode;\n}\n\nexport default class ErrorBoundary extends React.Component<\n  ErrorBoundaryProps,\n  ErrorBoundaryState\n> {\n  \n  constructor(props: any) {\n    super(props);\n    this.state = { hasError: false };\n  }\n\n  static getDerivedStateFromError(error: any) {\n    return { hasError: true };\n  }\n\n  resetErrorBoundary = () => {\n    this.setState({ hasError: false, error: undefined, info: undefined });\n  };\n\n  componentDidCatch(error: any, info: any) {\n    if(error && appModalService.modalsOpened.length > 0){\n      appModalService.modalsOpened.pop();\n      (appModalService as any).showLastModal();\n    }\n    this.setState({ error, info });\n  }\n\n  render() {\n    if (this.state.hasError) {\n      return <Fallback error={this.state?.error} info={this.state?.info} resetErrorBoundary={this.resetErrorBoundary} />;\n    }\n\n    return this.props.children;\n  }\n}\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,QAAQ,MAAM,uCAAuC;AAC5D,OAAOC,eAAe,MAAM,8DAA8D;AAa1F,eAAe,MAAMC,aAAa,SAASH,KAAK,CAACI,SAAS,CAGxD;EAEAC,WAAWA,CAACC,KAAU,EAAE;IACtB,KAAK,CAACA,KAAK,CAAC;IAACC,eAAA,6BAQM,MAAM;MACzB,IAAI,CAACC,QAAQ,CAAC;QAAEC,QAAQ,EAAE,KAAK;QAAEC,KAAK,EAAEC,SAAS;QAAEC,IAAI,EAAED;MAAU,CAAC,CAAC;IACvE,CAAC;IATC,IAAI,CAACE,KAAK,GAAG;MAAEJ,QAAQ,EAAE;IAAM,CAAC;EAClC;EAEA,OAAOK,wBAAwBA,CAACJ,KAAU,EAAE;IAC1C,OAAO;MAAED,QAAQ,EAAE;IAAK,CAAC;EAC3B;EAMAM,iBAAiBA,CAACL,KAAU,EAAEE,IAAS,EAAE;IACvC,IAAGF,KAAK,IAAIR,eAAe,CAACc,YAAY,CAACC,MAAM,GAAG,CAAC,EAAC;MAClDf,eAAe,CAACc,YAAY,CAACE,GAAG,CAAC,CAAC;MACjChB,eAAe,CAASiB,aAAa,CAAC,CAAC;IAC1C;IACA,IAAI,CAACX,QAAQ,CAAC;MAAEE,KAAK;MAAEE;IAAK,CAAC,CAAC;EAChC;EAEAQ,MAAMA,CAAA,EAAG;IACP,IAAI,IAAI,CAACP,KAAK,CAACJ,QAAQ,EAAE;MAAA,IAAAY,WAAA,EAAAC,YAAA;MACvB,oBAAOtB,KAAA,CAAAuB,aAAA,CAACtB,QAAQ;QAACS,KAAK,GAAAW,WAAA,GAAE,IAAI,CAACR,KAAK,cAAAQ,WAAA,uBAAVA,WAAA,CAAYX,KAAM;QAACE,IAAI,GAAAU,YAAA,GAAE,IAAI,CAACT,KAAK,cAAAS,YAAA,uBAAVA,YAAA,CAAYV,IAAK;QAACY,kBAAkB,EAAE,IAAI,CAACA;MAAmB,CAAE,CAAC;IACpH;IAEA,OAAO,IAAI,CAAClB,KAAK,CAACmB,QAAQ;EAC5B;AACF","ignoreList":[]}

package/core/navigation.service.js

@@ -1,5 +1,70 @@
 import React from 'react';
+import { createNavigationContainerRef } from '@react-navigation/native';
 const NavigationContext = /*#__PURE__*/React.createContext(null);
 export const NavigationServiceProvider = NavigationContext.Provider;
 export const NavigationServiceConsumer = NavigationContext.Consumer;
+
+// Error Boundary - Navigation handling in case of app level errors.
+
+// Creating a navigationRef for use with NavigationContainer in App.navigator.tsx
+export const navigationRef = createNavigationContainerRef();
+
+// Flag to track whether the NavigationContainer is ready
+let isNavigationReady = false;
+
+// Queue to hold navigation actions while NavigationContainer is not ready
+let pendingNavigation = [];
+
+/**
+ * Set the navigation readiness state.
+ * If NavigationContainer becomes ready, flush any pending navigation actions.
+ */
+export function setNavigationReady(ready) {
+  isNavigationReady = ready;
+  if (ready) {
+    flushPendingNavigation();
+  }
+}
+
+/**
+ * Get the current navigation readiness state.
+ */
+export function getNavigationReady() {
+  return isNavigationReady;
+}
+
+/**
+ * Execute all queued navigation actions.
+ */
+function flushPendingNavigation() {
+  while (pendingNavigation.length > 0) {
+    const action = pendingNavigation.shift();
+    if (action) action();
+  }
+}
+
+/**
+ * Navigate to a specific screen.
+ * If NavigationContainer isn't ready, queue the navigation action.
+ */
+export function navigate(name, params) {
+  if (isNavigationReady && navigationRef.isReady()) {
+    navigationRef.navigate(name, params);
+  } else {
+    pendingNavigation.push(() => navigationRef.navigate(name, params));
+  }
+}
+
+/**
+ * Navigate back to the previous screen.
+ * If NavigationContainer isn't ready, queue the goBack action.
+ */
+export function goBackRef() {
+  if (isNavigationReady && navigationRef.isReady() && navigationRef.canGoBack()) {
+    navigationRef.goBack();
+  } else {
+    pendingNavigation.push(() => navigationRef.goBack());
+  }
+}
+export { isNavigationReady };
 //# sourceMappingURL=navigation.service.js.map

package/core/navigation.service.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","NavigationContext","createContext","NavigationServiceProvider","Provider","NavigationServiceConsumer","Consumer"],"sources":["navigation.service.ts"],"sourcesContent":["import React from 'react';\n\nexport default interface NavigationService {\n    goToPage: (pageName: string, params: any) => Promise<void>;\n    goBack: (pageName: string, params: any) => Promise<void>;\n    openUrl: (url: string, params?: any) => Promise<void>;\n}\n\nconst NavigationContext = React.createContext<NavigationService>(null as any);\n\nexport const NavigationServiceProvider = NavigationContext.Provider;\nexport const NavigationServiceConsumer = NavigationContext.Consumer;"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAQzB,MAAMC,iBAAiB,gBAAGD,KAAK,CAACE,aAAa,CAAoB,IAAW,CAAC;AAE7E,OAAO,MAAMC,yBAAyB,GAAGF,iBAAiB,CAACG,QAAQ;AACnE,OAAO,MAAMC,yBAAyB,GAAGJ,iBAAiB,CAACK,QAAQ","ignoreList":[]}
+{"version":3,"names":["React","createNavigationContainerRef","NavigationContext","createContext","NavigationServiceProvider","Provider","NavigationServiceConsumer","Consumer","navigationRef","isNavigationReady","pendingNavigation","setNavigationReady","ready","flushPendingNavigation","getNavigationReady","length","action","shift","navigate","name","params","isReady","push","goBackRef","canGoBack","goBack"],"sources":["navigation.service.ts"],"sourcesContent":["import React from 'react';\nimport { createNavigationContainerRef, ParamListBase } from '@react-navigation/native';\n\nexport default interface NavigationService {\n    goToPage: (pageName: string, params: any) => Promise<void>;\n    goBack: (pageName: string, params: any) => Promise<void>;\n    openUrl: (url: string, params?: any) => Promise<void>;\n}\n\nconst NavigationContext = React.createContext<NavigationService>(null as any);\n\nexport const NavigationServiceProvider = NavigationContext.Provider;\nexport const NavigationServiceConsumer = NavigationContext.Consumer;\n\n\n// Error Boundary - Navigation handling in case of app level errors.\n\n// Creating a navigationRef for use with NavigationContainer in App.navigator.tsx\nexport const navigationRef = createNavigationContainerRef<ParamListBase>();\n\n// Flag to track whether the NavigationContainer is ready\nlet isNavigationReady = false;\n\n// Queue to hold navigation actions while NavigationContainer is not ready\nlet pendingNavigation: (() => void)[] = [];\n\n/**\n * Set the navigation readiness state.\n * If NavigationContainer becomes ready, flush any pending navigation actions.\n */\nexport function setNavigationReady(ready: boolean) {\n  isNavigationReady = ready;\n  if (ready) {\n    flushPendingNavigation();\n  }\n}\n\n/**\n * Get the current navigation readiness state.\n */\nexport function getNavigationReady() {\n  return isNavigationReady;\n}\n\n/**\n * Execute all queued navigation actions.\n */\nfunction flushPendingNavigation() {\n  while (pendingNavigation.length > 0) {\n    const action = pendingNavigation.shift();\n    if (action) action();\n  }\n}\n\n/**\n * Navigate to a specific screen.\n * If NavigationContainer isn't ready, queue the navigation action.\n */\nexport function navigate(name: string, params: any) {\n  if (isNavigationReady && navigationRef.isReady()) {\n    navigationRef.navigate(name, params);\n  } else {\n    pendingNavigation.push(() => navigationRef.navigate(name, params));\n  }\n}\n\n/**\n * Navigate back to the previous screen.\n * If NavigationContainer isn't ready, queue the goBack action.\n */\nexport function goBackRef() {\n  if (isNavigationReady && navigationRef.isReady() && navigationRef.canGoBack()) {\n    navigationRef.goBack();\n  } else {\n    pendingNavigation.push(() => navigationRef.goBack());\n  }\n}\n\nexport { isNavigationReady };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,4BAA4B,QAAuB,0BAA0B;AAQtF,MAAMC,iBAAiB,gBAAGF,KAAK,CAACG,aAAa,CAAoB,IAAW,CAAC;AAE7E,OAAO,MAAMC,yBAAyB,GAAGF,iBAAiB,CAACG,QAAQ;AACnE,OAAO,MAAMC,yBAAyB,GAAGJ,iBAAiB,CAACK,QAAQ;;AAGnE;;AAEA;AACA,OAAO,MAAMC,aAAa,GAAGP,4BAA4B,CAAgB,CAAC;;AAE1E;AACA,IAAIQ,iBAAiB,GAAG,KAAK;;AAE7B;AACA,IAAIC,iBAAiC,GAAG,EAAE;;AAE1C;AACA;AACA;AACA;AACA,OAAO,SAASC,kBAAkBA,CAACC,KAAc,EAAE;EACjDH,iBAAiB,GAAGG,KAAK;EACzB,IAAIA,KAAK,EAAE;IACTC,sBAAsB,CAAC,CAAC;EAC1B;AACF;;AAEA;AACA;AACA;AACA,OAAO,SAASC,kBAAkBA,CAAA,EAAG;EACnC,OAAOL,iBAAiB;AAC1B;;AAEA;AACA;AACA;AACA,SAASI,sBAAsBA,CAAA,EAAG;EAChC,OAAOH,iBAAiB,CAACK,MAAM,GAAG,CAAC,EAAE;IACnC,MAAMC,MAAM,GAAGN,iBAAiB,CAACO,KAAK,CAAC,CAAC;IACxC,IAAID,MAAM,EAAEA,MAAM,CAAC,CAAC;EACtB;AACF;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASE,QAAQA,CAACC,IAAY,EAAEC,MAAW,EAAE;EAClD,IAAIX,iBAAiB,IAAID,aAAa,CAACa,OAAO,CAAC,CAAC,EAAE;IAChDb,aAAa,CAACU,QAAQ,CAACC,IAAI,EAAEC,MAAM,CAAC;EACtC,CAAC,MAAM;IACLV,iBAAiB,CAACY,IAAI,CAAC,MAAMd,aAAa,CAACU,QAAQ,CAACC,IAAI,EAAEC,MAAM,CAAC,CAAC;EACpE;AACF;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASG,SAASA,CAAA,EAAG;EAC1B,IAAId,iBAAiB,IAAID,aAAa,CAACa,OAAO,CAAC,CAAC,IAAIb,aAAa,CAACgB,SAAS,CAAC,CAAC,EAAE;IAC7EhB,aAAa,CAACiB,MAAM,CAAC,CAAC;EACxB,CAAC,MAAM;IACLf,iBAAiB,CAACY,IAAI,CAAC,MAAMd,aAAa,CAACiB,MAAM,CAAC,CAAC,CAAC;EACtD;AACF;AAEA,SAAShB,iBAAiB","ignoreList":[]}

package/core/utils.js

@@ -244,7 +244,6 @@ export function splitBorderColorInPlace(rootStyles) {
   const sides = ["Top", "Right", "Bottom", "Left"];
   for (const side of sides) {
     const key = `border${side}Color`;
-    console.log(updatedRootStyles[key], "hs");
     if (!updatedRootStyles[key]) {
       updatedRootStyles[key] = color;
     }