=0)continue;target[key]=source[key]}return target}require(\"leaflet.markercluster\");var MarkerClusterGroup=(0,_core.createPathComponent)((function(_ref,ctx){var _c=_ref.children,props=_objectWithoutProperties(_ref,[\"children\"]);var clusterProps={};var clusterEvents={};Object.entries(props).forEach((function(_ref2){var _ref3=_slicedToArray(_ref2,2),propName=_ref3[0],prop=_ref3[1];return propName.startsWith(\"on\")?clusterEvents[propName]=prop:clusterProps[propName]=prop}));var markerClusterGroup=new _leaflet.default.markerClusterGroup(clusterProps);Object.entries(clusterEvents).forEach((function(_ref4){var _ref5=_slicedToArray(_ref4,2),eventAsProp=_ref5[0],callback=_ref5[1];var clusterEvent=\"cluster\".concat(eventAsProp.substring(2).toLowerCase());markerClusterGroup.on(clusterEvent,callback)}));return{instance:markerClusterGroup,context:_objectSpread(_objectSpread({},ctx),{},{layerContainer:markerClusterGroup})}}));var _default=MarkerClusterGroup;exports.default=_default;","// Libraries\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { useTranslation } from 'react-i18next';\nimport { Cell, Legend, Pie, PieChart, ResponsiveContainer, Tooltip } from 'recharts';\n\n// Components\nimport CustomTooltip from 'admin/engagement/reporting/components/CustomTooltip';\nimport CustomPieChartLabel from 'admin/engagement/reporting/components/CustomPieChart/CustomPieChartLabel';\nimport CustomPieChartLabelLine from 'admin/engagement/reporting/components/CustomPieChart/CustomPieChartLabelLine';\n\nconst pieLabelText = (props) => ;\n\nconst tooltipAttributes = [\n { tooltipLabel: 'Percentage', payloadKey: 'percentage', percentage: true },\n { tooltipLabel: 'Average', payloadKey: 'average' },\n];\n\nconst DonutChart = ({ data, chartRef, aspect }) => {\n const { t } = useTranslation();\n if (!data?.length) return {t('engagement.no_responses')}
;\n\n const legendPayload = data.map((item) => ({\n id: item.label,\n type: 'square',\n value: item.label,\n color: item.color,\n percentage: item.percentage,\n }));\n\n return (\n \n
\n \n } />\n \n {data.map((entry) => (\n | \n ))}\n \n \n \n
\n
\n {/* eslint-disable react/no-array-index-key, react/prop-types */}\n
\n \n }\n isAnimationActive={false}\n />\n \n {dataFiltered.map((entry, index) => (\n | \n ))}\n \n \n \n {/* eslint-enable react/no-array-index-key, react/prop-types */}\n
\n {/* eslint-disable react/no-array-index-key, react/prop-types */}\n \n \n {compareInputs && }\n \n }\n cursor={{ fill: 'rgba(100, 100, 100, 0.05)' }}\n isAnimationActive={false}\n />\n {compareInputs ? (\n compareInputs.map(({ id, labelTranslations: { en } }, index) => (\n \n ))\n ) : (\n \n {data.map((entry, index) => (\n | \n ))}\n \n )}\n (\n \n {truncateString(props.payload.value, 30)}\n \n )}\n stroke=\"#636363\"\n strokeWidth={1}\n interval={0}\n />\n \n \n \n {/* eslint-enable react/no-array-index-key, react/prop-types */}\n
\n);\n\nHorizontalBarReportChart.propTypes = {\n data: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string.isRequired,\n percentage: PropTypes.number,\n top: PropTypes.bool,\n })\n ).isRequired,\n compareInputs: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.number.isRequired,\n label_translations: PropTypes.objectOf(PropTypes.string),\n })\n ),\n chartRef: PropTypes.shape({\n current: PropTypes.elementType,\n }).isRequired,\n};\n\nHorizontalBarReportChart.defaultProps = {\n compareInputs: null,\n};\n\nexport default HorizontalBarReportChart;\n","// Libraries\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n ResponsiveContainer,\n BarChart,\n Bar,\n XAxis,\n YAxis,\n CartesianGrid,\n Tooltip,\n Cell,\n Text,\n Legend,\n} from 'recharts';\n\n// Utilities\nimport { colors } from 'common/utils/helpers';\n\n// Components\nimport CustomTooltip from 'admin/engagement/reporting/components/CustomTooltip';\n\nconst tooltipAttributes = [\n { tooltipLabel: 'Percentage', payloadKey: 'percentage', percentage: true },\n { tooltipLabel: 'Count', payloadKey: 'count' },\n];\n\nconst VerticalBarReportChart = ({ data, compareInputs, chartRef }) => (\n \n {/* eslint-disable react/no-array-index-key, react/prop-types */}\n \n \n {compareInputs && }\n \n }\n cursor={{ fill: 'rgba(100, 100, 100, 0.05)' }}\n isAnimationActive={false}\n />\n {compareInputs ? (\n compareInputs.map(({ id, labelTranslations: { en } }, index) => (\n \n ))\n ) : (\n \n {data.map((entry, index) => (\n | \n ))}\n \n )}\n (\n \n {props.payload.value}\n \n )}\n stroke=\"#636363\"\n strokeWidth={1}\n interval={0}\n />\n \n \n \n {/* eslint-enable react/no-array-index-key, react/prop-types */}\n
\n);\n\nVerticalBarReportChart.propTypes = {\n data: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n percentage: PropTypes.number,\n top: PropTypes.bool,\n })\n ).isRequired,\n compareInputs: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.number.isRequired,\n label_translations: PropTypes.objectOf(PropTypes.string),\n })\n ),\n chartRef: PropTypes.shape({\n current: PropTypes.elementType,\n }).isRequired,\n};\n\nVerticalBarReportChart.defaultProps = {\n compareInputs: null,\n};\n\nexport default VerticalBarReportChart;\n","// Libraries\nimport React, { memo } from 'react';\nimport PropTypes from 'prop-types';\n\n// Enums\nimport { BAR_VERTICAL, BAR_HORIZONTAL, PIE } from 'common/enums/chartTypes';\n\n// Components\nimport PieReportChart from 'admin/engagement/reporting/components/SingleSelectQuestionReport/PieReportChart';\nimport HorizontalBarReportChart from 'admin/engagement/reporting/components/NumericQuestionReport/HorizontalBarReportChart';\nimport VerticalBarReportChart from 'admin/engagement/reporting/components/NumericQuestionReport/VerticalBarReportChart';\n\nconst ReportChart = ({ data, compareInputs, chartType, chartRef }) => {\n switch (chartType) {\n case PIE:\n return ;\n case BAR_HORIZONTAL:\n return (\n \n );\n case BAR_VERTICAL:\n default:\n return (\n \n );\n }\n};\n\nReportChart.propTypes = {\n data: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n percentage: PropTypes.number,\n top: PropTypes.bool,\n })\n ).isRequired,\n compareInputs: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.number.isRequired,\n label_translations: PropTypes.objectOf(PropTypes.string),\n })\n ),\n chartType: PropTypes.oneOf([BAR_VERTICAL, BAR_HORIZONTAL, PIE]),\n chartRef: PropTypes.shape({\n current: PropTypes.elementType,\n }).isRequired,\n};\n\nReportChart.defaultProps = {\n chartType: null,\n compareInputs: null,\n};\n\nexport default memo(ReportChart);\n","// Libraries\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { useTranslation } from 'react-i18next';\nimport { titleize } from 'common/utils/helpers';\n\nconst ResponseAnalysis = ({ data, comparisonValueLabel }) => {\n const { t } = useTranslation();\n const { minValue, maxValue, average, medianValue, stddevValue, comparisonValue } = data;\n const averageNumber = Number(average);\n const comparisonValueNumber = Number(comparisonValue);\n\n if (!data) {\n return {t('No data to show')}
;\n }\n\n const averagePercentageChange = `${averageNumber >= comparisonValueNumber ? '+' : '-'}${(\n (Math.abs(comparisonValueNumber - averageNumber) * 100) /\n comparisonValueNumber\n ).toFixed(2)}%`;\n\n return (\n \n
Statistics
\n
\n \n \n | Min | \n Max | \n Median | \n Mean | \n {comparisonValue ? {titleize(comparisonValueLabel)} | : null}\n Std. Deviation | \n
\n \n | {minValue} | \n {maxValue} | \n {medianValue} | \n \n {average} \n {comparisonValue && (\n comparisonValueNumber,\n negative: averageNumber < comparisonValueNumber,\n })}\n >\n {averagePercentageChange}\n \n )}\n | \n {comparisonValue ? {comparisonValue} | : null}\n {stddevValue} | \n
\n \n
\n