udp-react-enterprise-component-library 26.5.0-beta.2 → 26.5.0-beta.21

package/dist/udp/pages/UdpQuestionFormOverviewPage/OverviewTab.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverviewTab.mjs","names":["React","useMemo","UdpCard","UdpText","UdpFlexbox","UdpSpinner","UdpAgBarChart","UdpAgAreaChart","UdpAgLineChart","UdpAgDonutChart","ClientSideUdpGrid","SUBMISSION_STATUS","IN_PROGRESS","SUBMITTED","CREATED","WEEKS_IN_SPARKLINE","TOP_SUBMITTERS_LIMIT","RECENT_SUBMISSIONS_LIMIT","SUBMITTER_NAME_MAX","kpiRowStyle","display","flexWrap","gap","alignContent","kpiCardWrapStyle","flex","minWidth","kpiBodyStyle","padding","flexDirection","kpiHeaderRowStyle","alignItems","justifyContent","mutedStyle","color","SPARK_HEIGHT","analyticsRowStyle","analyticsCardWrapStyle","CHART_HEIGHT","chartFrameStyle","chartTitleStyle","chartSubStyle","emptyStateStyle","startOfWeek","input","d","Date","setHours","setDate","getDate","getDay","countSubmissionsThisWeek","submissions","sevenDaysAgo","now","filter","s","ts","formSubmission_InitialCreatedOn","getTime","length","weeklyCounts","counts","Array","fill","thisWeekMs","WEEK_MS","formSubmission_LastModifiedOn","back","Math","round","i","formatRelative","value","then","Number","isNaN","diffSec","floor","toLocaleDateString","formatDateLong","undefined","year","month","day","truncate","max","slice","weekOverWeekChange","series","cur","prev","pct","isFinite","rounded","up","text","toFixed","STATUS_BADGE","label","initials","name","String","split","Boolean","map","p","join","toUpperCase","OverviewTab","t0","$","_c","versions","submissionsLoading","onOpenSubmission","onTabRequest","total","t1","_temp","submittedCount","t2","_temp2","inProgressCount","t3","_temp3","createdCount","t4","_temp4","sort","pop","lastActivity","t5","submissionsThisWeek","t6","Set","_temp5","uniqueSubmitters","size","t7","stats","t8","t9","weekly","t10","count","t11","t12","t13","statusDonutData","t14","byVersion","Map","s_4","v","formSubmission_FormVersion","set","get","versionSet","_temp6","keys","from","_temp7","_temp8","v_2","perVersion","t15","byUser","s_5","formSubmission_UserDisplayName","formSubmission_unityUserId","entries","_temp9","_temp0","topSubmitters","t16","recentSubmissions","t17","_temp1","t18","t19","Symbol","for","type","xKey","yKey","interpolation","x","y","t20","data","axes","totalSparkOptions","t21","toLocaleString","t22","fontSize","t23","t24","t25","angleKey","legendItemKey","innerRadiusRatio","innerLabels","t26","enabled","position","t27","legend","statusDonutOptions","t28","t29","t30","paddingInner","paddingOuter","t31","byVersionOptions","t32","t33","t34","direction","t35","topSubmittersOptions","t36","Submitted","Created","recentStatusConfig","t37","t38","headerName","field","cellRenderer","cellRendererParams","getName","_temp10","getInitials","_temp11","getValues","_temp12","shape","width","valueFormatter","_temp13","t39","t40","statusMappingConfig","getStatusValue","_temp14","_temp15","t41","actionList","id","iconName","title","handleOnClick","_e","p_5","recentColumnDefs","t42","pagination","suppressCellFocus","defaultColDef","sortable","resizable","recentGridOptions","t43","secondaryActionButtons","onClick","recentGridHeaderConfig","t44","t45","t46","key","change","sparkOptions","sparkType","loading","t47","t48","t49","t50","sub","t51","t52","t53","t54","kpis","hasData","t55","_temp16","t56","t57","t58","t59","t60","height","t61","t62","t63","t64","t65","t66","t67","t68","formSubmission_Status","s_0","s_1","s_2","formSubmission_SubmittedOn","s_3","v_0","version","v_1","a","b","name_0","a_0","b_0","p_0","p_1","p_2","p_3","p_4","k","overflow"],"sources":["../../../../src/udp/pages/UdpQuestionFormOverviewPage/OverviewTab.jsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport {\n  UdpCard,\n  UdpText,\n  UdpFlexbox,\n  UdpSpinner,\n} from '../../../UI/fluent-web-components';\nimport {\n  UdpAgBarChart,\n  UdpAgAreaChart,\n  UdpAgLineChart,\n  UdpAgDonutChart,\n} from '../../../UI/charts/ag';\nimport { ClientSideUdpGrid } from '../../../UI/templates/newGrid';\n\n// ----- constants -----\nconst SUBMISSION_STATUS = { IN_PROGRESS: 1, SUBMITTED: 2, CREATED: 3 };\nconst WEEKS_IN_SPARKLINE = 12;\nconst TOP_SUBMITTERS_LIMIT = 6;\nconst RECENT_SUBMISSIONS_LIMIT = 6;\nconst SUBMITTER_NAME_MAX = 22;\n\n// ----- styles -----\n// Flex-wrap KPI strip (NOT css-grid — an auto-fit grid defaults to\n// `align-content: stretch` and balloons its row tracks).\nconst kpiRowStyle = {\n  display: 'flex',\n  flexWrap: 'wrap',\n  gap: 16,\n  alignContent: 'flex-start',\n};\nconst kpiCardWrapStyle = { flex: '1 1 200px', minWidth: 0, display: 'flex' };\nconst kpiBodyStyle = { padding: '16px 16px 8px', display: 'flex', flexDirection: 'column', gap: 6 };\nconst kpiHeaderRowStyle = {\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  gap: 8,\n};\nconst mutedStyle = { color: 'var(--colorNeutralForeground3)' };\nconst SPARK_HEIGHT = 48;\n// Analytics charts share one flex-wrap row of equal cards (consistent height,\n// graceful wrap on narrow viewports — same proven pattern as the KPI strip).\nconst analyticsRowStyle = {\n  display: 'flex',\n  flexWrap: 'wrap',\n  gap: 16,\n  alignItems: 'stretch',\n};\nconst analyticsCardWrapStyle = { flex: '1 1 280px', minWidth: 0 };\nconst CHART_HEIGHT = 240;\nconst chartFrameStyle = { padding: 16, display: 'flex', flexDirection: 'column', gap: 12 };\nconst chartTitleStyle = { display: 'block' };\nconst chartSubStyle = { display: 'block', color: 'var(--colorNeutralForeground3)' };\nconst emptyStateStyle = { color: 'var(--colorNeutralForeground3)' };\n\n// ----- helpers -----\nconst startOfWeek = (input) => {\n  const d = new Date(input);\n  d.setHours(0, 0, 0, 0);\n  d.setDate(d.getDate() - d.getDay()); // Sunday-anchored\n  return d;\n};\n// Time-anchored aggregations live at module level (like formatRelative above)\n// because the React Compiler rejects impure calls (Date.now) inside compiled\n// render code; the snapshot still refreshes whenever `submissions` changes.\nconst countSubmissionsThisWeek = (submissions) => {\n  const sevenDaysAgo = Date.now() - 7 * 86400 * 1000;\n  return submissions.filter((s) => {\n    const ts = s.formSubmission_InitialCreatedOn;\n    if (!ts) return false;\n    return new Date(ts).getTime() >= sevenDaysAgo;\n  }).length;\n};\nconst weeklyCounts = (submissions) => {\n  const counts = new Array(WEEKS_IN_SPARKLINE).fill(0);\n  const thisWeekMs = startOfWeek(Date.now()).getTime();\n  const WEEK_MS = 7 * 86400 * 1000;\n  for (const s of submissions) {\n    const ts = s.formSubmission_InitialCreatedOn || s.formSubmission_LastModifiedOn;\n    if (!ts) continue;\n    const back = Math.round((thisWeekMs - startOfWeek(ts).getTime()) / WEEK_MS);\n    if (back < 0 || back >= WEEKS_IN_SPARKLINE) continue;\n    const i = WEEKS_IN_SPARKLINE - 1 - back;\n    counts[i] += 1;\n  }\n  return counts;\n};\nconst formatRelative = (value) => {\n  if (!value) return '—';\n  const then = new Date(value).getTime();\n  if (Number.isNaN(then)) return '—';\n  const diffSec = Math.round((Date.now() - then) / 1000);\n  if (diffSec < 60) return 'just now';\n  if (diffSec < 3600) return `${Math.floor(diffSec / 60)}m ago`;\n  if (diffSec < 86400) return `${Math.floor(diffSec / 3600)}h ago`;\n  if (diffSec < 86400 * 30) return `${Math.floor(diffSec / 86400)}d ago`;\n  return new Date(value).toLocaleDateString();\n};\nconst formatDateLong = (value) =>\n  value ? new Date(value).toLocaleDateString(undefined, { year: 'numeric', month: 'short', day: 'numeric' }) : '';\nconst truncate = (s, max) =>\n  s && s.length > max ? `${s.slice(0, max - 1)}…` : s;\n\n// Week-over-week relative change of the latest vs prior bucket. Returns null\n// when there's no prior baseline (so the card simply omits the change chip).\nconst weekOverWeekChange = (series) => {\n  if (!series || series.length < 2) return null;\n  const cur = series[series.length - 1];\n  const prev = series[series.length - 2];\n  if (prev === 0) return null;\n  const pct = ((cur - prev) / prev) * 100;\n  if (!Number.isFinite(pct)) return null;\n  const rounded = Math.round(pct * 10) / 10;\n  return { up: rounded >= 0, text: `${rounded >= 0 ? '+' : ''}${rounded.toFixed(1)}%` };\n};\n\n// Map status numeric → label / severity for the recent-submissions grid badge.\nconst STATUS_BADGE = {\n  [SUBMISSION_STATUS.SUBMITTED]: { label: 'Submitted' },\n  [SUBMISSION_STATUS.IN_PROGRESS]: { label: 'In progress' },\n  [SUBMISSION_STATUS.CREATED]: { label: 'Created' },\n};\n\nconst initials = (name) =>\n  String(name ?? '')\n    .split(/\\s+/)\n    .filter(Boolean)\n    .map((p) => p[0])\n    .join('')\n    .slice(0, 2)\n    .toUpperCase() || '—';\n\n// ----- the tab -----\nexport const OverviewTab = ({\n  submissions,\n  versions,\n  submissionsLoading,\n  onOpenSubmission,\n  onTabRequest,\n}) => {\n  // --- aggregations ---\n\n  const stats = useMemo(() => {\n    const total = submissions.length;\n    const submittedCount = submissions.filter(\n      (s) => s.formSubmission_Status === SUBMISSION_STATUS.SUBMITTED,\n    ).length;\n    const inProgressCount = submissions.filter(\n      (s) => s.formSubmission_Status === SUBMISSION_STATUS.IN_PROGRESS,\n    ).length;\n    const createdCount = submissions.filter(\n      (s) => s.formSubmission_Status === SUBMISSION_STATUS.CREATED,\n    ).length;\n    const lastActivity =\n      submissions\n        .map(\n          (s) =>\n            s.formSubmission_LastModifiedOn ||\n            s.formSubmission_SubmittedOn ||\n            s.formSubmission_InitialCreatedOn,\n        )\n        .filter(Boolean)\n        .sort()\n        .pop() ?? null;\n\n    const submissionsThisWeek = countSubmissionsThisWeek(submissions);\n\n    // Distinct people who've submitted — keyed by user id, falling back to\n    // display name when the id is absent.\n    const uniqueSubmitters = new Set(\n      submissions.map(\n        (s) => s.formSubmission_unityUserId || s.formSubmission_UserDisplayName || '— unknown —',\n      ),\n    ).size;\n\n    return {\n      total,\n      submittedCount,\n      inProgressCount,\n      createdCount,\n      lastActivity,\n      submissionsThisWeek,\n      uniqueSubmitters,\n    };\n  }, [submissions]);\n\n  // 12-week weekly submission counts for the Total submissions sparkline\n  // (latest week last).\n  const weekly = useMemo(() => ({ counts: weeklyCounts(submissions) }), [submissions]);\n\n  const statusDonutData = useMemo(\n    () => [\n      { label: 'Submitted', count: stats.submittedCount },\n      { label: 'In progress', count: stats.inProgressCount },\n      { label: 'Created', count: stats.createdCount },\n    ],\n    [stats],\n  );\n\n  // Submission count per version — every version in the schema, even those\n  // with zero submissions, so the chart shows a complete picture.\n  const perVersion = useMemo(() => {\n    const byVersion = new Map();\n    for (const s of submissions) {\n      const v = s.formSubmission_FormVersion;\n      if (v == null) continue;\n      byVersion.set(v, (byVersion.get(v) || 0) + 1);\n    }\n    const versionSet = new Set([...versions.map((v) => v.version), ...byVersion.keys()]);\n    return Array.from(versionSet)\n      .filter((v) => v != null)\n      .sort((a, b) => a - b)\n      .map((v) => ({ label: `v${v}`, count: byVersion.get(v) ?? 0 }));\n  }, [submissions, versions]);\n\n  const topSubmitters = useMemo(() => {\n    const byUser = new Map();\n    for (const s of submissions) {\n      const name =\n        s.formSubmission_UserDisplayName ||\n        s.formSubmission_unityUserId ||\n        '— unknown —';\n      byUser.set(name, (byUser.get(name) || 0) + 1);\n    }\n    return Array.from(byUser.entries())\n      .map(([name, count]) => ({ name: truncate(name, SUBMITTER_NAME_MAX), count }))\n      .sort((a, b) => b.count - a.count)\n      .slice(0, TOP_SUBMITTERS_LIMIT);\n  }, [submissions]);\n\n  const recentSubmissions = useMemo(\n    () => submissions.slice(0, RECENT_SUBMISSIONS_LIMIT),\n    [submissions],\n  );\n\n  // --- chart options (memoized; a new reference triggers chart.update()) ---\n\n  // Flush KPI sparklines (Pattern A) — bar for the volume metric, area for the\n  // rate metric. `chrome=\"flush\"` strips axes/legend and bleeds to the edges.\n  const totalSparkOptions = useMemo(\n    () => ({\n      data: weekly.counts.map((y, i) => ({ x: `${i}`, y })),\n      series: [{ type: 'area', xKey: 'x', yKey: 'y', interpolation: { type: 'smooth' } }],\n      axes: { x: { type: 'category' }, y: { type: 'number' } },\n    }),\n    [weekly],\n  );\n  // Status breakdown donut — polar series, running total in the hole.\n  const statusDonutOptions = useMemo(\n    () => ({\n      data: statusDonutData,\n      series: [\n        {\n          type: 'donut',\n          angleKey: 'count',\n          legendItemKey: 'label',\n          innerRadiusRatio: 0.7,\n          innerLabels: [\n            { text: stats.total.toLocaleString(), fontSize: 28 },\n            {\n              text: stats.total === 1 ? 'submission' : 'submissions',\n              color: 'var(--colorNeutralForeground3)',\n            },\n          ],\n        },\n      ],\n      legend: { enabled: true, position: 'bottom' },\n    }),\n    [statusDonutData, stats.total],\n  );\n\n  // Submissions per version — vertical bar. Axis padding keeps a lone bar from\n  // ballooning to the full plot width when there's only one version.\n  const byVersionOptions = useMemo(\n    () => ({\n      data: perVersion,\n      series: [{ type: 'bar', xKey: 'label', yKey: 'count' }],\n      axes: {\n        x: { type: 'category', position: 'bottom', paddingInner: 0.4, paddingOuter: 0.35 },\n        y: { type: 'number', position: 'left' },\n      },\n      legend: { enabled: false },\n    }),\n    [perVersion],\n  );\n\n  // Top submitters — horizontal bar (ranking reads best horizontally). Same\n  // axis padding so a single submitter doesn't render as one thick slab.\n  const topSubmittersOptions = useMemo(\n    () => ({\n      data: topSubmitters,\n      series: [{ type: 'bar', direction: 'horizontal', xKey: 'name', yKey: 'count' }],\n      axes: {\n        x: { type: 'category', position: 'left', paddingInner: 0.4, paddingOuter: 0.35 },\n        y: { type: 'number', position: 'bottom' },\n      },\n      legend: { enabled: false },\n    }),\n    [topSubmitters],\n  );\n\n  // Recent-submissions preview grid.\n  const recentStatusConfig = useMemo(\n    () => ({ Submitted: 'success', 'In progress': 'warning', Created: 'info' }),\n    [],\n  );\n\n  const recentColumnDefs = useMemo(\n    () => [\n      {\n        headerName: 'Submitter',\n        field: 'formSubmission_UserDisplayName',\n        flex: 1,\n        minWidth: 180,\n        cellRenderer: 'avatarRenderer',\n        cellRendererParams: {\n          getName: (p) => p?.data?.formSubmission_UserDisplayName ?? '—',\n          getInitials: (p) => initials(p?.data?.formSubmission_UserDisplayName),\n          // Fluent auto-derives a stable, distinct colour per name.\n          color: 'colorful',\n          getValues: (p) => ({ title: p?.data?.formSubmission_UserDisplayName ?? '—' }),\n          size: 24,\n          shape: 'circular',\n        },\n      },\n      {\n        headerName: 'Version',\n        field: 'formSubmission_FormVersion',\n        width: 100,\n        valueFormatter: (p) => `v${p.value ?? '—'}`,\n      },\n      {\n        headerName: 'Status',\n        field: 'formSubmission_Status',\n        width: 140,\n        cellRenderer: 'statusRenderer',\n        cellRendererParams: {\n          statusMappingConfig: recentStatusConfig,\n          getStatusValue: (p) =>\n            STATUS_BADGE[p?.data?.formSubmission_Status]?.label ?? '—',\n        },\n      },\n      {\n        headerName: 'When',\n        field: 'formSubmission_LastModifiedOn',\n        width: 130,\n        valueFormatter: (p) =>\n          formatRelative(\n            p?.data?.formSubmission_LastModifiedOn ??\n              p?.data?.formSubmission_SubmittedOn,\n          ),\n      },\n      {\n        field: 'actions',\n        cellRenderer: 'actionsRenderer',\n        cellRendererParams: {\n          actionList: [\n            {\n              id: 1,\n              iconName: 'eye',\n              title: 'Open submission',\n              handleOnClick: (_e, p) => onOpenSubmission?.(p?.data),\n            },\n          ],\n        },\n      },\n    ],\n    [recentStatusConfig, onOpenSubmission],\n  );\n\n  const recentGridOptions = useMemo(\n    () => ({\n      pagination: false,\n      suppressCellFocus: true,\n      defaultColDef: { sortable: false, resizable: false, filter: false },\n    }),\n    [],\n  );\n\n  const recentGridHeaderConfig = useMemo(\n    () => ({\n      title: 'Recent submissions',\n      secondaryActionButtons: [\n        {\n          label: 'View all',\n          iconName: 'arrow-right',\n          onClick: () => onTabRequest?.('submissions'),\n        },\n      ],\n    }),\n    [onTabRequest],\n  );\n\n  // --- KPI strip ---\n  const kpis = [\n    {\n      key: 'submissions',\n      label: 'Total submissions',\n      value: stats.total.toLocaleString(),\n      change: weekOverWeekChange(weekly.counts),\n      sparkOptions: totalSparkOptions,\n      sparkType: 'area',\n      loading: submissionsLoading,\n    },\n    {\n      key: 'uniqueSubmitters',\n      label: 'Unique submitters',\n      value: stats.uniqueSubmitters.toLocaleString(),\n      sub: `across ${stats.total.toLocaleString()} submission${stats.total === 1 ? '' : 's'}`,\n      loading: submissionsLoading,\n    },\n    {\n      key: 'activity',\n      label: 'Last activity',\n      value: formatRelative(stats.lastActivity),\n      sub: stats.lastActivity ? formatDateLong(stats.lastActivity) : '—',\n      loading: submissionsLoading,\n    },\n  ];\n\n  const hasData = stats.total > 0;\n\n  return (\n    <UdpFlexbox direction='column' gap='md' wrap='nowrap'>\n      {/* KPI strip — the trend-bearing metric (Total submissions) is a flush\n          KPI card with a `chrome=\"flush\"` ag-charts sparkline; the rest are\n          plain numeric cards. */}\n      <div style={kpiRowStyle}>\n        {kpis.map((k) => (\n          <div key={k.key} style={kpiCardWrapStyle}>\n            <UdpCard variant='outlined' bodyPadding={false} height='100%' style={{ overflow: 'hidden' }}>\n              <div style={kpiBodyStyle}>\n                <div style={kpiHeaderRowStyle}>\n                  <UdpText variant='caption1' block style={mutedStyle}>\n                    {k.label}\n                  </UdpText>\n                  {k.change && (\n                    <UdpText\n                      variant='caption1'\n                      weight='semibold'\n                      block\n                      style={{\n                        color: k.change.up\n                          ? 'var(--colorPaletteGreenForeground1)'\n                          : 'var(--colorPaletteRedForeground1)',\n                      }}\n                    >\n                      {k.change.text}\n                    </UdpText>\n                  )}\n                </div>\n                {k.loading ? (\n                  <UdpSpinner size='small' />\n                ) : (\n                  <UdpText variant='title2' weight='bold' block>\n                    {String(k.value)}\n                  </UdpText>\n                )}\n                {!k.sparkOptions && k.sub && (\n                  <UdpText variant='caption1' block style={mutedStyle}>\n                    {k.sub}\n                  </UdpText>\n                )}\n              </div>\n              {k.sparkOptions && (\n                <div style={{ height: SPARK_HEIGHT }}>\n                  {k.sparkType === 'area' ? (\n                    <UdpAgAreaChart chrome='flush' chartOptions={k.sparkOptions} />\n                  ) : k.sparkType === 'line' ? (\n                    <UdpAgLineChart chrome='flush' chartOptions={k.sparkOptions} />\n                  ) : (\n                    <UdpAgBarChart chrome='flush' chartOptions={k.sparkOptions} />\n                  )}\n                </div>\n              )}\n            </UdpCard>\n          </div>\n        ))}\n      </div>\n\n      {/* Analytics row — three equal-height cards: status split, by version,\n          top submitters. Flex-wrap so they reflow on narrow viewports. */}\n      <div style={analyticsRowStyle}>\n        <div style={analyticsCardWrapStyle}>\n          <UdpCard variant='outlined'>\n            <div style={chartFrameStyle}>\n              <div>\n                <UdpText variant='subtitle2' weight='semibold' block style={chartTitleStyle}>\n                  Status breakdown\n                </UdpText>\n                <UdpText variant='caption1' block style={chartSubStyle}>\n                  {stats.total.toLocaleString()} total submission{stats.total === 1 ? '' : 's'}\n                </UdpText>\n              </div>\n              {hasData ? (\n                <div style={{ height: CHART_HEIGHT, position: 'relative' }}>\n                  <UdpAgDonutChart shape='rounded' chartOptions={statusDonutOptions} customHeight='100%' />\n                </div>\n              ) : (\n                <UdpText variant='caption1' block style={emptyStateStyle}>\n                  No submissions yet.\n                </UdpText>\n              )}\n            </div>\n          </UdpCard>\n        </div>\n\n        <div style={analyticsCardWrapStyle}>\n          <UdpCard variant='outlined'>\n            <div style={chartFrameStyle}>\n              <div>\n                <UdpText variant='subtitle2' weight='semibold' block style={chartTitleStyle}>\n                  Submissions by version\n                </UdpText>\n                <UdpText variant='caption1' block style={chartSubStyle}>\n                  All versions\n                </UdpText>\n              </div>\n              {hasData ? (\n                <div style={{ height: CHART_HEIGHT, position: 'relative' }}>\n                  <UdpAgBarChart shape='rounded' chartOptions={byVersionOptions} customHeight='100%' />\n                </div>\n              ) : (\n                <UdpText variant='caption1' block style={emptyStateStyle}>\n                  No submissions yet.\n                </UdpText>\n              )}\n            </div>\n          </UdpCard>\n        </div>\n\n        <div style={analyticsCardWrapStyle}>\n          <UdpCard variant='outlined'>\n            <div style={chartFrameStyle}>\n              <div>\n                <UdpText variant='subtitle2' weight='semibold' block style={chartTitleStyle}>\n                  Top submitters\n                </UdpText>\n                <UdpText variant='caption1' block style={chartSubStyle}>\n                  Lifetime, all versions\n                </UdpText>\n              </div>\n              {topSubmitters.length === 0 ? (\n                <UdpText variant='caption1' block style={emptyStateStyle}>\n                  No submitters yet.\n                </UdpText>\n              ) : (\n                <div style={{ height: CHART_HEIGHT, position: 'relative' }}>\n                  <UdpAgBarChart shape='rounded' chartOptions={topSubmittersOptions} customHeight='100%' />\n                </div>\n              )}\n            </div>\n          </UdpCard>\n        </div>\n      </div>\n\n      {/* Recent submissions — full-width table with the grid's own header. */}\n      <UdpCard variant='outlined' bodyPadding={false}>\n        <ClientSideUdpGrid\n          rowData={recentSubmissions}\n          loading={submissionsLoading}\n          columnDefs={recentColumnDefs}\n          gridOptions={recentGridOptions}\n          gridHeaderConfig={recentGridHeaderConfig}\n          gridHeight='280px'\n        />\n      </UdpCard>\n    </UdpFlexbox>\n  );\n};\n"],"mappings":"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"}

package/dist/udp/pages/UdpQuestionFormOverviewPage/QuestionCard.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare const QuestionCard: ({ domId, question, insight, fieldTypeName, active }: {
+    active: any;
+    domId: any;
+    fieldTypeName: any;
+    insight: any;
+    question: any;
+}) => React.JSX.Element;
+//# sourceMappingURL=QuestionCard.d.ts.map

package/dist/udp/pages/UdpQuestionFormOverviewPage/QuestionCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionCard.d.ts","sourceRoot":"","sources":["../../../../src/udp/pages/UdpQuestionFormOverviewPage/QuestionCard.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAoD1B,eAAO,MAAM,YAAY;;;;;;uBA2CxB,CAAC"}

package/dist/udp/pages/UdpQuestionFormOverviewPage/QuestionCard.js

@@ -0,0 +1,62 @@
+import React from 'react';
+import { UdpCard, UdpText, UdpIcon } from '../../../UI/fluent-web-components';
+import { getFieldTypeIcon } from './questionInsights';
+import { QuestionViz } from './QuestionViz';
+// One question's breakdown as a card in the Questions-tab grid. Every card is
+// the same size (the grid fixes the cell height; the card fills it): a compact
+// header (type icon + clamped label + type + response summary) over a viz area
+// that flexes to fill the rest, so the visualizations all line up across cards.
+// `domId` lets the rail scroll to it; `active` gives it a brand ring.
+const MUTED = 'var(--colorNeutralForeground3)';
+const bodyStyle = {
+    height: '100%',
+    padding: 14,
+    display: 'flex',
+    flexDirection: 'column',
+    gap: 10,
+    minHeight: 0,
+};
+const headerStyle = { display: 'flex', alignItems: 'flex-start', gap: 10, flexShrink: 0 };
+const iconBoxStyle = {
+    flexShrink: 0,
+    width: 28,
+    height: 28,
+    borderRadius: 6,
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    background: 'var(--colorNeutralBackground3)',
+    color: 'var(--colorNeutralForeground2)',
+};
+const titleWrapStyle = { minWidth: 0, flex: 1 };
+// Clamp to two lines so the header (and therefore every card) stays a uniform
+// height regardless of question-text length.
+const titleClampStyle = {
+    display: '-webkit-box',
+    WebkitLineClamp: 2,
+    WebkitBoxOrient: 'vertical',
+    overflow: 'hidden',
+};
+const respStyle = { color: MUTED, whiteSpace: 'nowrap', flexShrink: 0 };
+const vizAreaStyle = { flex: 1, minHeight: 0 };
+const cardHostStyle = (active) => ({
+    scrollMarginTop: 80,
+    borderRadius: 'var(--borderRadiusMedium)',
+    outline: active ? '2px solid var(--colorBrandStroke1)' : '2px solid transparent',
+    outlineOffset: -1,
+    transition: 'outline-color 0.2s ease',
+});
+export const QuestionCard = ({ domId, question, insight, fieldTypeName, active }) => {
+    var _a, _b;
+    const answered = (_a = insight === null || insight === void 0 ? void 0 : insight.answered) !== null && _a !== void 0 ? _a : 0;
+    const skipped = (_b = insight === null || insight === void 0 ? void 0 : insight.skipped) !== null && _b !== void 0 ? _b : 0;
+    const total = answered + skipped;
+    const summary = total === 0
+        ? 'No responses'
+        : skipped > 0
+            ? `${answered.toLocaleString()} of ${total.toLocaleString()}`
+            : `${answered.toLocaleString()} answered`;
+    const label = (question === null || question === void 0 ? void 0 : question.questionText) || (question === null || question === void 0 ? void 0 : question.name) || 'Untitled';
+    return (React.createElement(UdpCard, { id: domId, variant: "outlined", bodyPadding: false, height: "100%", style: cardHostStyle(active) }, React.createElement("div", { style: bodyStyle }, React.createElement("div", { style: headerStyle }, React.createElement("div", { style: iconBoxStyle }, React.createElement(UdpIcon, { name: getFieldTypeIcon(question === null || question === void 0 ? void 0 : question.fieldTypeId), size: "sm" })), React.createElement("div", { style: titleWrapStyle }, React.createElement(UdpText, { variant: "subtitle2", weight: "semibold", block: true, style: titleClampStyle, title: label }, label), React.createElement(UdpText, { variant: "caption1", block: true, style: { color: MUTED } }, fieldTypeName !== null && fieldTypeName !== void 0 ? fieldTypeName : 'Question')), React.createElement(UdpText, { variant: "caption1", style: respStyle }, summary)), React.createElement("div", { style: vizAreaStyle }, React.createElement(QuestionViz, { insight: insight, answered: answered })))));
+};
+//# sourceMappingURL=QuestionCard.js.map

package/dist/udp/pages/UdpQuestionFormOverviewPage/QuestionCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionCard.js","sourceRoot":"","sources":["../../../../src/udp/pages/UdpQuestionFormOverviewPage/QuestionCard.jsx"],"names":[],"mappings":"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"}

package/dist/udp/pages/UdpQuestionFormOverviewPage/QuestionCard.mjs

@@ -0,0 +1,187 @@
+import { c } from "../../../reactCompilerRuntime.mjs";
+import { UdpCard } from "../../../UI/fluent-web-components/UdpCard.mjs";
+import { UdpIcon } from "../../../UI/fluent-web-components/UdpIcon.mjs";
+import { UdpText } from "../../../UI/fluent-web-components/UdpText.mjs";
+import { getFieldTypeIcon } from "./questionInsights.mjs";
+import { QuestionViz } from "./QuestionViz.mjs";
+import React from "react";
+//#region src/udp/pages/UdpQuestionFormOverviewPage/QuestionCard.jsx
+const MUTED = "var(--colorNeutralForeground3)";
+const bodyStyle = {
+	height: "100%",
+	padding: 14,
+	display: "flex",
+	flexDirection: "column",
+	gap: 10,
+	minHeight: 0
+};
+const headerStyle = {
+	display: "flex",
+	alignItems: "flex-start",
+	gap: 10,
+	flexShrink: 0
+};
+const iconBoxStyle = {
+	flexShrink: 0,
+	width: 28,
+	height: 28,
+	borderRadius: 6,
+	display: "flex",
+	alignItems: "center",
+	justifyContent: "center",
+	background: "var(--colorNeutralBackground3)",
+	color: "var(--colorNeutralForeground2)"
+};
+const titleWrapStyle = {
+	minWidth: 0,
+	flex: 1
+};
+const titleClampStyle = {
+	display: "-webkit-box",
+	WebkitLineClamp: 2,
+	WebkitBoxOrient: "vertical",
+	overflow: "hidden"
+};
+const respStyle = {
+	color: MUTED,
+	whiteSpace: "nowrap",
+	flexShrink: 0
+};
+const vizAreaStyle = {
+	flex: 1,
+	minHeight: 0
+};
+const cardHostStyle = (active) => ({
+	scrollMarginTop: 80,
+	borderRadius: "var(--borderRadiusMedium)",
+	outline: active ? "2px solid var(--colorBrandStroke1)" : "2px solid transparent",
+	outlineOffset: -1,
+	transition: "outline-color 0.2s ease"
+});
+const QuestionCard = (t0) => {
+	const $ = c(34);
+	const { domId, question, insight, fieldTypeName, active } = t0;
+	const answered = insight?.answered ?? 0;
+	const skipped = insight?.skipped ?? 0;
+	const total = answered + skipped;
+	let t1;
+	if ($[0] !== answered || $[1] !== skipped || $[2] !== total) {
+		t1 = total === 0 ? "No responses" : skipped > 0 ? `${answered.toLocaleString()} of ${total.toLocaleString()}` : `${answered.toLocaleString()} answered`;
+		$[0] = answered;
+		$[1] = skipped;
+		$[2] = total;
+		$[3] = t1;
+	} else t1 = $[3];
+	const summary = t1;
+	const label = question?.questionText || question?.name || "Untitled";
+	let t2;
+	if ($[4] !== active) {
+		t2 = cardHostStyle(active);
+		$[4] = active;
+		$[5] = t2;
+	} else t2 = $[5];
+	const t3 = question?.fieldTypeId;
+	let t4;
+	if ($[6] !== t3) {
+		t4 = getFieldTypeIcon(t3);
+		$[6] = t3;
+		$[7] = t4;
+	} else t4 = $[7];
+	let t5;
+	if ($[8] !== t4) {
+		t5 = /* @__PURE__ */ React.createElement("div", { style: iconBoxStyle }, /* @__PURE__ */ React.createElement(UdpIcon, {
+			name: t4,
+			size: "sm"
+		}));
+		$[8] = t4;
+		$[9] = t5;
+	} else t5 = $[9];
+	let t6;
+	if ($[10] !== label) {
+		t6 = /* @__PURE__ */ React.createElement(UdpText, {
+			variant: "subtitle2",
+			weight: "semibold",
+			block: true,
+			style: titleClampStyle,
+			title: label
+		}, label);
+		$[10] = label;
+		$[11] = t6;
+	} else t6 = $[11];
+	let t7;
+	if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = { color: MUTED };
+		$[12] = t7;
+	} else t7 = $[12];
+	const t8 = fieldTypeName ?? "Question";
+	let t9;
+	if ($[13] !== t8) {
+		t9 = /* @__PURE__ */ React.createElement(UdpText, {
+			variant: "caption1",
+			block: true,
+			style: t7
+		}, t8);
+		$[13] = t8;
+		$[14] = t9;
+	} else t9 = $[14];
+	let t10;
+	if ($[15] !== t6 || $[16] !== t9) {
+		t10 = /* @__PURE__ */ React.createElement("div", { style: titleWrapStyle }, t6, t9);
+		$[15] = t6;
+		$[16] = t9;
+		$[17] = t10;
+	} else t10 = $[17];
+	let t11;
+	if ($[18] !== summary) {
+		t11 = /* @__PURE__ */ React.createElement(UdpText, {
+			variant: "caption1",
+			style: respStyle
+		}, summary);
+		$[18] = summary;
+		$[19] = t11;
+	} else t11 = $[19];
+	let t12;
+	if ($[20] !== t10 || $[21] !== t11 || $[22] !== t5) {
+		t12 = /* @__PURE__ */ React.createElement("div", { style: headerStyle }, t5, t10, t11);
+		$[20] = t10;
+		$[21] = t11;
+		$[22] = t5;
+		$[23] = t12;
+	} else t12 = $[23];
+	let t13;
+	if ($[24] !== answered || $[25] !== insight) {
+		t13 = /* @__PURE__ */ React.createElement("div", { style: vizAreaStyle }, /* @__PURE__ */ React.createElement(QuestionViz, {
+			insight,
+			answered
+		}));
+		$[24] = answered;
+		$[25] = insight;
+		$[26] = t13;
+	} else t13 = $[26];
+	let t14;
+	if ($[27] !== t12 || $[28] !== t13) {
+		t14 = /* @__PURE__ */ React.createElement("div", { style: bodyStyle }, t12, t13);
+		$[27] = t12;
+		$[28] = t13;
+		$[29] = t14;
+	} else t14 = $[29];
+	let t15;
+	if ($[30] !== domId || $[31] !== t14 || $[32] !== t2) {
+		t15 = /* @__PURE__ */ React.createElement(UdpCard, {
+			id: domId,
+			variant: "outlined",
+			bodyPadding: false,
+			height: "100%",
+			style: t2
+		}, t14);
+		$[30] = domId;
+		$[31] = t14;
+		$[32] = t2;
+		$[33] = t15;
+	} else t15 = $[33];
+	return t15;
+};
+//#endregion
+export { QuestionCard };
+
+//# sourceMappingURL=QuestionCard.mjs.map

package/dist/udp/pages/UdpQuestionFormOverviewPage/QuestionCard.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionCard.mjs","names":["React","UdpCard","UdpText","UdpIcon","getFieldTypeIcon","QuestionViz","MUTED","bodyStyle","height","padding","display","flexDirection","gap","minHeight","headerStyle","alignItems","flexShrink","iconBoxStyle","width","borderRadius","justifyContent","background","color","titleWrapStyle","minWidth","flex","titleClampStyle","WebkitLineClamp","WebkitBoxOrient","overflow","respStyle","whiteSpace","vizAreaStyle","cardHostStyle","active","scrollMarginTop","outline","outlineOffset","transition","QuestionCard","t0","$","_c","domId","question","insight","fieldTypeName","answered","skipped","total","t1","toLocaleString","summary","label","questionText","name","t2","t3","fieldTypeId","t4","t5","t6","t7","Symbol","for","t8","t9","t10","t11","t12","t13","t14","t15"],"sources":["../../../../src/udp/pages/UdpQuestionFormOverviewPage/QuestionCard.jsx"],"sourcesContent":["import React from 'react';\nimport { UdpCard, UdpText, UdpIcon } from '../../../UI/fluent-web-components';\nimport { getFieldTypeIcon } from './questionInsights';\nimport { QuestionViz } from './QuestionViz';\n\n// One question's breakdown as a card in the Questions-tab grid. Every card is\n// the same size (the grid fixes the cell height; the card fills it): a compact\n// header (type icon + clamped label + type + response summary) over a viz area\n// that flexes to fill the rest, so the visualizations all line up across cards.\n// `domId` lets the rail scroll to it; `active` gives it a brand ring.\n\nconst MUTED = 'var(--colorNeutralForeground3)';\nconst bodyStyle = {\n  height: '100%',\n  padding: 14,\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 10,\n  minHeight: 0,\n};\nconst headerStyle = { display: 'flex', alignItems: 'flex-start', gap: 10, flexShrink: 0 };\nconst iconBoxStyle = {\n  flexShrink: 0,\n  width: 28,\n  height: 28,\n  borderRadius: 6,\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  background: 'var(--colorNeutralBackground3)',\n  color: 'var(--colorNeutralForeground2)',\n};\nconst titleWrapStyle = { minWidth: 0, flex: 1 };\n// Clamp to two lines so the header (and therefore every card) stays a uniform\n// height regardless of question-text length.\nconst titleClampStyle = {\n  display: '-webkit-box',\n  WebkitLineClamp: 2,\n  WebkitBoxOrient: 'vertical',\n  overflow: 'hidden',\n};\nconst respStyle = { color: MUTED, whiteSpace: 'nowrap', flexShrink: 0 };\nconst vizAreaStyle = { flex: 1, minHeight: 0 };\n\nconst cardHostStyle = (active) => ({\n  scrollMarginTop: 80,\n  borderRadius: 'var(--borderRadiusMedium)',\n  outline: active ? '2px solid var(--colorBrandStroke1)' : '2px solid transparent',\n  outlineOffset: -1,\n  transition: 'outline-color 0.2s ease',\n});\n\nexport const QuestionCard = ({ domId, question, insight, fieldTypeName, active }) => {\n  const answered = insight?.answered ?? 0;\n  const skipped = insight?.skipped ?? 0;\n  const total = answered + skipped;\n  const summary =\n    total === 0\n      ? 'No responses'\n      : skipped > 0\n        ? `${answered.toLocaleString()} of ${total.toLocaleString()}`\n        : `${answered.toLocaleString()} answered`;\n  const label = question?.questionText || question?.name || 'Untitled';\n\n  return (\n    <UdpCard\n      id={domId}\n      variant='outlined'\n      bodyPadding={false}\n      height='100%'\n      style={cardHostStyle(active)}\n    >\n      <div style={bodyStyle}>\n        <div style={headerStyle}>\n          <div style={iconBoxStyle}>\n            <UdpIcon name={getFieldTypeIcon(question?.fieldTypeId)} size='sm' />\n          </div>\n          <div style={titleWrapStyle}>\n            <UdpText variant='subtitle2' weight='semibold' block style={titleClampStyle} title={label}>\n              {label}\n            </UdpText>\n            <UdpText variant='caption1' block style={{ color: MUTED }}>\n              {fieldTypeName ?? 'Question'}\n            </UdpText>\n          </div>\n          <UdpText variant='caption1' style={respStyle}>\n            {summary}\n          </UdpText>\n        </div>\n        <div style={vizAreaStyle}>\n          <QuestionViz insight={insight} answered={answered} />\n        </div>\n      </div>\n    </UdpCard>\n  );\n};\n"],"mappings":"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"}

package/dist/udp/pages/UdpQuestionFormOverviewPage/QuestionViz.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const QuestionViz: ({ insight, answered }: {
+    answered?: number;
+    insight: any;
+}) => React.JSX.Element;
+//# sourceMappingURL=QuestionViz.d.ts.map

package/dist/udp/pages/UdpQuestionFormOverviewPage/QuestionViz.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionViz.d.ts","sourceRoot":"","sources":["../../../../src/udp/pages/UdpQuestionFormOverviewPage/QuestionViz.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAwJvC,eAAO,MAAM,WAAW;;;uBAiCvB,CAAC"}

package/dist/udp/pages/UdpQuestionFormOverviewPage/QuestionViz.js

@@ -0,0 +1,158 @@
+import React, { useMemo } from 'react';
+import { UdpText, UdpLink } from '../../../UI/fluent-web-components';
+import { UdpDetailListItem } from '../../../UI/dataDisplay';
+import { UdpAgDonutChart, UdpAgBarChart, UdpAgAreaChart, } from '../../../UI/charts/ag';
+// One question's visualization, picked per field type from `insight.viz`. It
+// always FILLS its parent's height (the card gives it a fixed area) so every
+// question card is the same size — charts stretch to fill; stat/presence/
+// message center vertically.
+//
+//   'donut'    — single-choice / yes-no (part-to-whole)
+//   'bar-h'    — multi-choice / free-text frequency (ranked)
+//   'bar-v'    — time-of-day buckets
+//   'area'     — date buckets over time
+//   'stat'     — numeric Avg/Min/Max/P50/P90 grid
+//   'presence' — file/signature/location/table completeness donut + link
+//   'message'  — muted fallback (unsupported / tally)
+const MAX_BARS = 8;
+const messageStyle = { color: 'var(--colorNeutralForeground3)' };
+const fillStyle = { position: 'relative', height: '100%', width: '100%' };
+const centerStyle = { height: '100%', display: 'flex', alignItems: 'center' };
+const presenceRowStyle = Object.assign(Object.assign({}, centerStyle), { gap: 16 });
+const presenceDonutStyle = { width: 110, height: 110, position: 'relative', flexShrink: 0 };
+const statGridStyle = {
+    width: '100%',
+    display: 'grid',
+    gridTemplateColumns: 'repeat(5, minmax(0, 1fr))',
+    gap: 16,
+};
+const tuplesToData = (top) => (top !== null && top !== void 0 ? top : []).map(([label, count]) => ({ label: String(label), count }));
+const buildChartOptions = (insight, answered) => {
+    if (!insight)
+        return null;
+    switch (insight.viz) {
+        case 'donut': {
+            const data = tuplesToData(insight.top).filter((d) => d.count > 0);
+            if (data.length === 0)
+                return null;
+            return {
+                data,
+                series: [
+                    {
+                        type: 'donut',
+                        angleKey: 'count',
+                        legendItemKey: 'label',
+                        innerRadiusRatio: 0.7,
+                        calloutLabel: { enabled: false },
+                        innerLabels: [
+                            { text: answered.toLocaleString(), fontSize: 22 },
+                            { text: 'answered', color: 'var(--colorNeutralForeground3)' },
+                        ],
+                    },
+                ],
+                legend: { enabled: true, position: 'right' },
+            };
+        }
+        case 'bar-h': {
+            const data = tuplesToData(insight.top).slice(0, MAX_BARS);
+            if (data.length === 0)
+                return null;
+            return {
+                data,
+                series: [{ type: 'bar', direction: 'horizontal', xKey: 'label', yKey: 'count' }],
+                axes: {
+                    x: { type: 'category', position: 'left', paddingInner: 0.3, paddingOuter: 0.2 },
+                    y: { type: 'number', position: 'bottom' },
+                },
+                legend: { enabled: false },
+            };
+        }
+        case 'bar-v': {
+            const data = tuplesToData(insight.top);
+            if (data.length === 0)
+                return null;
+            return {
+                data,
+                series: [{ type: 'bar', xKey: 'label', yKey: 'count' }],
+                axes: {
+                    x: { type: 'category', position: 'bottom', paddingInner: 0.3, paddingOuter: 0.2 },
+                    y: { type: 'number', position: 'left' },
+                },
+                legend: { enabled: false },
+            };
+        }
+        case 'area': {
+            const data = tuplesToData(insight.top);
+            if (data.length === 0)
+                return null;
+            return {
+                data,
+                series: [
+                    { type: 'area', xKey: 'label', yKey: 'count', interpolation: { type: 'smooth' }, marker: { enabled: true } },
+                ],
+                axes: {
+                    x: { type: 'category', position: 'bottom' },
+                    y: { type: 'number', position: 'left' },
+                },
+                legend: { enabled: false },
+            };
+        }
+        case 'presence': {
+            if (answered + insight.skipped === 0)
+                return null;
+            return {
+                data: [
+                    { label: 'Provided', count: answered },
+                    { label: 'Skipped', count: insight.skipped },
+                ].filter((d) => d.count > 0),
+                series: [
+                    {
+                        type: 'donut',
+                        angleKey: 'count',
+                        legendItemKey: 'label',
+                        innerRadiusRatio: 0.72,
+                        calloutLabel: { enabled: false },
+                        innerLabels: [{ text: answered.toLocaleString(), fontSize: 18 }],
+                    },
+                ],
+                legend: { enabled: false },
+            };
+        }
+        default:
+            return null;
+    }
+};
+const renderStat = (stat) => {
+    if (!stat)
+        return React.createElement(UdpText, { variant: "caption1", block: true, style: messageStyle }, "No numeric answers yet.");
+    const cells = [
+        ['Avg', stat.avg],
+        ['Min', stat.min],
+        ['Max', stat.max],
+        ['P50', stat.p50],
+        ['P90', stat.p90],
+    ];
+    return (React.createElement("div", { style: statGridStyle }, cells.map(([k, v]) => (React.createElement(UdpDetailListItem, { key: k, label: k, value: String(v), emphasis: "strong" })))));
+};
+const message = (text) => (React.createElement("div", { style: centerStyle }, React.createElement(UdpText, { variant: "caption1", block: true, style: messageStyle }, text)));
+export const QuestionViz = ({ insight, answered = 0 }) => {
+    var _a;
+    const chartOptions = useMemo(() => buildChartOptions(insight, answered), [insight, answered]);
+    if (!insight)
+        return message('No insight available.');
+    if (insight.viz === 'stat')
+        return React.createElement("div", { style: centerStyle }, renderStat(insight.stat));
+    if (insight.viz === 'message')
+        return message((_a = insight.reason) !== null && _a !== void 0 ? _a : 'No insight available.');
+    if (!chartOptions)
+        return message('No answers in this view.');
+    if (insight.viz === 'presence') {
+        const isFile = insight.kind === 'file';
+        return (React.createElement("div", { style: presenceRowStyle }, React.createElement("div", { style: presenceDonutStyle }, React.createElement(UdpAgDonutChart, { shape: "rounded", chartOptions: chartOptions, customHeight: "100%" })), React.createElement(UdpText, { variant: "caption1", block: true, style: messageStyle }, isFile
+            ? `${answered.toLocaleString()} uploaded · ${insight.skipped.toLocaleString()} skipped · `
+            : `${answered.toLocaleString()} provided · ${insight.skipped.toLocaleString()} skipped`, isFile && (React.createElement(UdpLink, { href: "#", onClick: (e) => e.preventDefault() }, "Browse files")))));
+    }
+    const Chart = insight.viz === 'donut' ? UdpAgDonutChart : insight.viz === 'area' ? UdpAgAreaChart : UdpAgBarChart;
+    return (React.createElement("div", { style: fillStyle }, React.createElement(Chart, { shape: "rounded", chartOptions: chartOptions, customHeight: "100%" })));
+};
+//# sourceMappingURL=QuestionViz.js.map

package/dist/udp/pages/UdpQuestionFormOverviewPage/QuestionViz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionViz.js","sourceRoot":"","sources":["../../../../src/udp/pages/UdpQuestionFormOverviewPage/QuestionViz.jsx"],"names":[],"mappings":"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"}