react-native-xenon 0.2.1 → 0.4.0

package/lib/module/ui/components/headers/DebuggerHeader.js

@@ -1,24 +1,32 @@
 "use strict";
 
-import { useContext } from 'react';
-import { ScrollView, StyleSheet, View } from 'react-native';
-import { MainContext } from "../../../contexts/index.js";
-import { DebuggerPanel } from "../../../types/index.js";
-import DebuggerHeaderItem from "../items/DebuggerHeaderItem.js";
-import icons from "../../../icons.js";
-import colors from "../../../colors.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function DebuggerHeader() {
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = DebuggerHeader;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _contexts = require("../../../contexts");
+var _colors = _interopRequireDefault(require("../../../theme/colors"));
+var _icons = _interopRequireDefault(require("../../../theme/icons"));
+var _types = require("../../../types");
+var _DebuggerHeaderItem = _interopRequireDefault(require("../items/DebuggerHeaderItem"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function DebuggerHeader({
+  detailsShown
+}) {
   const {
-    setDebuggerVisibility,
-    setDebuggerPosition,
-    panelSelected,
-    setPanelSelected,
+    debuggerState,
+    setDebuggerState,
     networkInterceptor,
     logInterceptor
-  } = useContext(MainContext);
+  } = (0, _react.useContext)(_contexts.MainContext);
+  const lastSelectedPanel = (0, _react.useRef)(debuggerState.selectedPanel ?? _types.DebuggerPanel.Network);
   const hideDebugger = () => {
-    setDebuggerVisibility('bubble');
+    setDebuggerState(draft => {
+      draft.visibility = 'bubble';
+    });
   };
   const toggleNetworkInterception = () => {
     networkInterceptor.isInterceptorEnabled ? networkInterceptor.disableInterception() : networkInterceptor.enableInterception();
@@ -27,55 +35,72 @@ export default function DebuggerHeader() {
     logInterceptor.isInterceptorEnabled ? logInterceptor.disableInterception() : logInterceptor.enableInterception();
   };
   const toggleDebuggerPosition = () => {
-    setDebuggerPosition(prevState => prevState === 'bottom' ? 'top' : 'bottom');
-  };
-  const switchToNetworkPanel = () => {
-    setPanelSelected(DebuggerPanel.Network);
+    setDebuggerState(draft => {
+      draft.position = draft.position === 'bottom' ? 'top' : 'bottom';
+    });
   };
-  const switchToConsolePanel = () => {
-    setPanelSelected(DebuggerPanel.Console);
+  const switchTo = debuggerPanel => {
+    setDebuggerState(draft => {
+      draft.selectedPanel = debuggerPanel;
+      lastSelectedPanel.current = debuggerPanel;
+    });
   };
-  return /*#__PURE__*/_jsxs(ScrollView, {
+  if (detailsShown) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.contentContainer,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DebuggerHeaderItem.default, {
+        isLabel: true,
+        isActive: true,
+        content: "Go Back",
+        onPress: () => {
+          setDebuggerState(draft => {
+            draft.selectedPanel = lastSelectedPanel.current;
+          });
+        }
+      })
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
     horizontal: true,
     style: styles.container,
     contentContainerStyle: styles.contentContainer,
     showsHorizontalScrollIndicator: false,
-    children: [/*#__PURE__*/_jsx(DebuggerHeaderItem, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DebuggerHeaderItem.default, {
       onPress: hideDebugger,
-      content: icons.hide
-    }), /*#__PURE__*/_jsx(DebuggerHeaderItem, {
+      content: _icons.default.hide
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DebuggerHeaderItem.default, {
       onPress: toggleDebuggerPosition,
-      content: icons.move
-    }), /*#__PURE__*/_jsx(DebuggerHeaderItem, {
+      content: _icons.default.move
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DebuggerHeaderItem.default, {
       isLabel: true,
-      isActive: panelSelected === DebuggerPanel.Network,
+      isActive: debuggerState.selectedPanel === _types.DebuggerPanel.Network,
       content: "Network Panel",
-      onPress: switchToNetworkPanel
-    }), /*#__PURE__*/_jsx(DebuggerHeaderItem, {
+      onPress: () => switchTo(_types.DebuggerPanel.Network)
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DebuggerHeaderItem.default, {
       onPress: toggleNetworkInterception,
       isActive: networkInterceptor.isInterceptorEnabled,
-      content: icons.record
-    }), /*#__PURE__*/_jsx(DebuggerHeaderItem, {
+      content: _icons.default.record
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DebuggerHeaderItem.default, {
       onPress: networkInterceptor.clearAllNetworkRequests,
-      content: icons.delete
-    }), /*#__PURE__*/_jsx(View, {
+      content: _icons.default.delete
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       style: styles.divider
-    }), /*#__PURE__*/_jsx(DebuggerHeaderItem, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DebuggerHeaderItem.default, {
       isLabel: true,
-      isActive: panelSelected === DebuggerPanel.Console,
+      isActive: debuggerState.selectedPanel === _types.DebuggerPanel.Console,
       content: "Log Panel",
-      onPress: switchToConsolePanel
-    }), /*#__PURE__*/_jsx(DebuggerHeaderItem, {
+      onPress: () => switchTo(_types.DebuggerPanel.Console)
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DebuggerHeaderItem.default, {
       onPress: toggleLogInterception,
       isActive: logInterceptor.isInterceptorEnabled,
-      content: icons.record
-    }), /*#__PURE__*/_jsx(DebuggerHeaderItem, {
+      content: _icons.default.record
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DebuggerHeaderItem.default, {
       onPress: logInterceptor.clearAllLogMessages,
-      content: icons.delete
+      content: _icons.default.delete
     })]
   });
 }
-const styles = StyleSheet.create({
+const styles = _reactNative.StyleSheet.create({
   container: {
     flexGrow: 0
   },
@@ -85,7 +110,7 @@ const styles = StyleSheet.create({
   },
   divider: {
     width: 1,
-    backgroundColor: colors.gray
+    backgroundColor: _colors.default.gray
   }
 });
 //# sourceMappingURL=DebuggerHeader.js.map

package/lib/module/ui/components/headers/DebuggerHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["useContext","ScrollView","StyleSheet","View","MainContext","DebuggerPanel","DebuggerHeaderItem","icons","colors","jsx","_jsx","jsxs","_jsxs","DebuggerHeader","setDebuggerVisibility","setDebuggerPosition","panelSelected","setPanelSelected","networkInterceptor","logInterceptor","hideDebugger","toggleNetworkInterception","isInterceptorEnabled","disableInterception","enableInterception","toggleLogInterception","toggleDebuggerPosition","prevState","switchToNetworkPanel","Network","switchToConsolePanel","Console","horizontal","style","styles","container","contentContainerStyle","contentContainer","showsHorizontalScrollIndicator","children","onPress","content","hide","move","isLabel","isActive","record","clearAllNetworkRequests","delete","divider","clearAllLogMessages","create","flexGrow","padding","columnGap","width","backgroundColor","gray"],"sourceRoot":"../../../../../src","sources":["ui/components/headers/DebuggerHeader.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_contexts","_colors","_interopRequireDefault","_icons","_types","_DebuggerHeaderItem","_jsxRuntime","e","__esModule","default","DebuggerHeader","detailsShown","debuggerState","setDebuggerState","networkInterceptor","logInterceptor","useContext","MainContext","lastSelectedPanel","useRef","selectedPanel","DebuggerPanel","Network","hideDebugger","draft","visibility","toggleNetworkInterception","isInterceptorEnabled","disableInterception","enableInterception","toggleLogInterception","toggleDebuggerPosition","position","switchTo","debuggerPanel","current","jsx","View","style","styles","contentContainer","children","isLabel","isActive","content","onPress","jsxs","ScrollView","horizontal","container","contentContainerStyle","showsHorizontalScrollIndicator","icons","hide","move","record","clearAllNetworkRequests","delete","divider","Console","clearAllLogMessages","StyleSheet","create","flexGrow","padding","columnGap","width","backgroundColor","colors","gray"],"sourceRoot":"../../../../../src","sources":["ui/components/headers/DebuggerHeader.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAD,sBAAA,CAAAJ,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,mBAAA,GAAAH,sBAAA,CAAAJ,OAAA;AAA6D,IAAAQ,WAAA,GAAAR,OAAA;AAAA,SAAAI,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAM9C,SAASG,cAAcA,CAAC;EAAEC;AAAkC,CAAC,EAAE;EAC5E,MAAM;IAAEC,aAAa;IAAEC,gBAAgB;IAAEC,kBAAkB;IAAEC;EAAe,CAAC,GAC3E,IAAAC,iBAAU,EAACC,qBAAW,CAAE;EAE1B,MAAMC,iBAAiB,GAAG,IAAAC,aAAM,EAC9BP,aAAa,CAACQ,aAAa,IAAIC,oBAAa,CAACC,OAC/C,CAAC;EAED,MAAMC,YAAY,GAAGA,CAAA,KAAM;IACzBV,gBAAgB,CAACW,KAAK,IAAI;MACxBA,KAAK,CAACC,UAAU,GAAG,QAAQ;IAC7B,CAAC,CAAC;EACJ,CAAC;EAED,MAAMC,yBAAyB,GAAGA,CAAA,KAAM;IACtCZ,kBAAkB,CAACa,oBAAoB,GACnCb,kBAAkB,CAACc,mBAAmB,CAAC,CAAC,GACxCd,kBAAkB,CAACe,kBAAkB,CAAC,CAAC;EAC7C,CAAC;EAED,MAAMC,qBAAqB,GAAGA,CAAA,KAAM;IAClCf,cAAc,CAACY,oBAAoB,GAC/BZ,cAAc,CAACa,mBAAmB,CAAC,CAAC,GACpCb,cAAc,CAACc,kBAAkB,CAAC,CAAC;EACzC,CAAC;EAED,MAAME,sBAAsB,GAAGA,CAAA,KAAM;IACnClB,gBAAgB,CAACW,KAAK,IAAI;MACxBA,KAAK,CAACQ,QAAQ,GAAGR,KAAK,CAACQ,QAAQ,KAAK,QAAQ,GAAG,KAAK,GAAG,QAAQ;IACjE,CAAC,CAAC;EACJ,CAAC;EAED,MAAMC,QAAQ,GAAIC,aAA4B,IAAK;IACjDrB,gBAAgB,CAACW,KAAK,IAAI;MACxBA,KAAK,CAACJ,aAAa,GAAGc,aAAa;MACnChB,iBAAiB,CAACiB,OAAO,GAAGD,aAAa;IAC3C,CAAC,CAAC;EACJ,CAAC;EAED,IAAIvB,YAAY,EAAE;IAChB,oBACE,IAAAL,WAAA,CAAA8B,GAAA,EAACrC,YAAA,CAAAsC,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACC,gBAAiB;MAAAC,QAAA,eACnC,IAAAnC,WAAA,CAAA8B,GAAA,EAAC/B,mBAAA,CAAAI,OAAkB;QACjBiC,OAAO;QACPC,QAAQ;QACRC,OAAO,EAAC,SAAS;QACjBC,OAAO,EAAEA,CAAA,KAAM;UACbhC,gBAAgB,CAACW,KAAK,IAAI;YACxBA,KAAK,CAACJ,aAAa,GAAGF,iBAAiB,CAACiB,OAAO;UACjD,CAAC,CAAC;QACJ;MAAE,CACH;IAAC,CACE,CAAC;EAEX;EAEA,oBACE,IAAA7B,WAAA,CAAAwC,IAAA,EAAC/C,YAAA,CAAAgD,UAAU;IACTC,UAAU;IACVV,KAAK,EAAEC,MAAM,CAACU,SAAU;IACxBC,qBAAqB,EAAEX,MAAM,CAACC,gBAAiB;IAC/CW,8BAA8B,EAAE,KAAM;IAAAV,QAAA,gBAEtC,IAAAnC,WAAA,CAAA8B,GAAA,EAAC/B,mBAAA,CAAAI,OAAkB;MAACoC,OAAO,EAAEtB,YAAa;MAACqB,OAAO,EAAEQ,cAAK,CAACC;IAAK,CAAE,CAAC,eAElE,IAAA/C,WAAA,CAAA8B,GAAA,EAAC/B,mBAAA,CAAAI,OAAkB;MAACoC,OAAO,EAAEd,sBAAuB;MAACa,OAAO,EAAEQ,cAAK,CAACE;IAAK,CAAE,CAAC,eAE5E,IAAAhD,WAAA,CAAA8B,GAAA,EAAC/B,mBAAA,CAAAI,OAAkB;MACjBiC,OAAO;MACPC,QAAQ,EAAE/B,aAAa,CAACQ,aAAa,KAAKC,oBAAa,CAACC,OAAQ;MAChEsB,OAAO,EAAC,eAAe;MACvBC,OAAO,EAAEA,CAAA,KAAMZ,QAAQ,CAACZ,oBAAa,CAACC,OAAO;IAAE,CAChD,CAAC,eAEF,IAAAhB,WAAA,CAAA8B,GAAA,EAAC/B,mBAAA,CAAAI,OAAkB;MACjBoC,OAAO,EAAEnB,yBAA0B;MACnCiB,QAAQ,EAAE7B,kBAAkB,CAACa,oBAAqB;MAClDiB,OAAO,EAAEQ,cAAK,CAACG;IAAO,CACvB,CAAC,eAEF,IAAAjD,WAAA,CAAA8B,GAAA,EAAC/B,mBAAA,CAAAI,OAAkB;MACjBoC,OAAO,EAAE/B,kBAAkB,CAAC0C,uBAAwB;MACpDZ,OAAO,EAAEQ,cAAK,CAACK;IAAO,CACvB,CAAC,eAEF,IAAAnD,WAAA,CAAA8B,GAAA,EAACrC,YAAA,CAAAsC,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACmB;IAAQ,CAAE,CAAC,eAE/B,IAAApD,WAAA,CAAA8B,GAAA,EAAC/B,mBAAA,CAAAI,OAAkB;MACjBiC,OAAO;MACPC,QAAQ,EAAE/B,aAAa,CAACQ,aAAa,KAAKC,oBAAa,CAACsC,OAAQ;MAChEf,OAAO,EAAC,WAAW;MACnBC,OAAO,EAAEA,CAAA,KAAMZ,QAAQ,CAACZ,oBAAa,CAACsC,OAAO;IAAE,CAChD,CAAC,eAEF,IAAArD,WAAA,CAAA8B,GAAA,EAAC/B,mBAAA,CAAAI,OAAkB;MACjBoC,OAAO,EAAEf,qBAAsB;MAC/Ba,QAAQ,EAAE5B,cAAc,CAACY,oBAAqB;MAC9CiB,OAAO,EAAEQ,cAAK,CAACG;IAAO,CACvB,CAAC,eAEF,IAAAjD,WAAA,CAAA8B,GAAA,EAAC/B,mBAAA,CAAAI,OAAkB;MAACoC,OAAO,EAAE9B,cAAc,CAAC6C,mBAAoB;MAAChB,OAAO,EAAEQ,cAAK,CAACK;IAAO,CAAE,CAAC;EAAA,CAChF,CAAC;AAEjB;AAEA,MAAMlB,MAAM,GAAGsB,uBAAU,CAACC,MAAM,CAAC;EAC/Bb,SAAS,EAAE;IACTc,QAAQ,EAAE;EACZ,CAAC;EACDvB,gBAAgB,EAAE;IAChBwB,OAAO,EAAE,CAAC;IACVC,SAAS,EAAE;EACb,CAAC;EACDP,OAAO,EAAE;IACPQ,KAAK,EAAE,CAAC;IACRC,eAAe,EAAEC,eAAM,CAACC;EAC1B;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/ui/components/headers/NetworkPanelHeader.js

@@ -1,41 +1,46 @@
 "use strict";
 
-import { StyleSheet, Text, View } from 'react-native';
-import colors from "../../../colors.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function NetworkPanelHeader() {
-  return /*#__PURE__*/_jsxs(View, {
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = NetworkPanelHeader;
+var _reactNative = require("react-native");
+var _colors = _interopRequireDefault(require("../../../theme/colors"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function NetworkPanelHeader() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: styles.container,
-    children: [/*#__PURE__*/_jsx(View, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       style: styles.headerColumn,
-      children: /*#__PURE__*/_jsx(Text, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
         numberOfLines: 1,
         style: styles.itemText,
         children: "Method"
       })
-    }), /*#__PURE__*/_jsx(View, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       style: styles.divider
-    }), /*#__PURE__*/_jsx(View, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       style: [styles.headerColumn, styles.headerNameColumn],
-      children: /*#__PURE__*/_jsx(Text, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
         numberOfLines: 1,
         style: styles.itemText,
         children: "Name"
       })
-    }), /*#__PURE__*/_jsx(View, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       style: styles.divider
-    }), /*#__PURE__*/_jsx(View, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       style: [styles.headerColumn, styles.headerDurationColumn],
-      children: /*#__PURE__*/_jsx(Text, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
         numberOfLines: 1,
         style: styles.itemText,
         children: "Duration"
       })
-    }), /*#__PURE__*/_jsx(View, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       style: styles.divider
-    }), /*#__PURE__*/_jsx(View, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       style: styles.headerColumn,
-      children: /*#__PURE__*/_jsx(Text, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
         numberOfLines: 1,
         style: styles.itemText,
         children: "Status"
@@ -43,12 +48,12 @@ export default function NetworkPanelHeader() {
     })]
   });
 }
-const styles = StyleSheet.create({
+const styles = _reactNative.StyleSheet.create({
   container: {
-    flex: 1,
+    marginHorizontal: 8,
     flexDirection: 'row',
     alignItems: 'center',
-    backgroundColor: colors.gray,
+    backgroundColor: _colors.default.gray,
     borderRadius: 4
   },
   headerNameColumn: {
@@ -66,11 +71,11 @@ const styles = StyleSheet.create({
   divider: {
     height: 16,
     width: 1,
-    backgroundColor: colors.gray
+    backgroundColor: _colors.default.gray
   },
   itemText: {
     fontSize: 14,
-    color: colors.black
+    color: _colors.default.black
   }
 });
 //# sourceMappingURL=NetworkPanelHeader.js.map

package/lib/module/ui/components/headers/NetworkPanelHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","Text","View","colors","jsx","_jsx","jsxs","_jsxs","NetworkPanelHeader","style","styles","container","children","headerColumn","numberOfLines","itemText","divider","headerNameColumn","headerDurationColumn","create","flex","flexDirection","alignItems","backgroundColor","gray","borderRadius","flexShrink","paddingVertical","paddingLeft","height","width","fontSize","color","black"],"sourceRoot":"../../../../../src","sources":["ui/components/headers/NetworkPanelHeader.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACrD,OAAOC,MAAM,MAAM,oBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAErC,eAAe,SAASC,kBAAkBA,CAAA,EAAG;EAC3C,oBACED,KAAA,CAACL,IAAI;IAACO,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5BP,IAAA,CAACH,IAAI;MAACO,KAAK,EAAEC,MAAM,CAACG,YAAa;MAAAD,QAAA,eAC/BP,IAAA,CAACJ,IAAI;QAACa,aAAa,EAAE,CAAE;QAACL,KAAK,EAAEC,MAAM,CAACK,QAAS;QAAAH,QAAA,EAAC;MAEhD,CAAM;IAAC,CACH,CAAC,eAEPP,IAAA,CAACH,IAAI;MAACO,KAAK,EAAEC,MAAM,CAACM;IAAQ,CAAE,CAAC,eAE/BX,IAAA,CAACH,IAAI;MAACO,KAAK,EAAE,CAACC,MAAM,CAACG,YAAY,EAAEH,MAAM,CAACO,gBAAgB,CAAE;MAAAL,QAAA,eAC1DP,IAAA,CAACJ,IAAI;QAACa,aAAa,EAAE,CAAE;QAACL,KAAK,EAAEC,MAAM,CAACK,QAAS;QAAAH,QAAA,EAAC;MAEhD,CAAM;IAAC,CACH,CAAC,eAEPP,IAAA,CAACH,IAAI;MAACO,KAAK,EAAEC,MAAM,CAACM;IAAQ,CAAE,CAAC,eAE/BX,IAAA,CAACH,IAAI;MAACO,KAAK,EAAE,CAACC,MAAM,CAACG,YAAY,EAAEH,MAAM,CAACQ,oBAAoB,CAAE;MAAAN,QAAA,eAC9DP,IAAA,CAACJ,IAAI;QAACa,aAAa,EAAE,CAAE;QAACL,KAAK,EAAEC,MAAM,CAACK,QAAS;QAAAH,QAAA,EAAC;MAEhD,CAAM;IAAC,CACH,CAAC,eAEPP,IAAA,CAACH,IAAI;MAACO,KAAK,EAAEC,MAAM,CAACM;IAAQ,CAAE,CAAC,eAE/BX,IAAA,CAACH,IAAI;MAACO,KAAK,EAAEC,MAAM,CAACG,YAAa;MAAAD,QAAA,eAC/BP,IAAA,CAACJ,IAAI;QAACa,aAAa,EAAE,CAAE;QAACL,KAAK,EAAEC,MAAM,CAACK,QAAS;QAAAH,QAAA,EAAC;MAEhD,CAAM;IAAC,CACH,CAAC;EAAA,CACH,CAAC;AAEX;AAEA,MAAMF,MAAM,GAAGV,UAAU,CAACmB,MAAM,CAAC;EAC/BR,SAAS,EAAE;IACTS,IAAI,EAAE,CAAC;IACPC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,eAAe,EAAEpB,MAAM,CAACqB,IAAI;IAC5BC,YAAY,EAAE;EAChB,CAAC;EACDR,gBAAgB,EAAE;IAChBG,IAAI,EAAE;EACR,CAAC;EACDF,oBAAoB,EAAE;IACpBE,IAAI,EAAE;EACR,CAAC;EACDP,YAAY,EAAE;IACZO,IAAI,EAAE,GAAG;IACTM,UAAU,EAAE,CAAC;IACbC,eAAe,EAAE,CAAC;IAClBC,WAAW,EAAE;EACf,CAAC;EACDZ,OAAO,EAAE;IACPa,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,CAAC;IACRP,eAAe,EAAEpB,MAAM,CAACqB;EAC1B,CAAC;EACDT,QAAQ,EAAE;IACRgB,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAE7B,MAAM,CAAC8B;EAChB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_colors","_interopRequireDefault","_jsxRuntime","e","__esModule","default","NetworkPanelHeader","jsxs","View","style","styles","container","children","jsx","headerColumn","Text","numberOfLines","itemText","divider","headerNameColumn","headerDurationColumn","StyleSheet","create","marginHorizontal","flexDirection","alignItems","backgroundColor","colors","gray","borderRadius","flex","flexShrink","paddingVertical","paddingLeft","height","width","fontSize","color","black"],"sourceRoot":"../../../../../src","sources":["ui/components/headers/NetworkPanelHeader.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/components/headers/NetworkRequestDetailsHeader.js

@@ -1,10 +1,15 @@
 "use strict";
 
-import { useMemo } from 'react';
-import { ScrollView, StyleSheet } from 'react-native';
-import NetworkRequestDetailsHeaderItem from "../items/NetworkRequestDetailsHeaderItem.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function NetworkDetailsHeader({
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = NetworkDetailsHeader;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _NetworkRequestDetailsHeaderItem = _interopRequireDefault(require("../items/NetworkRequestDetailsHeaderItem"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function NetworkDetailsHeader({
   selectedTab,
   onChangeTab,
   headersShown = true,
@@ -13,7 +18,7 @@ export default function NetworkDetailsHeader({
   responseShown = true,
   messagesShown = true
 }) {
-  const data = useMemo(() => [{
+  const data = (0, _react.useMemo)(() => [{
     visible: headersShown,
     name: 'headers',
     label: 'Headers'
@@ -34,21 +39,20 @@ export default function NetworkDetailsHeader({
     name: 'messages',
     label: 'Messages'
   }], [bodyShown, headersShown, messagesShown, queryStringParametersShown, responseShown]);
-  return /*#__PURE__*/_jsx(ScrollView, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
     horizontal: true,
     style: styles.container,
     contentContainerStyle: styles.contentContainer,
     showsHorizontalScrollIndicator: false,
-    children: data.map(item => /*#__PURE__*/_jsx(NetworkRequestDetailsHeaderItem, {
+    children: data.map(item => /*#__PURE__*/(0, _jsxRuntime.jsx)(_NetworkRequestDetailsHeaderItem.default, {
       onPress: () => onChangeTab(item.name),
       isSelected: item.name === selectedTab,
       visible: item.visible,
-      name: item.name,
       label: item.label
     }, item.name))
   });
 }
-const styles = StyleSheet.create({
+const styles = _reactNative.StyleSheet.create({
   container: {
     flexGrow: 0
   },

package/lib/module/ui/components/headers/NetworkRequestDetailsHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["useMemo","ScrollView","StyleSheet","NetworkRequestDetailsHeaderItem","jsx","_jsx","NetworkDetailsHeader","selectedTab","onChangeTab","headersShown","queryStringParametersShown","bodyShown","responseShown","messagesShown","data","visible","name","label","horizontal","style","styles","container","contentContainerStyle","contentContainer","showsHorizontalScrollIndicator","children","map","item","onPress","isSelected","create","flexGrow","paddingHorizontal","columnGap"],"sourceRoot":"../../../../../src","sources":["ui/components/headers/NetworkRequestDetailsHeader.tsx"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SAASC,UAAU,EAAEC,UAAU,QAAQ,cAAc;AAErD,OAAOC,+BAA+B,MAAM,6CAA0C;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAkBvF,eAAe,SAASC,oBAAoBA,CAAC;EAC3CC,WAAW;EACXC,WAAW;EACXC,YAAY,GAAG,IAAI;EACnBC,0BAA0B,GAAG,IAAI;EACjCC,SAAS,GAAG,IAAI;EAChBC,aAAa,GAAG,IAAI;EACpBC,aAAa,GAAG;AACS,CAAC,EAAE;EAC5B,MAAMC,IAAI,GAAGd,OAAO,CAClB,MAAM,CACJ;IACEe,OAAO,EAAEN,YAAY;IACrBO,IAAI,EAAE,SAAS;IACfC,KAAK,EAAE;EACT,CAAC,EACD;IACEF,OAAO,EAAEL,0BAA0B;IACnCM,IAAI,EAAE,uBAAuB;IAC7BC,KAAK,EAAE;EACT,CAAC,EACD;IACEF,OAAO,EAAEJ,SAAS;IAClBK,IAAI,EAAE,MAAM;IACZC,KAAK,EAAE;EACT,CAAC,EACD;IACEF,OAAO,EAAEH,aAAa;IACtBI,IAAI,EAAE,UAAU;IAChBC,KAAK,EAAE;EACT,CAAC,EACD;IACEF,OAAO,EAAEF,aAAa;IACtBG,IAAI,EAAE,UAAU;IAChBC,KAAK,EAAE;EACT,CAAC,CACF,EACD,CAACN,SAAS,EAAEF,YAAY,EAAEI,aAAa,EAAEH,0BAA0B,EAAEE,aAAa,CACpF,CAAC;EAED,oBACEP,IAAA,CAACJ,UAAU;IACTiB,UAAU;IACVC,KAAK,EAAEC,MAAM,CAACC,SAAU;IACxBC,qBAAqB,EAAEF,MAAM,CAACG,gBAAiB;IAC/CC,8BAA8B,EAAE,KAAM;IAAAC,QAAA,EAErCX,IAAI,CAACY,GAAG,CAACC,IAAI,iBACZtB,IAAA,CAACF,+BAA+B;MAE9ByB,OAAO,EAAEA,CAAA,KAAMpB,WAAW,CAACmB,IAAI,CAACX,IAAI,CAAE;MACtCa,UAAU,EAAEF,IAAI,CAACX,IAAI,KAAKT,WAAY;MACtCQ,OAAO,EAAEY,IAAI,CAACZ,OAAQ;MACtBC,IAAI,EAAEW,IAAI,CAACX,IAAK;MAChBC,KAAK,EAAEU,IAAI,CAACV;IAAM,GALbU,IAAI,CAACX,IAMX,CACF;EAAC,CACQ,CAAC;AAEjB;AAEA,MAAMI,MAAM,GAAGlB,UAAU,CAAC4B,MAAM,CAAC;EAC/BT,SAAS,EAAE;IACTU,QAAQ,EAAE;EACZ,CAAC;EACDR,gBAAgB,EAAE;IAChBS,iBAAiB,EAAE,CAAC;IACpBC,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_NetworkRequestDetailsHeaderItem","_interopRequireDefault","_jsxRuntime","e","__esModule","default","NetworkDetailsHeader","selectedTab","onChangeTab","headersShown","queryStringParametersShown","bodyShown","responseShown","messagesShown","data","useMemo","visible","name","label","jsx","ScrollView","horizontal","style","styles","container","contentContainerStyle","contentContainer","showsHorizontalScrollIndicator","children","map","item","onPress","isSelected","StyleSheet","create","flexGrow","paddingHorizontal","columnGap"],"sourceRoot":"../../../../../src","sources":["ui/components/headers/NetworkRequestDetailsHeader.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,gCAAA,GAAAC,sBAAA,CAAAH,OAAA;AAAuF,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAG,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAkBxE,SAASG,oBAAoBA,CAAC;EAC3CC,WAAW;EACXC,WAAW;EACXC,YAAY,GAAG,IAAI;EACnBC,0BAA0B,GAAG,IAAI;EACjCC,SAAS,GAAG,IAAI;EAChBC,aAAa,GAAG,IAAI;EACpBC,aAAa,GAAG;AACS,CAAC,EAAE;EAC5B,MAAMC,IAAI,GAAG,IAAAC,cAAO,EAClB,MAAM,CACJ;IACEC,OAAO,EAAEP,YAAY;IACrBQ,IAAI,EAAE,SAAS;IACfC,KAAK,EAAE;EACT,CAAC,EACD;IACEF,OAAO,EAAEN,0BAA0B;IACnCO,IAAI,EAAE,uBAAuB;IAC7BC,KAAK,EAAE;EACT,CAAC,EACD;IACEF,OAAO,EAAEL,SAAS;IAClBM,IAAI,EAAE,MAAM;IACZC,KAAK,EAAE;EACT,CAAC,EACD;IACEF,OAAO,EAAEJ,aAAa;IACtBK,IAAI,EAAE,UAAU;IAChBC,KAAK,EAAE;EACT,CAAC,EACD;IACEF,OAAO,EAAEH,aAAa;IACtBI,IAAI,EAAE,UAAU;IAChBC,KAAK,EAAE;EACT,CAAC,CACF,EACD,CAACP,SAAS,EAAEF,YAAY,EAAEI,aAAa,EAAEH,0BAA0B,EAAEE,aAAa,CACpF,CAAC;EAED,oBACE,IAAAV,WAAA,CAAAiB,GAAA,EAACpB,YAAA,CAAAqB,UAAU;IACTC,UAAU;IACVC,KAAK,EAAEC,MAAM,CAACC,SAAU;IACxBC,qBAAqB,EAAEF,MAAM,CAACG,gBAAiB;IAC/CC,8BAA8B,EAAE,KAAM;IAAAC,QAAA,EAErCd,IAAI,CAACe,GAAG,CAACC,IAAI,iBACZ,IAAA5B,WAAA,CAAAiB,GAAA,EAACnB,gCAAA,CAAAK,OAA+B;MAE9B0B,OAAO,EAAEA,CAAA,KAAMvB,WAAW,CAACsB,IAAI,CAACb,IAAI,CAAE;MACtCe,UAAU,EAAEF,IAAI,CAACb,IAAI,KAAKV,WAAY;MACtCS,OAAO,EAAEc,IAAI,CAACd,OAAQ;MACtBE,KAAK,EAAEY,IAAI,CAACZ;IAAM,GAJbY,IAAI,CAACb,IAKX,CACF;EAAC,CACQ,CAAC;AAEjB;AAEA,MAAMM,MAAM,GAAGU,uBAAU,CAACC,MAAM,CAAC;EAC/BV,SAAS,EAAE;IACTW,QAAQ,EAAE;EACZ,CAAC;EACDT,gBAAgB,EAAE;IAChBU,iBAAiB,EAAE,CAAC;IACpBC,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/ui/components/index.js

@@ -1,8 +1,42 @@
 "use strict";
 
-export { default as Bubble } from "./bubble/Bubble.js";
-export { default as DetailsViewer } from "./details/DetailsViewer.js";
-export { default as DebuggerHeader } from "./headers/DebuggerHeader.js";
-export { default as ConsolePanel } from "./panels/ConsolePanel.js";
-export { default as NetworkPanel } from "./panels/NetworkPanel.js";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Bubble", {
+  enumerable: true,
+  get: function () {
+    return _Bubble.default;
+  }
+});
+Object.defineProperty(exports, "ConsolePanel", {
+  enumerable: true,
+  get: function () {
+    return _ConsolePanel.default;
+  }
+});
+Object.defineProperty(exports, "DebuggerHeader", {
+  enumerable: true,
+  get: function () {
+    return _DebuggerHeader.default;
+  }
+});
+Object.defineProperty(exports, "DetailsViewer", {
+  enumerable: true,
+  get: function () {
+    return _DetailsViewer.default;
+  }
+});
+Object.defineProperty(exports, "NetworkPanel", {
+  enumerable: true,
+  get: function () {
+    return _NetworkPanel.default;
+  }
+});
+var _Bubble = _interopRequireDefault(require("./bubble/Bubble"));
+var _DetailsViewer = _interopRequireDefault(require("./details/DetailsViewer"));
+var _DebuggerHeader = _interopRequireDefault(require("./headers/DebuggerHeader"));
+var _ConsolePanel = _interopRequireDefault(require("./panels/ConsolePanel"));
+var _NetworkPanel = _interopRequireDefault(require("./panels/NetworkPanel"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 //# sourceMappingURL=index.js.map

package/lib/module/ui/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["default","Bubble","DetailsViewer","DebuggerHeader","ConsolePanel","NetworkPanel"],"sourceRoot":"../../../../src","sources":["ui/components/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,MAAM,QAAQ,oBAAiB;AACnD,SAASD,OAAO,IAAIE,aAAa,QAAQ,4BAAyB;AAClE,SAASF,OAAO,IAAIG,cAAc,QAAQ,6BAA0B;AACpE,SAASH,OAAO,IAAII,YAAY,QAAQ,0BAAuB;AAC/D,SAASJ,OAAO,IAAIK,YAAY,QAAQ,0BAAuB","ignoreList":[]}
+{"version":3,"names":["_Bubble","_interopRequireDefault","require","_DetailsViewer","_DebuggerHeader","_ConsolePanel","_NetworkPanel","e","__esModule","default"],"sourceRoot":"../../../../src","sources":["ui/components/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,eAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,aAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,aAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAgE,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}

package/lib/module/ui/components/items/ConsolePanelItem.js

@@ -1,31 +1,36 @@
 "use strict";
 
-import { StyleSheet, Text, TouchableOpacity } from 'react-native';
-import { formatLogMessage } from "../../../utils.js";
-import colors from "../../../colors.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function ConsolePanelItem({
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ConsolePanelItem;
+var _reactNative = require("react-native");
+var _utils = require("../../../core/utils");
+var _colors = _interopRequireDefault(require("../../../theme/colors"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function ConsolePanelItem({
   type,
   values,
   onPress
 }) {
-  return /*#__PURE__*/_jsx(TouchableOpacity, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
     onPress: onPress,
     style: styles.container,
-    children: /*#__PURE__*/_jsx(Text, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
       numberOfLines: 1,
       style: styles.text,
-      children: formatLogMessage(type, values)
+      children: (0, _utils.formatLogMessage)(type, values)
     })
   });
 }
-const styles = StyleSheet.create({
+const styles = _reactNative.StyleSheet.create({
   container: {
     flex: 1,
     padding: 8
   },
   text: {
-    color: colors.black,
+    color: _colors.default.black,
     fontSize: 14
   }
 });

package/lib/module/ui/components/items/ConsolePanelItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","Text","TouchableOpacity","formatLogMessage","colors","jsx","_jsx","ConsolePanelItem","type","values","onPress","style","styles","container","children","numberOfLines","text","create","flex","padding","color","black","fontSize"],"sourceRoot":"../../../../../src","sources":["ui/components/items/ConsolePanelItem.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,IAAI,EAAEC,gBAAgB,QAAQ,cAAc;AAEjE,SAASC,gBAAgB,QAAQ,mBAAgB;AACjD,OAAOC,MAAM,MAAM,oBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAMrC,eAAe,SAASC,gBAAgBA,CAAC;EAAEC,IAAI;EAAEC,MAAM;EAAEC;AAA+B,CAAC,EAAE;EACzF,oBACEJ,IAAA,CAACJ,gBAAgB;IAACQ,OAAO,EAAEA,OAAQ;IAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,eAC1DR,IAAA,CAACL,IAAI;MAACc,aAAa,EAAE,CAAE;MAACJ,KAAK,EAAEC,MAAM,CAACI,IAAK;MAAAF,QAAA,EACxCX,gBAAgB,CAACK,IAAI,EAAEC,MAAM;IAAC,CAC3B;EAAC,CACS,CAAC;AAEvB;AAEA,MAAMG,MAAM,GAAGZ,UAAU,CAACiB,MAAM,CAAC;EAC/BJ,SAAS,EAAE;IACTK,IAAI,EAAE,CAAC;IACPC,OAAO,EAAE;EACX,CAAC;EACDH,IAAI,EAAE;IACJI,KAAK,EAAEhB,MAAM,CAACiB,KAAK;IACnBC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_utils","_colors","_interopRequireDefault","_jsxRuntime","e","__esModule","default","ConsolePanelItem","type","values","onPress","jsx","TouchableOpacity","style","styles","container","children","Text","numberOfLines","text","formatLogMessage","StyleSheet","create","flex","padding","color","colors","black","fontSize"],"sourceRoot":"../../../../../src","sources":["ui/components/items/ConsolePanelItem.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAC,sBAAA,CAAAH,OAAA;AAA2C,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAG,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAM5B,SAASG,gBAAgBA,CAAC;EAAEC,IAAI;EAAEC,MAAM;EAAEC;AAA+B,CAAC,EAAE;EACzF,oBACE,IAAAP,WAAA,CAAAQ,GAAA,EAACb,YAAA,CAAAc,gBAAgB;IAACF,OAAO,EAAEA,OAAQ;IAACG,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,eAC1D,IAAAb,WAAA,CAAAQ,GAAA,EAACb,YAAA,CAAAmB,IAAI;MAACC,aAAa,EAAE,CAAE;MAACL,KAAK,EAAEC,MAAM,CAACK,IAAK;MAAAH,QAAA,EACxC,IAAAI,uBAAgB,EAACZ,IAAI,EAAEC,MAAM;IAAC,CAC3B;EAAC,CACS,CAAC;AAEvB;AAEA,MAAMK,MAAM,GAAGO,uBAAU,CAACC,MAAM,CAAC;EAC/BP,SAAS,EAAE;IACTQ,IAAI,EAAE,CAAC;IACPC,OAAO,EAAE;EACX,CAAC;EACDL,IAAI,EAAE;IACJM,KAAK,EAAEC,eAAM,CAACC,KAAK;IACnBC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/ui/components/items/DebuggerHeaderItem.js

@@ -1,35 +1,42 @@
 "use strict";
 
-import { Image, StyleSheet, Text, TouchableOpacity } from 'react-native';
-import colors from "../../../colors.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function DebuggerHeaderItem({
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = DebuggerHeaderItem;
+var _reactNative = require("react-native");
+var _colors = _interopRequireDefault(require("../../../theme/colors"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function DebuggerHeaderItem({
   content,
   isLabel,
   isActive,
   onPress
 }) {
-  return /*#__PURE__*/_jsx(TouchableOpacity, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
     onPress: onPress,
     activeOpacity: 0.8,
     style: [styles.container, isLabel ? isActive ? styles.activeLabelContainer : styles.labelContainer : isActive ? styles.activeContainer : undefined],
-    children: typeof content === 'string' ? /*#__PURE__*/_jsx(Text, {
+    children: typeof content === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
       style: styles.title,
       children: content
-    }) : /*#__PURE__*/_jsx(Image, {
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
       source: content,
       style: styles.icon
     })
   });
 }
-const styles = StyleSheet.create({
+const styles = _reactNative.StyleSheet.create({
   container: {
     paddingVertical: 4,
     paddingHorizontal: 8,
     borderRadius: 4,
-    backgroundColor: colors.gray,
+    backgroundColor: _colors.default.gray,
     borderWidth: 1,
-    borderColor: 'transparent'
+    borderColor: 'transparent',
+    justifyContent: 'center',
+    alignItems: 'center'
   },
   labelContainer: {
     backgroundColor: 'transparent'
@@ -37,16 +44,16 @@ const styles = StyleSheet.create({
   activeLabelContainer: {
     backgroundColor: 'transparent',
     borderWidth: 1,
-    borderColor: colors.black
+    borderColor: _colors.default.black
   },
   activeContainer: {
-    backgroundColor: colors.red
+    backgroundColor: _colors.default.red
   },
   title: {
     fontSize: 14,
     lineHeight: 17,
     fontWeight: '500',
-    color: colors.black
+    color: _colors.default.black
   },
   icon: {
     width: 17,

package/lib/module/ui/components/items/DebuggerHeaderItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["Image","StyleSheet","Text","TouchableOpacity","colors","jsx","_jsx","DebuggerHeaderItem","content","isLabel","isActive","onPress","activeOpacity","style","styles","container","activeLabelContainer","labelContainer","activeContainer","undefined","children","title","source","icon","create","paddingVertical","paddingHorizontal","borderRadius","backgroundColor","gray","borderWidth","borderColor","black","red","fontSize","lineHeight","fontWeight","color","width","height"],"sourceRoot":"../../../../../src","sources":["ui/components/items/DebuggerHeaderItem.tsx"],"mappings":";;AAAA,SAASA,KAAK,EAAEC,UAAU,EAAEC,IAAI,EAAEC,gBAAgB,QAAiC,cAAc;AACjG,OAAOC,MAAM,MAAM,oBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AASrC,eAAe,SAASC,kBAAkBA,CAAC;EACzCC,OAAO;EACPC,OAAO;EACPC,QAAQ;EACRC;AACuB,CAAC,EAAE;EAC1B,oBACEL,IAAA,CAACH,gBAAgB;IACfQ,OAAO,EAAEA,OAAQ;IACjBC,aAAa,EAAE,GAAI;IACnBC,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChBN,OAAO,GACHC,QAAQ,GACNI,MAAM,CAACE,oBAAoB,GAC3BF,MAAM,CAACG,cAAc,GACvBP,QAAQ,GACNI,MAAM,CAACI,eAAe,GACtBC,SAAS,CACf;IAAAC,QAAA,EAED,OAAOZ,OAAO,KAAK,QAAQ,gBAC1BF,IAAA,CAACJ,IAAI;MAACW,KAAK,EAAEC,MAAM,CAACO,KAAM;MAAAD,QAAA,EAAEZ;IAAO,CAAO,CAAC,gBAE3CF,IAAA,CAACN,KAAK;MAACsB,MAAM,EAAEd,OAAQ;MAACK,KAAK,EAAEC,MAAM,CAACS;IAAK,CAAE;EAC9C,CACe,CAAC;AAEvB;AAEA,MAAMT,MAAM,GAAGb,UAAU,CAACuB,MAAM,CAAC;EAC/BT,SAAS,EAAE;IACTU,eAAe,EAAE,CAAC;IAClBC,iBAAiB,EAAE,CAAC;IACpBC,YAAY,EAAE,CAAC;IACfC,eAAe,EAAExB,MAAM,CAACyB,IAAI;IAC5BC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE;EACf,CAAC;EACDd,cAAc,EAAE;IACdW,eAAe,EAAE;EACnB,CAAC;EACDZ,oBAAoB,EAAE;IACpBY,eAAe,EAAE,aAAa;IAC9BE,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE3B,MAAM,CAAC4B;EACtB,CAAC;EACDd,eAAe,EAAE;IACfU,eAAe,EAAExB,MAAM,CAAC6B;EAC1B,CAAC;EACDZ,KAAK,EAAE;IACLa,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,UAAU,EAAE,KAAK;IACjBC,KAAK,EAAEjC,MAAM,CAAC4B;EAChB,CAAC;EACDT,IAAI,EAAE;IACJe,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_colors","_interopRequireDefault","_jsxRuntime","e","__esModule","default","DebuggerHeaderItem","content","isLabel","isActive","onPress","jsx","TouchableOpacity","activeOpacity","style","styles","container","activeLabelContainer","labelContainer","activeContainer","undefined","children","Text","title","Image","source","icon","StyleSheet","create","paddingVertical","paddingHorizontal","borderRadius","backgroundColor","colors","gray","borderWidth","borderColor","justifyContent","alignItems","black","red","fontSize","lineHeight","fontWeight","color","width","height"],"sourceRoot":"../../../../../src","sources":["ui/components/items/DebuggerHeaderItem.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA2C,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAE,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAS5B,SAASG,kBAAkBA,CAAC;EACzCC,OAAO;EACPC,OAAO;EACPC,QAAQ;EACRC;AACuB,CAAC,EAAE;EAC1B,oBACE,IAAAR,WAAA,CAAAS,GAAA,EAACb,YAAA,CAAAc,gBAAgB;IACfF,OAAO,EAAEA,OAAQ;IACjBG,aAAa,EAAE,GAAI;IACnBC,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChBR,OAAO,GACHC,QAAQ,GACNM,MAAM,CAACE,oBAAoB,GAC3BF,MAAM,CAACG,cAAc,GACvBT,QAAQ,GACNM,MAAM,CAACI,eAAe,GACtBC,SAAS,CACf;IAAAC,QAAA,EAED,OAAOd,OAAO,KAAK,QAAQ,gBAC1B,IAAAL,WAAA,CAAAS,GAAA,EAACb,YAAA,CAAAwB,IAAI;MAACR,KAAK,EAAEC,MAAM,CAACQ,KAAM;MAAAF,QAAA,EAAEd;IAAO,CAAO,CAAC,gBAE3C,IAAAL,WAAA,CAAAS,GAAA,EAACb,YAAA,CAAA0B,KAAK;MAACC,MAAM,EAAElB,OAAQ;MAACO,KAAK,EAAEC,MAAM,CAACW;IAAK,CAAE;EAC9C,CACe,CAAC;AAEvB;AAEA,MAAMX,MAAM,GAAGY,uBAAU,CAACC,MAAM,CAAC;EAC/BZ,SAAS,EAAE;IACTa,eAAe,EAAE,CAAC;IAClBC,iBAAiB,EAAE,CAAC;IACpBC,YAAY,EAAE,CAAC;IACfC,eAAe,EAAEC,eAAM,CAACC,IAAI;IAC5BC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE,aAAa;IAC1BC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EACDpB,cAAc,EAAE;IACdc,eAAe,EAAE;EACnB,CAAC;EACDf,oBAAoB,EAAE;IACpBe,eAAe,EAAE,aAAa;IAC9BG,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEH,eAAM,CAACM;EACtB,CAAC;EACDpB,eAAe,EAAE;IACfa,eAAe,EAAEC,eAAM,CAACO;EAC1B,CAAC;EACDjB,KAAK,EAAE;IACLkB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,UAAU,EAAE,KAAK;IACjBC,KAAK,EAAEX,eAAM,CAACM;EAChB,CAAC;EACDb,IAAI,EAAE;IACJmB,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}