react-native-inapp-inspector 1.0.4 → 1.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (46) hide show
  1. package/README.md +3 -3
  2. package/dist/commonjs/components/AnalyticsEventCard.js +10 -10
  3. package/dist/commonjs/components/CodeSnippet.js +233 -10
  4. package/dist/commonjs/components/ConsoleLogCard.js +55 -9
  5. package/dist/commonjs/components/CopyButton.js +2 -1
  6. package/dist/commonjs/components/ErrorBoundary.d.ts +20 -0
  7. package/dist/commonjs/components/ErrorBoundary.js +332 -0
  8. package/dist/commonjs/components/NetworkIcons.d.ts +5 -0
  9. package/dist/commonjs/components/NetworkIcons.js +45 -1
  10. package/dist/commonjs/customHooks/reduxLogger.d.ts +4 -0
  11. package/dist/commonjs/customHooks/reduxLogger.js +30 -0
  12. package/dist/commonjs/customHooks/webViewLogger.d.ts +2 -0
  13. package/dist/commonjs/customHooks/webViewLogger.js +281 -246
  14. package/dist/commonjs/helpers/index.js +2 -1
  15. package/dist/commonjs/index.d.ts +5 -3
  16. package/dist/commonjs/index.js +685 -911
  17. package/dist/commonjs/styles/AppColors.d.ts +29 -1
  18. package/dist/commonjs/styles/AppColors.js +38 -2
  19. package/dist/commonjs/styles/index.d.ts +438 -229
  20. package/dist/commonjs/styles/index.js +448 -209
  21. package/dist/commonjs/types/index.d.ts +2 -2
  22. package/dist/esm/components/AnalyticsEventCard.js +10 -10
  23. package/dist/esm/components/CodeSnippet.js +232 -12
  24. package/dist/esm/components/ConsoleLogCard.js +55 -9
  25. package/dist/esm/components/CopyButton.js +2 -1
  26. package/dist/esm/components/ErrorBoundary.d.ts +20 -0
  27. package/dist/esm/components/ErrorBoundary.js +295 -0
  28. package/dist/esm/components/NetworkIcons.d.ts +5 -0
  29. package/dist/esm/components/NetworkIcons.js +39 -0
  30. package/dist/esm/customHooks/reduxLogger.d.ts +4 -0
  31. package/dist/esm/customHooks/reduxLogger.js +23 -0
  32. package/dist/esm/customHooks/webViewLogger.d.ts +2 -0
  33. package/dist/esm/customHooks/webViewLogger.js +281 -246
  34. package/dist/esm/helpers/index.js +2 -1
  35. package/dist/esm/index.d.ts +5 -3
  36. package/dist/esm/index.js +683 -914
  37. package/dist/esm/styles/AppColors.d.ts +29 -1
  38. package/dist/esm/styles/AppColors.js +35 -1
  39. package/dist/esm/styles/index.d.ts +438 -229
  40. package/dist/esm/styles/index.js +412 -209
  41. package/dist/esm/types/index.d.ts +2 -2
  42. package/example/App.tsx +351 -127
  43. package/example/ios/Podfile.lock +26 -0
  44. package/example/package-lock.json +20 -4
  45. package/example/package.json +4 -3
  46. package/package.json +1 -1
@@ -1,4 +1,4 @@
1
- export declare const AppColors: {
1
+ declare const LightColors: {
2
2
  primaryLight: string;
3
3
  purple: string;
4
4
  purpleShade50: string;
@@ -24,4 +24,32 @@ export declare const AppColors: {
24
24
  greenBaggageText: string;
25
25
  paleYellow: string;
26
26
  };
27
+ export declare const getThemeColors: (isDark: boolean) => {
28
+ primaryLight: string;
29
+ purple: string;
30
+ purpleShade50: string;
31
+ offerPurple: string;
32
+ grayBorderSecondary: string;
33
+ grayBackground: string;
34
+ grayText: string;
35
+ grayTextWeak: string;
36
+ greenColor: string;
37
+ graySurface: string;
38
+ skyBlue: string;
39
+ primaryBlack: string;
40
+ grayTextStrong: string;
41
+ dividerColor: string;
42
+ warningIconGold: string;
43
+ shadowColorString: string;
44
+ errorColor: string;
45
+ lightOrange: string;
46
+ darkOrange: string;
47
+ successGreen: string;
48
+ purpleShade700: string;
49
+ greenStatus: string;
50
+ greenBaggageText: string;
51
+ paleYellow: string;
52
+ };
53
+ export declare const AppColors: typeof LightColors;
54
+ export declare const updateAppColorsTheme: (isDark: boolean) => void;
27
55
  export default AppColors;
@@ -1,4 +1,4 @@
1
- export const AppColors = {
1
+ const LightColors = {
2
2
  primaryLight: '#FFFFFF',
3
3
  purple: '#684B9B',
4
4
  purpleShade50: '#F9F5FF',
@@ -24,4 +24,38 @@ export const AppColors = {
24
24
  greenBaggageText: '#159E44',
25
25
  paleYellow: '#F9DB7C',
26
26
  };
27
+ const DarkColors = {
28
+ primaryLight: '#1E1E24',
29
+ purple: '#A78BFA',
30
+ purpleShade50: '#2E224E',
31
+ offerPurple: '#F472B6',
32
+ grayBorderSecondary: '#374151',
33
+ grayBackground: '#121214',
34
+ grayText: '#9CA3AF',
35
+ grayTextWeak: '#6B7280',
36
+ greenColor: '#34D399',
37
+ graySurface: '#374151',
38
+ skyBlue: '#60A5FA',
39
+ primaryBlack: '#F3F4F6',
40
+ grayTextStrong: '#F3F4F6',
41
+ dividerColor: '#1F2937',
42
+ warningIconGold: '#F59E0B',
43
+ shadowColorString: '#000000',
44
+ errorColor: '#EF4444',
45
+ lightOrange: '#FCD34D',
46
+ darkOrange: '#D97706',
47
+ successGreen: '#34D399',
48
+ purpleShade700: '#8B5CF6',
49
+ greenStatus: '#064E3B',
50
+ greenBaggageText: '#34D399',
51
+ paleYellow: '#78350F',
52
+ };
53
+ export const getThemeColors = (isDark) => {
54
+ return isDark ? DarkColors : LightColors;
55
+ };
56
+ export const AppColors = {};
57
+ Object.assign(AppColors, LightColors);
58
+ export const updateAppColorsTheme = (isDark) => {
59
+ Object.assign(AppColors, getThemeColors(isDark));
60
+ };
27
61
  export default AppColors;