@wavemaker/app-rn-runtime 12.0.0-next.45752 → 12.0.0-next.47809

package/components/chart/theme/chart.theme.js

@@ -0,0 +1,360 @@
+import { assign } from "lodash";
+import ThemeVariables from '@wavemaker/app-rn-runtime/styles/theme.variables';
+const themes = {
+  'Terrestrial': {
+    colors: ['#1f77b4', '#aec7e8', '#ff7f0e', '#ffbb78', '#2ca02c', '#98df8a', '#d62728', '#ff9896', '#9467bd', '#c5b0d5', '#8c564b', '#c49c94', '#e377c2', '#f7b6d2', '#7f7f7f', '#c7c7c7', '#bcbd22', '#dbdb8d', '#17becf', '#9edae5', '#ccc'],
+    tooltip: {
+      'backgroundColor': '#de7d28',
+      'textColor': '#FFFFFF'
+    }
+  },
+  'Annabelle': {
+    colors: ['#393b79', '#5254a3', '#6b6ecf', '#9c9ede', '#637939', '#8ca252', '#b5cf6b', '#cedb9c', '#8c6d31', '#bd9e39', '#e7ba52', '#e7cb94', '#843c39', '#ad494a', '#d6616b', '#e7969c', '#7b4173', '#a55194', '#ce6dbd', '#de9ed6', '#ccc'],
+    tooltip: {
+      'backgroundColor': '#2e306f',
+      'textColor': '#FFFFFF'
+    }
+  },
+  'Azure': {
+    colors: ['#3182bd', '#6baed6', '#9ecae1', '#c6dbef', '#e6550d', '#fd8d3c', '#fdae6b', '#fdd0a2', '#31a354', '#74c476', '#a1d99b', '#c7e9c0', '#756bb1', '#9e9ac8', '#bcbddc', '#dadaeb', '#636363', '#969696', '#bdbdbd', '#d9d9d9', '#ccc'],
+    tooltip: {
+      'backgroundColor': '#3182bd',
+      'textColor': '#FFFFFF'
+    }
+  },
+  'Retro': {
+    colors: ['#0ca7a1', '#ffa615', '#334957', '#acc5c2', '#988f90', '#8accc9', '#515151', '#f27861', '#36c9fd', '#794668', '#0f709d', '#0d2738', '#44be78', '#4a1839', '#6a393f', '#557d8b', '#6c331c', '#1c1c1c', '#861500', '#09562a', '#ccc'],
+    tooltip: {
+      'backgroundColor': '#80513a',
+      'textColor': '#FFFFFF'
+    }
+  },
+  'Mellow': {
+    colors: ['#f0dcbf', '#88c877', '#aeb918', '#2e2c23', '#ddddd2', '#dfe956', '#4c963b', '#5d3801', '#e1eec3', '#cd8472', '#fcfab3', '#9a4635', '#9295ad', '#2e3f12', '#565677', '#557d8b', '#4f4d02', '#0c0c1b', '#833324', '#24120e', '#ccc'],
+    tooltip: {
+      'backgroundColor': '#7c9e73',
+      'textColor': '#FFFFFF'
+    }
+  },
+  'Orient': {
+    colors: ['#a80000', '#cc6c3c', '#f0e400', '#000084', '#fccc6c', '#009c6c', '#cc309c', '#78cc00', '#fc84e4', '#48e4fc', '#4878d8', '#186c0c', '#606060', '#a8a8a8', '#000000', '#d7d7d7', '#75a06e', '#190d0b', '#888888', '#694b84', '#ccc'],
+    tooltip: {
+      'backgroundColor': '#c14242',
+      'textColor': '#FFFFFF'
+    }
+  },
+  'GrayScale': {
+    colors: ['#141414', '#353535', '#5b5b5b', '#848484', '#a8a8a8', '#c3c3c3', '#e0e0e0', '#c8c8c8', '#a5a5a5', '#878787', '#656565', '#4e4e4e', '#303030', '#1c1c1c', '#4f4f4f', '#3b3b3b', '#757575', '#606060', '#868686', '#c1c1c1', '#ccc'],
+    tooltip: {
+      'backgroundColor': '#575757',
+      'textColor': '#FFFFFF'
+    }
+  },
+  'Flyer': {
+    colors: ['#3f454c', '#5a646e', '#848778', '#cededf', '#74c4dd', '#0946ed', '#380bb1', '#000ff0', '#f54a23', '#1db262', '#bca3aa', '#ffa500', '#a86b32', '#63a18c', '#56795e', '#934343', '#b75f5f', '#752d2d', '#4e1111', '#920606', '#ccc'],
+    tooltip: {
+      'backgroundColor': '#47637c',
+      'textColor': '#FFFFFF'
+    }
+  },
+  'Luminosity': {
+    colors: ['#FFFFFF', '#e4e4e4', '#00bcd4', '#f0dd2f', '#00aabf', '#018376', '#e91e63', '#39e5d4', '#ff6d6d', '#00ff76', '#ff9800', '#969696', '#ff4200', '#e00000', '#95cbe5', '#5331ff', '#fff4a7', '#e7a800', '#0061e4', '#d5e7ff', '#ccc'],
+    tooltip: {
+      'backgroundColor': '#47637c',
+      'textColor': '#FFFFFF'
+    }
+  }
+};
+class ThemeFactory {
+  getColorsObj(themeName) {
+    return themes[themeName].colors;
+  }
+  getTheme(name, styles, customColors) {
+    const colorsToUse = this.getColorsObj(name);
+    const [c1, c2, c3, c4, c5, c6, c7, c8, c9, c10] = colorsToUse;
+    let colors = [c1, c2, c3, c4, c5, c6];
+    if (customColors && customColors.length) {
+      colors = customColors;
+    }
+    const gridColor = colorsToUse[colorsToUse.length - 1];
+    let textColorFromProps;
+    if (styles) {
+      textColorFromProps = styles.text.color;
+    }
+
+    // Typography
+    const sansSerif = "'Helvetica Neue', 'Helvetica', sans-serif";
+    const letterSpacing = "normal";
+    const fontSize = 12;
+
+    // Layout
+    const padding = 8;
+    const baseProps = {
+      width: 250,
+      height: 250,
+      padding: 50
+    };
+
+    // Labels
+    const baseLabelStyles = {
+      fontFamily: sansSerif,
+      fontSize,
+      letterSpacing,
+      padding,
+      fill: textColorFromProps || ThemeVariables.INSTANCE.defaultTextColor,
+      stroke: "transparent",
+      strokeWidth: 0
+    };
+    const centeredLabelStyles = assign({
+      textAnchor: "middle"
+    }, baseLabelStyles);
+
+    // Strokes
+    const strokeDasharray = "10, 5";
+    const strokeLinecap = "round";
+    const strokeLinejoin = "round";
+    const baseChartTheme = {
+      area: assign({
+        style: {
+          data: {
+            fill: c1,
+            fillOpacity: 0.9
+          },
+          labels: baseLabelStyles
+        }
+      }, baseProps),
+      axis: assign({
+        style: {
+          axis: {
+            fill: "transparent",
+            stroke: textColorFromProps || ThemeVariables.INSTANCE.chartAxisColor,
+            strokeWidth: 2,
+            strokeLinecap,
+            strokeLinejoin
+          },
+          axisLabel: assign({}, centeredLabelStyles, {
+            padding: 30,
+            stroke: "transparent",
+            fontSize: 15
+          }),
+          grid: {
+            fill: "none",
+            stroke: gridColor,
+            strokeDasharray,
+            strokeLinecap,
+            strokeLinejoin,
+            pointerEvents: "painted"
+          },
+          ticks: {
+            fill: "transparent",
+            size: 5,
+            stroke: ThemeVariables.INSTANCE.chartAxisPointColor,
+            strokeWidth: 1,
+            strokeLinecap,
+            strokeLinejoin
+          },
+          tickLabels: assign({}, baseLabelStyles, {
+            fill: textColorFromProps || ThemeVariables.INSTANCE.defaultTextColor
+          })
+        }
+      }, baseProps),
+      polarDependentAxis: assign({
+        style: {
+          ticks: {
+            fill: "transparent",
+            size: 1,
+            stroke: "transparent"
+          }
+        }
+      }),
+      bar: assign({
+        style: {
+          data: {
+            fill: d => colors[d.index % colors.length],
+            padding,
+            strokeWidth: 0
+          },
+          labels: baseLabelStyles
+        }
+      }, baseProps),
+      boxplot: assign({
+        style: {
+          max: {
+            padding,
+            stroke: c9,
+            strokeWidth: 1
+          },
+          maxLabels: assign({}, baseLabelStyles, {
+            padding: 3
+          }),
+          median: {
+            padding,
+            stroke: c9,
+            strokeWidth: 1
+          },
+          medianLabels: assign({}, baseLabelStyles, {
+            padding: 3
+          }),
+          min: {
+            padding,
+            stroke: c9,
+            strokeWidth: 1
+          },
+          minLabels: assign({}, baseLabelStyles, {
+            padding: 3
+          }),
+          q1: {
+            padding,
+            fill: c9
+          },
+          q1Labels: assign({}, baseLabelStyles, {
+            padding: 3
+          }),
+          q3: {
+            padding,
+            fill: c9
+          },
+          q3Labels: assign({}, baseLabelStyles, {
+            padding: 3
+          })
+        },
+        boxWidth: 20
+      }, baseProps),
+      candlestick: assign({
+        style: {
+          data: {
+            stroke: c9
+          },
+          labels: assign({}, baseLabelStyles, {
+            padding: 5
+          })
+        },
+        candleColors: {
+          positive: "#ffffff",
+          negative: c9
+        }
+      }, baseProps),
+      chart: baseProps,
+      errorbar: assign({
+        borderWidth: 8,
+        style: {
+          data: {
+            fill: "transparent",
+            opacity: 1,
+            stroke: c9,
+            strokeWidth: 2
+          },
+          labels: baseLabelStyles
+        }
+      }, baseProps),
+      group: assign({
+        colorScale: colors
+      }, baseProps),
+      histogram: assign({
+        style: {
+          data: {
+            fill: c9,
+            stroke: c10,
+            strokeWidth: 2
+          },
+          labels: baseLabelStyles
+        }
+      }, baseProps),
+      legend: {
+        colorScale: colors,
+        gutter: 10,
+        orientation: "vertical",
+        titleOrientation: "top",
+        style: {
+          data: {
+            type: "circle"
+          },
+          border: {
+            stroke: 'none'
+          },
+          // ThemeVariables.INSTANCE.chartLegendBorder
+          labels: baseLabelStyles,
+          title: assign({}, baseLabelStyles, {
+            padding: 5,
+            fontSize: ThemeVariables.INSTANCE.heading4FontSize
+          })
+        }
+      },
+      line: assign({
+        style: {
+          data: {
+            fill: "transparent",
+            opacity: 1,
+            stroke: c1,
+            strokeWidth: 2
+          },
+          labels: baseLabelStyles
+        }
+      }, baseProps),
+      pie: assign({
+        colorScale: colors,
+        style: {
+          data: {
+            padding,
+            stroke: '#ffffff',
+            strokeWidth: 1
+          },
+          labels: assign({}, baseLabelStyles, {
+            padding: 20
+          })
+        }
+      }, baseProps),
+      scatter: assign({
+        style: {
+          data: {
+            fill: c1,
+            opacity: 1,
+            stroke: "transparent",
+            strokeWidth: 1
+          },
+          labels: baseLabelStyles
+        }
+      }, baseProps),
+      stack: assign({
+        colorScale: colors
+      }, baseProps),
+      tooltip: {
+        style: assign({}, baseLabelStyles, {
+          padding: 0,
+          pointerEvents: "none"
+        }),
+        flyoutStyle: {
+          stroke: c10,
+          strokeWidth: 1,
+          fill: "#f0f0f0",
+          pointerEvents: "none"
+        },
+        flyoutPadding: 5,
+        cornerRadius: 5,
+        pointerLength: 10
+      },
+      voronoi: assign({
+        style: {
+          data: {
+            fill: "transparent",
+            stroke: "transparent",
+            strokeWidth: 0
+          },
+          labels: assign({}, baseLabelStyles, {
+            padding: 5,
+            pointerEvents: "none"
+          }),
+          flyout: {
+            stroke: c10,
+            strokeWidth: 1,
+            fill: "#f0f0f0",
+            pointerEvents: "none"
+          }
+        }
+      }, baseProps)
+    };
+    return baseChartTheme;
+  }
+}
+export default new ThemeFactory();
+//# sourceMappingURL=chart.theme.js.map

package/components/chart/theme/chart.theme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["assign","ThemeVariables","themes","colors","tooltip","ThemeFactory","getColorsObj","themeName","getTheme","name","styles","customColors","colorsToUse","c1","c2","c3","c4","c5","c6","c7","c8","c9","c10","length","gridColor","textColorFromProps","text","color","sansSerif","letterSpacing","fontSize","padding","baseProps","width","height","baseLabelStyles","fontFamily","fill","INSTANCE","defaultTextColor","stroke","strokeWidth","centeredLabelStyles","textAnchor","strokeDasharray","strokeLinecap","strokeLinejoin","baseChartTheme","area","style","data","fillOpacity","labels","axis","chartAxisColor","axisLabel","grid","pointerEvents","ticks","size","chartAxisPointColor","tickLabels","polarDependentAxis","bar","d","index","boxplot","max","maxLabels","median","medianLabels","min","minLabels","q1","q1Labels","q3","q3Labels","boxWidth","candlestick","candleColors","positive","negative","chart","errorbar","borderWidth","opacity","group","colorScale","histogram","legend","gutter","orientation","titleOrientation","type","border","title","heading4FontSize","line","pie","scatter","stack","flyoutStyle","flyoutPadding","cornerRadius","pointerLength","voronoi","flyout"],"sources":["chart.theme.ts"],"sourcesContent":["import { assign } from \"lodash\";\nimport { VictoryThemeDefinition } from \"victory-core\";\nimport ThemeVariables from '@wavemaker/app-rn-runtime/styles/theme.variables';\n\nconst themes: {[key:string]: any} = {\n  'Terrestrial': {\n    colors: ['#1f77b4', '#aec7e8', '#ff7f0e', '#ffbb78', '#2ca02c', '#98df8a', '#d62728', '#ff9896', '#9467bd', '#c5b0d5', '#8c564b', '#c49c94', '#e377c2', '#f7b6d2', '#7f7f7f', '#c7c7c7', '#bcbd22', '#dbdb8d', '#17becf', '#9edae5', '#ccc'],\n    tooltip: {\n      'backgroundColor': '#de7d28',\n      'textColor': '#FFFFFF'\n    }\n  },\n  'Annabelle': {\n    colors: ['#393b79', '#5254a3', '#6b6ecf', '#9c9ede', '#637939', '#8ca252', '#b5cf6b', '#cedb9c', '#8c6d31', '#bd9e39', '#e7ba52', '#e7cb94', '#843c39', '#ad494a', '#d6616b', '#e7969c', '#7b4173', '#a55194', '#ce6dbd', '#de9ed6', '#ccc'],\n    tooltip: {\n      'backgroundColor': '#2e306f',\n      'textColor': '#FFFFFF'\n    }\n  },\n  'Azure': {\n    colors: ['#3182bd', '#6baed6', '#9ecae1', '#c6dbef', '#e6550d', '#fd8d3c', '#fdae6b', '#fdd0a2', '#31a354', '#74c476', '#a1d99b', '#c7e9c0', '#756bb1', '#9e9ac8', '#bcbddc', '#dadaeb', '#636363', '#969696', '#bdbdbd', '#d9d9d9', '#ccc'],\n    tooltip: {\n      'backgroundColor': '#3182bd',\n      'textColor': '#FFFFFF'\n    }\n  },\n  'Retro': {\n    colors: ['#0ca7a1', '#ffa615', '#334957', '#acc5c2', '#988f90', '#8accc9', '#515151', '#f27861', '#36c9fd', '#794668', '#0f709d', '#0d2738', '#44be78', '#4a1839', '#6a393f', '#557d8b', '#6c331c', '#1c1c1c', '#861500', '#09562a', '#ccc'],\n    tooltip: {\n      'backgroundColor': '#80513a',\n      'textColor': '#FFFFFF'\n    }\n  },\n  'Mellow': {\n    colors: ['#f0dcbf', '#88c877', '#aeb918', '#2e2c23', '#ddddd2', '#dfe956', '#4c963b', '#5d3801', '#e1eec3', '#cd8472', '#fcfab3', '#9a4635', '#9295ad', '#2e3f12', '#565677', '#557d8b', '#4f4d02', '#0c0c1b', '#833324', '#24120e', '#ccc'],\n    tooltip: {\n      'backgroundColor': '#7c9e73',\n      'textColor': '#FFFFFF'\n    }\n  },\n  'Orient': {\n    colors: ['#a80000', '#cc6c3c', '#f0e400', '#000084', '#fccc6c', '#009c6c', '#cc309c', '#78cc00', '#fc84e4', '#48e4fc', '#4878d8', '#186c0c', '#606060', '#a8a8a8', '#000000', '#d7d7d7', '#75a06e', '#190d0b', '#888888', '#694b84', '#ccc'],\n    tooltip: {\n      'backgroundColor': '#c14242',\n      'textColor': '#FFFFFF'\n    }\n  },\n  'GrayScale': {\n    colors: ['#141414', '#353535', '#5b5b5b', '#848484', '#a8a8a8', '#c3c3c3', '#e0e0e0', '#c8c8c8', '#a5a5a5', '#878787', '#656565', '#4e4e4e', '#303030', '#1c1c1c', '#4f4f4f', '#3b3b3b', '#757575', '#606060', '#868686', '#c1c1c1', '#ccc'],\n    tooltip: {\n      'backgroundColor': '#575757',\n      'textColor': '#FFFFFF'\n    }\n  },\n  'Flyer': {\n    colors: ['#3f454c', '#5a646e', '#848778', '#cededf', '#74c4dd', '#0946ed', '#380bb1', '#000ff0', '#f54a23', '#1db262', '#bca3aa', '#ffa500', '#a86b32', '#63a18c', '#56795e', '#934343', '#b75f5f', '#752d2d', '#4e1111', '#920606', '#ccc'],\n    tooltip: {\n      'backgroundColor': '#47637c',\n      'textColor': '#FFFFFF'\n    }\n  },\n  'Luminosity': {\n    colors: ['#FFFFFF', '#e4e4e4', '#00bcd4', '#f0dd2f', '#00aabf', '#018376', '#e91e63', '#39e5d4', '#ff6d6d', '#00ff76', '#ff9800', '#969696', '#ff4200', '#e00000', '#95cbe5', '#5331ff', '#fff4a7', '#e7a800', '#0061e4', '#d5e7ff', '#ccc'],\n    tooltip: {\n      'backgroundColor': '#47637c',\n      'textColor': '#FFFFFF'\n    }\n  }\n}\n\nclass ThemeFactory {\n  getColorsObj(themeName: string) {\n    return themes[themeName].colors;\n  }\n\n  getTheme(name: string, styles?: any, customColors?: Array<string>) {\n    const colorsToUse = this.getColorsObj(name);\n    const [c1, c2, c3, c4, c5, c6, c7, c8, c9, c10] = colorsToUse;\n    let colors = [\n      c1,\n      c2,\n      c3,\n      c4,\n      c5,\n      c6,\n    ];\n    if (customColors && customColors.length) {\n      colors = customColors;\n    }\n    const gridColor = colorsToUse[colorsToUse.length - 1];\n    let textColorFromProps;\n    if (styles) {\n      textColorFromProps = styles.text.color;\n    }\n\n    // Typography\n    const sansSerif = \"'Helvetica Neue', 'Helvetica', sans-serif\";\n    const letterSpacing = \"normal\";\n    const fontSize = 12;\n\n    // Layout\n    const padding = 8;\n    const baseProps = {\n      width: 250,\n      height: 250,\n      padding: 50,\n    };\n\n    // Labels\n    const baseLabelStyles = {\n      fontFamily: sansSerif,\n      fontSize,\n      letterSpacing,\n      padding,\n      fill: textColorFromProps || ThemeVariables.INSTANCE.defaultTextColor,\n      stroke: \"transparent\",\n      strokeWidth: 0,\n    };\n\n    const centeredLabelStyles = assign({ textAnchor: \"middle\" }, baseLabelStyles);\n\n    // Strokes\n    const strokeDasharray = \"10, 5\";\n    const strokeLinecap = \"round\";\n    const strokeLinejoin = \"round\";\n\n    const baseChartTheme: VictoryThemeDefinition = {\n      area: assign(\n        {\n          style: {\n            data: {\n              fill: c1,\n              fillOpacity: 0.9\n            },\n            labels: baseLabelStyles,\n          },\n        },\n        baseProps,\n      ),\n      axis: assign(\n        {\n          style: {\n            axis: {\n              fill: \"transparent\",\n              stroke: textColorFromProps || ThemeVariables.INSTANCE.chartAxisColor,\n              strokeWidth: 2,\n              strokeLinecap,\n              strokeLinejoin,\n            },\n            axisLabel: assign({}, centeredLabelStyles, {\n              padding: 30,\n              stroke: \"transparent\",\n              fontSize: 15\n            }),\n            grid: {\n              fill: \"none\",\n              stroke: gridColor,\n              strokeDasharray,\n              strokeLinecap,\n              strokeLinejoin,\n              pointerEvents: \"painted\",\n            },\n            ticks: {\n              fill: \"transparent\",\n              size: 5,\n              stroke: ThemeVariables.INSTANCE.chartAxisPointColor,\n              strokeWidth: 1,\n              strokeLinecap,\n              strokeLinejoin,\n            },\n            tickLabels: assign({}, baseLabelStyles, {\n              fill: textColorFromProps || ThemeVariables.INSTANCE.defaultTextColor,\n            }),\n          },\n        },\n        baseProps,\n      ),\n      polarDependentAxis: assign({\n        style: {\n          ticks: {\n            fill: \"transparent\",\n            size: 1,\n            stroke: \"transparent\",\n          },\n        },\n      }),\n      bar: assign(\n        {\n          style: {\n            data: {\n              fill: (d: any) => colors[d.index % colors.length],\n              padding,\n              strokeWidth: 0,\n            },\n            labels: baseLabelStyles,\n          },\n        },\n        baseProps,\n      ),\n      boxplot: assign(\n        {\n          style: {\n            max: { padding, stroke: c9, strokeWidth: 1 },\n            maxLabels: assign({}, baseLabelStyles, { padding: 3 }),\n            median: { padding, stroke: c9, strokeWidth: 1 },\n            medianLabels: assign({}, baseLabelStyles, { padding: 3 }),\n            min: { padding, stroke: c9, strokeWidth: 1 },\n            minLabels: assign({}, baseLabelStyles, { padding: 3 }),\n            q1: { padding, fill: c9 },\n            q1Labels: assign({}, baseLabelStyles, { padding: 3 }),\n            q3: { padding, fill: c9 },\n            q3Labels: assign({}, baseLabelStyles, { padding: 3 }),\n          },\n          boxWidth: 20,\n        },\n        baseProps,\n      ),\n      candlestick: assign(\n        {\n          style: {\n            data: {\n              stroke: c9,\n            },\n            labels: assign({}, baseLabelStyles, { padding: 5 }),\n          },\n          candleColors: {\n            positive: \"#ffffff\",\n            negative: c9,\n          },\n        },\n        baseProps,\n      ),\n      chart: baseProps,\n      errorbar: assign(\n        {\n          borderWidth: 8,\n          style: {\n            data: {\n              fill: \"transparent\",\n              opacity: 1,\n              stroke: c9,\n              strokeWidth: 2,\n            },\n            labels: baseLabelStyles,\n          },\n        },\n        baseProps,\n      ),\n      group: assign(\n        {\n          colorScale: colors,\n        },\n        baseProps,\n      ),\n      histogram: assign(\n        {\n          style: {\n            data: {\n              fill: c9,\n              stroke: c10,\n              strokeWidth: 2,\n            },\n            labels: baseLabelStyles,\n          },\n        },\n        baseProps,\n      ),\n      legend: {\n        colorScale: colors,\n        gutter: 10,\n        orientation: \"vertical\",\n        titleOrientation: \"top\",\n        style: {\n          data: {\n            type: \"circle\",\n          },\n          border: { stroke: 'none' }, // ThemeVariables.INSTANCE.chartLegendBorder\n          labels: baseLabelStyles,\n          title: assign({}, baseLabelStyles, { padding: 5, fontSize: ThemeVariables.INSTANCE.heading4FontSize }),\n        },\n      },\n      line: assign(\n        {\n          style: {\n            data: {\n              fill: \"transparent\",\n              opacity: 1,\n              stroke: c1,\n              strokeWidth: 2,\n            },\n            labels: baseLabelStyles,\n          },\n        },\n        baseProps,\n      ),\n      pie: assign(\n        {\n          colorScale: colors,\n          style: {\n            data: {\n              padding,\n              stroke: '#ffffff',\n              strokeWidth: 1,\n            },\n            labels: assign({}, baseLabelStyles, { padding: 20 }),\n          },\n        },\n        baseProps,\n      ),\n      scatter: assign(\n        {\n          style: {\n            data: {\n              fill: c1,\n              opacity: 1,\n              stroke: \"transparent\",\n              strokeWidth: 1,\n            },\n            labels: baseLabelStyles,\n          },\n        },\n        baseProps,\n      ),\n      stack: assign(\n        {\n          colorScale: colors,\n        },\n        baseProps,\n      ),\n      tooltip: {\n        style: assign({}, baseLabelStyles, { padding: 0, pointerEvents: \"none\" }),\n        flyoutStyle: {\n          stroke: c10,\n          strokeWidth: 1,\n          fill: \"#f0f0f0\",\n          pointerEvents: \"none\",\n        },\n        flyoutPadding: 5,\n        cornerRadius: 5,\n        pointerLength: 10,\n      },\n      voronoi: assign(\n        {\n          style: {\n            data: {\n              fill: \"transparent\",\n              stroke: \"transparent\",\n              strokeWidth: 0,\n            },\n            labels: assign({}, baseLabelStyles, {\n              padding: 5,\n              pointerEvents: \"none\",\n            }),\n            flyout: {\n              stroke: c10,\n              strokeWidth: 1,\n              fill: \"#f0f0f0\",\n              pointerEvents: \"none\",\n            },\n          },\n        },\n        baseProps,\n      ),\n    };\n    return baseChartTheme;\n  }\n}\n\nexport default new ThemeFactory();\n"],"mappings":"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","ignoreList":[]}

package/components/container/accordion/accordion.component.js

@@ -0,0 +1,191 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import { Text, TouchableOpacity, View } from 'react-native';
+import { Badge } from 'react-native-paper';
+import { isArray } from 'lodash';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmAccordionProps from './accordion.props';
+import { DEFAULT_CLASS } from './accordion.styles';
+import WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';
+import { isDefined } from '@wavemaker/app-rn-runtime/core/utils';
+import { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';
+import WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.component';
+export class WmAccordionState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "lastExpandedIndex", -1);
+    _defineProperty(this, "isExpanded", []);
+  }
+}
+export default class WmAccordion extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmAccordionProps(), new WmAccordionState());
+    _defineProperty(this, "accordionPanes", []);
+    _defineProperty(this, "newIndex", 0);
+  }
+  addAccordionPane(accordionPane) {
+    const i = this.accordionPanes.findIndex(t => {
+      return t.paneId === accordionPane.paneId;
+    });
+    if (i >= 0) {
+      this.accordionPanes[i] = accordionPane;
+    } else {
+      accordionPane.paneId = `accordionPane${this.newIndex++}`;
+      this.accordionPanes.push(accordionPane);
+    }
+    this.toggle(this.state.props.defaultpaneindex + 1);
+  }
+  removeAccordionPane(accordionPane) {
+    const index = this.accordionPanes.findIndex(t => t.paneId === accordionPane.paneId);
+    if (index >= 0) {
+      this.accordionPanes.splice(index, 1);
+      this.newIndex--;
+    }
+  }
+  expand(accordionName) {
+    const i = this.accordionPanes.findIndex(t => t.props.name === accordionName);
+    this.toggle(i + 1, true);
+  }
+  collapse(accordionName) {
+    const i = this.accordionPanes.findIndex(t => t.props.name === accordionName);
+    this.toggle(i + 1, false);
+  }
+  expandCollapseIcon(item, index, showBadge = true, showIcon = true, useChevron = true, isExpanded = false) {
+    const widgetProps = item.props;
+    //@ts-ignore
+    const badge = showBadge && widgetProps.badgevalue != undefined ? /*#__PURE__*/React.createElement(Badge, _extends({
+      style: [this.styles.badge, isExpanded ? this.styles.activeBadge : null, this.styles[widgetProps.badgetype || 'default']]
+    }, this.getTestProps('badge' + index)), widgetProps.badgevalue) : null;
+    let iconclass = null;
+    if (useChevron) {
+      iconclass = isExpanded ? 'wi wi-chevron-down' : 'wi wi-chevron-up';
+    } else {
+      iconclass = isExpanded ? 'wi wi-minus' : 'wi wi-plus';
+    }
+    return /*#__PURE__*/React.createElement(View, {
+      style: {
+        flexDirection: 'row'
+      }
+    }, badge, showIcon ? /*#__PURE__*/React.createElement(WmIcon, {
+      id: this.getTestId('icon' + index),
+      styles: this.theme.mergeStyle({}, this.styles.icon, isExpanded ? this.styles.activeIcon : null),
+      name: 'expand_collapse_icon',
+      iconclass: iconclass
+    }) : null);
+  }
+  renderAccordionpane(item, index, accordionpanes = []) {
+    const showIconOnLeft = this.styles.leftToggleIcon.root.width !== undefined;
+    const isExpanded = this.state.isExpanded[index];
+    const titleIconStyles = this.theme.mergeStyle(this.styles.icon, this.styles.titleIcon);
+    return item.props.show != false ? /*#__PURE__*/React.createElement(View, {
+      style: this.styles.pane,
+      key: item.props.title,
+      onLayout: event => this.handleLayout(event)
+    }, /*#__PURE__*/React.createElement(TouchableOpacity, _extends({
+      key: 'accordionpane_' + (index + 1)
+    }, this.getTestPropsForAction(`header${index}`), {
+      style: [this.styles.header, index === 0 ? this.styles.firstHeader : null, index === accordionpanes.length - 1 && !isExpanded ? this.styles.lastHeader : null, isExpanded ? this.styles.activeHeader : {}],
+      onPress: this.toggle.bind(this, index + 1, !isExpanded)
+    }), this.expandCollapseIcon(item, index, false, showIconOnLeft, true, isExpanded), item.props.iconclass ? /*#__PURE__*/React.createElement(WmIcon, {
+      id: this.getTestId('icon'),
+      styles: titleIconStyles,
+      name: item.props.name + '_icon',
+      iconclass: item.props.iconclass
+    }) : null, /*#__PURE__*/React.createElement(View, {
+      style: {
+        flexDirection: 'column',
+        flex: 1,
+        justifyContent: 'center'
+      }
+    }, this._showSkeleton ? /*#__PURE__*/React.createElement(WmLabel, {
+      showskeleton: true,
+      styles: {
+        root: [this.styles.text, this.styles.heading]
+      },
+      caption: isDefined(item.props.title) ? item.props.title : 'Title'
+    }) : /*#__PURE__*/React.createElement(Text, _extends({
+      style: [this.styles.text, this.styles.heading, isExpanded ? this.styles.activeHeaderTitle : {}]
+    }, this.getTestPropsForAction(`header${index}_title`), {
+      accessibilityRole: "header"
+    }), isDefined(item.props.title) ? item.props.title : 'Title'), item.props.description ? this._showSkeleton ? /*#__PURE__*/React.createElement(WmLabel, {
+      styles: {
+        root: this.styles.subheading
+      },
+      showskeleton: true,
+      caption: item.props.description
+    }) : /*#__PURE__*/React.createElement(Text, _extends({
+      style: this.styles.subheading
+    }, this.getTestPropsForAction(`header${index}_description`)), item.props.description) : null), this.expandCollapseIcon(item, index, true, !showIconOnLeft, true, isExpanded)), item) : null;
+  }
+  toggle(index, expand = true) {
+    let expandedId = expand ? index : -1;
+    let collapseId = expand ? -1 : index;
+    const expandedPane = expandedId ? this.accordionPanes[expandedId - 1] : null;
+    if (expand && this.state.isExpanded[expandedId - 1] && !(expandedPane !== null && expandedPane !== void 0 && expandedPane.state.collapsed) || !expand && this.state.isExpanded[collapseId - 1] === false && expandedPane !== null && expandedPane !== void 0 && expandedPane.state.collapsed) {
+      return;
+    }
+    if (collapseId < 0 && this.state.props.closeothers) {
+      collapseId = this.state.lastExpandedIndex;
+    }
+    const collapsedPane = this.accordionPanes[collapseId - 1];
+    collapsedPane === null || collapsedPane === void 0 || collapsedPane.hide();
+    Promise.resolve().then(() => {
+      expandedPane === null || expandedPane === void 0 || expandedPane.show();
+      this.setState(state => {
+        if (collapseId > 0 && collapsedPane) {
+          state.isExpanded[collapseId - 1] = false;
+        }
+        if (expandedId > 0 && expandedPane) {
+          state.isExpanded[expandedId - 1] = true;
+        }
+        return {
+          lastExpandedIndex: expandedId,
+          isExpanded: [...state.isExpanded]
+        };
+      }, () => {
+        this.invokeEventCallback('onChange', [{}, this.proxy, expandedId - 1, collapseId ? collapseId - 1 : null, expandedPane && expandedPane.props.name, collapsedPane && collapsedPane.props.name]);
+      });
+    }, () => {});
+  }
+  componentDidMount() {
+    super.componentDidMount();
+    this.toggle(this.state.props.defaultpaneindex + 1);
+  }
+  getBackground() {
+    return this._showSkeleton ? null : this._background;
+  }
+  renderSkeleton(props) {
+    const accordionpanes = props.children;
+    if (!props.showskeletonchildren) {
+      var _this$props;
+      const skeletonStyles = ((_this$props = this.props) === null || _this$props === void 0 || (_this$props = _this$props.styles) === null || _this$props === void 0 ? void 0 : _this$props.skeleton) || {
+        root: {},
+        text: {}
+      };
+      return createSkeleton(this.theme, skeletonStyles, {
+        ...this.styles.root
+      }, /*#__PURE__*/React.createElement(View, {
+        style: [this.styles.root, {
+          opacity: 0
+        }]
+      }, accordionpanes ? isArray(accordionpanes) && accordionpanes.length ? accordionpanes.map((item, index) => this.renderAccordionpane(item, index, accordionpanes)) : this.renderAccordionpane(accordionpanes, 0) : null));
+    }
+    return null;
+  }
+  renderWidget(props) {
+    var _this$styles$skeleton;
+    const accordionpanes = props.children;
+    const expandedId = this.state.lastExpandedIndex || 0;
+    const styles = this._showSkeleton ? {
+      ...this.styles.root,
+      ...((_this$styles$skeleton = this.styles.skeleton) === null || _this$styles$skeleton === void 0 ? void 0 : _this$styles$skeleton.root)
+    } : this.styles.root;
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles
+    }, this.getBackground(), accordionpanes ? isArray(accordionpanes) && accordionpanes.length ? accordionpanes.map((item, index) => this.renderAccordionpane(item, index, accordionpanes)) : this.renderAccordionpane(accordionpanes, 0) : null);
+  }
+}
+//# sourceMappingURL=accordion.component.js.map

package/components/container/accordion/accordion.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","TouchableOpacity","View","Badge","isArray","BaseComponent","BaseComponentState","WmAccordionProps","DEFAULT_CLASS","WmIcon","isDefined","createSkeleton","WmLabel","WmAccordionState","constructor","args","_defineProperty","WmAccordion","props","addAccordionPane","accordionPane","i","accordionPanes","findIndex","t","paneId","newIndex","push","toggle","state","defaultpaneindex","removeAccordionPane","index","splice","expand","accordionName","name","collapse","expandCollapseIcon","item","showBadge","showIcon","useChevron","isExpanded","widgetProps","badge","badgevalue","undefined","createElement","_extends","style","styles","activeBadge","badgetype","getTestProps","iconclass","flexDirection","id","getTestId","theme","mergeStyle","icon","activeIcon","renderAccordionpane","accordionpanes","showIconOnLeft","leftToggleIcon","root","width","titleIconStyles","titleIcon","show","pane","key","title","onLayout","event","handleLayout","getTestPropsForAction","header","firstHeader","length","lastHeader","activeHeader","onPress","bind","flex","justifyContent","_showSkeleton","showskeleton","text","heading","caption","activeHeaderTitle","accessibilityRole","description","subheading","expandedId","collapseId","expandedPane","collapsed","closeothers","lastExpandedIndex","collapsedPane","hide","Promise","resolve","then","setState","invokeEventCallback","proxy","componentDidMount","getBackground","_background","renderSkeleton","children","showskeletonchildren","_this$props","skeletonStyles","skeleton","opacity","map","renderWidget","_this$styles$skeleton"],"sources":["accordion.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, TouchableOpacity, View } from 'react-native';\nimport { Badge } from 'react-native-paper';\nimport { isArray } from 'lodash';\n\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmAccordionProps from './accordion.props';\nimport {  DEFAULT_CLASS, WmAccordionStyles } from './accordion.styles';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport WmAccordionpane from './accordionpane/accordionpane.component';\nimport { isDefined } from '@wavemaker/app-rn-runtime/core/utils';\n\nimport { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\nimport WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.component';\n\nexport class WmAccordionState extends BaseComponentState<WmAccordionProps> {\n  lastExpandedIndex = -1;\n  isExpanded = [] as boolean[];\n}\n\n\nexport default class WmAccordion extends BaseComponent<WmAccordionProps, WmAccordionState, WmAccordionStyles> {\n  public accordionPanes = [] as WmAccordionpane[];\n  private newIndex = 0;\n\n  constructor(props: WmAccordionProps) {\n    super(props, DEFAULT_CLASS, new WmAccordionProps(), new WmAccordionState());\n  }\n\n  addAccordionPane(accordionPane: WmAccordionpane) {\n    const i = this.accordionPanes.findIndex(t => {\n      return t.paneId === accordionPane.paneId});\n    if (i >= 0) {\n      this.accordionPanes[i] = accordionPane;\n    } else {\n      accordionPane.paneId = `accordionPane${this.newIndex++}`;\n      this.accordionPanes.push(accordionPane);\n    }\n    this.toggle(this.state.props.defaultpaneindex + 1);\n  }\n\n  removeAccordionPane(accordionPane: WmAccordionpane){\n    const index = this.accordionPanes.findIndex(t => t.paneId === accordionPane.paneId);\n    if (index >= 0) {\n      this.accordionPanes.splice(index, 1); \n      this.newIndex--;\n    }\n  }\n\n  expand(accordionName: string) {\n    const i = this.accordionPanes.findIndex(t => t.props.name === accordionName);\n    this.toggle(i + 1, true);\n  }\n\n  collapse(accordionName: string) {\n    const i = this.accordionPanes.findIndex(t => t.props.name === accordionName);\n    this.toggle(i + 1, false);\n  }\n\n  expandCollapseIcon(item: any, index: number, showBadge = true, showIcon = true, useChevron = true, isExpanded = false) {\n    const widgetProps = item.props;\n    //@ts-ignore\n    const badge = showBadge && widgetProps.badgevalue != undefined ? (\n      <Badge style={[\n        this.styles.badge,\n        isExpanded ? this.styles.activeBadge: null,\n        this.styles[widgetProps.badgetype || 'default']]}\n        {...this.getTestProps('badge'+index)}>\n        {widgetProps.badgevalue}\n      </Badge>): null;\n    let iconclass = null;\n    if (useChevron) {\n      iconclass = isExpanded ? 'wi wi-chevron-down' : 'wi wi-chevron-up';\n    } else {\n      iconclass = isExpanded ? 'wi wi-minus' : 'wi wi-plus';\n    }\n    return (<View style={{flexDirection: 'row'}}>\n            {badge}\n            {showIcon ? (\n              <WmIcon\n              id={this.getTestId('icon' + index)}\n              styles={this.theme.mergeStyle({}, this.styles.icon, isExpanded ? this.styles.activeIcon : null)}\n              name={'expand_collapse_icon'}\n              iconclass={iconclass}></WmIcon>): null}\n          </View>);\n  }\n\n  renderAccordionpane(item: any, index: any, accordionpanes: any[] = []) {\n    const showIconOnLeft = this.styles.leftToggleIcon.root.width !== undefined;\n    const isExpanded = this.state.isExpanded[index];\n    const titleIconStyles = this.theme.mergeStyle(this.styles.icon, this.styles.titleIcon)\n    return item.props.show != false ? (\n      <View \n        style={this.styles.pane} \n        key={item.props.title}\n        onLayout={(event) => this.handleLayout(event)}\n      >\n        <TouchableOpacity key={'accordionpane_' + (index + 1)}\n              {...this.getTestPropsForAction(`header${index}`)}\n              style={[this.styles.header,\n                index === 0 ? this.styles.firstHeader: null,\n                index === accordionpanes.length - 1 && !isExpanded ? this.styles.lastHeader: null,\n                isExpanded ? this.styles.activeHeader : {}]}\n                onPress={this.toggle.bind(this, index + 1, !isExpanded)}>\n          {this.expandCollapseIcon(item, index, false, showIconOnLeft, true, isExpanded)}\n          {item.props.iconclass ? <WmIcon id={this.getTestId('icon')} styles={titleIconStyles} name={item.props.name + '_icon'} iconclass={item.props.iconclass}></WmIcon>: null}\n          <View style={{flexDirection: 'column', flex: 1, justifyContent: 'center'}}>\n            {this._showSkeleton ? \n             <WmLabel \n               showskeleton={true}\n               styles={{\n                root: [\n                  this.styles.text,\n                  this.styles.heading\n                ]\n              }} \n              caption={isDefined(item.props.title) ? item.props.title : 'Title'}/> :  \n             <Text \n                style={[\n                  this.styles.text,\n                  this.styles.heading,\n                  isExpanded ? this.styles.activeHeaderTitle : {}]}\n                  {...this.getTestPropsForAction(`header${index}_title`)}\n                  accessibilityRole='header'>\n                    {isDefined(item.props.title) ? item.props.title : 'Title'}\n            </Text>} \n            {item.props.description ? \n              (this._showSkeleton ? \n              <WmLabel \n                styles={{root: this.styles.subheading}} \n                showskeleton={true} \n                caption={item.props.description} /> : \n              <Text style={this.styles.subheading}\n                {...this.getTestPropsForAction(`header${index}_description`)}>\n                  {item.props.description}\n               </Text>) : null }\n          </View>\n          {this.expandCollapseIcon(item, index, true, !showIconOnLeft, true, isExpanded)}\n        </TouchableOpacity>\n        {item}\n      </View>\n    ): null;\n  }\n\n  toggle(index: number, expand = true) {\n    let expandedId = expand ? index : -1;\n    let collapseId = expand ? -1 : index;\n    const expandedPane = expandedId ? this.accordionPanes[expandedId - 1]: null;\n    if (expand && this.state.isExpanded[expandedId - 1] && !expandedPane?.state.collapsed\n        || !expand && this.state.isExpanded[collapseId - 1] === false && expandedPane?.state.collapsed) {\n        return;\n    }\n    if (collapseId < 0 && this.state.props.closeothers) {\n      collapseId = this.state.lastExpandedIndex;\n    }\n    const collapsedPane = this.accordionPanes[collapseId -1];\n    collapsedPane?.hide();\n    Promise.resolve().then(() => {\n      expandedPane?.show();\n      this.setState((state) => {\n        if (collapseId > 0 && collapsedPane) {\n          state.isExpanded[collapseId - 1] = false;\n        }\n        if (expandedId > 0 && expandedPane) {\n          state.isExpanded[expandedId - 1] = true;\n        }\n        return {\n          lastExpandedIndex: expandedId,\n          isExpanded: [...state.isExpanded]\n        };\n      }, () => {\n        this.invokeEventCallback('onChange', [{},\n          this.proxy,\n          expandedId - 1,\n          collapseId ? collapseId - 1 : null,\n          expandedPane && expandedPane.props.name,\n          collapsedPane && collapsedPane.props.name]);\n        });\n    }, () => {});\n  }\n\n  public componentDidMount(): void {\n      super.componentDidMount();\n      this.toggle(this.state.props.defaultpaneindex + 1);\n  }\n\n  protected getBackground(): React.JSX.Element | null {\n    return this._showSkeleton ? null : this._background\n  } \n  \n  public renderSkeleton(props: WmAccordionProps): React.ReactNode {\n    const accordionpanes = props.children;\n      if(!props.showskeletonchildren) {\n        const skeletonStyles: WmSkeletonStyles = this.props?.styles?.skeleton || { root: {}, text: {}  } as WmSkeletonStyles\n        return createSkeleton(this.theme, skeletonStyles, {\n          ...this.styles.root\n        }, (<View style={[this.styles.root, { opacity: 0 }]}>\n           {accordionpanes\n              ? isArray(accordionpanes) && accordionpanes.length\n                ? accordionpanes.map((item: any, index: any) => this.renderAccordionpane(item, index, accordionpanes))\n                : this.renderAccordionpane(accordionpanes, 0)\n              : null}\n        </View>))\n      }\n      return null;\n    }\n\n\n  renderWidget(props: WmAccordionProps) {\n    const accordionpanes = props.children;\n    const expandedId = this.state.lastExpandedIndex || 0;\n    const styles = this._showSkeleton ? {\n      ...this.styles.root,\n      ...this.styles.skeleton?.root\n    } : this.styles.root\n    return (\n        <View style={styles}>\n          {this.getBackground()}\n            {accordionpanes\n              ? isArray(accordionpanes) && accordionpanes.length\n                ? accordionpanes.map((item: any, index: any) => this.renderAccordionpane(item, index, accordionpanes))\n                : this.renderAccordionpane(accordionpanes, 0)\n              : null}\n        </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}