react-native-package-fast 0.2.2 → 0.2.4-rc.1

package/lib/commonjs/logger/components/RequestList.js

@@ -0,0 +1,219 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.BackButton = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _libs = require("../libs");
+var _theme = require("../theme");
+var _ColorsLog = _interopRequireDefault(require("./ColorsLog"));
+var _ResultItem = _interopRequireDefault(require("./ResultItem"));
+var _SearchBar = _interopRequireDefault(require("./SearchBar"));
+var _jsonTree = _interopRequireDefault(require("../../json-tree"));
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _ = require("../..");
+var _FloatButtonLogger = require("../FloatButtonLogger");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+let _key = "";
+const RequestList = ({
+  requestsInfo,
+  mapData,
+  onBack,
+  listRequestData,
+  onPressItem,
+  options,
+  showDetails,
+  // initTab = "all",
+  filterDataList
+}) => {
+  const FILTER_DATA = {
+    all: {
+      title: "ALL",
+      key: "all",
+      func: _v => true
+    },
+    ...filterDataList
+  };
+  let InitFilter = FILTER_DATA?.[_FloatButtonLogger.dataSave.tabCurrent];
+  const styles = (0, _theme.useThemedStyles)(themedStyles);
+  const [key, setKey] = (0, _react.useState)(_key);
+  const [searchValue, onChangeSearchText] = (0, _react.useState)("");
+  const [filterData, setFilterData] = (0, _react.useState)(InitFilter);
+  const filteredRequests = (0, _react.useMemo)(() => {
+    _FloatButtonLogger.dataSave.tabCurrent = filterData?.key;
+    let newData = requestsInfo.filter(request => {
+      const value = searchValue.toLowerCase().trim();
+      return request.url.toLowerCase().includes(value) || request.gqlOperation?.toLowerCase().includes(value);
+    });
+    if (filterData?.func) {
+      newData = newData?.filter(request => filterData?.func(request));
+    } else {
+      newData = filterData?.pass && key !== filterData?.pass ? [] : _.listLogs?.filter?.(_it => _it?.key === filterData?.key)?.reverse?.();
+    }
+    return newData;
+  }, [requestsInfo, searchValue, filterData, key]);
+  const {
+    top
+  } = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  (0, _react.useEffect)(() => {
+    _key = key;
+  }, [key]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_libs.ViewAppLog, {
+    flex: 1,
+    style: {
+      ...styles.container,
+      paddingTop: top
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_libs.ViewAppLog, {
+      row: true,
+      center: true,
+      "X-8": true,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(BackButton, {
+        onPress: () => {
+          onBack();
+        }
+      }), !showDetails && /*#__PURE__*/(0, _jsxRuntime.jsx)(_SearchBar.default, {
+        value: searchValue,
+        onChangeText: onChangeSearchText,
+        options: options
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_libs.ViewAppLog, {
+      row: true,
+      "L-16": true,
+      "T-8": true,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+        horizontal: true,
+        children: Object.keys(FILTER_DATA)?.map?.((_it, _i) => {
+          const itemData = FILTER_DATA?.[_it];
+          const isSelect = filterData?.key === _it;
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+            onPress: () => {
+              InitFilter = itemData;
+              setFilterData(itemData);
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_libs.ViewAppLog, {
+              "y-1": true,
+              "x-8": true,
+              "border-1": true,
+              "radius-8": true,
+              "R-8": true,
+              style: {
+                borderColor: isSelect ? _ColorsLog.default.Pri_fa4 : _ColorsLog.default.stroke_57
+              },
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_libs.TextAppLog, {
+                h5: true,
+                style: {
+                  color: isSelect ? _ColorsLog.default.Pri_fa4 : _ColorsLog.default.stroke_57
+                },
+                children: itemData?.title
+              })
+            })
+          }, `filter-${_i}`);
+        })
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_libs.ViewAppLog, {
+      flex: 1,
+      children: [filterData?.pass && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+        defaultValue: key,
+        secureTextEntry: true,
+        onChangeText: setKey,
+        style: {
+          paddingHorizontal: 16,
+          borderWidth: 1,
+          borderColor: _ColorsLog.default.font_9c,
+          height: 40,
+          marginHorizontal: 16,
+          marginTop: 10,
+          borderRadius: 4
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
+        contentContainerStyle: {
+          paddingTop: 12
+        },
+        keyExtractor: item => item.id,
+        data: filteredRequests,
+        renderItem: ({
+          item
+        }) => {
+          if (item?.type === "log") {
+            return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_libs.ViewAppLog, {
+              "boder-1": true,
+              "radius-8": true,
+              "X-16": true,
+              "x-12": true,
+              "y-8": true,
+              "Y-4": true,
+              style: {
+                borderWidth: 1,
+                borderColor: _ColorsLog.default.font_9c
+              },
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_libs.TextAppLog, {
+                bold: true,
+                h4: true,
+                style: {
+                  color: "#303030"
+                },
+                children: item?.title
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+                bounces: false,
+                horizontal: true,
+                style: {
+                  marginTop: 8
+                },
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsonTree.default, {
+                  shouldExpandNode: false,
+                  hideRoot: true
+                  // labelRenderer={(raw: any) => <Text style={{ fontSize: 10 }}>{raw}</Text>}
+                  // valueRenderer={(raw: any) => <Text style={{ fontStyle: 'italic', fontSize: 10 }}>{raw}</Text>}
+                  ,
+                  data: item.data
+                })
+              })]
+            });
+          }
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ResultItem.default, {
+            mapData: mapData,
+            requestDetail: listRequestData?.find(r => r.id === item?.id),
+            request: item,
+            onPress: () => onPressItem(item.id)
+          });
+        }
+      })]
+    })]
+  });
+};
+const BackButton = ({
+  onPress
+}) => {
+  const styles = (0, _theme.useThemedStyles)(themedStyles);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+    onPress: onPress,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+      style: styles.icon,
+      source: require("./images/ic_left.png")
+    })
+  });
+};
+exports.BackButton = BackButton;
+const themedStyles = theme => _reactNative.StyleSheet.create({
+  container: {
+    backgroundColor: theme.colors.background,
+    flex: 1
+  },
+  searchView: {
+    flexDirection: "row",
+    alignItems: "center"
+  },
+  icon: {
+    width: 24,
+    height: 24,
+    resizeMode: "contain",
+    tintColor: theme.colors.text
+  }
+});
+var _default = exports.default = RequestList;
+//# sourceMappingURL=RequestList.js.map

package/lib/commonjs/logger/components/RequestList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_libs","_theme","_ColorsLog","_interopRequireDefault","_ResultItem","_SearchBar","_jsonTree","_reactNativeSafeAreaContext","_","_FloatButtonLogger","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_key","RequestList","requestsInfo","mapData","onBack","listRequestData","onPressItem","options","showDetails","filterDataList","FILTER_DATA","all","title","key","func","_v","InitFilter","dataSave","tabCurrent","styles","useThemedStyles","themedStyles","setKey","useState","searchValue","onChangeSearchText","filterData","setFilterData","filteredRequests","useMemo","newData","filter","request","value","toLowerCase","trim","url","includes","gqlOperation","pass","listLogs","_it","reverse","top","useSafeAreaInsets","useEffect","jsxs","ViewAppLog","flex","style","container","paddingTop","children","row","center","jsx","BackButton","onPress","onChangeText","ScrollView","horizontal","keys","map","_i","itemData","isSelect","TouchableOpacity","borderColor","ColorsLog","Pri_fa4","stroke_57","TextAppLog","h5","color","TextInput","defaultValue","secureTextEntry","paddingHorizontal","borderWidth","font_9c","height","marginHorizontal","marginTop","borderRadius","FlatList","contentContainerStyle","keyExtractor","item","id","data","renderItem","type","bold","h4","bounces","shouldExpandNode","hideRoot","requestDetail","find","Image","icon","source","exports","theme","StyleSheet","create","backgroundColor","colors","background","searchView","flexDirection","alignItems","width","resizeMode","tintColor","text","_default"],"sourceRoot":"../../../../src","sources":["logger/components/RequestList.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/logger/components/ResultItem.js

@@ -0,0 +1,435 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getObjectItem = exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _jsonTree = _interopRequireDefault(require("../../json-tree"));
+var _FloatButtonLogger = require("../FloatButtonLogger");
+var _libs = require("../libs");
+var _theme = require("../theme");
+var _ColorsLog = _interopRequireDefault(require("./ColorsLog"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const getObjectItem = input => {
+  const obj = {};
+  if (input) {
+    if (typeof input === "object") {
+      return input;
+    }
+    if (typeof input === "string") {
+      try {
+        const _obj = JSON.parse(input);
+        if (typeof _obj === "object") {
+          return _obj;
+        }
+      } catch (error) {}
+    }
+  }
+  return obj;
+};
+exports.getObjectItem = getObjectItem;
+const ResultItem = ({
+  request,
+  mapData,
+  requestDetail,
+  onPress
+}) => {
+  const styles = (0, _theme.useThemedStyles)(themedStyles);
+  const theme = (0, _theme.useTheme)();
+  const [responseBody, setResponseBody] = (0, _react.useState)("Loading...");
+  (0, _react.useEffect)(() => {
+    (async () => {
+      const body = await requestDetail?.getResponseBody?.();
+      setResponseBody(body || {});
+    })();
+  }, [requestDetail]);
+
+  // const getStatusTextColor = (status: number) => {
+  //   if (status < 0) {
+  //     return theme.colors.text;
+  //   }
+  //   if (status < 400) {
+  //     return theme.colors.statusGood;
+  //   }
+  //   if (status < 500) {
+  //     return theme.colors.statusWarning;
+  //   }
+  //   return theme.colors.statusBad;
+  // };
+
+  const pad = num => `0${num}`.slice(-2);
+  const getTime = time => {
+    const date = new Date(time);
+    const hours = pad(date.getHours());
+    const minutes = pad(date.getMinutes());
+    const seconds = pad(date.getSeconds());
+    return `${hours}:${minutes}:${seconds}`;
+  };
+  const requestBody = requestDetail?.getRequestBody?.(!!requestDetail?.gqlOperation);
+  const [isMore, setMore] = (0, _react.useState)(false);
+  const [isMoreBody, setMoreBody] = (0, _react.useState)(false);
+  const getNameUrl = (_urlData, _method) => {
+    const itemMap = mapData?.find(_it => {
+      const {
+        keys,
+        method
+      } = _it || {};
+      if (keys?.length === 0) {
+        return "";
+      }
+      let isValidate = true;
+      keys?.map?.(_itKey => {
+        if (!_urlData?.includes(_itKey)) {
+          isValidate = false;
+        }
+      });
+      if (_method === method && isValidate) {
+        return true;
+      }
+      return false;
+    });
+    return itemMap?.title || "";
+  };
+  const name = getNameUrl(request?.url, request?.method);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_libs.ViewAppLog, {
+    style: styles.card,
+    "X-16": true,
+    "y-4": true,
+    "x-6": true,
+    "B-8": true,
+    "radius-4": true,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+      onPress: onPress,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_libs.ViewAppLog, {
+        row: true,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+          style: {
+            flex: 1
+          },
+          onPress: onPress,
+          onLongPress: () => {
+            (0, _FloatButtonLogger.copyFunc)(request?.url);
+            (0, _FloatButtonLogger.toastFunc)("Coppied");
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_libs.ViewAppLog, {
+            flex: 1,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_libs.TextAppLog, {
+              bold: true,
+              "B-2": true,
+              style: {
+                color: _ColorsLog.default.stroke_fa,
+                fontSize: name ? 14 : 12
+              },
+              children: name ? name : request?.url || ""
+            }), name ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_libs.TextAppLog, {
+              h6: true,
+              style: styles?.text,
+              children: request?.url
+            }) : null]
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_libs.ViewAppLog, {
+          style: {
+            alignItems: "flex-end"
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_libs.ViewAppLog, {
+            height: 16,
+            center: true,
+            "radius-3": true,
+            "x-5": true,
+            style: {
+              backgroundColor: theme.colors.statusGood
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_libs.TextAppLog, {
+              h7: true,
+              white: true,
+              children: request?.method
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_libs.TextAppLog, {
+            "T-2": true,
+            style: {
+              color: _ColorsLog.default.pont_26
+            },
+            h6: true,
+            children: getTime(request.startTime)
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_libs.TextAppLog, {
+            style: {
+              color: _ColorsLog.default.pont_26
+            },
+            h6: true,
+            children: `(${request.duration})`
+          })]
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_libs.ViewAppLog, {
+        row: true,
+        "T-5": true,
+        "B-8": true
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_libs.ViewAppLog, {
+        row: true,
+        centerItem: true,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+          style: {
+            alignSelf: "flex-start"
+          },
+          onLongPress: () => {
+            (0, _FloatButtonLogger.copyFunc)(JSON.stringify(getObjectItem(responseBody), null, 2));
+            (0, _FloatButtonLogger.toastFunc)("Coppied");
+          },
+          onPress: () => {
+            setMore(!isMore);
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_libs.ViewAppLog, {
+            row: true,
+            "x-8": true,
+            center: true,
+            style: {
+              borderWidth: 0.5,
+              borderColor: _ColorsLog.default.Gray_9c
+            },
+            "radius-4": true,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_libs.TextAppLog, {
+              "B-2": true,
+              h5: true,
+              style: styles?.text,
+              children: isMore ? "RES" : "RES"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+              style: {
+                width: 15,
+                height: 15,
+                transform: [{
+                  rotate: isMore ? "180deg" : "0deg"
+                }]
+              },
+              source: require("./images/ic_down.png")
+            })]
+          })
+        }), requestBody && requestBody !== "null" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+          style: {
+            alignSelf: "flex-start",
+            marginLeft: 8,
+            alignItems: "center"
+          },
+          onPress: () => {
+            setMoreBody(!isMoreBody);
+          },
+          onLongPress: () => {
+            (0, _FloatButtonLogger.copyFunc)(JSON.stringify(getObjectItem(requestBody), null, 2));
+            (0, _FloatButtonLogger.toastFunc)("Coppied");
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_libs.ViewAppLog, {
+            row: true,
+            "x-8": true,
+            center: true,
+            style: {
+              borderWidth: 0.5,
+              borderColor: _ColorsLog.default.Gray_9c
+            },
+            "radius-4": true,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_libs.TextAppLog, {
+              "B-2": true,
+              "R-3": true,
+              h5: true,
+              style: styles?.text,
+              children: isMoreBody ? "BODY" : "BODY"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
+              style: {
+                width: 15,
+                height: 15,
+                transform: [{
+                  rotate: isMoreBody ? "180deg" : "0deg"
+                }]
+              },
+              source: require("./images/ic_down.png")
+            })]
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_libs.ViewAppLog, {
+          flex: 1
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonText, {
+          onPress: () => {
+            (0, _FloatButtonLogger.copyFunc)(requestDetail.curlRequest);
+            (0, _FloatButtonLogger.toastFunc)("Coppied");
+          },
+          children: "Curl"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonText, {
+          onPress: () => {
+            _reactNative.Share.share({
+              message: JSON.stringify({
+                ...getObjectItem(requestDetail),
+                curl: requestDetail.curlRequest
+              })
+            });
+          },
+          children: "Share"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonText, {
+          onPress: () => {
+            (0, _FloatButtonLogger.copyFunc)(JSON.stringify({
+              ...getObjectItem(requestDetail),
+              curl: requestDetail.curlRequest
+            }));
+            (0, _FloatButtonLogger.toastFunc)("Coppied");
+          },
+          children: "Copy"
+        })]
+      })]
+    }), isMoreBody && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+      bounces: false,
+      horizontal: true,
+      style: {
+        marginTop: 8
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsonTree.default, {
+        labelRenderer: raw => {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: {
+              fontSize: 10
+            },
+            children: raw?.[0]
+          });
+        },
+        valueRenderer: raw => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: {
+            fontStyle: "italic",
+            fontSize: 10
+          },
+          children: raw
+        }),
+        data: getObjectItem(requestBody)
+      })
+    }), isMore && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+      bounces: false,
+      horizontal: true,
+      style: {
+        marginTop: 8
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsonTree.default, {
+        shouldExpandNode: false,
+        hideRoot: true,
+        labelRenderer: raw => {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: {
+              fontSize: 10
+            },
+            children: raw?.[0]
+          });
+        },
+        valueRenderer: raw => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: {
+            fontStyle: "italic",
+            fontSize: 10
+          },
+          children: raw
+        })
+        // labelRenderer={(raw: any) => <Text style={{ fontSize: 10 }}>{raw}</Text>}
+        // valueRenderer={(raw: any) => <Text style={{ fontStyle: 'italic', fontSize: 10 }}>{raw}</Text>}
+        ,
+        data: getObjectItem(responseBody)
+      })
+    })]
+  })
+  // </MaybeTouchable>
+;
+};
+const ButtonText = ({
+  onPress,
+  text,
+  style,
+  children
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+    style: style,
+    onPress: onPress,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_libs.ViewAppLog, {
+      "x-5": true,
+      "X-5": true,
+      "y-1": true,
+      "border-1": true,
+      "radius-4": true,
+      style: {
+        borderColor: "#333333"
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_libs.TextAppLog, {
+        h5: true,
+        color: "#333333",
+        children: text || children
+      })
+    })
+  });
+};
+const themedStyles = theme => _reactNative.StyleSheet.create({
+  tagText: {
+    color: theme.colors.link
+  },
+  tag: {
+    borderColor: theme.colors.link,
+    borderWidth: 1
+  },
+  card: {
+    borderWidth: 0.5,
+    borderColor: theme.colors.text + "80",
+    backgroundColor: theme.colors.background
+  },
+  container: {
+    justifyContent: "flex-start",
+    alignItems: "center",
+    backgroundColor: theme.colors.card,
+    flexDirection: "row",
+    margin: 5,
+    paddingTop: 10,
+    paddingBottom: 10,
+    borderRadius: 5
+  },
+  leftContainer: {
+    flexDirection: "column",
+    alignItems: "center"
+  },
+  status: {
+    fontWeight: "bold",
+    borderWidth: 1,
+    borderRadius: 10,
+    paddingVertical: 1,
+    paddingHorizontal: 4,
+    textAlign: "center",
+    marginVertical: 3
+  },
+  text: {
+    color: theme.colors.text
+    // fontSize: 16,
+  },
+  content: {
+    paddingLeft: 5,
+    paddingRight: 5,
+    flexShrink: 1,
+    flex: 1
+  },
+  method: {
+    fontSize: 18,
+    fontWeight: "bold",
+    textAlign: "center",
+    padding: 0,
+    width: 80
+  },
+  time: {
+    color: theme.colors.muted,
+    marginTop: 5,
+    marginHorizontal: 2
+  },
+  paddedUrl: {
+    paddingVertical: 20
+  },
+  gqlOperation: {
+    backgroundColor: theme.colors.secondary,
+    borderRadius: 10,
+    alignSelf: "flex-start",
+    padding: 5,
+    marginTop: 5
+  },
+  gqlText: {
+    color: theme.colors.onSecondary,
+    fontSize: 14
+  }
+});
+var _default = exports.default = ResultItem;
+//# sourceMappingURL=ResultItem.js.map