@wavemaker/app-rn-runtime 11.5.3-rc.5480 → 11.5.3-rc.5492

app-rn-runtime/components/chart/area-chart/area-chart.component.js

@@ -61,10 +61,10 @@ export default class WmAreaChart extends BaseChartComponent {
       height: this.styles.root.height,
       width: this.state.chartWidth || 120,
       padding: {
-        top: 70,
-        bottom: 50,
-        left: 50,
-        right: 30
+        top: props.offsettop,
+        bottom: props.offsetbottom,
+        left: props.offsetleft,
+        right: props.offsetright
       },
       minDomain: mindomain,
       containerComponent: this.getTooltip(props)
@@ -103,12 +103,15 @@ export default class WmAreaChart extends BaseChartComponent {
           }
         },
         data: d
-      }), props.highlightpoints ? /*#__PURE__*/React.createElement(VictoryScatter, {
+      }), /*#__PURE__*/React.createElement(VictoryScatter, {
         size: 5,
         key: props.name + '_scatter' + i,
         style: {
-          data: {
-            fill: Color(this.state.colors[i]).darken(0.2).rgb().toString()
+          data: props.highlightpoints ? {
+            fill: this.state.colors[i],
+            opacity: 0.8
+          } : {
+            opacity: 0
           }
         },
         data: d,
@@ -120,7 +123,7 @@ export default class WmAreaChart extends BaseChartComponent {
             onPress: this.onSelect.bind(this)
           }
         }]
-      }) : null);
+      }));
     }))) : null);
   }
 }

app-rn-runtime/components/chart/area-chart/area-chart.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Color","View","Platform","Defs","LinearGradient","Stop","Svg","VictoryArea","VictoryChart","VictoryLegend","VictoryStack","VictoryScatter","VictoryGroup","WmAreaChartProps","DEFAULT_CLASS","BaseChartComponent","BaseChartComponentState","isNumber","WmAreaChartState","constructor","arguments","_defineProperty","WmAreaChart","props","e","viewWidth","nativeEvent","layout","width","updateState","chartWidth","onSelect","event","data","value","index","y","label","state","xaxisDatakeyArr","datum","x","selectedItem","dataset","selectedChartItem","series","_dataObj","invokeEventCallback","proxy","renderWidget","_this$state$data","length","mindomain","xdomain","chartMinX","undefined","ydomain","chartMinY","chartName","name","gradientStop","chartMaxY","createElement","style","styles","root","onLayout","onViewLayoutChange","bind","theme","height","padding","top","bottom","left","right","minDomain","containerComponent","getTooltip","title","subheading","orientation","gutter","getLegendView","getXaxis","getYAxis","map","d","i","key","id","x1","y1","x2","y2","offset","stopColor","colors","lighten","rgb","toString","interpolation","fill","stroke","strokeWidth","linethickness","highlightpoints","size","darken","events","target","eventHandlers","OS","onClick","onPress"],"sources":["area-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport Color from \"color\";\nimport { LayoutChangeEvent, View, Text, Platform } from 'react-native';\nimport { Defs, LinearGradient, Stop, Svg } from 'react-native-svg';\nimport { VictoryArea, VictoryLine, VictoryChart, VictoryLegend, VictoryStack, VictoryScatter, VictoryGroup } from \"victory-native\";\nimport { InterpolationPropType } from 'victory-core';\nimport WmAreaChartProps from './area-chart.props';\nimport { DEFAULT_CLASS, WmAreaChartStyles } from './area-chart.styles';\nimport {\n  BaseChartComponent,\n  BaseChartComponentState\n} from \"@wavemaker/app-rn-runtime/components/chart/basechart.component\";\nimport ThemeVariables from '@wavemaker/app-rn-runtime/styles/theme.variables';\nimport { isNil, isNumber } from 'lodash-es';\n\nexport class WmAreaChartState extends BaseChartComponentState<WmAreaChartProps> {\n  chartWidth = 0;\n}\n\nexport default class WmAreaChart extends BaseChartComponent<WmAreaChartProps, WmAreaChartState, WmAreaChartStyles> {\n\n  constructor(props: WmAreaChartProps) {\n    super(props, DEFAULT_CLASS, new WmAreaChartProps(), new WmAreaChartState());\n  }\n\n  onViewLayoutChange = (e: LayoutChangeEvent) => {\n    let viewWidth = e.nativeEvent.layout.width;\n    this.updateState({\n      chartWidth: viewWidth\n    } as WmAreaChartState)\n  }\n\n  onSelect(event: any, data: any){\n    let value = data.data[data.index].y;\n    let label = this.state.xaxisDatakeyArr[data.datum.x];\n    let selectedItem = this.props.dataset[data.index];\n    let selectedChartItem = [{series: 0, x: data.index, y: value,_dataObj: selectedItem},data.index];\n    this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem ]);\n  }\n\n  renderWidget(props: WmAreaChartProps) {\n    this.invokeEventCallback('onBeforerender', [this.proxy, null]);\n    if (!this.state.data?.length) {\n      return null;\n    }\n    let mindomain={\n      x: props.xdomain === 'Min' ? this.state.chartMinX: undefined,\n      y: props.ydomain === 'Min' ? this.state.chartMinY: undefined\n    };\n    const chartName = this.props.name ?? 'nonameAreachart';\n    let gradientStop = '100%';\n    if (isNumber(this.state.chartMaxY) && isNumber(this.state.chartMinY) && this.state.chartMaxY > 0) {\n      gradientStop = (this.state.chartMaxY - this.state.chartMinY) * 100 / this.state.chartMaxY + '%';\n    }\n    return (\n      <View\n        style={this.styles.root}\n        onLayout={this.onViewLayoutChange.bind(this)}\n      >\n        {this.state.chartWidth ? \n        (\n          <VictoryChart\n            theme={this.state.theme}\n            height={this.styles.root.height as number}\n            width={this.state.chartWidth || 120}\n            padding={{ top: 70, bottom: 50, left: 50, right: 30 }}\n            minDomain={mindomain}\n            containerComponent={\n              this.getTooltip(props)\n            }\n          > \n            <VictoryLegend\n              name={'legend'}\n              containerComponent={<Svg />}\n              title={[props.title, props.subheading]}\n              orientation=\"horizontal\"\n              gutter={20}\n              data={[]}\n              theme={this.state.theme}\n            />\n            {this.getLegendView()}\n            {this.getXaxis()}\n            {this.getYAxis()}\n            <VictoryStack>\n            {\n              this.state.data.map((d: any, i: number) => {\n                return <VictoryGroup key={props.name + '_area_group_' + i}>\n                  <Defs>\n                    <LinearGradient id={`${chartName}Gradient${i}`} x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\n                      <Stop offset=\"0%\" stopColor={Color(this.state.colors[i]).lighten(0.2).rgb().toString()}/>\n                      <Stop offset={gradientStop} stopColor={Color(this.state.colors[i]).lighten(0.6).rgb().toString()}/>\n                    </LinearGradient>\n                  </Defs>\n                  <VictoryArea\n                    interpolation={props.interpolation as InterpolationPropType}\n                    key={props.name + '_' + i}\n                    name={props.name + '_' + i}\n                    style={{\n                      data: {\n                        fill: `url(#${chartName}Gradient${i})`,\n                        stroke: this.state.colors[i],\n                        strokeWidth: props.linethickness,\n                      }\n                    }}\n                    data={d}\n                  />\n                  {props.highlightpoints ?\n                    <VictoryScatter\n                      size={5}\n                      key={props.name + '_scatter' + i}\n                      style={{\n                        data: { \n                          fill: Color(this.state.colors[i]).darken(0.2).rgb().toString()}\n                      }}        \n                      data={d}\n                      events={[{\n                        target: 'data',\n                        eventHandlers: Platform.OS == \"web\" ? {\n                          onClick: this.onSelect.bind(this)\n                        }:{\n                          onPress: this.onSelect.bind(this)\n                        }\n                      }]}\n                      />\n                  : null}\n                </VictoryGroup>\n              })\n            }\n            </VictoryStack>\n          </VictoryChart>\n        )\n      : null}\n    </View>);\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","Color","View","Platform","Defs","LinearGradient","Stop","Svg","VictoryArea","VictoryChart","VictoryLegend","VictoryStack","VictoryScatter","VictoryGroup","WmAreaChartProps","DEFAULT_CLASS","BaseChartComponent","BaseChartComponentState","isNumber","WmAreaChartState","constructor","arguments","_defineProperty","WmAreaChart","props","e","viewWidth","nativeEvent","layout","width","updateState","chartWidth","onSelect","event","data","value","index","y","label","state","xaxisDatakeyArr","datum","x","selectedItem","dataset","selectedChartItem","series","_dataObj","invokeEventCallback","proxy","renderWidget","_this$state$data","length","mindomain","xdomain","chartMinX","undefined","ydomain","chartMinY","chartName","name","gradientStop","chartMaxY","createElement","style","styles","root","onLayout","onViewLayoutChange","bind","theme","height","padding","top","offsettop","bottom","offsetbottom","left","offsetleft","right","offsetright","minDomain","containerComponent","getTooltip","title","subheading","orientation","gutter","getLegendView","getXaxis","getYAxis","map","d","i","key","id","x1","y1","x2","y2","offset","stopColor","colors","lighten","rgb","toString","interpolation","fill","stroke","strokeWidth","linethickness","size","highlightpoints","opacity","events","target","eventHandlers","OS","onClick","onPress"],"sources":["area-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport Color from \"color\";\nimport { LayoutChangeEvent, View, Text, Platform } from 'react-native';\nimport { Defs, LinearGradient, Stop, Svg } from 'react-native-svg';\nimport { VictoryArea, VictoryLine, VictoryChart, VictoryLegend, VictoryStack, VictoryScatter, VictoryGroup } from \"victory-native\";\nimport { InterpolationPropType } from 'victory-core';\nimport WmAreaChartProps from './area-chart.props';\nimport { DEFAULT_CLASS, WmAreaChartStyles } from './area-chart.styles';\nimport {\n  BaseChartComponent,\n  BaseChartComponentState\n} from \"@wavemaker/app-rn-runtime/components/chart/basechart.component\";\nimport ThemeVariables from '@wavemaker/app-rn-runtime/styles/theme.variables';\nimport { isNil, isNumber } from 'lodash-es';\n\nexport class WmAreaChartState extends BaseChartComponentState<WmAreaChartProps> {\n  chartWidth = 0;\n}\n\nexport default class WmAreaChart extends BaseChartComponent<WmAreaChartProps, WmAreaChartState, WmAreaChartStyles> {\n\n  constructor(props: WmAreaChartProps) {\n    super(props, DEFAULT_CLASS, new WmAreaChartProps(), new WmAreaChartState());\n  }\n\n  onViewLayoutChange = (e: LayoutChangeEvent) => {\n    let viewWidth = e.nativeEvent.layout.width;\n    this.updateState({\n      chartWidth: viewWidth\n    } as WmAreaChartState)\n  }\n\n  onSelect(event: any, data: any){\n    let value = data.data[data.index].y;\n    let label = this.state.xaxisDatakeyArr[data.datum.x];\n    let selectedItem = this.props.dataset[data.index];\n    let selectedChartItem = [{series: 0, x: data.index, y: value,_dataObj: selectedItem},data.index];\n    this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem ]);\n  }\n\n  renderWidget(props: WmAreaChartProps) {\n    this.invokeEventCallback('onBeforerender', [this.proxy, null]);\n    if (!this.state.data?.length) {\n      return null;\n    }\n    let mindomain={\n      x: props.xdomain === 'Min' ? this.state.chartMinX: undefined,\n      y: props.ydomain === 'Min' ? this.state.chartMinY: undefined\n    };\n    const chartName = this.props.name ?? 'nonameAreachart';\n    let gradientStop = '100%';\n    if (isNumber(this.state.chartMaxY) && isNumber(this.state.chartMinY) && this.state.chartMaxY > 0) {\n      gradientStop = (this.state.chartMaxY - this.state.chartMinY) * 100 / this.state.chartMaxY + '%';\n    }\n    return (\n      <View\n        style={this.styles.root}\n        onLayout={this.onViewLayoutChange.bind(this)}\n      >\n        {this.state.chartWidth ? \n        (\n          <VictoryChart\n            theme={this.state.theme}\n            height={this.styles.root.height as number}\n            width={this.state.chartWidth || 120}\n            padding={{ top: props.offsettop, bottom: props.offsetbottom, left: props.offsetleft, right: props.offsetright }}\n            minDomain={mindomain}\n            containerComponent={\n              this.getTooltip(props)\n            }\n          > \n            <VictoryLegend\n              name={'legend'}\n              containerComponent={<Svg />}\n              title={[props.title, props.subheading]}\n              orientation=\"horizontal\"\n              gutter={20}\n              data={[]}\n              theme={this.state.theme}\n            />\n            {this.getLegendView()}\n            {this.getXaxis()}\n            {this.getYAxis()}\n            <VictoryStack>\n            {\n              this.state.data.map((d: any, i: number) => {\n                return <VictoryGroup key={props.name + '_area_group_' + i}>\n                  <Defs>\n                    <LinearGradient id={`${chartName}Gradient${i}`} x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\n                      <Stop offset=\"0%\" stopColor={Color(this.state.colors[i]).lighten(0.2).rgb().toString()}/>\n                      <Stop offset={gradientStop} stopColor={Color(this.state.colors[i]).lighten(0.6).rgb().toString()}/>\n                    </LinearGradient>\n                  </Defs>\n                  <VictoryArea\n                    interpolation={props.interpolation as InterpolationPropType}\n                    key={props.name + '_' + i}\n                    name={props.name + '_' + i}\n                    style={{\n                      data: {\n                        fill: `url(#${chartName}Gradient${i})`,\n                        stroke: this.state.colors[i],\n                        strokeWidth: props.linethickness,\n                      }\n                    }}\n                    data={d}\n                  />\n                    <VictoryScatter\n                      size={5}\n                      key={props.name + '_scatter' + i}\n                      style={{\n                        data: props.highlightpoints ? {fill: this.state.colors[i], opacity: 0.8}:{opacity: 0}\n                      }}        \n                      data={d}\n                      events={[{\n                        target: 'data',\n                        eventHandlers: Platform.OS == \"web\" ? {\n                          onClick: this.onSelect.bind(this)\n                        }:{\n                          onPress: this.onSelect.bind(this)\n                        }\n                      }]}\n                      />\n                </VictoryGroup>\n              })\n            }\n            </VictoryStack>\n          </VictoryChart>\n        )\n      : null}\n    </View>);\n  }\n}\n"],"mappings":"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"}

app-rn-runtime/components/chart/line-chart/line-chart.component.js

@@ -66,13 +66,15 @@ export default class WmLineChart extends BaseChartComponent {
           }
         },
         data: d
-      }), props.highlightpoints || this.state.data.length === 1 ? /*#__PURE__*/React.createElement(VictoryScatter, {
+      }), /*#__PURE__*/React.createElement(VictoryScatter, {
         size: 5,
         key: props.name + '_scatter' + i,
         style: {
-          data: {
+          data: props.highlightpoints || this.state.data.length === 1 ? {
             fill: this.state.colors[i],
             opacity: 0.8
+          } : {
+            opacity: 0
           }
         },
         data: d,
@@ -84,7 +86,7 @@ export default class WmLineChart extends BaseChartComponent {
             onPress: this.onSelect.bind(this)
           }
         }]
-      }) : null);
+      }));
     })));
   }
 }

app-rn-runtime/components/chart/line-chart/line-chart.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","Platform","Svg","VictoryChart","VictoryLine","VictoryLegend","VictoryScatter","VictoryGroup","WmLineChartProps","DEFAULT_CLASS","BaseChartComponent","BaseChartComponentState","ThemeVariables","WmLineChartState","WmLineChart","constructor","props","onSelect","event","data","value","index","y","label","state","xaxisDatakeyArr","datum","x","selectedItem","dataset","selectedChartItem","series","_dataObj","invokeEventCallback","nativeEvent","proxy","renderWidget","_this$state$data","length","createElement","style","styles","root","theme","height","width","screenWidth","padding","top","offsettop","bottom","offsetbottom","left","offsetleft","right","offsetright","containerComponent","getTooltip","name","title","subheading","orientation","gutter","getLegendView","getXaxis","getYAxis","map","d","i","key","interpolation","standalone","stroke","colors","INSTANCE","chartLineColor","strokeWidth","linethickness","highlightpoints","size","fill","opacity","events","target","eventHandlers","OS","onClick","bind","onPress"],"sources":["line-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Platform } from 'react-native';\nimport { Svg } from 'react-native-svg';\n\nimport {\n  VictoryChart,\n  VictoryLine,\n  VictoryLegend,\n  VictoryScatter,\n  VictoryGroup,\n  } from 'victory-native';\n\nimport WmLineChartProps from './line-chart.props';\nimport { DEFAULT_CLASS, WmLineChartStyles } from './line-chart.styles';\nimport {\n  BaseChartComponent,\n  BaseChartComponentState\n} from \"@wavemaker/app-rn-runtime/components/chart/basechart.component\";\nimport ThemeVariables from '@wavemaker/app-rn-runtime/styles/theme.variables';\nimport {InterpolationPropType} from \"victory-core\";\n\nexport class WmLineChartState extends BaseChartComponentState<WmLineChartProps> {}\n\nexport default class WmLineChart extends BaseChartComponent<WmLineChartProps, WmLineChartState, WmLineChartStyles> {\n\n  constructor(props: WmLineChartProps) {\n    super(props, DEFAULT_CLASS, new WmLineChartProps(), new WmLineChartState());\n  }\n  \n  onSelect(event: any, data: any){\n    let value = data.data[data.index].y;\n    let label = this.state.xaxisDatakeyArr[data.datum.x];\n    let selectedItem = this.props.dataset[data.index];\n    let selectedChartItem = [{series: 0, x: data.index, y: value,_dataObj: selectedItem},data.index];\n    this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem ]);\n  }\n\n  renderWidget(props: WmLineChartProps) {\n    this.invokeEventCallback('onBeforerender', [this.proxy, null]);\n    if (!this.state.data?.length) {\n      return null;\n    }\n    return (\n    <View style={this.styles.root}>\n      <VictoryChart\n        theme={this.state.theme}\n        height={this.styles.root.height as number}\n        width={this.styles.root.width as number || this.screenWidth}\n        padding={{ top: props.offsettop, bottom: props.offsetbottom, left: props.offsetleft, right: props.offsetright }}\n        containerComponent={\n          this.getTooltip(props)\n        }\n      >\n        <VictoryLegend\n          name={'legend'}\n          containerComponent={<Svg />}\n          title={[props.title, props.subheading]}\n          orientation=\"horizontal\"\n          gutter={20}\n          data={[]}\n          theme={this.state.theme}\n          y={0}\n        />\n        {this.getLegendView()}\n        {this.getXaxis()}\n        {this.getYAxis()}\n        {this.state.data.map((d: any, i: number) => {\n          return <VictoryGroup key={props.name + '_line_group_' + i}>\n            <VictoryLine interpolation={props.interpolation as InterpolationPropType}  key={props.name + '_line_' + i}\n              name={props.name + '_' + i}\n              standalone={true}\n              style={{\n                data: {\n                  stroke: (this.state.colors[i] || ThemeVariables.INSTANCE.chartLineColor),\n                  strokeWidth: props.linethickness,\n                }\n              }}       \n              data={d}\n            />\n          {(props.highlightpoints || this.state.data.length === 1) ?\n              <VictoryScatter size={5} key={props.name + '_scatter' + i}\n                  style={{\n                    data: { fill: this.state.colors[i], opacity: 0.8,}\n                  }}\n                  data={d}\n                  events={[{\n                    target: 'data',\n                    eventHandlers: Platform.OS == \"web\" ? {\n                      onClick: this.onSelect.bind(this)\n                    }:{\n                      onPress: this.onSelect.bind(this)\n                    }\n                  }]}\n              />: null}\n            </VictoryGroup>\n        })}\n      </VictoryChart>\n    </View>);\n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,QAAQ,QAAQ,cAAc;AAC7C,SAASC,GAAG,QAAQ,kBAAkB;AAEtC,SACEC,YAAY,EACZC,WAAW,EACXC,aAAa,EACbC,cAAc,EACdC,YAAY,QACL,gBAAgB;AAEzB,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,SAASC,aAAa,QAA2B,qBAAqB;AACtE,SACEC,kBAAkB,EAClBC,uBAAuB,QAClB,gEAAgE;AACvE,OAAOC,cAAc,MAAM,kDAAkD;AAG7E,OAAO,MAAMC,gBAAgB,SAASF,uBAAuB,CAAmB;AAEhF,eAAe,MAAMG,WAAW,SAASJ,kBAAkB,CAAwD;EAEjHK,WAAWA,CAACC,KAAuB,EAAE;IACnC,KAAK,CAACA,KAAK,EAAEP,aAAa,EAAE,IAAID,gBAAgB,CAAC,CAAC,EAAE,IAAIK,gBAAgB,CAAC,CAAC,CAAC;EAC7E;EAEAI,QAAQA,CAACC,KAAU,EAAEC,IAAS,EAAC;IAC7B,IAAIC,KAAK,GAAGD,IAAI,CAACA,IAAI,CAACA,IAAI,CAACE,KAAK,CAAC,CAACC,CAAC;IACnC,IAAIC,KAAK,GAAG,IAAI,CAACC,KAAK,CAACC,eAAe,CAACN,IAAI,CAACO,KAAK,CAACC,CAAC,CAAC;IACpD,IAAIC,YAAY,GAAG,IAAI,CAACZ,KAAK,CAACa,OAAO,CAACV,IAAI,CAACE,KAAK,CAAC;IACjD,IAAIS,iBAAiB,GAAG,CAAC;MAACC,MAAM,EAAE,CAAC;MAAEJ,CAAC,EAAER,IAAI,CAACE,KAAK;MAAEC,CAAC,EAAEF,KAAK;MAACY,QAAQ,EAAEJ;IAAY,CAAC,EAACT,IAAI,CAACE,KAAK,CAAC;IAChG,IAAI,CAACY,mBAAmB,CAAC,UAAU,EAAE,CAACf,KAAK,CAACgB,WAAW,EAAE,IAAI,CAACC,KAAK,EAAEP,YAAY,EAAEE,iBAAiB,CAAE,CAAC;EACzG;EAEAM,YAAYA,CAACpB,KAAuB,EAAE;IAAA,IAAAqB,gBAAA;IACpC,IAAI,CAACJ,mBAAmB,CAAC,gBAAgB,EAAE,CAAC,IAAI,CAACE,KAAK,EAAE,IAAI,CAAC,CAAC;IAC9D,IAAI,GAAAE,gBAAA,GAAC,IAAI,CAACb,KAAK,CAACL,IAAI,cAAAkB,gBAAA,eAAfA,gBAAA,CAAiBC,MAAM,GAAE;MAC5B,OAAO,IAAI;IACb;IACA,oBACAvC,KAAA,CAAAwC,aAAA,CAACvC,IAAI;MAACwC,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,gBAC5B3C,KAAA,CAAAwC,aAAA,CAACpC,YAAY;MACXwC,KAAK,EAAE,IAAI,CAACnB,KAAK,CAACmB,KAAM;MACxBC,MAAM,EAAE,IAAI,CAACH,MAAM,CAACC,IAAI,CAACE,MAAiB;MAC1CC,KAAK,EAAE,IAAI,CAACJ,MAAM,CAACC,IAAI,CAACG,KAAK,IAAc,IAAI,CAACC,WAAY;MAC5DC,OAAO,EAAE;QAAEC,GAAG,EAAEhC,KAAK,CAACiC,SAAS;QAAEC,MAAM,EAAElC,KAAK,CAACmC,YAAY;QAAEC,IAAI,EAAEpC,KAAK,CAACqC,UAAU;QAAEC,KAAK,EAAEtC,KAAK,CAACuC;MAAY,CAAE;MAChHC,kBAAkB,EAChB,IAAI,CAACC,UAAU,CAACzC,KAAK;IACtB,gBAEDjB,KAAA,CAAAwC,aAAA,CAAClC,aAAa;MACZqD,IAAI,EAAE,QAAS;MACfF,kBAAkB,eAAEzD,KAAA,CAAAwC,aAAA,CAACrC,GAAG,MAAE,CAAE;MAC5ByD,KAAK,EAAE,CAAC3C,KAAK,CAAC2C,KAAK,EAAE3C,KAAK,CAAC4C,UAAU,CAAE;MACvCC,WAAW,EAAC,YAAY;MACxBC,MAAM,EAAE,EAAG;MACX3C,IAAI,EAAE,EAAG;MACTwB,KAAK,EAAE,IAAI,CAACnB,KAAK,CAACmB,KAAM;MACxBrB,CAAC,EAAE;IAAE,CACN,CAAC,EACD,IAAI,CAACyC,aAAa,CAAC,CAAC,EACpB,IAAI,CAACC,QAAQ,CAAC,CAAC,EACf,IAAI,CAACC,QAAQ,CAAC,CAAC,EACf,IAAI,CAACzC,KAAK,CAACL,IAAI,CAAC+C,GAAG,CAAC,CAACC,CAAM,EAAEC,CAAS,KAAK;MAC1C,oBAAOrE,KAAA,CAAAwC,aAAA,CAAChC,YAAY;QAAC8D,GAAG,EAAErD,KAAK,CAAC0C,IAAI,GAAG,cAAc,GAAGU;MAAE,gBACxDrE,KAAA,CAAAwC,aAAA,CAACnC,WAAW;QAACkE,aAAa,EAAEtD,KAAK,CAACsD,aAAuC;QAAED,GAAG,EAAErD,KAAK,CAAC0C,IAAI,GAAG,QAAQ,GAAGU,CAAE;QACxGV,IAAI,EAAE1C,KAAK,CAAC0C,IAAI,GAAG,GAAG,GAAGU,CAAE;QAC3BG,UAAU,EAAE,IAAK;QACjB/B,KAAK,EAAE;UACLrB,IAAI,EAAE;YACJqD,MAAM,EAAG,IAAI,CAAChD,KAAK,CAACiD,MAAM,CAACL,CAAC,CAAC,IAAIxD,cAAc,CAAC8D,QAAQ,CAACC,cAAe;YACxEC,WAAW,EAAE5D,KAAK,CAAC6D;UACrB;QACF,CAAE;QACF1D,IAAI,EAAEgD;MAAE,CACT,CAAC,EACFnD,KAAK,CAAC8D,eAAe,IAAI,IAAI,CAACtD,KAAK,CAACL,IAAI,CAACmB,MAAM,KAAK,CAAC,gBACnDvC,KAAA,CAAAwC,aAAA,CAACjC,cAAc;QAACyE,IAAI,EAAE,CAAE;QAACV,GAAG,EAAErD,KAAK,CAAC0C,IAAI,GAAG,UAAU,GAAGU,CAAE;QACtD5B,KAAK,EAAE;UACLrB,IAAI,EAAE;YAAE6D,IAAI,EAAE,IAAI,CAACxD,KAAK,CAACiD,MAAM,CAACL,CAAC,CAAC;YAAEa,OAAO,EAAE;UAAI;QACnD,CAAE;QACF9D,IAAI,EAAEgD,CAAE;QACRe,MAAM,EAAE,CAAC;UACPC,MAAM,EAAE,MAAM;UACdC,aAAa,EAAEnF,QAAQ,CAACoF,EAAE,IAAI,KAAK,GAAG;YACpCC,OAAO,EAAE,IAAI,CAACrE,QAAQ,CAACsE,IAAI,CAAC,IAAI;UAClC,CAAC,GAAC;YACAC,OAAO,EAAE,IAAI,CAACvE,QAAQ,CAACsE,IAAI,CAAC,IAAI;UAClC;QACF,CAAC;MAAE,CACN,CAAC,GAAE,IACQ,CAAC;IACnB,CAAC,CACW,CACV,CAAC;EACT;AACF"}
+{"version":3,"names":["React","View","Platform","Svg","VictoryChart","VictoryLine","VictoryLegend","VictoryScatter","VictoryGroup","WmLineChartProps","DEFAULT_CLASS","BaseChartComponent","BaseChartComponentState","ThemeVariables","WmLineChartState","WmLineChart","constructor","props","onSelect","event","data","value","index","y","label","state","xaxisDatakeyArr","datum","x","selectedItem","dataset","selectedChartItem","series","_dataObj","invokeEventCallback","nativeEvent","proxy","renderWidget","_this$state$data","length","createElement","style","styles","root","theme","height","width","screenWidth","padding","top","offsettop","bottom","offsetbottom","left","offsetleft","right","offsetright","containerComponent","getTooltip","name","title","subheading","orientation","gutter","getLegendView","getXaxis","getYAxis","map","d","i","key","interpolation","standalone","stroke","colors","INSTANCE","chartLineColor","strokeWidth","linethickness","size","highlightpoints","fill","opacity","events","target","eventHandlers","OS","onClick","bind","onPress"],"sources":["line-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Platform } from 'react-native';\nimport { Svg } from 'react-native-svg';\n\nimport {\n  VictoryChart,\n  VictoryLine,\n  VictoryLegend,\n  VictoryScatter,\n  VictoryGroup,\n  } from 'victory-native';\n\nimport WmLineChartProps from './line-chart.props';\nimport { DEFAULT_CLASS, WmLineChartStyles } from './line-chart.styles';\nimport {\n  BaseChartComponent,\n  BaseChartComponentState\n} from \"@wavemaker/app-rn-runtime/components/chart/basechart.component\";\nimport ThemeVariables from '@wavemaker/app-rn-runtime/styles/theme.variables';\nimport {InterpolationPropType} from \"victory-core\";\n\nexport class WmLineChartState extends BaseChartComponentState<WmLineChartProps> {}\n\nexport default class WmLineChart extends BaseChartComponent<WmLineChartProps, WmLineChartState, WmLineChartStyles> {\n\n  constructor(props: WmLineChartProps) {\n    super(props, DEFAULT_CLASS, new WmLineChartProps(), new WmLineChartState());\n  }\n  \n  onSelect(event: any, data: any){\n    let value = data.data[data.index].y;\n    let label = this.state.xaxisDatakeyArr[data.datum.x];\n    let selectedItem = this.props.dataset[data.index];\n    let selectedChartItem = [{series: 0, x: data.index, y: value,_dataObj: selectedItem},data.index];\n    this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem ]);\n  }\n\n  renderWidget(props: WmLineChartProps) {\n    this.invokeEventCallback('onBeforerender', [this.proxy, null]);\n    if (!this.state.data?.length) {\n      return null;\n    }\n    return (\n    <View style={this.styles.root}>\n      <VictoryChart\n        theme={this.state.theme}\n        height={this.styles.root.height as number}\n        width={this.styles.root.width as number || this.screenWidth}\n        padding={{ top: props.offsettop, bottom: props.offsetbottom, left: props.offsetleft, right: props.offsetright }}\n        containerComponent={\n          this.getTooltip(props)\n        }\n      >\n        <VictoryLegend\n          name={'legend'}\n          containerComponent={<Svg />}\n          title={[props.title, props.subheading]}\n          orientation=\"horizontal\"\n          gutter={20}\n          data={[]}\n          theme={this.state.theme}\n          y={0}\n        />\n        {this.getLegendView()}\n        {this.getXaxis()}\n        {this.getYAxis()}\n        {this.state.data.map((d: any, i: number) => {\n          return <VictoryGroup key={props.name + '_line_group_' + i}>\n            <VictoryLine interpolation={props.interpolation as InterpolationPropType}  key={props.name + '_line_' + i}\n              name={props.name + '_' + i}\n              standalone={true}\n              style={{\n                data: {\n                  stroke: (this.state.colors[i] || ThemeVariables.INSTANCE.chartLineColor),\n                  strokeWidth: props.linethickness,\n                }\n              }}       \n              data={d}\n            />\n          \n              <VictoryScatter size={5} key={props.name + '_scatter' + i}\n                  style={{\n                    data: (props.highlightpoints || this.state.data.length === 1) ? {fill: this.state.colors[i], opacity: 0.8} : {opacity:0}\n                  }}\n                  data={d}\n                  events={[{\n                    target: 'data',\n                    eventHandlers: Platform.OS == \"web\" ? {\n                      onClick: this.onSelect.bind(this)\n                    }:{\n                      onPress: this.onSelect.bind(this)\n                    }\n                  }]}\n              />\n            </VictoryGroup>\n        })}\n      </VictoryChart>\n    </View>);\n  }\n}\n"],"mappings":"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"}

app-rn-runtime/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wavemaker/app-rn-runtime",
-  "version": "11.5.3-rc.5480",
+  "version": "11.5.3-rc.5492",
   "description": "''",
   "main": "index",
   "module": "index",
@@ -49,7 +49,7 @@
     "@react-navigation/native": "6.1.7",
     "@react-navigation/stack": "^6.3.7",
     "@types/lodash-es": "^4.17.6",
-    "@wavemaker/variables": "11.5.3-rc.5480",
+    "@wavemaker/variables": "11.5.3-rc.5492",
     "axios": "^1.4.0",
     "color": "4.2.3",
     "cross-env": "^5.2.0",
@@ -128,7 +128,7 @@
     "typescript": "^5.1.3",
     "victory-native": "36.6.11",
     "yargs": "^16.2.0",
-    "@wavemaker/variables": "11.5.3-rc.5480"
+    "@wavemaker/variables": "11.5.3-rc.5492"
   },
   "jest": {
     "preset": "react-native",

app-rn-runtime/styles/theme.js

@@ -4,6 +4,7 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typ
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import { cloneDeep, isNil, forEach, flatten, isArray, isEmpty, isObject, isString, get, reverse } from 'lodash';
 import React from 'react';
+import { camelCase } from 'lodash-es';
 import { deepCopy, isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';
 import EventNotifier from '@wavemaker/app-rn-runtime/core/event-notifier';
 import ViewPort, { EVENTS as ViewPortEvents } from '@wavemaker/app-rn-runtime/core/viewport';
@@ -53,6 +54,16 @@ export class Theme {
     this.eventNotifer.notify(event, []);
     this.children.forEach(t => t.notify(event));
   }
+  replaceVariables(val) {
+    if (isString(val)) {
+      (val.match(/_*var\([^\)]*\)/g) || []).forEach(s => {
+        const variableName = s.substring(4, s.length - 1);
+        val = val.replace(s, ThemeVariables.INSTANCE[variableName] || ThemeVariables.INSTANCE[variableName.substring(2)] || ThemeVariables.INSTANCE[camelCase(variableName.substring(2))]);
+        val = this.replaceVariables(val);
+      });
+    }
+    return val;
+  }
   clearCache() {
     this.cache = {};
     this.children.forEach(t => t.clearCache());
@@ -132,6 +143,11 @@ export class Theme {
       return;
     }
     style = style;
+    if (isObject(style) && !isArray(style)) {
+      Object.keys(style).forEach(k => {
+        style[k] = this.replaceVariables(style[k]);
+      });
+    }
     if (!isNil(style['shadowRadius'])) {
       if (style['shadowRadius'] <= 0) {
         style['shadowColor'] = 'transparent';

app-rn-runtime/styles/theme.js.map

@@ -1 +1 @@
-{"version":3,"names":["cloneDeep","isNil","forEach","flatten","isArray","isEmpty","isObject","isString","get","reverse","React","deepCopy","isWebPreviewMode","EventNotifier","ViewPort","EVENTS","ViewPortEvents","MediaQueryList","ThemeVariables","getErrorMessage","getStyleReference","isValidStyleProp","DEFAULT_CLASS","window","matchMedia","query","DEVICE_BREAK_POINTS","ThemeEvent","Theme","constructor","parent","name","_defineProperty","traceEnabled","subscribe","event","fn","eventNotifer","notify","children","t","clearCache","cache","registerStyle","styleGenerators","push","INSTANCE","addStyle","bind","checkStyleProperties","value","Object","keys","map","k","console","log","extend","style","styles","getStyle","addTrace","styleName","mergedChildstyle","childStyle","parentStyle","v","__trace","prefix","arguments","length","undefined","result","collect","mergeStyle","_len","Array","_key","flattenStyles","s","cs","filter","cleanseStyleProperties","i","indexOf","split","c","mediaQuery","clonedStyle","matches","BASE","$new","newTheme","reset","destroy","splice","themeVariables","CHANGE","_class","SIZE_CHANGE","ThemeContext","createContext","ThemeProvider","Provider","ThemeConsumer","Consumer","addColStyles","device","minWidth","root","width","MIN_EXTRA_SMALL_DEVICE","MIN_SMALL_DEVICE","MIN_MEDIUM_DEVICE","MIN_LARGE_DEVICE","display","addDisplayStyles","maxWidth","MAX_LARGE_DEVICE","MAX_EXTRA_SMALL_DEVICE","MAX_SMALL_DEVICE","MAX_MEDIUM_DEVICE","addElevationClasses","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius","elevation","zIndex","transform","scale","backgroundColor","dangerColor","infoColor","primaryColor","successColor","warningColor","borderColor","text","userSelect"],"sources":["theme.tsx"],"sourcesContent":["import { cloneDeep, isNil, forEach, flatten, isArray, isEmpty, isObject, isString, isFunction, get, reverse } from 'lodash';\nimport React, { ReactNode } from 'react';\nimport { TextStyle, ViewStyle, ImageStyle, ImageBackground } from 'react-native';\nimport { deepCopy, isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\nimport EventNotifier from '@wavemaker/app-rn-runtime/core/event-notifier';\nimport ViewPort, {EVENTS as ViewPortEvents} from '@wavemaker/app-rn-runtime/core/viewport';\nimport MediaQueryList from './MediaQueryList';\nimport ThemeVariables from './theme.variables';\nimport { getErrorMessage, getStyleReference, isValidStyleProp } from './style-prop.validator';\nexport const DEFAULT_CLASS = 'DEFAULT_CLASS';\n\ndeclare const matchMedia: any, window: any;\n\nif (typeof window !== \"undefined\") {\n    // @ts-ignore: does not properly extend MediaQueryList\n    window.matchMedia = (query: string) => new MediaQueryList(query);\n}\n\nexport const DEVICE_BREAK_POINTS = {\n    'MIN_EXTRA_SMALL_DEVICE' : '0px',\n    'MAX_EXTRA_SMALL_DEVICE' : '767px',\n    'MIN_SMALL_DEVICE' : '768px',\n    'MAX_SMALL_DEVICE' : '991px',\n    'MIN_MEDIUM_DEVICE' : '992px',\n    'MAX_MEDIUM_DEVICE' : '1199px',\n    'MIN_LARGE_DEVICE' : '1200px',\n    'MAX_LARGE_DEVICE' : '1000000px',\n};\n\nexport type styleGeneratorFn<T extends NamedStyles<any>> = (\n    themeVariables: ThemeVariables,\n    addStyle: (name: string, extend: string, style: T) => void) => void\n\nexport enum ThemeEvent {\n    CHANGE ='change'\n};\n\nexport class Theme {\n    public static BASE = new Theme(null as any, 'default');\n\n    static {\n        ViewPort.subscribe(ViewPortEvents.SIZE_CHANGE, () => {\n            Theme.BASE.reset();\n        });\n    }\n\n\n    private eventNotifer = new EventNotifier();\n\n    private children: Theme[] = [];\n\n    private styles: any = {};\n\n    private cache: any = {};\n\n    private traceEnabled = false;\n\n    private styleGenerators: styleGeneratorFn<any>[] = [];\n\n    private constructor(private parent:Theme, public readonly name: string) {\n        if (parent) {\n            this.traceEnabled = parent.traceEnabled;\n        } else {\n            this.traceEnabled = isWebPreviewMode();\n        }\n    }\n\n    public subscribe(event: ThemeEvent, fn: Function) {\n        return this.eventNotifer.subscribe(event, fn);\n    }\n\n    public notify(event: ThemeEvent): void {\n        this.eventNotifer.notify(event, []);\n        this.children.forEach(t => t.notify(event));\n    }\n\n    clearCache() {\n        this.cache = {};\n        this.children.forEach((t) => t.clearCache());\n    }\n\n    registerStyle<T extends NamedStyles<any>>(fn: styleGeneratorFn<T>) {\n        this.styleGenerators.push(fn);\n        fn(ThemeVariables.INSTANCE, this.addStyle.bind(this));\n    }\n\n    checkStyleProperties(name: string, value : any) {\n        if (isObject(value)) {\n            Object.keys(value).map((k) => this.checkStyleProperties(k, (value as any)[k]));\n        } else if(name && !isValidStyleProp(name, value)) {\n            console.log(\n                `%cInvalid Style property in ${this.name}: ${getErrorMessage(name, value)}`,\n                'background-color: #FF0000;font-weight: bold; color: #fff'\n            );\n            console.log(`Refer: ${getStyleReference(name)}`);\n        }\n    }\n\n    private addStyle<T extends NamedStyles<any>>(name: string, extend: string, style: T) {\n        this.styles[name] = deepCopy(this.getStyle(extend), this.styles[name], style);\n    }\n\n    private addTrace(styleName: string, mergedChildstyle: any, childStyle: any, parentStyle?: any) {\n        if (!this.traceEnabled) {\n            return;\n        }\n        let addTrace = !isEmpty(childStyle);\n        forEach(mergedChildstyle, (v: any, k: string) => {\n            if (v && !isString(v) && !isArray(v) && isObject(v)) {\n                addTrace = false;\n                this.addTrace(styleName + '.' + k, v, childStyle && childStyle[k], parentStyle && parentStyle[k])\n            }\n        });\n        if (addTrace) {\n            mergedChildstyle['__trace'] = [\n                {\n                    name: styleName,\n                    value: childStyle\n                },\n                ...(parentStyle?.__trace|| [])\n            ];\n        } else {\n            mergedChildstyle['__trace'] = [...(parentStyle?.__trace|| [])];\n        }\n    }\n\n    private flatten(style: any, prefix = \"\", result = {} as any) {\n        let collect = !isEmpty(style);\n        forEach(style, (v: any, k: string) => {\n            if (v && !isString(v) && !isArray(v) && isObject(v)) {\n                collect = false;\n                this.flatten(v, (prefix ?  prefix + '.' : '') + k, result)\n            }\n        });\n        if (collect) {\n            result[prefix] = style;\n        }\n        return result;\n    }\n\n    mergeStyle(...styles: any) {\n        const style = deepCopy(...styles);\n        if (this.traceEnabled) {\n            const flattenStyles = this.flatten(style);\n            Object.keys(flattenStyles).forEach(k => {\n                const s = flattenStyles[k];\n                s['__trace'] = flatten(reverse(styles.map((v: any) => {\n                    const cs = get(v, k);\n                    if (cs && cs.__trace) {\n                        return [...cs.__trace];\n                    }\n                    return [];\n                }).filter((t: any) => t.length > 0)));\n            });\n        }\n        return style;\n    }\n\n    cleanseStyleProperties(style: any) {\n        if (!(style && isObject(style)) || isString(style) || isArray(style)) {\n            return;\n        }\n        style = style as any;\n        if (!isNil(style['shadowRadius'])) {\n            if (style['shadowRadius'] <= 0) {\n                style['shadowColor'] = 'transparent';\n            } else if (isNil(style['elevation'])) {\n                style['elevation'] = 2;\n            }\n        }\n        if (!isNil(style['margin'])) {\n            style['marginLeft'] = style['marginLeft'] || style['margin'];\n            style['marginRight'] = style['marginRight'] || style['margin'];\n            style['marginTop'] = style['marginTop'] || style['margin'];\n            style['marginBottom'] = style['marginBottom'] || style['margin'];\n            delete style['margin'];\n        }\n        if (!isNil(style['padding'])) {\n            style['paddingLeft'] = style['paddingLeft'] || style['padding'];\n            style['paddingRight'] = style['paddingRight'] || style['padding'];\n            style['paddingTop'] = style['paddingTop'] || style['padding'];\n            style['paddingBottom'] = style['paddingBottom'] || style['padding'];\n            delete style['padding'];\n        }\n        Object.keys(style).forEach((k, i) => this.cleanseStyleProperties(style[k]));\n    }\n\n    getStyle(name: string) {\n        let style = this.cache[name];\n        if (style) {\n            return style;\n        }\n        if (!name) {\n            return {};\n        }\n        if (name.indexOf(' ') > 0) {\n            style = this.mergeStyle(...(name.split(' ').map(c => this.getStyle(c))));\n        } else {\n            const parentStyle = this.parent && this.parent.getStyle(name);\n            const mediaQuery = (this.styles[name] || {})['@media'];\n            let clonedStyle = {};\n            if (!mediaQuery || matchMedia(mediaQuery).matches) {\n                clonedStyle = cloneDeep(this.styles[name]);\n                this.cleanseStyleProperties(clonedStyle);\n            }\n            if (this !== Theme.BASE && isWebPreviewMode()) {\n                this.checkStyleProperties('', clonedStyle);\n            }\n            style = deepCopy(parentStyle, clonedStyle);\n            this.addTrace(`@${this.name}:${name}`, style, clonedStyle, parentStyle);\n        }\n        this.cache[name] = style;\n        return style;\n    }\n\n    $new(name = \"\", styles = {} as NamedStyles<any>) {\n        const newTheme = new Theme(this, name);\n        newTheme.reset(styles);\n        this.children.push(newTheme);\n        return newTheme;\n    }\n\n    destroy() {\n        const i = this.parent.children.indexOf(this);\n        if (i >= 0) {\n            this.parent.children.splice(i, 1);\n        }\n    }\n\n    reset(styles?: NamedStyles<any>) {\n        this.styles = {};\n        this.clearCache();\n        if (styles) {\n            this.registerStyle((themeVariables, addStyle) => {\n                Object.keys(styles).forEach(k => {\n                    addStyle(k, '', styles[k] as any);\n                });\n            });\n        } else {\n            this.styleGenerators.forEach(fn => \n                fn(ThemeVariables.INSTANCE, this.addStyle.bind(this)));\n        }\n        this.notify(ThemeEvent.CHANGE);\n    }\n}\nexport default Theme.BASE;\nexport type NamedStyles<T> = { [P in keyof T]: AllStyle | NamedStyles<T>};\nexport type BackgroundImageStyle = {\n    backgroundImage: string,\n    backgroundPosition: string,\n    backgroundRepeat: string,\n    backgroundSize: string | number\n};\n\nexport type AllStyle = (ViewStyle & TextStyle & ImageStyle & {userSelect?: 'none'| 'text'});\n\nconst ThemeContext = React.createContext<Theme>(null as any);\n\nexport const ThemeProvider = ThemeContext.Provider;\nexport const ThemeConsumer = ThemeContext.Consumer;\n/**\n * Common styles\n */\n Theme.BASE.registerStyle((themeVariables, addStyle) => {\n    const addColStyles = (device: string, minWidth: string) => {\n        for(let i = 1; i <= 12; i++) {\n            addStyle(`col-${device}-${i}`, '', {\n                \"@media\": `(min-width: ${minWidth})`,\n                root: {\n                    width: (100 * i / 12) + '%'\n                }\n            } as any)\n        }\n    };\n    addColStyles('xs', DEVICE_BREAK_POINTS.MIN_EXTRA_SMALL_DEVICE);\n    addColStyles('sm',  DEVICE_BREAK_POINTS.MIN_SMALL_DEVICE);\n    addColStyles('md',  DEVICE_BREAK_POINTS.MIN_MEDIUM_DEVICE);\n    addColStyles('lg',  DEVICE_BREAK_POINTS.MIN_LARGE_DEVICE);\n\n    addStyle('d-none', '', {\n        root: {\n            display: 'none'\n        }\n    } as any);\n    addStyle('d-flex', '', {\n        root: {\n            display: 'flex'\n        }\n    } as any);\n\n    const addDisplayStyles = (device: string, minWidth: string, maxWidth: string) => {\n        addStyle(`d-${device}-none`, '', {\n            \"@media\": `(min-width: ${minWidth}) and (max-width: ${maxWidth})`,\n            root: {\n                display: 'none'\n            }\n        } as any);\n        addStyle(`d-${device}-flex`, '', {\n            \"@media\": `(min-width: ${minWidth}) and (max-width: ${maxWidth})`,\n            root: {\n                display: 'flex'\n            }\n        } as any);\n    };\n    addDisplayStyles('all', \n        DEVICE_BREAK_POINTS.MIN_EXTRA_SMALL_DEVICE,\n        DEVICE_BREAK_POINTS.MAX_LARGE_DEVICE);\n    addDisplayStyles('xs', \n        DEVICE_BREAK_POINTS.MIN_EXTRA_SMALL_DEVICE,\n        DEVICE_BREAK_POINTS.MAX_EXTRA_SMALL_DEVICE);\n    addDisplayStyles('sm',   \n        DEVICE_BREAK_POINTS.MIN_SMALL_DEVICE,\n        DEVICE_BREAK_POINTS.MAX_SMALL_DEVICE);\n    addDisplayStyles('md',   \n        DEVICE_BREAK_POINTS.MIN_MEDIUM_DEVICE,\n        DEVICE_BREAK_POINTS.MAX_MEDIUM_DEVICE);\n    addDisplayStyles('lg',   \n        DEVICE_BREAK_POINTS.MIN_LARGE_DEVICE,\n        DEVICE_BREAK_POINTS.MAX_LARGE_DEVICE);\n\n    const addElevationClasses = () => {\n        for(let i = 1; i <= 10; i++) {\n            addStyle(`elevate${i}`, '', {\n                root : {\n                    shadowColor: \"#000000\",\n                    shadowOffset: {\n                        width: i,\n                        height: i,\n                    },\n                    shadowOpacity: 0.27,\n                    shadowRadius: i,\n                    elevation: i,\n                    zIndex: 1\n                }\n            });\n        }\n    };\n    addElevationClasses();\n    addStyle('hidden', '', {\n        root: {\n            width: 0,\n            height: 0,\n            transform: [{ scale: 0 }]\n        }\n    });\n    addStyle('bg-danger', '', { root: { backgroundColor: themeVariables.dangerColor }});\n    addStyle('bg-info', '', { root: { backgroundColor: themeVariables.infoColor }});\n    addStyle('bg-primary', '', { root: { backgroundColor: themeVariables.primaryColor }});\n    addStyle('bg-success', '', { root: { backgroundColor: themeVariables.successColor }});\n    addStyle('bg-warning', '', { root: { backgroundColor: themeVariables.warningColor }});\n\n    addStyle('border-danger', '', { root: { borderColor: themeVariables.dangerColor }});\n    addStyle('border-info', '', { root: { borderColor: themeVariables.infoColor }});\n    addStyle('border-primary', '', { root: { borderColor: themeVariables.primaryColor }});\n    addStyle('border-success', '', { root: { borderColor: themeVariables.successColor }});\n    addStyle('border-warning', '', { root: { borderColor: themeVariables.warningColor }});\n\n    addStyle('hide-context-menu', '', { text: { userSelect: 'none' }});\n});\n\n"],"mappings":"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"}
+{"version":3,"names":["cloneDeep","isNil","forEach","flatten","isArray","isEmpty","isObject","isString","get","reverse","React","camelCase","deepCopy","isWebPreviewMode","EventNotifier","ViewPort","EVENTS","ViewPortEvents","MediaQueryList","ThemeVariables","getErrorMessage","getStyleReference","isValidStyleProp","DEFAULT_CLASS","window","matchMedia","query","DEVICE_BREAK_POINTS","ThemeEvent","Theme","constructor","parent","name","_defineProperty","traceEnabled","subscribe","event","fn","eventNotifer","notify","children","t","replaceVariables","val","match","s","variableName","substring","length","replace","INSTANCE","clearCache","cache","registerStyle","styleGenerators","push","addStyle","bind","checkStyleProperties","value","Object","keys","map","k","console","log","extend","style","styles","getStyle","addTrace","styleName","mergedChildstyle","childStyle","parentStyle","v","__trace","prefix","arguments","undefined","result","collect","mergeStyle","_len","Array","_key","flattenStyles","cs","filter","cleanseStyleProperties","i","indexOf","split","c","mediaQuery","clonedStyle","matches","BASE","$new","newTheme","reset","destroy","splice","themeVariables","CHANGE","_class","SIZE_CHANGE","ThemeContext","createContext","ThemeProvider","Provider","ThemeConsumer","Consumer","addColStyles","device","minWidth","root","width","MIN_EXTRA_SMALL_DEVICE","MIN_SMALL_DEVICE","MIN_MEDIUM_DEVICE","MIN_LARGE_DEVICE","display","addDisplayStyles","maxWidth","MAX_LARGE_DEVICE","MAX_EXTRA_SMALL_DEVICE","MAX_SMALL_DEVICE","MAX_MEDIUM_DEVICE","addElevationClasses","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius","elevation","zIndex","transform","scale","backgroundColor","dangerColor","infoColor","primaryColor","successColor","warningColor","borderColor","text","userSelect"],"sources":["theme.tsx"],"sourcesContent":["import { cloneDeep, isNil, forEach, flatten, isArray, isEmpty, isObject, isString, isFunction, get, reverse } from 'lodash';\nimport React from 'react';\nimport { camelCase } from 'lodash-es';\nimport { TextStyle, ViewStyle, ImageStyle, ImageBackground } from 'react-native';\nimport { deepCopy, isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\nimport EventNotifier from '@wavemaker/app-rn-runtime/core/event-notifier';\nimport ViewPort, {EVENTS as ViewPortEvents} from '@wavemaker/app-rn-runtime/core/viewport';\nimport MediaQueryList from './MediaQueryList';\nimport ThemeVariables from './theme.variables';\nimport { getErrorMessage, getStyleReference, isValidStyleProp } from './style-prop.validator';\nexport const DEFAULT_CLASS = 'DEFAULT_CLASS';\n\ndeclare const matchMedia: any, window: any;\n\nif (typeof window !== \"undefined\") {\n    // @ts-ignore: does not properly extend MediaQueryList\n    window.matchMedia = (query: string) => new MediaQueryList(query);\n}\n\nexport const DEVICE_BREAK_POINTS = {\n    'MIN_EXTRA_SMALL_DEVICE' : '0px',\n    'MAX_EXTRA_SMALL_DEVICE' : '767px',\n    'MIN_SMALL_DEVICE' : '768px',\n    'MAX_SMALL_DEVICE' : '991px',\n    'MIN_MEDIUM_DEVICE' : '992px',\n    'MAX_MEDIUM_DEVICE' : '1199px',\n    'MIN_LARGE_DEVICE' : '1200px',\n    'MAX_LARGE_DEVICE' : '1000000px',\n};\n\nexport type styleGeneratorFn<T extends NamedStyles<any>> = (\n    themeVariables: ThemeVariables,\n    addStyle: (name: string, extend: string, style: T) => void) => void\n\nexport enum ThemeEvent {\n    CHANGE ='change'\n};\n\nexport class Theme {\n    public static BASE = new Theme(null as any, 'default');\n\n    static {\n        ViewPort.subscribe(ViewPortEvents.SIZE_CHANGE, () => {\n            Theme.BASE.reset();\n        });\n    }\n\n\n    private eventNotifer = new EventNotifier();\n\n    private children: Theme[] = [];\n\n    private styles: any = {};\n\n    private cache: any = {};\n\n    private traceEnabled = false;\n\n    private styleGenerators: styleGeneratorFn<any>[] = [];\n\n    private constructor(private parent:Theme, public readonly name: string) {\n        if (parent) {\n            this.traceEnabled = parent.traceEnabled;\n        } else {\n            this.traceEnabled = isWebPreviewMode();\n        }\n    }\n\n    public subscribe(event: ThemeEvent, fn: Function) {\n        return this.eventNotifer.subscribe(event, fn);\n    }\n\n    public notify(event: ThemeEvent): void {\n        this.eventNotifer.notify(event, []);\n        this.children.forEach(t => t.notify(event));\n    }\n\n    private replaceVariables(val: string) {\n        if(isString(val)) { \n            (val.match(/_*var\\([^\\)]*\\)/g) || []).forEach((s) => {\n                const variableName = s.substring(4, s.length - 1);\n                val = val.replace(s, (ThemeVariables.INSTANCE as any)[variableName]\n                    || (ThemeVariables.INSTANCE as any)[variableName.substring(2)]\n                    || (ThemeVariables.INSTANCE as any)[camelCase(variableName.substring(2))]);\n                val = this.replaceVariables(val);\n            });\n        }\n        return val; \n    }\n\n    clearCache() {\n        this.cache = {};\n        this.children.forEach((t) => t.clearCache());\n    }\n\n    registerStyle<T extends NamedStyles<any>>(fn: styleGeneratorFn<T>) {\n        this.styleGenerators.push(fn);\n        fn(ThemeVariables.INSTANCE, this.addStyle.bind(this));\n    }\n\n    checkStyleProperties(name: string, value : any) {\n        if (isObject(value)) {\n            Object.keys(value).map((k) => this.checkStyleProperties(k, (value as any)[k]));\n        } else if(name && !isValidStyleProp(name, value)) {\n            console.log(\n                `%cInvalid Style property in ${this.name}: ${getErrorMessage(name, value)}`,\n                'background-color: #FF0000;font-weight: bold; color: #fff'\n            );\n            console.log(`Refer: ${getStyleReference(name)}`);\n        }\n    }\n\n    private addStyle<T extends NamedStyles<any>>(name: string, extend: string, style: T) {\n        this.styles[name] = deepCopy(this.getStyle(extend), this.styles[name], style);\n    }\n\n    private addTrace(styleName: string, mergedChildstyle: any, childStyle: any, parentStyle?: any) {\n        if (!this.traceEnabled) {\n            return;\n        }\n        let addTrace = !isEmpty(childStyle);\n        forEach(mergedChildstyle, (v: any, k: string) => {\n            if (v && !isString(v) && !isArray(v) && isObject(v)) {\n                addTrace = false;\n                this.addTrace(styleName + '.' + k, v, childStyle && childStyle[k], parentStyle && parentStyle[k])\n            }\n        });\n        if (addTrace) {\n            mergedChildstyle['__trace'] = [\n                {\n                    name: styleName,\n                    value: childStyle\n                },\n                ...(parentStyle?.__trace|| [])\n            ];\n        } else {\n            mergedChildstyle['__trace'] = [...(parentStyle?.__trace|| [])];\n        }\n    }\n\n    private flatten(style: any, prefix = \"\", result = {} as any) {\n        let collect = !isEmpty(style);\n        forEach(style, (v: any, k: string) => {\n            if (v && !isString(v) && !isArray(v) && isObject(v)) {\n                collect = false;\n                this.flatten(v, (prefix ?  prefix + '.' : '') + k, result)\n            }\n        });\n        if (collect) {\n            result[prefix] = style;\n        }\n        return result;\n    }\n\n    mergeStyle(...styles: any) {\n        const style = deepCopy(...styles);\n        if (this.traceEnabled) {\n            const flattenStyles = this.flatten(style);\n            Object.keys(flattenStyles).forEach(k => {\n                const s = flattenStyles[k];\n                s['__trace'] = flatten(reverse(styles.map((v: any) => {\n                    const cs = get(v, k);\n                    if (cs && cs.__trace) {\n                        return [...cs.__trace];\n                    }\n                    return [];\n                }).filter((t: any) => t.length > 0)));\n            });\n        }\n        return style;\n    }\n\n    cleanseStyleProperties(style: any) {\n        if (!(style && isObject(style)) || isString(style) || isArray(style)) {\n            return;\n        }\n        style = style as any;\n        if (isObject(style) && !isArray(style)) {\n            Object.keys(style).forEach(k => {\n                style[k] = this.replaceVariables(style[k]);\n            });\n        }\n        if (!isNil(style['shadowRadius'])) {\n            if (style['shadowRadius'] <= 0) {\n                style['shadowColor'] = 'transparent';\n            } else if (isNil(style['elevation'])) {\n                style['elevation'] = 2;\n            }\n        }\n        if (!isNil(style['margin'])) {\n            style['marginLeft'] = style['marginLeft'] || style['margin'];\n            style['marginRight'] = style['marginRight'] || style['margin'];\n            style['marginTop'] = style['marginTop'] || style['margin'];\n            style['marginBottom'] = style['marginBottom'] || style['margin'];\n            delete style['margin'];\n        }\n        if (!isNil(style['padding'])) {\n            style['paddingLeft'] = style['paddingLeft'] || style['padding'];\n            style['paddingRight'] = style['paddingRight'] || style['padding'];\n            style['paddingTop'] = style['paddingTop'] || style['padding'];\n            style['paddingBottom'] = style['paddingBottom'] || style['padding'];\n            delete style['padding'];\n        }\n        Object.keys(style).forEach((k, i) => this.cleanseStyleProperties(style[k]));\n    }\n\n    getStyle(name: string) {\n        let style = this.cache[name];\n        if (style) {\n            return style;\n        }\n        if (!name) {\n            return {};\n        }\n        if (name.indexOf(' ') > 0) {\n            style = this.mergeStyle(...(name.split(' ').map(c => this.getStyle(c))));\n        } else {\n            const parentStyle = this.parent && this.parent.getStyle(name);\n            const mediaQuery = (this.styles[name] || {})['@media'];\n            let clonedStyle = {};\n            if (!mediaQuery || matchMedia(mediaQuery).matches) {\n                clonedStyle = cloneDeep(this.styles[name]);\n                this.cleanseStyleProperties(clonedStyle);\n            }\n            if (this !== Theme.BASE && isWebPreviewMode()) {\n                this.checkStyleProperties('', clonedStyle);\n            }\n            style = deepCopy(parentStyle, clonedStyle);\n            this.addTrace(`@${this.name}:${name}`, style, clonedStyle, parentStyle);\n        }\n        this.cache[name] = style;\n        return style;\n    }\n\n    $new(name = \"\", styles = {} as NamedStyles<any>) {\n        const newTheme = new Theme(this, name);\n        newTheme.reset(styles);\n        this.children.push(newTheme);\n        return newTheme;\n    }\n\n    destroy() {\n        const i = this.parent.children.indexOf(this);\n        if (i >= 0) {\n            this.parent.children.splice(i, 1);\n        }\n    }\n\n    reset(styles?: NamedStyles<any>) {\n        this.styles = {};\n        this.clearCache();\n        if (styles) {\n            this.registerStyle((themeVariables, addStyle) => {\n                Object.keys(styles).forEach(k => {\n                    addStyle(k, '', styles[k] as any);\n                });\n            });\n        } else {\n            this.styleGenerators.forEach(fn => \n                fn(ThemeVariables.INSTANCE, this.addStyle.bind(this)));\n        }\n        this.notify(ThemeEvent.CHANGE);\n    }\n}\nexport default Theme.BASE;\nexport type NamedStyles<T> = { [P in keyof T]: AllStyle | NamedStyles<T>};\nexport type BackgroundImageStyle = {\n    backgroundImage: string,\n    backgroundPosition: string,\n    backgroundRepeat: string,\n    backgroundSize: string | number\n};\n\nexport type AllStyle = (ViewStyle & TextStyle & ImageStyle & {userSelect?: 'none'| 'text'});\n\nconst ThemeContext = React.createContext<Theme>(null as any);\n\nexport const ThemeProvider = ThemeContext.Provider;\nexport const ThemeConsumer = ThemeContext.Consumer;\n/**\n * Common styles\n */\n Theme.BASE.registerStyle((themeVariables, addStyle) => {\n    const addColStyles = (device: string, minWidth: string) => {\n        for(let i = 1; i <= 12; i++) {\n            addStyle(`col-${device}-${i}`, '', {\n                \"@media\": `(min-width: ${minWidth})`,\n                root: {\n                    width: (100 * i / 12) + '%'\n                }\n            } as any)\n        }\n    };\n    addColStyles('xs', DEVICE_BREAK_POINTS.MIN_EXTRA_SMALL_DEVICE);\n    addColStyles('sm',  DEVICE_BREAK_POINTS.MIN_SMALL_DEVICE);\n    addColStyles('md',  DEVICE_BREAK_POINTS.MIN_MEDIUM_DEVICE);\n    addColStyles('lg',  DEVICE_BREAK_POINTS.MIN_LARGE_DEVICE);\n\n    addStyle('d-none', '', {\n        root: {\n            display: 'none'\n        }\n    } as any);\n    addStyle('d-flex', '', {\n        root: {\n            display: 'flex'\n        }\n    } as any);\n\n    const addDisplayStyles = (device: string, minWidth: string, maxWidth: string) => {\n        addStyle(`d-${device}-none`, '', {\n            \"@media\": `(min-width: ${minWidth}) and (max-width: ${maxWidth})`,\n            root: {\n                display: 'none'\n            }\n        } as any);\n        addStyle(`d-${device}-flex`, '', {\n            \"@media\": `(min-width: ${minWidth}) and (max-width: ${maxWidth})`,\n            root: {\n                display: 'flex'\n            }\n        } as any);\n    };\n    addDisplayStyles('all', \n        DEVICE_BREAK_POINTS.MIN_EXTRA_SMALL_DEVICE,\n        DEVICE_BREAK_POINTS.MAX_LARGE_DEVICE);\n    addDisplayStyles('xs', \n        DEVICE_BREAK_POINTS.MIN_EXTRA_SMALL_DEVICE,\n        DEVICE_BREAK_POINTS.MAX_EXTRA_SMALL_DEVICE);\n    addDisplayStyles('sm',   \n        DEVICE_BREAK_POINTS.MIN_SMALL_DEVICE,\n        DEVICE_BREAK_POINTS.MAX_SMALL_DEVICE);\n    addDisplayStyles('md',   \n        DEVICE_BREAK_POINTS.MIN_MEDIUM_DEVICE,\n        DEVICE_BREAK_POINTS.MAX_MEDIUM_DEVICE);\n    addDisplayStyles('lg',   \n        DEVICE_BREAK_POINTS.MIN_LARGE_DEVICE,\n        DEVICE_BREAK_POINTS.MAX_LARGE_DEVICE);\n\n    const addElevationClasses = () => {\n        for(let i = 1; i <= 10; i++) {\n            addStyle(`elevate${i}`, '', {\n                root : {\n                    shadowColor: \"#000000\",\n                    shadowOffset: {\n                        width: i,\n                        height: i,\n                    },\n                    shadowOpacity: 0.27,\n                    shadowRadius: i,\n                    elevation: i,\n                    zIndex: 1\n                }\n            });\n        }\n    };\n    addElevationClasses();\n    addStyle('hidden', '', {\n        root: {\n            width: 0,\n            height: 0,\n            transform: [{ scale: 0 }]\n        }\n    });\n    addStyle('bg-danger', '', { root: { backgroundColor: themeVariables.dangerColor }});\n    addStyle('bg-info', '', { root: { backgroundColor: themeVariables.infoColor }});\n    addStyle('bg-primary', '', { root: { backgroundColor: themeVariables.primaryColor }});\n    addStyle('bg-success', '', { root: { backgroundColor: themeVariables.successColor }});\n    addStyle('bg-warning', '', { root: { backgroundColor: themeVariables.warningColor }});\n\n    addStyle('border-danger', '', { root: { borderColor: themeVariables.dangerColor }});\n    addStyle('border-info', '', { root: { borderColor: themeVariables.infoColor }});\n    addStyle('border-primary', '', { root: { borderColor: themeVariables.primaryColor }});\n    addStyle('border-success', '', { root: { borderColor: themeVariables.successColor }});\n    addStyle('border-warning', '', { root: { borderColor: themeVariables.warningColor }});\n\n    addStyle('hide-context-menu', '', { text: { userSelect: 'none' }});\n});\n\n"],"mappings":"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"}