From abe8c6d569dcd1782f5bf0f39d4701dd83f79a49 Mon Sep 17 00:00:00 2001
From: Joeao <jattardowen@gmail.com>
Date: Wed, 14 Dec 2022 15:06:09 +0100
Subject: [PATCH] Added parentStyle property to all widgets

---
 react-tradingview-embed/src/components/AdvancedChart.tsx       | 1 +
 react-tradingview-embed/src/components/CompanyProfile.tsx      | 3 ++-
 .../src/components/CryptocurrencyMarket.tsx                    | 3 ++-
 react-tradingview-embed/src/components/EconomicCalendar.tsx    | 3 ++-
 react-tradingview-embed/src/components/ForexCrossRates.tsx     | 3 ++-
 react-tradingview-embed/src/components/ForexHeatMap.tsx        | 3 ++-
 react-tradingview-embed/src/components/FundamentalData.tsx     | 3 ++-
 react-tradingview-embed/src/components/MarketData.tsx          | 3 ++-
 react-tradingview-embed/src/components/MarketOverview.tsx      | 3 ++-
 react-tradingview-embed/src/components/MiniChart.tsx           | 3 ++-
 react-tradingview-embed/src/components/Screener.tsx            | 3 ++-
 react-tradingview-embed/src/components/SingleTicker.tsx        | 3 ++-
 react-tradingview-embed/src/components/StockMarket.tsx         | 3 ++-
 react-tradingview-embed/src/components/SymbolInfo.tsx          | 3 ++-
 react-tradingview-embed/src/components/SymbolOverview.tsx      | 1 +
 react-tradingview-embed/src/components/TechnicalAnalysis.tsx   | 3 ++-
 react-tradingview-embed/src/components/Ticker.tsx              | 3 ++-
 react-tradingview-embed/src/components/TickerTape.tsx          | 3 ++-
 react-tradingview-embed/src/components/Timeline.tsx            | 3 ++-
 19 files changed, 36 insertions(+), 17 deletions(-)

diff --git a/react-tradingview-embed/src/components/AdvancedChart.tsx b/react-tradingview-embed/src/components/AdvancedChart.tsx
index c33fb35..ced5097 100644
--- a/react-tradingview-embed/src/components/AdvancedChart.tsx
+++ b/react-tradingview-embed/src/components/AdvancedChart.tsx
@@ -26,6 +26,7 @@ export type AdvancedChartWidgetProps = {
 }
 
 type AdvancedChartProps = {
+  parentStyle?: React.CSSProperties;
   widgetProps?: AdvancedChartWidgetProps;
   widgetPropsAny?: any;
   children?: never;
diff --git a/react-tradingview-embed/src/components/CompanyProfile.tsx b/react-tradingview-embed/src/components/CompanyProfile.tsx
index 4292862..f0dc35a 100644
--- a/react-tradingview-embed/src/components/CompanyProfile.tsx
+++ b/react-tradingview-embed/src/components/CompanyProfile.tsx
@@ -11,6 +11,7 @@ export type CompanyProfileWidgetProps = {
 }
 
 type CompanyProfileProps = {
+  parentStyle?: React.CSSProperties;
   widgetProps?: CompanyProfileWidgetProps;
   widgetPropsAny?: any;
   children?: never;
@@ -55,7 +56,7 @@ const CompanyProfile = (props: CompanyProfileProps) => {
     }
   }, [ref, widgetProps, widgetPropsAny]);
 
-  return <div ref={ref} />;
+  return <div style={props.parentStyle} ref={ref} />;
 }
 
 export default CompanyProfile;
diff --git a/react-tradingview-embed/src/components/CryptocurrencyMarket.tsx b/react-tradingview-embed/src/components/CryptocurrencyMarket.tsx
index baae393..a473dec 100644
--- a/react-tradingview-embed/src/components/CryptocurrencyMarket.tsx
+++ b/react-tradingview-embed/src/components/CryptocurrencyMarket.tsx
@@ -12,6 +12,7 @@ export type CryptocurrencyMarketWidgetProps = {
 }
 
 type CryptocurrencyMarketProps = {
+  parentStyle?: React.CSSProperties;
   widgetProps?: CryptocurrencyMarketWidgetProps;
   widgetPropsAny?: any;
   children?: never;
@@ -57,7 +58,7 @@ const CryptocurrencyMarket = (props: CryptocurrencyMarketProps) => {
     }
   }, [ref, widgetProps, widgetPropsAny]);
 
-  return <div ref={ref} />;
+  return <div style={props.parentStyle} ref={ref} />;
 }
 
 export default CryptocurrencyMarket;
diff --git a/react-tradingview-embed/src/components/EconomicCalendar.tsx b/react-tradingview-embed/src/components/EconomicCalendar.tsx
index 52eeaa7..16aa211 100644
--- a/react-tradingview-embed/src/components/EconomicCalendar.tsx
+++ b/react-tradingview-embed/src/components/EconomicCalendar.tsx
@@ -11,6 +11,7 @@ export type EconomicCalendarWidgetProps = {
 }
 
 type EconomicCalendarProps = {
+  parentStyle?: React.CSSProperties;
   widgetProps?: EconomicCalendarWidgetProps;
   widgetPropsAny?: any;
   children?: never;
@@ -55,7 +56,7 @@ const EconomicCalendar = (props: EconomicCalendarProps) => {
     }
   }, [ref, widgetProps, widgetPropsAny]);
 
-  return <div ref={ref} />;
+  return <div style={props.parentStyle} ref={ref} />;
 }
 
 export default EconomicCalendar;
diff --git a/react-tradingview-embed/src/components/ForexCrossRates.tsx b/react-tradingview-embed/src/components/ForexCrossRates.tsx
index 7f507dc..91c2e0b 100644
--- a/react-tradingview-embed/src/components/ForexCrossRates.tsx
+++ b/react-tradingview-embed/src/components/ForexCrossRates.tsx
@@ -11,6 +11,7 @@ export type ForexCrossRatesWidgetProps = {
 }
 
 type ForexCrossRatesProps = {
+  parentStyle?: React.CSSProperties;
   widgetProps?: ForexCrossRatesWidgetProps;
   widgetPropsAny?: any;
   children?: never;
@@ -65,7 +66,7 @@ const ForexCrossRates = (props: ForexCrossRatesProps) => {
     }
   }, [ref, widgetProps, widgetPropsAny]);
 
-  return <div ref={ref} />;
+  return <div style={props.parentStyle} ref={ref} />;
 }
 
 export default ForexCrossRates;
diff --git a/react-tradingview-embed/src/components/ForexHeatMap.tsx b/react-tradingview-embed/src/components/ForexHeatMap.tsx
index 1529c83..ad1ffd0 100644
--- a/react-tradingview-embed/src/components/ForexHeatMap.tsx
+++ b/react-tradingview-embed/src/components/ForexHeatMap.tsx
@@ -11,6 +11,7 @@ export type ForexHeatMapWidgetProps = {
 }
 
 type ForexHeatMapProps = {
+  parentStyle?: React.CSSProperties;
   widgetProps?: ForexHeatMapWidgetProps;
   widgetPropsAny?: any;
   children?: never;
@@ -65,7 +66,7 @@ const ForexHeatMap = (props: ForexHeatMapProps) => {
     }
   }, [ref, widgetProps, widgetPropsAny]);
 
-  return <div ref={ref} />;
+  return <div style={props.parentStyle} ref={ref} />;
 }
 
 export default ForexHeatMap;
diff --git a/react-tradingview-embed/src/components/FundamentalData.tsx b/react-tradingview-embed/src/components/FundamentalData.tsx
index 179dcc1..a43ab04 100644
--- a/react-tradingview-embed/src/components/FundamentalData.tsx
+++ b/react-tradingview-embed/src/components/FundamentalData.tsx
@@ -13,6 +13,7 @@ export type FundamentalDataWidgetProps = {
 }
 
 type FundamentalDataProps = {
+  parentStyle?: React.CSSProperties;
   widgetProps?: FundamentalDataWidgetProps;
   widgetPropsAny?: any;
   children?: never;
@@ -59,7 +60,7 @@ const FundamentalData = (props: FundamentalDataProps) => {
     }
   }, [ref, widgetProps, widgetPropsAny]);
 
-  return <div ref={ref} />;
+  return <div style={props.parentStyle} ref={ref} />;
 }
 
 export default FundamentalData;
diff --git a/react-tradingview-embed/src/components/MarketData.tsx b/react-tradingview-embed/src/components/MarketData.tsx
index 4598bc7..f0346ab 100644
--- a/react-tradingview-embed/src/components/MarketData.tsx
+++ b/react-tradingview-embed/src/components/MarketData.tsx
@@ -12,6 +12,7 @@ export type MarketDataWidgetProps = {
 }
 
 type MarketDataProps = {
+  parentStyle?: React.CSSProperties;
   widgetProps?: MarketDataWidgetProps;
   widgetPropsAny?: any;
   children?: never;
@@ -172,7 +173,7 @@ const MarketData = (props: MarketDataProps) => {
     }
   }, [ref, widgetProps, widgetPropsAny]);
 
-  return <div ref={ref} />;
+  return <div style={props.parentStyle} ref={ref} />;
 }
 
 export default MarketData;
diff --git a/react-tradingview-embed/src/components/MarketOverview.tsx b/react-tradingview-embed/src/components/MarketOverview.tsx
index ce3a2c8..ae7dee9 100644
--- a/react-tradingview-embed/src/components/MarketOverview.tsx
+++ b/react-tradingview-embed/src/components/MarketOverview.tsx
@@ -22,6 +22,7 @@ export type MarketOverviewWidgetProps = {
 }
 
 type MarketOverviewProps = {
+  parentStyle?: React.CSSProperties;
   widgetProps?: MarketOverviewWidgetProps;
   widgetPropsAny?: any;
   children?: never;
@@ -76,7 +77,7 @@ const MarketOverview = (props: MarketOverviewProps) => {
     }
   }, [ref, widgetProps, widgetPropsAny]);
 
-  return <div ref={ref} />;
+  return <div style={props.parentStyle} ref={ref} />;
 }
 
 export default MarketOverview;
diff --git a/react-tradingview-embed/src/components/MiniChart.tsx b/react-tradingview-embed/src/components/MiniChart.tsx
index e6cfddd..84c14fa 100644
--- a/react-tradingview-embed/src/components/MiniChart.tsx
+++ b/react-tradingview-embed/src/components/MiniChart.tsx
@@ -16,6 +16,7 @@ export type MiniChartWidgetProps = {
 }
 
 type MiniChartProps = {
+  parentStyle?: React.CSSProperties;
   widgetProps?: MiniChartWidgetProps;
   widgetPropsAny?: any;
   children?: never;
@@ -65,7 +66,7 @@ const MiniChart = (props: MiniChartProps) => {
     }
   }, [ref, widgetProps, widgetPropsAny]);
 
-  return <div ref={ref} />;
+  return <div style={props.parentStyle} ref={ref} />;
 }
 
 export default MiniChart;
diff --git a/react-tradingview-embed/src/components/Screener.tsx b/react-tradingview-embed/src/components/Screener.tsx
index a5de0a3..f1952f8 100644
--- a/react-tradingview-embed/src/components/Screener.tsx
+++ b/react-tradingview-embed/src/components/Screener.tsx
@@ -13,6 +13,7 @@ export type ScreenerWidgetProps = {
 }
 
 type ScreenerProps = {
+  parentStyle?: React.CSSProperties;
   widgetProps?: ScreenerWidgetProps;
   widgetPropsAny?: any;
   children?: never;
@@ -59,7 +60,7 @@ const Screener = (props: ScreenerProps) => {
     }
   }, [ref, widgetProps, widgetPropsAny]);
 
-  return <div ref={ref} />;
+  return <div style={props.parentStyle} ref={ref} />;
 }
 
 export default Screener;
diff --git a/react-tradingview-embed/src/components/SingleTicker.tsx b/react-tradingview-embed/src/components/SingleTicker.tsx
index fb6aee0..84e1212 100644
--- a/react-tradingview-embed/src/components/SingleTicker.tsx
+++ b/react-tradingview-embed/src/components/SingleTicker.tsx
@@ -10,6 +10,7 @@ export type SingleTickerWidgetProps = {
 }
 
 type SingleTickerProps = {
+  parentStyle?: React.CSSProperties;
   widgetProps?: SingleTickerWidgetProps;
   widgetPropsAny?: any;
   children?: never;
@@ -53,7 +54,7 @@ const SingleTicker = (props: SingleTickerProps) => {
     }
   }, [ref, widgetProps, widgetPropsAny]);
 
-  return <div ref={ref} />;
+  return <div style={props.parentStyle} ref={ref} />;
 }
 
 export default SingleTicker;
diff --git a/react-tradingview-embed/src/components/StockMarket.tsx b/react-tradingview-embed/src/components/StockMarket.tsx
index c373ed7..7c27222 100644
--- a/react-tradingview-embed/src/components/StockMarket.tsx
+++ b/react-tradingview-embed/src/components/StockMarket.tsx
@@ -22,6 +22,7 @@ export type StockMarketWidgetProps = {
 }
 
 type StockMarketProps = {
+  parentStyle?: React.CSSProperties;
   widgetProps?: StockMarketWidgetProps;
   widgetPropsAny?: any;
   children?: never;
@@ -77,7 +78,7 @@ const StockMarket = (props: StockMarketProps) => {
     }
   }, [ref, widgetProps, widgetPropsAny]);
 
-  return <div ref={ref} />;
+  return <div style={props.parentStyle} ref={ref} />;
 }
 
 export default StockMarket;
diff --git a/react-tradingview-embed/src/components/SymbolInfo.tsx b/react-tradingview-embed/src/components/SymbolInfo.tsx
index c82bb1e..8b346e0 100644
--- a/react-tradingview-embed/src/components/SymbolInfo.tsx
+++ b/react-tradingview-embed/src/components/SymbolInfo.tsx
@@ -10,6 +10,7 @@ export type SymbolInfoWidgetProps = {
 }
 
 type SymbolInfoProps = {
+  parentStyle?: React.CSSProperties;
   widgetProps?: SymbolInfoWidgetProps;
   widgetPropsAny?: any;
   children?: never;
@@ -53,7 +54,7 @@ const SymbolInfo = (props: SymbolInfoProps) => {
     }
   }, [ref, widgetProps, widgetPropsAny]);
 
-  return <div ref={ref} />;
+  return <div style={props.parentStyle} ref={ref} />;
 }
 
 export default SymbolInfo;
diff --git a/react-tradingview-embed/src/components/SymbolOverview.tsx b/react-tradingview-embed/src/components/SymbolOverview.tsx
index b765f63..cbc2238 100644
--- a/react-tradingview-embed/src/components/SymbolOverview.tsx
+++ b/react-tradingview-embed/src/components/SymbolOverview.tsx
@@ -21,6 +21,7 @@ export type SymbolOverviewWidgetProps = {
 }
 
 type SymbolOverviewProps = {
+  parentStyle?: React.CSSProperties;
   widgetProps?: SymbolOverviewWidgetProps;
   widgetPropsAny?: any;
   children?: never;
diff --git a/react-tradingview-embed/src/components/TechnicalAnalysis.tsx b/react-tradingview-embed/src/components/TechnicalAnalysis.tsx
index 9c169a3..1ca64b7 100644
--- a/react-tradingview-embed/src/components/TechnicalAnalysis.tsx
+++ b/react-tradingview-embed/src/components/TechnicalAnalysis.tsx
@@ -13,6 +13,7 @@ export type TechnicalAnalysisWidgetProps = {
 }
 
 type TechnicalAnalysisProps = {
+  parentStyle?: React.CSSProperties;
   widgetProps?: TechnicalAnalysisWidgetProps;
   widgetPropsAny?: any;
   children?: never;
@@ -59,7 +60,7 @@ const TechnicalAnalysis = (props: TechnicalAnalysisProps) => {
     }
   }, [ref, widgetProps, widgetPropsAny]);
 
-  return <div ref={ref} />;
+  return <div style={props.parentStyle} ref={ref} />;
 }
 
 export default TechnicalAnalysis;
diff --git a/react-tradingview-embed/src/components/Ticker.tsx b/react-tradingview-embed/src/components/Ticker.tsx
index 14b04c8..24223f1 100644
--- a/react-tradingview-embed/src/components/Ticker.tsx
+++ b/react-tradingview-embed/src/components/Ticker.tsx
@@ -10,6 +10,7 @@ export type TickerWidgetProps = {
 }
 
 type TickerProps = {
+  parentStyle?: React.CSSProperties;
   widgetProps?: TickerWidgetProps;
   widgetPropsAny?: any;
   children?: never;
@@ -74,7 +75,7 @@ const Ticker = (props: TickerProps) => {
     }
   }, [ref, widgetProps, widgetPropsAny]);
 
-  return <div ref={ref} />;
+  return <div style={props.parentStyle} ref={ref} />;
 }
 
 export default Ticker;
diff --git a/react-tradingview-embed/src/components/TickerTape.tsx b/react-tradingview-embed/src/components/TickerTape.tsx
index d681122..7baeb48 100644
--- a/react-tradingview-embed/src/components/TickerTape.tsx
+++ b/react-tradingview-embed/src/components/TickerTape.tsx
@@ -11,6 +11,7 @@ export type TickerTapeWidgetProps = {
 }
 
 type TickerTapeProps = {
+  parentStyle?: React.CSSProperties;
   widgetProps?: TickerTapeWidgetProps;
   widgetPropsAny?: any;
   children?: never;
@@ -76,7 +77,7 @@ const TickerTape = (props: TickerTapeProps) => {
     }
   }, [ref, widgetProps, widgetPropsAny]);
 
-  return <div ref={ref} />;
+  return <div style={props.parentStyle} ref={ref} />;
 }
 
 export default TickerTape;
diff --git a/react-tradingview-embed/src/components/Timeline.tsx b/react-tradingview-embed/src/components/Timeline.tsx
index 132fbc3..08e4aac 100644
--- a/react-tradingview-embed/src/components/Timeline.tsx
+++ b/react-tradingview-embed/src/components/Timeline.tsx
@@ -11,6 +11,7 @@ export type TimelineWidgetProps = {
 }
 
 type TimelineProps = {
+  parentStyle?: React.CSSProperties;
   widgetProps?: TimelineWidgetProps;
   widgetPropsAny?: any;
   children?: never;
@@ -55,7 +56,7 @@ const Timeline = (props: TimelineProps) => {
     }
   }, [ref, widgetProps, widgetPropsAny]);
 
-  return <div ref={ref} />;
+  return <div style={props.parentStyle} ref={ref} />;
 }
 
 export default Timeline;