@instructure/outcomes-ui 2.1.0 → 2.1.3

package/es/translated/vi/containers/__tests__/OutcomesPerStudentReport.test.js

@@ -0,0 +1,51 @@
+import { expect } from 'chai';
+import React from 'react';
+import { mount } from 'enzyme';
+import OutcomesPerStudentReport from "../OutcomesPerStudentReport.js";
+var styles = {
+  componentId: 'baFFb',
+  template: function template(theme) {
+    return "\n\n.outcomes-ui__OutcomesPerStudent--reportWrapper {\n  position: relative;\n  padding-left: 13rem;\n}\n\n.outcomes-ui__OutcomesPerStudent--background {\n  background-color: white;\n}\n\n.outcomes-ui__OutcomesPerStudent--table {\n  overflow-x: scroll;\n}\n\n.outcomes-ui__OutcomesPerStudent--headerRow {\n  display: flex;\n  align-items: stretch;\n}\n\n.outcomes-ui__OutcomesPerStudent--corner {\n  position: absolute;\n  box-sizing: border-box;\n  width: 13rem;\n  left: 0;\n  top: auto;\n  font-size: 3rem;\n  font-weight: normal;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.outcomes-ui__OutcomesPerStudent--headerCell, .outcomes-ui__OutcomesPerStudent--corner {\n  box-sizing: border-box;\n  height: 5.5rem;\n  border-right: ".concat(theme.reportBorder || 'inherit', ";\n  border-bottom: ").concat(theme.reportBorder || 'inherit', ";\n}\n\n.outcomes-ui__OutcomesPerStudent--headerCell {\n  box-sizing: border-box;\n  border-top: ").concat(theme.reportBorder || 'inherit', ";\n  padding: 0.5rem;\n  flex: 1 0 10rem;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.outcomes-ui__OutcomesPerStudent--loadingSpinner {\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  padding: 1.25rem 0.3125rem 1.25rem 0;\n}\n\n.outcomes-ui__OutcomesPerStudent--studentRow {\n  box-sizing: border-box;\n  height: 4rem;\n  display: flex;\n  align-items: stretch;\n}\n\n.outcomes-ui__OutcomesPerStudent--studentName {\n  position: absolute;\n  box-sizing: border-box;\n  left: 0;\n  top: auto;\n  width: 13rem;\n  height: 4rem;\n  padding-left: 0.5rem;\n  border-right: ").concat(theme.reportBorder || 'inherit', ";\n  display: flex;\n  justify-content: flex-start;\n  border-bottom: ").concat(theme.reportBorder || 'inherit', ";\n  align-items: center;\n}\n\n.outcomes-ui__OutcomesPerStudent--studentName .outcomes-ui__OutcomesPerStudent--avatar {\n    padding-right: .5rem;\n  }\n\n.outcomes-ui__OutcomesPerStudent--studentName .outcomes-ui__OutcomesPerStudent--name {\n    text-align: left;\n    text-overflow: ellipsis;\n    overflow-x: hidden;\n    white-space: nowrap;\n  }\n\n[dir=\"ltr\"] .outcomes-ui__OutcomesPerStudent--studentName .outcomes-ui__OutcomesPerStudent--name {\n    text-align: left;\n  }\n\n[dir=\"rtl\"] .outcomes-ui__OutcomesPerStudent--studentName .outcomes-ui__OutcomesPerStudent--name {\n    text-align: left;\n  }\n\n.outcomes-ui__OutcomesPerStudent--scoreCell {\n  box-sizing: border-box;\n  flex: 1 0 10rem;\n  border-bottom: ").concat(theme.reportBorder || 'inherit', ";\n}\n");
+  },
+  'reportWrapper': 'outcomes-ui__OutcomesPerStudent--reportWrapper',
+  'background': 'outcomes-ui__OutcomesPerStudent--background',
+  'table': 'outcomes-ui__OutcomesPerStudent--table',
+  'headerRow': 'outcomes-ui__OutcomesPerStudent--headerRow',
+  'corner': 'outcomes-ui__OutcomesPerStudent--corner',
+  'headerCell': 'outcomes-ui__OutcomesPerStudent--headerCell',
+  'loadingSpinner': 'outcomes-ui__OutcomesPerStudent--loadingSpinner',
+  'studentRow': 'outcomes-ui__OutcomesPerStudent--studentRow',
+  'studentName': 'outcomes-ui__OutcomesPerStudent--studentName',
+  'avatar': 'outcomes-ui__OutcomesPerStudent--avatar',
+  'name': 'outcomes-ui__OutcomesPerStudent--name',
+  'scoreCell': 'outcomes-ui__OutcomesPerStudent--scoreCell'
+};
+describe('OutcomesPerStudentReport', function () {
+  function makeProps() {
+    return {
+      users: [{
+        id: 1,
+        displayName: 'Darius Jackson',
+        outcomeResults: {
+          1: {
+            percentScore: 0.8,
+            points: 4,
+            pointsPossible: 5,
+            mastery: true
+          }
+        }
+      }],
+      artifactType: '',
+      artifactId: '',
+      host: '',
+      jwt: ''
+    };
+  }
+
+  it('renders', function () {
+    var wrapper = mount( /*#__PURE__*/React.createElement("div", {
+      id: "app"
+    }, /*#__PURE__*/React.createElement(OutcomesPerStudentReport, makeProps())));
+    expect(wrapper.find(".".concat(styles.background))).to.have.length(1);
+  });
+});

package/es/translated/vi/demo.js

@@ -0,0 +1,468 @@
+var _process, _process$env;
+
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.symbol.description.js";
+import "core-js/modules/es.symbol.async-iterator.js";
+import "core-js/modules/es.symbol.has-instance.js";
+import "core-js/modules/es.symbol.is-concat-spreadable.js";
+import "core-js/modules/es.symbol.iterator.js";
+import "core-js/modules/es.symbol.match.js";
+import "core-js/modules/es.symbol.replace.js";
+import "core-js/modules/es.symbol.search.js";
+import "core-js/modules/es.symbol.species.js";
+import "core-js/modules/es.symbol.split.js";
+import "core-js/modules/es.symbol.to-primitive.js";
+import "core-js/modules/es.symbol.to-string-tag.js";
+import "core-js/modules/es.symbol.unscopables.js";
+import "core-js/modules/es.array.concat.js";
+import "core-js/modules/es.array.copy-within.js";
+import "core-js/modules/es.array.fill.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.array.find.js";
+import "core-js/modules/es.array.find-index.js";
+import "core-js/modules/es.array.flat.js";
+import "core-js/modules/es.array.flat-map.js";
+import "core-js/modules/es.array.from.js";
+import "core-js/modules/es.array.includes.js";
+import "core-js/modules/es.array.iterator.js";
+import "core-js/modules/es.array.join.js";
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.array.of.js";
+import "core-js/modules/es.array.slice.js";
+import "core-js/modules/es.array.sort.js";
+import "core-js/modules/es.array.species.js";
+import "core-js/modules/es.array.splice.js";
+import "core-js/modules/es.array.unscopables.flat.js";
+import "core-js/modules/es.array.unscopables.flat-map.js";
+import "core-js/modules/es.array-buffer.constructor.js";
+import "core-js/modules/es.date.to-primitive.js";
+import "core-js/modules/es.function.has-instance.js";
+import "core-js/modules/es.function.name.js";
+import "core-js/modules/es.json.to-string-tag.js";
+import "core-js/modules/es.map.js";
+import "core-js/modules/es.math.acosh.js";
+import "core-js/modules/es.math.asinh.js";
+import "core-js/modules/es.math.atanh.js";
+import "core-js/modules/es.math.cbrt.js";
+import "core-js/modules/es.math.clz32.js";
+import "core-js/modules/es.math.cosh.js";
+import "core-js/modules/es.math.expm1.js";
+import "core-js/modules/es.math.fround.js";
+import "core-js/modules/es.math.hypot.js";
+import "core-js/modules/es.math.imul.js";
+import "core-js/modules/es.math.log10.js";
+import "core-js/modules/es.math.log1p.js";
+import "core-js/modules/es.math.log2.js";
+import "core-js/modules/es.math.sign.js";
+import "core-js/modules/es.math.sinh.js";
+import "core-js/modules/es.math.tanh.js";
+import "core-js/modules/es.math.to-string-tag.js";
+import "core-js/modules/es.math.trunc.js";
+import "core-js/modules/es.number.constructor.js";
+import "core-js/modules/es.number.epsilon.js";
+import "core-js/modules/es.number.is-finite.js";
+import "core-js/modules/es.number.is-integer.js";
+import "core-js/modules/es.number.is-nan.js";
+import "core-js/modules/es.number.is-safe-integer.js";
+import "core-js/modules/es.number.max-safe-integer.js";
+import "core-js/modules/es.number.min-safe-integer.js";
+import "core-js/modules/es.number.parse-float.js";
+import "core-js/modules/es.number.parse-int.js";
+import "core-js/modules/es.number.to-fixed.js";
+import "core-js/modules/es.object.assign.js";
+import "core-js/modules/es.object.define-getter.js";
+import "core-js/modules/es.object.define-setter.js";
+import "core-js/modules/es.object.entries.js";
+import "core-js/modules/es.object.freeze.js";
+import "core-js/modules/es.object.from-entries.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import "core-js/modules/es.object.get-own-property-names.js";
+import "core-js/modules/es.object.get-prototype-of.js";
+import "core-js/modules/es.object.is.js";
+import "core-js/modules/es.object.is-extensible.js";
+import "core-js/modules/es.object.is-frozen.js";
+import "core-js/modules/es.object.is-sealed.js";
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.object.lookup-getter.js";
+import "core-js/modules/es.object.lookup-setter.js";
+import "core-js/modules/es.object.prevent-extensions.js";
+import "core-js/modules/es.object.seal.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.object.values.js";
+import "core-js/modules/es.promise.js";
+import "core-js/modules/es.promise.finally.js";
+import "core-js/modules/es.reflect.apply.js";
+import "core-js/modules/es.reflect.construct.js";
+import "core-js/modules/es.reflect.define-property.js";
+import "core-js/modules/es.reflect.delete-property.js";
+import "core-js/modules/es.reflect.get.js";
+import "core-js/modules/es.reflect.get-own-property-descriptor.js";
+import "core-js/modules/es.reflect.get-prototype-of.js";
+import "core-js/modules/es.reflect.has.js";
+import "core-js/modules/es.reflect.is-extensible.js";
+import "core-js/modules/es.reflect.own-keys.js";
+import "core-js/modules/es.reflect.prevent-extensions.js";
+import "core-js/modules/es.reflect.set.js";
+import "core-js/modules/es.reflect.set-prototype-of.js";
+import "core-js/modules/es.regexp.constructor.js";
+import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.regexp.flags.js";
+import "core-js/modules/es.regexp.to-string.js";
+import "core-js/modules/es.set.js";
+import "core-js/modules/es.string.code-point-at.js";
+import "core-js/modules/es.string.ends-with.js";
+import "core-js/modules/es.string.from-code-point.js";
+import "core-js/modules/es.string.includes.js";
+import "core-js/modules/es.string.iterator.js";
+import "core-js/modules/es.string.match.js";
+import "core-js/modules/es.string.pad-end.js";
+import "core-js/modules/es.string.pad-start.js";
+import "core-js/modules/es.string.raw.js";
+import "core-js/modules/es.string.repeat.js";
+import "core-js/modules/es.string.replace.js";
+import "core-js/modules/es.string.search.js";
+import "core-js/modules/es.string.split.js";
+import "core-js/modules/es.string.starts-with.js";
+import "core-js/modules/es.string.trim.js";
+import "core-js/modules/es.string.trim-end.js";
+import "core-js/modules/es.string.trim-start.js";
+import "core-js/modules/es.string.anchor.js";
+import "core-js/modules/es.string.big.js";
+import "core-js/modules/es.string.blink.js";
+import "core-js/modules/es.string.bold.js";
+import "core-js/modules/es.string.fixed.js";
+import "core-js/modules/es.string.fontcolor.js";
+import "core-js/modules/es.string.fontsize.js";
+import "core-js/modules/es.string.italics.js";
+import "core-js/modules/es.string.link.js";
+import "core-js/modules/es.string.small.js";
+import "core-js/modules/es.string.strike.js";
+import "core-js/modules/es.string.sub.js";
+import "core-js/modules/es.string.sup.js";
+import "core-js/modules/es.typed-array.float32-array.js";
+import "core-js/modules/es.typed-array.float64-array.js";
+import "core-js/modules/es.typed-array.int8-array.js";
+import "core-js/modules/es.typed-array.int16-array.js";
+import "core-js/modules/es.typed-array.int32-array.js";
+import "core-js/modules/es.typed-array.uint8-array.js";
+import "core-js/modules/es.typed-array.uint8-clamped-array.js";
+import "core-js/modules/es.typed-array.uint16-array.js";
+import "core-js/modules/es.typed-array.uint32-array.js";
+import "core-js/modules/es.typed-array.copy-within.js";
+import "core-js/modules/es.typed-array.every.js";
+import "core-js/modules/es.typed-array.fill.js";
+import "core-js/modules/es.typed-array.filter.js";
+import "core-js/modules/es.typed-array.find.js";
+import "core-js/modules/es.typed-array.find-index.js";
+import "core-js/modules/es.typed-array.for-each.js";
+import "core-js/modules/es.typed-array.from.js";
+import "core-js/modules/es.typed-array.includes.js";
+import "core-js/modules/es.typed-array.index-of.js";
+import "core-js/modules/es.typed-array.iterator.js";
+import "core-js/modules/es.typed-array.join.js";
+import "core-js/modules/es.typed-array.last-index-of.js";
+import "core-js/modules/es.typed-array.map.js";
+import "core-js/modules/es.typed-array.of.js";
+import "core-js/modules/es.typed-array.reduce.js";
+import "core-js/modules/es.typed-array.reduce-right.js";
+import "core-js/modules/es.typed-array.reverse.js";
+import "core-js/modules/es.typed-array.set.js";
+import "core-js/modules/es.typed-array.slice.js";
+import "core-js/modules/es.typed-array.some.js";
+import "core-js/modules/es.typed-array.sort.js";
+import "core-js/modules/es.typed-array.subarray.js";
+import "core-js/modules/es.typed-array.to-locale-string.js";
+import "core-js/modules/es.typed-array.to-string.js";
+import "core-js/modules/es.weak-map.js";
+import "core-js/modules/es.weak-set.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/web.dom-collections.iterator.js";
+import "core-js/modules/web.immediate.js";
+import "core-js/modules/web.queue-microtask.js";
+import "core-js/modules/web.url.js";
+import "core-js/modules/web.url.to-json.js";
+import "core-js/modules/web.url-search-params.js";
+import 'regenerator-runtime/runtime';
+import React from 'react';
+import { render } from 'react-dom';
+import { fromPairs } from 'lodash';
+import '@instructure/canvas-theme';
+import '@instructure/canvas-high-contrast-theme';
+import { Alert } from '@instructure/ui-alerts';
+import { Heading } from '@instructure/ui-heading';
+import { Checkbox } from '@instructure/ui-checkbox';
+import { SimpleSelect } from '@instructure/ui-simple-select';
+import { Tabs } from '@instructure/ui-tabs';
+import { ApplyTheme } from '@instructure/ui-themeable';
+import { OutcomeAlignments, OutcomeCount, OutcomesPerStudentReport, OutcomeList, AlignmentButton } from "./index.js";
+var styles = {
+  componentId: 'dCZbw',
+  template: function template(theme) {
+    return "\n\n* {\n  box-sizing: border-box;\n}\n\nhtml {\n  font-size: 1rem;\n}\n\nhtml, body {\n  margin: 0;\n  height: 100%;\n  font-family: sans-serif;\n}\n\n.outcomes-ui__src--root {\n  background: white;\n  color: black;\n  padding: 2rem;\n  margin: 2rem;\n}\n\n.outcomes-ui__src--item {\n  padding-bottom: 1rem;\n}\n\n.outcomes-ui__src--item > div {\n    padding-top: 0.25rem;\n    padding-bottom: 0.25rem;\n  }\n\n.outcomes-ui__src--report {\n  max-width: calc(85vw - 128px);\n}\n\n.outcomes-ui__src--mastery {\n  padding-bottom: 2rem;\n}\n\n#outcomes-ui__src--screenreaderNotifications {\n  height: 1px;\n  width: 1px;\n  clip: rect(0, 0, 0, 0);\n  overflow: hidden;\n}\n";
+  },
+  'root': 'outcomes-ui__src--root',
+  'item': 'outcomes-ui__src--item',
+  'report': 'outcomes-ui__src--report',
+  'mastery': 'outcomes-ui__src--mastery',
+  'screenreaderNotifications': 'outcomes-ui__src--screenreaderNotifications'
+};
+var themes = ['canvas', 'canvas-high-contrast'];
+var root = document.createElement('div');
+root.setAttribute('id', 'app');
+root.classList.add(styles.root);
+document.body.appendChild(root);
+var alert = document.createElement('div');
+alert.setAttribute('id', 'alert');
+document.body.appendChild(alert);
+
+var getLive = function getLive() {
+  return document.getElementById('alert-live-region');
+};
+
+getLive().setAttribute('role', 'alert');
+
+var screenreaderNotification = function screenreaderNotification(text) {
+  render( /*#__PURE__*/React.createElement(Alert, {
+    screenReaderOnly: true,
+    liveRegion: getLive
+  }, text), alert);
+};
+
+var searchString = window.location.search.slice(1);
+var query = fromPairs(searchString.split('&').map(function (kv) {
+  return kv.split('=');
+}));
+var createJwt = query.jwt || process.env.CREATE_TOKEN;
+var createKindergartenJwt = query.jwt || process.env.CREATE_KINDERGARTEN_TOKEN;
+var createFirstGradeJwt = query.jwt || process.env.CREATE_FIRST_GRADE_TOKEN;
+var reportJwt = query.jwt || process.env.REPORT_TOKEN;
+var outcomesHost = "http://".concat(query.host || window.location.host);
+var _query$artifactType = query.artifactType,
+    artifactType = _query$artifactType === void 0 ? 'quizzes.quiz' : _query$artifactType,
+    _query$artifactId = query.artifactId,
+    artifactId = _query$artifactId === void 0 ? '99' : _query$artifactId;
+
+var DemoAlignment = function DemoAlignment(props) {
+  /* eslint-disable no-console, react/prop-types */
+  var name = props.name,
+      alignmentSetId = props.alignmentSetId,
+      artifactType = props.artifactType,
+      artifactId = props.artifactId,
+      artifactTypeName = props.artifactTypeName,
+      contextUuid = props.contextUuid,
+      emptySetHeading = props.emptySetHeading,
+      displayMasteryDescription = props.displayMasteryDescription,
+      displayMasteryPercentText = props.displayMasteryPercentText,
+      jwt = props.jwt,
+      useAlignmentButton = props.useAlignmentButton;
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.item,
+    "data-automation": "artifact"
+  }, /*#__PURE__*/React.createElement(Heading, {
+    level: "h3"
+  }, name, " \xA0", /*#__PURE__*/React.createElement(OutcomeCount, {
+    alignmentSetId: alignmentSetId,
+    artifactType: artifactType,
+    artifactId: artifactId,
+    contextUuid: contextUuid,
+    host: outcomesHost,
+    jwt: jwt
+  })), /*#__PURE__*/React.createElement(OutcomeList, {
+    alignmentSetId: alignmentSetId,
+    artifactType: artifactType,
+    artifactId: artifactId,
+    contextUuid: contextUuid,
+    host: outcomesHost,
+    jwt: jwt,
+    emptyText: "No outcomes are aligned"
+  }), useAlignmentButton ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(AlignmentButton, {
+    artifactType: artifactType,
+    artifactTypeName: artifactTypeName,
+    artifactId: artifactId,
+    alignmentSetId: alignmentSetId,
+    contextUuid: contextUuid,
+    host: outcomesHost,
+    jwt: jwt,
+    liveRegion: getLive,
+    screenreaderNotification: screenreaderNotification,
+    readOnly: readOnly === 'true'
+  })) : /*#__PURE__*/React.createElement(OutcomeAlignments, {
+    alignmentSetId: alignmentSetId,
+    pickerType: currentPicker,
+    contextUuid: contextUuid,
+    emptySetHeading: emptySetHeading,
+    onUpdate: console.log,
+    artifactType: artifactType,
+    artifactId: artifactId,
+    artifactTypeName: artifactTypeName,
+    displayMasteryDescription: displayMasteryDescription,
+    displayMasteryPercentText: displayMasteryPercentText,
+    host: outcomesHost,
+    jwt: jwt,
+    screenreaderNotification: screenreaderNotification,
+    liveRegion: getLive,
+    readOnly: readOnly === 'true'
+  }));
+};
+
+var currentPicker = 'dialog';
+var currentTheme = (_process = process) !== null && _process !== void 0 && (_process$env = _process.env) !== null && _process$env !== void 0 && _process$env.DEFAULT_HIGH_CONTRAST ? 'canvas-high-contrast' : 'canvas';
+var readOnly = 'false';
+var currentTab = 'alignments';
+
+var reset = function reset() {
+  render( /*#__PURE__*/React.createElement("div", null), root);
+  rerender();
+};
+
+var handleThemeChange = function handleThemeChange(_, _ref) {
+  var theme = _ref.value;
+  currentTheme = theme;
+  reset();
+};
+
+var handlePickerChange = function handlePickerChange(_, _ref2) {
+  var picker = _ref2.value;
+  currentPicker = picker;
+  reset();
+};
+
+var handleReadOnlyChange = function handleReadOnlyChange(_, _ref3) {
+  var value = _ref3.value;
+  readOnly = value;
+  reset();
+};
+
+var showRollups = true;
+
+function handleShowRollupsChange() {
+  showRollups = !showRollups;
+  rerender();
+}
+
+var handleTabChange = function handleTabChange(_, _ref4) {
+  var id = _ref4.id;
+  currentTab = id;
+  rerender();
+};
+
+function rerender() {
+  render( /*#__PURE__*/React.createElement(ApplyTheme, {
+    theme: ApplyTheme.generateTheme(currentTheme)
+  }, /*#__PURE__*/React.createElement(Tabs, {
+    onRequestTabChange: handleTabChange
+  }, /*#__PURE__*/React.createElement(Tabs.Panel, {
+    id: "alignments",
+    renderTitle: "Alignments",
+    selected: currentTab === 'alignments'
+  }, /*#__PURE__*/React.createElement(SimpleSelect, {
+    renderLabel: "Picker",
+    onChange: handlePickerChange,
+    value: currentPicker,
+    "data-automation": "demoAlignment__pickerSelect"
+  }, /*#__PURE__*/React.createElement(SimpleSelect.Option, {
+    id: "dialog",
+    value: "dialog"
+  }, "Dialog Picker"), /*#__PURE__*/React.createElement(SimpleSelect.Option, {
+    id: "tray",
+    value: "tray"
+  }, "Tray Picker")), /*#__PURE__*/React.createElement(SimpleSelect, {
+    renderLabel: "Read only",
+    onChange: handleReadOnlyChange,
+    value: readOnly
+  }, /*#__PURE__*/React.createElement(SimpleSelect.Option, {
+    id: "true",
+    key: "true",
+    value: "true"
+  }, "true"), /*#__PURE__*/React.createElement(SimpleSelect.Option, {
+    id: "false",
+    key: "false",
+    value: "false"
+  }, "false")), /*#__PURE__*/React.createElement(DemoAlignment, {
+    name: "Quiz #99",
+    alignmentSetId: "d15f9530-81af-4ab5-9da7-7b49ee1aac0d",
+    artifactType: artifactType,
+    artifactId: artifactId,
+    contextUuid: "dummy_uuid",
+    emptySetHeading: "Align Institution outcomes to this quiz.",
+    displayMasteryDescription: true,
+    displayMasteryPercentText: true,
+    artifactTypeName: "Quiz",
+    jwt: createJwt
+  }), /*#__PURE__*/React.createElement(DemoAlignment, {
+    alignmentSetId: "",
+    name: "Question #100",
+    contextUuid: "dummy_uuid",
+    artifactType: "quizzes.item",
+    artifactId: "100",
+    emptySetHeading: "Align Institution outcomes to this question.",
+    jwt: createJwt
+  }), /*#__PURE__*/React.createElement(DemoAlignment, {
+    alignmentSetId: "",
+    name: "Kindergarten Science Question #101",
+    artifactType: "quizzes.item",
+    artifactId: "101",
+    contextUuid: "K-science",
+    emptySetHeading: "Align Institution outcomes to this question.",
+    jwt: createKindergartenJwt
+  }), /*#__PURE__*/React.createElement(DemoAlignment, {
+    alignmentSetId: "",
+    name: "First Grade Science Question #102",
+    artifactType: "quizzes.item",
+    artifactId: "102",
+    contextUuid: "1-science",
+    emptySetHeading: "Align Institution outcomes to this question.",
+    jwt: createFirstGradeJwt
+  }), /*#__PURE__*/React.createElement(DemoAlignment, {
+    alignmentSetId: "",
+    useAlignmentButton: true,
+    name: "Quiz #103",
+    artifactType: "quizzes.quiz",
+    artifactId: "103",
+    contextUuid: "dummy_uuid",
+    emptySetHeading: "Align Institution outcomes to this quiz.",
+    jwt: createJwt,
+    alignmentWidget: AlignmentButton
+  })), /*#__PURE__*/React.createElement(Tabs.Panel, {
+    selected: currentTab === 'report',
+    renderTitle: "Report",
+    textAlign: "center",
+    id: "report"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      backgroundColor: 'lightgrey'
+    }
+  }, /*#__PURE__*/React.createElement(Checkbox, {
+    label: "Show Rollups",
+    checked: showRollups,
+    onChange: handleShowRollupsChange
+  }), /*#__PURE__*/React.createElement("div", {
+    className: styles.report
+  }, /*#__PURE__*/React.createElement(OutcomesPerStudentReport, {
+    artifactType: artifactType,
+    artifactId: artifactId,
+    host: outcomesHost,
+    jwt: reportJwt,
+    scope: "report",
+    contextUuid: "dummy_uuid",
+    showRollups: showRollups
+  })))), /*#__PURE__*/React.createElement(Tabs.Panel, {
+    title: "Theme",
+    textAlign: "center",
+    id: "theme",
+    selected: currentTab === 'theme'
+  }, /*#__PURE__*/React.createElement(SimpleSelect, {
+    renderLabel: "Theme",
+    onChange: handleThemeChange,
+    value: currentTheme
+  }, themes.map(function (themeKey) {
+    return /*#__PURE__*/React.createElement(SimpleSelect.Option, {
+      id: themeKey,
+      key: themeKey,
+      value: themeKey
+    }, themeKey);
+  }))))), root);
+}
+
+rerender();