npm - @wavemaker/app-rn-runtime - Versions diffs - 11.4.0-next.25501 → 11.4.0-next.25701 - Mend

@wavemaker/app-rn-runtime 11.4.0-next.25501 → 11.4.0-next.25701

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (529) hide show

app-rn-runtime/components/chart/theme/chart.theme.js.map CHANGED Viewed

	@@ -1 +1 @@
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","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: c1,\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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"}
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","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: c1,\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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"}

app-rn-runtime/components/container/accordion/accordion.component.js CHANGED Viewed

@@ -2,40 +2,48 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 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 React from 'react';
-import { View } from 'react-native';
-import { Badge, List } from 'react-native-paper';
+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 { isDefined } from '@wavemaker/app-rn-runtime/core/utils';
 import WmAccordionProps from './accordion.props';
 import { DEFAULT_CLASS } from './accordion.styles';
 import WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';
-import { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';
-import { createSkeleton } from '../../basic/skeleton/skeleton.component';
+import { isDefined } from '@wavemaker/app-rn-runtime/core/utils';
 export class WmAccordionState extends BaseComponentState {
   constructor() {
     super(...arguments);
-    _defineProperty(this, "expandedId", void 0);
+    _defineProperty(this, "lastExpandedIndex", -1);
+    _defineProperty(this, "isExpanded", []);
   }
 }
 export default class WmAccordion extends BaseComponent {
   constructor(props) {
-    super(props, DEFAULT_CLASS, new WmAccordionProps());
-    _defineProperty(this, "animatedRef", void 0);
+    super(props, DEFAULT_CLASS, new WmAccordionProps(), new WmAccordionState());
     _defineProperty(this, "accordionPanes", []);
     _defineProperty(this, "newIndex", 0);
-    this.updateState({
-      expandedId: (this.state.props.defaultpaneindex || 0) + 1
-    });
   }
   addAccordionPane(accordionPane) {
-    this.accordionPanes[(this.newIndex || this.state.expandedId) - 1] = accordionPane;
+    const i = this.accordionPanes.findIndex(t => t.props.name === accordionPane.props.name);
+    if (i >= 0) {
+      this.accordionPanes[i] = accordionPane;
+    } else {
+      this.accordionPanes[this.newIndex++] = accordionPane;
+    }
+  }
+  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(props, item) {
-    let showBadge = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-    let showIcon = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
-    let useChevron = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : true;
-    let isExpanded = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
+  expandCollapseIcon(item) {
+    let showBadge = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    let showIcon = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+    let useChevron = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
+    let isExpanded = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
     const widgetProps = item.props;
     //@ts-ignore
     const badge = showBadge && widgetProps.badgevalue != undefined ? /*#__PURE__*/React.createElement(Badge, {
@@ -58,125 +66,73 @@ export default class WmAccordion extends BaseComponent {
     }) : null);
   }
   renderAccordionpane(item, index) {
-    let isExpanded = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-    let accordionpanes = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
+    let accordionpanes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
     const showIconOnLeft = this.styles.leftToggleIcon.root.width !== undefined;
+    const isExpanded = this.state.isExpanded[index];
     return /*#__PURE__*/React.createElement(View, {
       style: this.styles.pane,
       key: item.props.name
-    }, /*#__PURE__*/React.createElement(List.Accordion, {
-      title: isDefined(item.props.title) ? item.props.title : 'Title',
+    }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+      key: 'accordionpane_' + (index + 1),
       style: [this.styles.header, index === 0 ? this.styles.firstHeader : null, index === accordionpanes.length - 1 && !isExpanded ? this.styles.lastHeader : null, isExpanded ? this.styles.activeHeader : {}],
-      theme: {
-        colors: {
-          background: this.styles.header.backgroundColor,
-          primary: this.styles.activeHeader.color
-        }
-      },
-      titleStyle: [this.styles.text, isExpanded ? this.styles.activeHeaderTitle : {}],
-      descriptionStyle: this.styles.subheading,
-      description: item.props.subheading,
-      id: index + 1,
-      key: 'accordionpane_' + index,
-      right: props => this.expandCollapseIcon(props, item, true, !showIconOnLeft, true, isExpanded),
-      left: props => /*#__PURE__*/React.createElement(React.Fragment, null, this.expandCollapseIcon(props, item, false, showIconOnLeft, true, isExpanded), item.props.iconclass ? /*#__PURE__*/React.createElement(WmIcon, {
-        styles: this.styles.icon,
-        name: item.props.name + '_icon',
-        iconclass: item.props.iconclass
-      }) : null)
-    }, /*#__PURE__*/React.createElement(Animatedview, {
+      onPress: this.toggle.bind(this, index + 1, !isExpanded)
+    }, this.expandCollapseIcon(item, false, showIconOnLeft, true, isExpanded), item.props.iconclass ? /*#__PURE__*/React.createElement(WmIcon, {
+      styles: this.styles.icon,
+      name: item.props.name + '_icon',
+      iconclass: item.props.iconclass
+    }) : null, /*#__PURE__*/React.createElement(View, {
       style: {
-        marginLeft: -64
-      },
-      ref: ref => this.animatedRef = ref,
-      entryanimation: this.state.props.animation
-    }, item)));
+        flexDirection: 'column',
+        flex: 1,
+        justifyContent: 'center'
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: [this.styles.text, this.styles.heading, isExpanded ? this.styles.activeHeaderTitle : {}]
+    }, isDefined(item.props.title) ? item.props.title : 'Title'), item.props.description ? /*#__PURE__*/React.createElement(Text, {
+      style: this.styles.subheading
+    }, item.props.description) : null), this.expandCollapseIcon(item, true, !showIconOnLeft, true, isExpanded)), item);
   }
-  onAccordionPress(expandedId) {
-    const oldIndex = this.state.expandedId;
-    this.newIndex = expandedId;
-    const collapsedPane = oldIndex ? this.accordionPanes[oldIndex - 1] : null;
-    collapsedPane === null || collapsedPane === void 0 ? void 0 : collapsedPane.onPaneCollapse();
+  toggle(index) {
+    let expand = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    let expandedId = expand ? index : -1;
+    let collapseId = expand ? -1 : index;
+    if (expand && this.state.isExpanded[expandedId - 1] || !expand && this.state.isExpanded[collapseId - 1] === false) {
+      return;
+    }
+    if (collapseId < 0 && this.state.props.closeothers) {
+      collapseId = this.state.lastExpandedIndex;
+    }
+    const collapsedPane = this.accordionPanes[collapseId - 1];
+    collapsedPane === null || collapsedPane === void 0 ? void 0 : collapsedPane.hide();
     Promise.resolve().then(() => {
-      if (this.state.expandedId >= 0) {
-        return this.animatedRef.triggerExit().then(res => !res && Promise.reject());
-      }
-    }).then(() => {
-      if (this.state.expandedId === expandedId) {
-        expandedId = -1;
-      }
-      this.updateState({
-        expandedId: expandedId
+      const expandedPane = expandedId ? this.accordionPanes[expandedId - 1] : null;
+      expandedPane === null || expandedPane === void 0 ? 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]
+        };
       }, () => {
-        const expandedPane = expandedId ? this.accordionPanes[expandedId - 1] : null;
-        expandedPane === null || expandedPane === void 0 ? void 0 : expandedPane.onPaneExpand();
-        this.invokeEventCallback('onChange', [{}, this.proxy, expandedId - 1, oldIndex ? oldIndex - 1 : null, expandedPane && expandedPane.props.name, collapsedPane && collapsedPane.props.name]);
+        this.invokeEventCallback('onChange', [{}, this.proxy, expandedId - 1, collapseId ? collapseId - 1 : null, expandedPane && expandedPane.props.name, collapsedPane && collapsedPane.props.name]);
       });
     }, () => {});
   }
-  renderSkeletonAccordionpane(item, index) {
-    let isExpanded = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-    let accordionpanes = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
-    const showIconOnLeft = this.styles.leftToggleIcon.root.width !== undefined;
-    return /*#__PURE__*/React.createElement(View, {
-      style: this.styles.pane,
-      key: item.props.name
-    }, /*#__PURE__*/React.createElement(List.Accordion, {
-      title: '',
-      style: [{}],
-      theme: {},
-      titleStyle: [{}],
-      descriptionStyle: this.styles.subheading,
-      description: item.props.subheading,
-      id: index + 1,
-      key: 'accordionpane_' + index,
-      right: props => this.expandCollapseIcon(props, item, true, !showIconOnLeft, true, isExpanded),
-      left: props => {
-        var _this$styles$root, _this$styles$root2, _this$styles$activeHe;
-        return /*#__PURE__*/React.createElement(React.Fragment, null, createSkeleton(this.theme, {
-          root: {
-            borderRadius: 4
-          }
-        }, {
-          ...this.styles.root,
-          width: ((_this$styles$root = this.styles.root) === null || _this$styles$root === void 0 ? void 0 : _this$styles$root.width) || "100%",
-          height: ((_this$styles$root2 = this.styles.root) === null || _this$styles$root2 === void 0 ? void 0 : _this$styles$root2.height) || ((_this$styles$activeHe = this.styles.activeHeaderTitle) === null || _this$styles$activeHe === void 0 ? void 0 : _this$styles$activeHe.fontSize) || 16
-        }), this.expandCollapseIcon(props, item, false, showIconOnLeft, true, isExpanded), item.props.iconclass ? /*#__PURE__*/React.createElement(WmIcon, {
-          styles: this.styles.icon,
-          name: item.props.name + '_icon',
-          iconclass: item.props.iconclass
-        }) : null);
-      }
-    }, /*#__PURE__*/React.createElement(Animatedview, {
-      style: {
-        marginLeft: -64
-      },
-      ref: ref => this.animatedRef = ref,
-      entryanimation: this.state.props.animation
-    }, item)));
-  }
-  AccordionSkeleton() {
-    const accordionpanes = this.props.children;
-    const expandedId = this.state.expandedId || 0;
-    return /*#__PURE__*/React.createElement(View, {
-      style: this.styles.root
-    }, /*#__PURE__*/React.createElement(List.AccordionGroup, {
-      expandedId: expandedId,
-      onAccordionPress: this.onAccordionPress.bind(this)
-    }, accordionpanes ? isArray(accordionpanes) && accordionpanes.length ? accordionpanes.map((item, index) => this.renderSkeletonAccordionpane(item, index, false, accordionpanes)) : this.renderSkeletonAccordionpane(accordionpanes, 0) : null));
-  }
-  renderSkeleton(props) {
-    return this.AccordionSkeleton();
+  componentDidMount() {
+    super.componentDidMount();
+    this.toggle(this.state.props.defaultpaneindex + 1);
   }
   renderWidget(props) {
     const accordionpanes = props.children;
-    const expandedId = this.state.expandedId || 0;
+    const expandedId = this.state.lastExpandedIndex || 0;
     return /*#__PURE__*/React.createElement(View, {
       style: this.styles.root
-    }, /*#__PURE__*/React.createElement(List.AccordionGroup, {
-      expandedId: expandedId,
-      onAccordionPress: this.onAccordionPress.bind(this)
-    }, accordionpanes ? isArray(accordionpanes) && accordionpanes.length ? accordionpanes.map((item, index) => this.renderAccordionpane(item, index, expandedId === index + 1, accordionpanes)) : this.renderAccordionpane(accordionpanes, 0) : null));
+    }, this._background, accordionpanes ? isArray(accordionpanes) && accordionpanes.length ? accordionpanes.map((item, index) => this.renderAccordionpane(item, index, accordionpanes)) : this.renderAccordionpane(accordionpanes, 0) : null);
   }
 }
 //# sourceMappingURL=accordion.component.js.map

app-rn-runtime/components/container/accordion/accordion.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","View","Badge","List","isArray","BaseComponent","BaseComponentState","isDefined","WmAccordionProps","DEFAULT_CLASS","WmIcon","Animatedview","createSkeleton","WmAccordionState","WmAccordion","constructor","props","updateState","expandedId","state","defaultpaneindex","addAccordionPane","accordionPane","accordionPanes","newIndex","expandCollapseIcon","item","showBadge","showIcon","useChevron","isExpanded","widgetProps","badge","badgevalue","undefined","styles","activeBadge","badgetype","iconclass","flexDirection","theme","mergeStyle","icon","activeIcon","renderAccordionpane","index","accordionpanes","showIconOnLeft","leftToggleIcon","root","width","pane","name","title","header","firstHeader","length","lastHeader","activeHeader","colors","background","backgroundColor","primary","color","text","activeHeaderTitle","subheading","marginLeft","ref","animatedRef","animation","onAccordionPress","oldIndex","collapsedPane","onPaneCollapse","Promise","resolve","then","triggerExit","res","reject","expandedPane","onPaneExpand","invokeEventCallback","proxy","renderSkeletonAccordionpane","borderRadius","height","fontSize","AccordionSkeleton","children","bind","map","renderSkeleton","renderWidget"],"sources":["accordion.component.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Text, View } from 'react-native';\nimport { Badge, List } from 'react-native-paper';\nimport { isArray } from 'lodash';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { isDefined } from '@wavemaker/app-rn-runtime/core/utils';\n\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 { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport WmAccordionpane from './accordionpane/accordionpane.component';\nimport WmSkeleton, { createSkeleton } from '../../basic/skeleton/skeleton.component';\nimport { WmSkeletonStyles } from '../../basic/skeleton/skeleton.styles';\n\nexport class WmAccordionState extends BaseComponentState<WmAccordionProps> {\n expandedId: any;\n}\n\nexport default class WmAccordion extends BaseComponent<WmAccordionProps, WmAccordionState, WmAccordionStyles> {\n private animatedRef: any;\n public accordionPanes = [] as WmAccordionpane[];\n private newIndex = 0;\n\n constructor(props: WmAccordionProps) {\n super(props, DEFAULT_CLASS, new WmAccordionProps());\n this.updateState({\n expandedId: (this.state.props.defaultpaneindex \|\| 0) + 1\n } as WmAccordionState);\n }\n\n addAccordionPane(accordionPane: WmAccordionpane) {\n this.accordionPanes[(this.newIndex \|\| this.state.expandedId) - 1] = accordionPane;\n }\n\n expandCollapseIcon(props: any, item: any, 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 {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 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, isExpanded = true, accordionpanes: any[] = []) {\n const showIconOnLeft = this.styles.leftToggleIcon.root.width !== undefined;\n return (\n <View style={this.styles.pane} key={item.props.name}>\n <List.Accordion title={isDefined(item.props.title) ? item.props.title : 'Title'}\n style={[\n 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 theme={{\n colors: {\n background : this.styles.header.backgroundColor as string,\n primary: this.styles.activeHeader.color as string\n }\n }}\n titleStyle={[this.styles.text, isExpanded ? this.styles.activeHeaderTitle : {}]}\n descriptionStyle={this.styles.subheading}\n description={item.props.subheading}\n id={index + 1}\n key={'accordionpane_' + index}\n right={props => this.expandCollapseIcon(props, item, true, !showIconOnLeft, true, isExpanded)}\n left={props => (\n <>\n {this.expandCollapseIcon(props, item, false, showIconOnLeft, true, isExpanded)}\n {item.props.iconclass ? <WmIcon styles={this.styles.icon} name={item.props.name + '_icon'} iconclass={item.props.iconclass}></WmIcon>: null}\n </>)\n }>\n <Animatedview style={{marginLeft: -64}} ref={ref => this.animatedRef = ref} entryanimation={this.state.props.animation}>{item}</Animatedview>\n </List.Accordion>\n </View>\n );\n }\n\n onAccordionPress(expandedId: any) {\n const oldIndex = this.state.expandedId;\n this.newIndex = expandedId;\n const collapsedPane = oldIndex ? this.accordionPanes[oldIndex - 1]: null;\n collapsedPane?.onPaneCollapse();\n Promise.resolve().then(() => {\n if (this.state.expandedId >= 0) {\n return this.animatedRef.triggerExit().then((res: any) => !res && Promise.reject());\n }\n }).then(() => {\n if (this.state.expandedId === expandedId) {\n expandedId = -1;\n }\n this.updateState({\n expandedId: expandedId,\n } as WmAccordionState, () => {\n const expandedPane = expandedId ? this.accordionPanes[expandedId - 1]: null;\n expandedPane?.onPaneExpand();\n this.invokeEventCallback('onChange', [{},\n this.proxy,\n expandedId - 1,\n oldIndex ? oldIndex - 1 : null,\n expandedPane && expandedPane.props.name,\n collapsedPane && collapsedPane.props.name])\n });\n }, () => {});\n }\n\n\n renderSkeletonAccordionpane(item: any, index: any, isExpanded = true, accordionpanes: any[] = []) {\n const showIconOnLeft = this.styles.leftToggleIcon.root.width !== undefined;\n return (\n <View style={this.styles.pane} key={item.props.name}>\n <List.Accordion title={''}\n style={[{}]}\n theme={{}}\n titleStyle={[{}]}\n descriptionStyle={this.styles.subheading}\n description={item.props.subheading}\n id={index + 1}\n key={'accordionpane_' + index}\n right={props => this.expandCollapseIcon(props, item, true, !showIconOnLeft, true, isExpanded)}\n left={props => (\n <>\n {\n createSkeleton(this.theme, { root: { borderRadius: 4 }} as WmSkeletonStyles, {\n ...this.styles.root,\n width: this.styles.root?.width \|\| \"100%\",\n height: this.styles.root?.height \|\| this.styles.activeHeaderTitle?.fontSize \|\| 16\n })\n }\n {this.expandCollapseIcon(props, item, false, showIconOnLeft, true, isExpanded)}\n {item.props.iconclass ? <WmIcon styles={this.styles.icon} name={item.props.name + '_icon'} iconclass={item.props.iconclass}></WmIcon>: null}\n </>)\n }>\n <Animatedview style={{marginLeft: -64}} ref={ref => this.animatedRef = ref} entryanimation={this.state.props.animation}>{item}</Animatedview>\n </List.Accordion>\n </View>\n );\n }\n public AccordionSkeleton() {\n const accordionpanes = this.props.children;\n const expandedId = this.state.expandedId \|\| 0;\n return (\n <View style={this.styles.root}>\n <List.AccordionGroup expandedId={ expandedId } onAccordionPress={this.onAccordionPress.bind(this)} >\n {accordionpanes\n ? isArray(accordionpanes) && accordionpanes.length\n ? accordionpanes.map((item: any, index: any) => this.renderSkeletonAccordionpane(item, index, false, accordionpanes))\n : this.renderSkeletonAccordionpane(accordionpanes, 0)\n : null}\n </List.AccordionGroup>\n </View>\n )\n }\n\n public renderSkeleton(props: WmAccordionProps){\n return(this.AccordionSkeleton())\n }\n\n renderWidget(props: WmAccordionProps) {\n const accordionpanes = props.children;\n const expandedId = this.state.expandedId \|\| 0;\n return (\n <View style={this.styles.root}>\n <List.AccordionGroup expandedId={ expandedId } onAccordionPress={this.onAccordionPress.bind(this)} >\n {accordionpanes\n ? isArray(accordionpanes) && accordionpanes.length\n ? accordionpanes.map((item: any, index: any) => this.renderAccordionpane(item, index, expandedId === index + 1, accordionpanes))\n : this.renderAccordionpane(accordionpanes, 0)\n : null}\n </List.AccordionGroup>\n </View>\n );\n }\n}\n"],"mappings":"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"}
1	+ {"version":3,"names":["React","Text","TouchableOpacity","View","Badge","isArray","BaseComponent","BaseComponentState","WmAccordionProps","DEFAULT_CLASS","WmIcon","isDefined","WmAccordionState","constructor","arguments","_defineProperty","WmAccordion","props","addAccordionPane","accordionPane","i","accordionPanes","findIndex","t","name","newIndex","expand","accordionName","toggle","collapse","expandCollapseIcon","item","showBadge","length","undefined","showIcon","useChevron","isExpanded","widgetProps","badge","badgevalue","createElement","style","styles","activeBadge","badgetype","iconclass","flexDirection","theme","mergeStyle","icon","activeIcon","renderAccordionpane","index","accordionpanes","showIconOnLeft","leftToggleIcon","root","width","state","pane","key","header","firstHeader","lastHeader","activeHeader","onPress","bind","flex","justifyContent","text","heading","activeHeaderTitle","title","description","subheading","expandedId","collapseId","closeothers","lastExpandedIndex","collapsedPane","hide","Promise","resolve","then","expandedPane","show","setState","invokeEventCallback","proxy","componentDidMount","defaultpaneindex","renderWidget","children","_background","map"],"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\nexport class WmAccordionState extends BaseComponentState<WmAccordionProps> {\n lastExpandedIndex = -1;\n isExpanded = [] as boolean[];\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 => t.props.name === accordionPane.props.name);\n if (i >= 0) {\n this.accordionPanes[i] = accordionPane;\n } else {\n this.accordionPanes[this.newIndex++] = accordionPane;\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, 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 {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 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 return (\n <View style={this.styles.pane} key={item.props.name}>\n <TouchableOpacity key={'accordionpane_' + (index + 1)}\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, false, showIconOnLeft, true, isExpanded)}\n {item.props.iconclass ? <WmIcon styles={this.styles.icon} name={item.props.name + '_icon'} iconclass={item.props.iconclass}></WmIcon>: null}\n <View style={{flexDirection: 'column', flex: 1, justifyContent: 'center'}}>\n <Text style={[\n this.styles.text,\n this.styles.heading,\n isExpanded ? this.styles.activeHeaderTitle : {}]}>\n {isDefined(item.props.title) ? item.props.title : 'Title'}\n </Text>\n {item.props.description ? \n (<Text style={this.styles.subheading}>{item.props.description}</Text>) : null }\n </View>\n {this.expandCollapseIcon(item, true, !showIconOnLeft, true, isExpanded)}\n </TouchableOpacity>\n {item}\n </View>\n );\n }\n\n toggle(index: number, expand = true) {\n let expandedId = expand ? index : -1;\n let collapseId = expand ? -1 : index;\n if (expand && this.state.isExpanded[expandedId - 1]\n \|\| !expand && this.state.isExpanded[collapseId - 1] === false) {\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 const expandedPane = expandedId ? this.accordionPanes[expandedId - 1]: null;\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 renderWidget(props: WmAccordionProps) {\n const accordionpanes = props.children;\n const expandedId = this.state.lastExpandedIndex \|\| 0;\n return (\n <View style={this.styles.root}>\n {this._background}\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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"}

app-rn-runtime/components/container/accordion/accordion.props.js CHANGED Viewed

@@ -8,6 +8,7 @@ export default class WmAccordionProps extends BaseProps {
     _defineProperty(this, "animation", 'fadeInDown');
     _defineProperty(this, "children", void 0);
     _defineProperty(this, "defaultpaneindex", 0);
+    _defineProperty(this, "closeothers", true);
   }
 }
 //# sourceMappingURL=accordion.props.js.map

app-rn-runtime/components/container/accordion/accordion.props.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["BaseProps","WmAccordionProps"],"sources":["accordion.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmAccordionProps extends BaseProps {\n animation: string = 'fadeInDown';\n children: any;\n defaultpaneindex: number = 0;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,gBAAgB,SAASD,SAAS,CAAC;~~EAAA~~;IAAA;~~IAAA~~,~~mCAClC~~,YAAY;~~IAAA~~;~~IAAA~~,~~0CAEL~~,CAAC;EAAA;~~AAC9B~~"}
1	+ {"version":3,"names":["BaseProps","WmAccordionProps","constructor","arguments","_defineProperty"],"sources":["accordion.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmAccordionProps extends BaseProps {\n animation: string = 'fadeInDown';\n children: any;\n defaultpaneindex: number = 0;\n closeothers = true;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,gBAAgB,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,oBAClC,YAAY;IAAAA,eAAA;IAAAA,eAAA,2BAEL,CAAC;IAAAA,eAAA,sBACd,IAAI;EAAA;AACpB"}

app-rn-runtime/components/container/accordion/accordion.styles.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';
 import { defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';
+import { Platform } from 'react-native';
 export const DEFAULT_CLASS = 'app-accordion';
 BASE_THEME.registerStyle((themeVariables, addStyle) => {
   const defaultStyles = defineStyles({
@@ -19,15 +20,15 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       borderTopLeftRadius: 6,
       borderTopRightRadius: 6
     },
-    pane: {
-      marginBottom: 4
-    },
+    pane: {},
     header: {
       borderBottomWidth: 1,
       borderStyle: 'solid',
       borderColor: themeVariables.accordionBorderColor,
       backgroundColor: themeVariables.accordionHeaderBgColor,
-      padding: 8
+      padding: 8,
+      flexDirection: 'row',
+      justifyContent: 'center'
     },
     lastHeader: {
       borderBottomWidth: 0,
@@ -107,6 +108,15 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     }
   });
   addStyle(DEFAULT_CLASS, '', defaultStyles);
+  addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS == "web" ? {
+    text: {
+      textAlign: 'right'
+    }
+  } : {
+    text: {
+      textAlign: 'left'
+    }
+  });
   addStyle('app-accordion1', '', {
     pane: {
       marginBottom: 0

app-rn-runtime/components/container/accordion/accordion.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","width","borderWidth","borderStyle","borderColor","accordionBorderColor","borderRadius","backgroundColor","transparent","text","color","accordionTitleColor","fontSize","firstHeader","borderTopLeftRadius","borderTopRightRadius","pane","~~marginBottom","~~header","borderBottomWidth","accordionHeaderBgColor","padding","lastHeader","borderBottomLeftRadius","borderBottomRightRadius","activeHeader","accordionActiveHeaderBgColor","activeHeaderTitle","accordionActiveHeaderTextColor","subheading","icon","alignSelf","height","~~justifyContent","~~accordionIconColor","fontWeight","leftToggleIcon","rightToggleIcon","activeIcon","activeBadge","badge","marginRight","alignContent","default","success","labelSuccessColor","danger","labelDangerColor","warning","labelWarningColor","info","labelInfoColor","primary","labelPrimaryColor"],"sources":["accordion.styles.ts"],"sourcesContent":["import BASE_THEME, {AllStyle} from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { TextStyle, ViewStyle } from 'react-native';\nimport Color from 'color';\n\nexport type WmAccordionStyles = BaseStyles & {\n icon: WmIconStyles,\n rightToggleIcon: WmIconStyles,\n leftToggleIcon: WmIconStyles,\n activeIcon: WmIconStyles,\n pane: AllStyle,\n badge: AllStyle,\n activeBadge: AllStyle,\n firstHeader: ViewStyle,\n lastHeader: ViewStyle,\n header: AllStyle,\n activeHeader: AllStyle,\n activeHeaderTitle: TextStyle,\n subheading: AllStyle\n};\n\nexport const DEFAULT_CLASS = 'app-accordion';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n const defaultStyles: WmAccordionStyles = defineStyles({\n root: {\n width: '100%',\n borderWidth: 0,\n borderStyle: 'solid',\n borderColor: themeVariables.accordionBorderColor,\n borderRadius: 6,\n backgroundColor: themeVariables.transparent\n },\n text: {\n color: themeVariables.accordionTitleColor,\n fontSize: 18\n },\n firstHeader: {\n borderTopLeftRadius: 6,\n borderTopRightRadius: 6\n },\n pane : {~~\n marginBottom: 4,\n~~ },\n header: {\n borderBottomWidth: 1,\n borderStyle: 'solid',\n borderColor: themeVariables.accordionBorderColor,\n backgroundColor: themeVariables.accordionHeaderBgColor,\n padding: 8\n },\n lastHeader: {\n borderBottomWidth: 0,\n borderBottomLeftRadius: 6,\n borderBottomRightRadius: 6\n },\n activeHeader: {\n borderColor: themeVariables.accordionActiveHeaderBgColor,\n backgroundColor: themeVariables.accordionActiveHeaderBgColor\n },\n activeHeaderTitle: {\n color: themeVariables.accordionActiveHeaderTextColor\n },\n subheading: {\n\n },\n icon: {\n root: {\n alignSelf: 'auto',\n width: 24,\n height: 24,\n borderRadius: 24,\n justifyContent: 'center'\n },\n icon: {\n color: themeVariables.accordionIconColor,\n alignSelf: 'center',\n justifyContent: 'center',\n fontSize: 16,\n fontWeight: 'bold'\n }\n } as WmIconStyles,\n leftToggleIcon: {\n root: {}\n } as WmIconStyles,\n rightToggleIcon: {\n root: {}\n } as WmIconStyles,\n activeIcon : {\n root: {\n borderColor: themeVariables.accordionActiveHeaderTextColor,\n },\n icon: {\n color: themeVariables.accordionActiveHeaderTextColor\n }\n } as WmIconStyles,\n activeBadge: {\n borderColor: themeVariables.accordionActiveHeaderTextColor,\n color: themeVariables.accordionActiveHeaderTextColor\n },\n badge: {\n color: themeVariables.accordionIconColor,\n fontSize: 14,\n marginRight: 4,\n width: 24,\n height: 24,\n borderRadius: 12,\n alignContent: 'center',\n borderStyle: 'solid',\n borderWidth: 2,\n borderColor: themeVariables.accordionIconColor,\n backgroundColor: themeVariables.transparent\n },\n default: {},\n success: {\n backgroundColor: themeVariables.labelSuccessColor\n },\n danger: {\n backgroundColor: themeVariables.labelDangerColor\n },\n warning: {\n backgroundColor: themeVariables.labelWarningColor\n },\n info: {\n backgroundColor: themeVariables.labelInfoColor\n },\n primary: {\n backgroundColor: themeVariables.labelPrimaryColor\n }\n });\n\n addStyle(DEFAULT_CLASS, '', defaultStyles);\n addStyle('app-accordion1', '', {\n pane: {\n marginBottom: 0\n },\n leftToggleIcon: {\n root: {\n width: 1\n }\n },\n icon: {\n root: {\n backgroundColor: 'rgba(255, 255, 255, 0.1)'\n }\n }\n } as WmAccordionStyles);\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAkB,wCAAwC;AAC3E,SAAqBC,YAAY,QAAQ,+CAA+C;~~AAqBxF~~,OAAO,MAAMC,aAAa,GAAG,eAAe;~~AAC5CF~~,UAAU,~~CAACG~~,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAAgC,~~GAAGL~~,YAAY,CAAC;~~IAClDM~~,IAAI,EAAE;MACJC,KAAK,EAAE,MAAM;MACbC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAEP,cAAc,CAACQ,oBAAoB;MAChDC,YAAY,EAAE,CAAC;MACfC,eAAe,EAAEV,cAAc,CAACW;IAClC,CAAC;IACDC,IAAI,EAAE;MACJC,KAAK,EAAEb,cAAc,CAACc,mBAAmB;MACzCC,QAAQ,EAAE;IACZ,CAAC;IACDC,WAAW,EAAE;MACXC,mBAAmB,EAAE,CAAC;MACtBC,oBAAoB,EAAE;IACxB,CAAC;IACDC,IAAI,EAAG~~;MACLC~~,~~YAAY~~,~~EAAE;IAChB,~~CAAC;~~IACDC~~,MAAM,EAAE;MACNC,iBAAiB,EAAE,CAAC;~~MACpBhB~~,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAEP,cAAc,CAACQ,oBAAoB;MAChDE,eAAe,EAAEV,cAAc,~~CAACuB~~,sBAAsB;MACtDC,OAAO,EAAE;~~IACX~~,CAAC;IACDC,UAAU,EAAE;~~MACVH~~,iBAAiB,EAAE,CAAC;~~MACpBI~~,sBAAsB,EAAE,CAAC;MACzBC,uBAAuB,EAAE;IAC3B,CAAC;IACDC,YAAY,EAAE;~~MACZrB~~,WAAW,EAAEP,cAAc,~~CAAC6B~~,4BAA4B;~~MACxDnB~~,eAAe,EAAEV,cAAc,~~CAAC6B~~;IAClC,CAAC;IACDC,iBAAiB,EAAE;~~MACjBjB~~,KAAK,EAAEb,cAAc,~~CAAC+B~~;IACxB,CAAC;IACDC,UAAU,EAAE,CAEZ,CAAC;IACDC,IAAI,EAAE;~~MACJ9B~~,IAAI,EAAE;~~QACJ+B~~,SAAS,EAAE,MAAM;~~QACjB9B~~,KAAK,EAAE,EAAE;~~QACT+B~~,MAAM,EAAE,EAAE;~~QACV1B~~,YAAY,EAAE,EAAE;~~QAChB2B~~,cAAc,EAAE;MAClB,CAAC;~~MACDH~~,IAAI,EAAE;~~QACJpB~~,KAAK,EAAEb,cAAc,CAACqC,kBAAkB;~~QACxCH~~,SAAS,EAAE,QAAQ;~~QACnBE~~,cAAc,EAAE,QAAQ;~~QACxBrB~~,QAAQ,EAAE,EAAE;QACZuB,UAAU,EAAE;MACd;IACF,CAAiB;IACjBC,cAAc,EAAE;MACdpC,IAAI,EAAE,CAAC;IACT,CAAiB;IACjBqC,eAAe,EAAE;MACfrC,IAAI,EAAE,CAAC;IACT,CAAiB;IACjBsC,UAAU,EAAG;MACXtC,IAAI,EAAE;QACJI,WAAW,EAAEP,cAAc,~~CAAC+B~~;MAC9B,CAAC;MACDE,IAAI,EAAE;~~QACJpB~~,KAAK,EAAEb,cAAc,~~CAAC+B~~;MACxB;IACF,CAAiB;~~IACjBW~~,WAAW,EAAE;MACXnC,WAAW,EAAEP,cAAc,~~CAAC+B~~,8BAA8B;~~MAC1DlB~~,KAAK,EAAEb,cAAc,~~CAAC+B~~;IACxB,CAAC;~~IACDY~~,KAAK,EAAE;MACH9B,KAAK,EAAEb,cAAc,CAACqC,kBAAkB;MACxCtB,QAAQ,EAAE,EAAE;MACZ6B,WAAW,EAAE,CAAC;MACdxC,KAAK,EAAE,EAAE;~~MACT+B~~,MAAM,EAAE,EAAE;~~MACV1B~~,YAAY,EAAE,EAAE;MAChBoC,YAAY,EAAE,QAAQ;MACtBvC,WAAW,EAAE,OAAO;MACpBD,WAAW,EAAE,CAAC;MACdE,WAAW,EAAEP,cAAc,CAACqC,kBAAkB;MAC9C3B,eAAe,EAAEV,cAAc,CAACW;IACpC,CAAC;IACDmC,OAAO,EAAE,CAAC,CAAC;IACXC,OAAO,EAAE;MACPrC,eAAe,EAAEV,cAAc,CAACgD;IAClC,CAAC;IACDC,MAAM,EAAE;MACNvC,eAAe,EAAEV,cAAc,CAACkD;IAClC,CAAC;IACDC,OAAO,EAAE;MACPzC,eAAe,EAAEV,cAAc,CAACoD;IAClC,CAAC;IACDC,IAAI,EAAE;MACJ3C,eAAe,EAAEV,cAAc,CAACsD;IAClC,CAAC;IACDC,OAAO,EAAE;MACP7C,eAAe,EAAEV,cAAc,CAACwD;IAClC;EACJ,CAAC,CAAC;EAEFvD,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAAC,gBAAgB,EAAE,EAAE,EAAE;IAC7BkB,IAAI,EAAE;~~MACJC~~,YAAY,EAAE;IAChB,CAAC;~~IACDmB~~,cAAc,EAAE;MACdpC,IAAI,EAAE;QACJC,KAAK,EAAE;MACT;IACF,CAAC;~~IACD6B~~,IAAI,EAAE;~~MACJ9B~~,IAAI,EAAE;QACJO,eAAe,EAAE;MACnB;IACF;EACF,CAAC~~,CAAsB~~;AACzB,CAAC,CAAC"}
1	+ {"version":3,"names":["BASE_THEME","defineStyles","Platform","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","width","borderWidth","borderStyle","borderColor","accordionBorderColor","borderRadius","backgroundColor","transparent","text","color","accordionTitleColor","fontSize","firstHeader","borderTopLeftRadius","borderTopRightRadius","pane","header","borderBottomWidth","accordionHeaderBgColor","padding","flexDirection","justifyContent","lastHeader","borderBottomLeftRadius","borderBottomRightRadius","activeHeader","accordionActiveHeaderBgColor","activeHeaderTitle","accordionActiveHeaderTextColor","subheading","icon","alignSelf","height","accordionIconColor","fontWeight","leftToggleIcon","rightToggleIcon","activeIcon","activeBadge","badge","marginRight","alignContent","default","success","labelSuccessColor","danger","labelDangerColor","warning","labelWarningColor","info","labelInfoColor","primary","labelPrimaryColor","OS","textAlign","marginBottom"],"sources":["accordion.styles.ts"],"sourcesContent":["import BASE_THEME, {AllStyle} from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { TextStyle, ViewStyle, Platform } from 'react-native';\nimport Color from 'color';\n\nexport type WmAccordionStyles = BaseStyles & {\n icon: WmIconStyles,\n rightToggleIcon: WmIconStyles,\n leftToggleIcon: WmIconStyles,\n activeIcon: WmIconStyles,\n pane: AllStyle,\n badge: AllStyle,\n activeBadge: AllStyle,\n firstHeader: ViewStyle,\n lastHeader: ViewStyle,\n header: AllStyle,\n activeHeader: AllStyle,\n activeHeaderTitle: TextStyle,\n subheading: AllStyle\n};\n\nexport const DEFAULT_CLASS = 'app-accordion';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n const defaultStyles: WmAccordionStyles = defineStyles({\n root: {\n width: '100%',\n borderWidth: 0,\n borderStyle: 'solid',\n borderColor: themeVariables.accordionBorderColor,\n borderRadius: 6,\n backgroundColor: themeVariables.transparent\n },\n text: {\n color: themeVariables.accordionTitleColor,\n fontSize: 18\n },\n firstHeader: {\n borderTopLeftRadius: 6,\n borderTopRightRadius: 6\n },\n pane : {},\n header: {\n borderBottomWidth: 1,\n borderStyle: 'solid',\n borderColor: themeVariables.accordionBorderColor,\n backgroundColor: themeVariables.accordionHeaderBgColor,\n padding: 8,\n flexDirection: 'row',\n justifyContent: 'center'\n },\n lastHeader: {\n borderBottomWidth: 0,\n borderBottomLeftRadius: 6,\n borderBottomRightRadius: 6\n },\n activeHeader: {\n borderColor: themeVariables.accordionActiveHeaderBgColor,\n backgroundColor: themeVariables.accordionActiveHeaderBgColor\n },\n activeHeaderTitle: {\n color: themeVariables.accordionActiveHeaderTextColor\n },\n subheading: {\n\n },\n icon: {\n root: {\n alignSelf: 'auto',\n width: 24,\n height: 24,\n borderRadius: 24,\n justifyContent: 'center'\n },\n icon: {\n color: themeVariables.accordionIconColor,\n alignSelf: 'center',\n justifyContent: 'center',\n fontSize: 16,\n fontWeight: 'bold'\n }\n } as WmIconStyles,\n leftToggleIcon: {\n root: {}\n } as WmIconStyles,\n rightToggleIcon: {\n root: {}\n } as WmIconStyles,\n activeIcon : {\n root: {\n borderColor: themeVariables.accordionActiveHeaderTextColor,\n },\n icon: {\n color: themeVariables.accordionActiveHeaderTextColor\n }\n } as WmIconStyles,\n activeBadge: {\n borderColor: themeVariables.accordionActiveHeaderTextColor,\n color: themeVariables.accordionActiveHeaderTextColor\n },\n badge: {\n color: themeVariables.accordionIconColor,\n fontSize: 14,\n marginRight: 4,\n width: 24,\n height: 24,\n borderRadius: 12,\n alignContent: 'center',\n borderStyle: 'solid',\n borderWidth: 2,\n borderColor: themeVariables.accordionIconColor,\n backgroundColor: themeVariables.transparent\n },\n default: {},\n success: {\n backgroundColor: themeVariables.labelSuccessColor\n },\n danger: {\n backgroundColor: themeVariables.labelDangerColor\n },\n warning: {\n backgroundColor: themeVariables.labelWarningColor\n },\n info: {\n backgroundColor: themeVariables.labelInfoColor\n },\n primary: {\n backgroundColor: themeVariables.labelPrimaryColor\n }\n });\n\n addStyle(DEFAULT_CLASS, '', defaultStyles);\n addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS==\"web\"?{\n text:{\n textAlign:'right',\n } \n }:{\n text:{\n textAlign:'left',\n } \n });\n addStyle('app-accordion1', '', {\n pane: {\n marginBottom: 0\n },\n leftToggleIcon: {\n root: {\n width: 1\n }\n },\n icon: {\n root: {\n backgroundColor: 'rgba(255, 255, 255, 0.1)'\n }\n }\n } as WmAccordionStyles);\n});\n"],"mappings":"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"}