@instructure/quiz-core 20.36.1-rc.22 → 20.36.1-rc.30

package/es/banks/components/BankSearch/presenter.js

@@ -12,7 +12,6 @@ import { IconPlusLine } from '@instructure/ui-icons';
 import { Button, CondensedButton } from '@instructure/ui-buttons';
 import { Checkbox } from '@instructure/ui-checkbox';
 import { View } from '@instructure/ui-view';
-import { Flex } from '@instructure/ui-flex';
 import { Text } from '@instructure/ui-text';
 import { AccessibleContent, ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { jsx } from '@instructure/emotion';
@@ -21,7 +20,7 @@ import TagSuggestSelect from "../../../common/components/shared/TagSuggestSelect
 import { interactionTypesNameDictionary } from "../../../common/util/interactionTypeMetadata.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-import { TextInput, withStyleOverrides } from '@instructure/quiz-common';
+import { Flex, TextInput, withStyleOverrides } from '@instructure/quiz-common';
 var tagShape = PropTypes.shape({
   tag: PropTypes.shape({
     id: PropTypes.string,

package/es/building/components/resources/quizEntry/QuizEntryEdit/Footer/presenter.js

@@ -9,7 +9,6 @@ import { Component } from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { View } from '@instructure/ui-view';
-import { Flex } from '@instructure/ui-flex';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { Text } from '@instructure/ui-text';
 import NumberInput from '@instructure/quiz-number-input';
@@ -19,7 +18,7 @@ import { IconDiscussionLine, IconDiscussionSolid } from '@instructure/ui-icons';
 import { interactionPoints } from '@instructure/quiz-interactions';
 import t from '@instructure/quiz-i18n/es/format-message';
 import EntrySave from "../../../../../../common/components/resources/entry/EntrySave/index.js";
-import { ITEM_FEEDBACK_MODAL, ITEM_FEEDBACK_MODAL_ITEM, ITEM_FEEDBACK_MODAL_FEEDBACK, withStyleOverrides } from '@instructure/quiz-common';
+import { Flex, ITEM_FEEDBACK_MODAL, ITEM_FEEDBACK_MODAL_ITEM, ITEM_FEEDBACK_MODAL_FEEDBACK, withStyleOverrides } from '@instructure/quiz-common';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 function pointsAsFloat(pointsString) {

package/es/building/components/resources/quizEntry/QuizEntryEdit/Header/index.js

@@ -11,7 +11,6 @@ import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import partial from 'lodash/partial';
 import { Text } from '@instructure/ui-text';
-import { Flex, FlexItem } from '@instructure/ui-flex';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { CondensedButton } from '@instructure/ui-buttons';
 import { jsx, Global } from '@instructure/emotion';
@@ -22,9 +21,10 @@ import { convertFITBtoRich } from "../../../../../../common/util/fitbCopyHelper.
 import PositionBox from "../../../../../../common/components/resources/positionBox/PositionBox.js";
 import Item from "../../../../../../common/records/Item.js";
 import ActionButtons from "../../../ActionButtons/index.js";
-import { DELETED_QUIZ_ENTRY, API_INPUT_VALIDATION_ERROR, BUILD_TRAY_OPEN, TextInput, withStyleOverrides } from '@instructure/quiz-common';
+import { DELETED_QUIZ_ENTRY, API_INPUT_VALIDATION_ERROR, BUILD_TRAY_OPEN, Flex, TextInput, withStyleOverrides } from '@instructure/quiz-common';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
+import { View } from '@instructure/ui-view';
 var _ref2 = jsx(IconBankLine, null);
 var QuizEntryHeader = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_QuizEntryHeader = /*#__PURE__*/function (_Component) {
   _inherits(QuizEntryHeader, _Component);
@@ -187,7 +187,7 @@ var QuizEntryHeader = (_dec = withStyleOverrides(generateStyle, generateComponen
       var dataAutomation = 'sdk-quiz-entry-interaction-type';
       if (!isBank) {
         return jsx(Text, {
-          size: "x-small",
+          size: "small",
           weight: "normal",
           "data-automation": dataAutomation
         }, this.props.name);
@@ -218,18 +218,13 @@ var QuizEntryHeader = (_dec = withStyleOverrides(generateStyle, generateComponen
       return jsx(TextInput, {
         ref: this.storeTitleRef,
         renderLabel: jsx(Flex, {
-          direction: "column"
-        }, jsx(FlexItem, {
-          margin: "0 0 small 0",
-          overflowY: "visible",
+          direction: "column",
+          gap: "small"
+        }, jsx(Flex.Item, {
           "aria-hidden": true
-        }, jsx(Text, {
-          size: "medium",
-          weight: "bold",
+        }, this.renderName()), jsx(Flex.Item, {
           "aria-hidden": true
-        }, t('Question Title'))), jsx(FlexItem, {
-          "aria-hidden": true
-        }, this.renderName()), jsx(ScreenReaderContent, null, titleLabelText)),
+        }, t('Question Title')), jsx(ScreenReaderContent, null, titleLabelText)),
         type: "text",
         onChange: this.handleTitleChange,
         value: workingEntry.title || '',
@@ -273,12 +268,21 @@ var QuizEntryHeader = (_dec = withStyleOverrides(generateStyle, generateComponen
         shouldDisableDeleteButton: this.props.disabledForRegrade,
         shouldRenderEdit: false
       };
-      return jsx("div", {
+      return jsx(View, {
+        as: "div",
         className: "header",
-        css: this.props.styles.header
+        background: "secondary",
+        padding: "small"
       }, jsx(Global, {
         styles: this.props.styles.globalStyles
-      }), this.renderLeftHeader(), jsx(ActionButtons, actionButtonProps));
+      }), jsx(Flex, {
+        className: "header",
+        direction: "row",
+        gap: "small"
+      }, jsx(Flex.Item, {
+        shouldShrink: false,
+        shouldGrow: true
+      }, this.renderLeftHeader()), jsx(Flex.Item, null, jsx(ActionButtons, actionButtonProps))));
     }
   }]);
   QuizEntryHeader.displayName = "QuizEntryHeader";

package/es/building/components/resources/quizEntry/QuizEntryEdit/Header/styles.js

@@ -8,12 +8,7 @@ var generateStyle = function generateStyle(componentTheme) {
     },
     header: {
       backgroundColor: componentTheme.headerBackgroundColor,
-      color: componentTheme.headerColor,
-      padding: componentTheme.headerPadding,
-      display: 'flex',
-      justifyContent: 'space-between',
-      verticalAlign: 'middle',
-      alignItems: 'center'
+      color: componentTheme.headerColor
     },
     dividingLine: {
       width: '0',

package/es/common/components/layout/Page/styles.js

@@ -17,16 +17,7 @@ var generateStyle = function generateStyle(componentTheme, props) {
       overflowY: 'auto'
     }), {}, {
       transition: componentTheme.contentTransition,
-      width: '100%',
-      '.user_content p': {
-        margin: "".concat(componentTheme.userContentMargin, " 0"),
-        '&:first-of-type': {
-          marginTop: componentTheme.userContentZeroMargin
-        },
-        '&:last-child': {
-          marginBottom: componentTheme.userContentZeroMargin
-        }
-      }
+      width: '100%'
     })
   };
 };

package/es/common/components/layout/navbar/index.js

@@ -93,9 +93,6 @@ export var NavBar = (_dec = withStyleOverrides(generateStyle, generateComponentT
             desktopBottomBorderInverse: false
           } : {}),
           navLabel: t('Quizzes navigation bar'),
-          desktopConfig: {
-            hideActionsUserSeparator: true
-          },
           smallViewportConfig: {
             dropdownMenuToggleButtonLabel: t('Toggle Menu'),
             dropdownMenuLabel: t('Main Menu')

package/es/common/components/layout/sidebar/SidebarItem/presenter.js

@@ -9,14 +9,13 @@ import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { AccessibleContent } from '@instructure/ui-a11y-content';
 import { Link } from '@instructure/ui-link';
-import { Flex } from '@instructure/ui-flex';
 import { jsx } from '@instructure/emotion';
 import PositionSummary from "../PositionSummary/index.js";
 import t from '@instructure/quiz-i18n/es/format-message';
 import { RichContentRenderer } from '@instructure/quiz-rce';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-import { END_EDITING_TRIGGER_CLASSNAME, withStyleOverrides } from '@instructure/quiz-common';
+import { Flex, END_EDITING_TRIGGER_CLASSNAME, withStyleOverrides } from '@instructure/quiz-common';
 export var SidebarItem = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_SidebarItem = /*#__PURE__*/function (_Component) {
   _inherits(SidebarItem, _Component);
   var _super = _createSuper(SidebarItem);

package/es/common/components/layout/sidebar/Stimulus/presenter.js

@@ -10,7 +10,6 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
 import { IconTextLeftLine } from '@instructure/ui-icons';
 import { jsx } from '@instructure/emotion';
 import { Link } from '@instructure/ui-link';
-import { Flex } from '@instructure/ui-flex';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import Collection from "./Collection/index.js";
 import Title from "./Title/index.js";
@@ -18,7 +17,7 @@ import Summary from "./Summary/index.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 import t from '@instructure/quiz-i18n/es/format-message';
-import { END_EDITING_TRIGGER_CLASSNAME, withStyleOverrides } from '@instructure/quiz-common';
+import { Flex, END_EDITING_TRIGGER_CLASSNAME, withStyleOverrides } from '@instructure/quiz-common';
 export var DISPLAY_AS_SUMMARY_LIMIT = 5;
 var _ref = jsx(IconTextLeftLine, {
   color: "primary"

package/es/common/components/resources/quiz/instructions/styles.js

@@ -4,8 +4,7 @@ var generateStyle = function generateStyle(componentTheme) {
       position: 'relative',
       width: '100%',
       boxSizing: 'border-box',
-      paddingLeft: componentTheme.wrapperPadding,
-      paddingRight: componentTheme.wrapperPadding,
+      padding: "0 ".concat(componentTheme.wrapperPadding, " ").concat(componentTheme.wrapperPadding),
       '&::after': {
         clear: 'both',
         content: '""',
@@ -14,10 +13,10 @@ var generateStyle = function generateStyle(componentTheme) {
       '.user_content p': {
         margin: "".concat(componentTheme.userContentMargin, " 0"),
         '&:first-of-type': {
-          marginTop: componentTheme.userContentZeroMargin
+          margin: "0 0 ".concat(componentTheme.userContentMargin)
         },
         '&:last-child': {
-          marginBottom: componentTheme.userContentMargin
+          margin: "".concat(componentTheme.userContentMargin, " 0 0")
         }
       }
     },

package/es/common/components/resources/quiz/instructions/theme.js

@@ -4,8 +4,7 @@ var generateComponentTheme = function generateComponentTheme(_ref) {
   return {
     wrapperPadding: spacing.large,
     textFontSize: typography.fontSizeMedium,
-    userContentMargin: spacing.mediumSmall,
-    userContentZeroMargin: 0
+    userContentMargin: spacing.mediumSmall
   };
 };
 export default generateComponentTheme;

package/es/common/components/resources/sessionItemResult/SessionItemResult/presenter.js

@@ -108,7 +108,7 @@ export var SessionItemResult = (_dec = withStyleOverrides(generateStyle, generat
         size: "small",
         margin: "small"
       }, jsx(Text, {
-        color: "warning"
+        color: "alert"
       }, t("Regrade score { possible, plural,\n              one   {{points, number} / # point}\n              other {{points, number} / # points}\n            }", {
         points: this.props.sessionItemResult.regradeInfo.get('newScore') || 0,
         possible: this.props.sessionItemResult.regradeInfo.get('newPointsPossible')

package/es/common/components/shared/PrintTrigger/presenter.js

@@ -85,7 +85,6 @@ export var PrintTrigger = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Overlay, {
-        applicationElement: this.applicationElement,
         open: this.state.waitingForPrintingToBeReady,
         shouldContainFocus: true,
         transition: "fade",

package/es/common/components/shared/TimeUnitsInput/index.js

@@ -4,10 +4,9 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import { FormFieldGroup } from '@instructure/ui-form-field';
+import { FormFieldGroup } from '@instructure/quiz-common';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { View } from '@instructure/ui-view';
-import Errors from "../../../../common/components/shared/errors/Errors.js";
 import { List } from 'immutable';
 import { breakdownSeconds, DAY_IN_SECONDS, HOUR_IN_SECONDS, MINUTE_IN_SECONDS } from "../FormattedDuration/index.js";
 import t from '@instructure/quiz-i18n/es/format-message';
@@ -170,7 +169,12 @@ export var TimeUnitsInput = /*#__PURE__*/function (_Component) {
       daysError && errorArray.push(daysError);
       hoursError && errorArray.push(hoursError);
       minutesError && errorArray.push(minutesError);
-      return List(errorArray);
+      return errorArray.map(function (error) {
+        return {
+          type: 'error',
+          text: error
+        };
+      });
     };
     return _this;
   }
@@ -241,7 +245,8 @@ export var TimeUnitsInput = /*#__PURE__*/function (_Component) {
         description: /*#__PURE__*/React.createElement(ScreenReaderContent, null, this.props.description),
         layout: "columns",
         vAlign: "top",
-        startAt: "small"
+        startAt: "small",
+        messages: this.getErrorList()
       }, this.props.includeDays && /*#__PURE__*/React.createElement(NumberInput, {
         renderLabel: this.props.daysLabel,
         min: 0,
@@ -274,10 +279,6 @@ export var TimeUnitsInput = /*#__PURE__*/function (_Component) {
         }] : null,
         "data-automation": this.props.minutesDataAutomation,
         width: this.props.inputWidth
-      })), /*#__PURE__*/React.createElement(View, {
-        display: "block"
-      }, /*#__PURE__*/React.createElement(Errors, {
-        errorList: this.getErrorList()
       })));
     }
   }]);

package/es/common/records/Stimulus.js

@@ -71,6 +71,7 @@ export var Stimulus = /*#__PURE__*/function (_ReduxRecord) {
   body: '',
   sourceUrl: '',
   status: 'mutable',
-  orientation: 'left'
+  orientation: 'left',
+  passage: false
 }));
 export default Stimulus;

package/es/moderating/components/resources/ModerateTable/presenter.js

@@ -11,7 +11,6 @@ import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
 import { Text } from '@instructure/ui-text';
 import { Link } from '@instructure/ui-link';
-import { Flex } from '@instructure/ui-flex';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { Table } from '@instructure/ui-table';
 import { IconButton } from '@instructure/ui-buttons';
@@ -26,7 +25,7 @@ import Spinner from "../../../../common/components/shared/spinner/Spinner.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 import ResetQuiz from "../../sidebar/ResetQuiz/index.js";
-import { OUTSTANDING_QUIZZES_MODAL, withStyleOverrides } from '@instructure/quiz-common';
+import { Flex, OUTSTANDING_QUIZZES_MODAL, withStyleOverrides } from '@instructure/quiz-common';
 import { chunk } from 'lodash';
 var _ref2 = jsx(Flex.Item, null, jsx(IconInfoLine, null));
 var _ref4 = jsx(IconConfigureLine, null);

package/es/moderating/components/sidebar/ModerateTray/presenter.js

@@ -5,7 +5,6 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import t from '@instructure/quiz-i18n/es/format-message';
-import { Flex } from '@instructure/ui-flex';
 import { View } from '@instructure/ui-view';
 import { Text } from '@instructure/ui-text';
 import { Heading } from '@instructure/ui-heading';
@@ -14,7 +13,7 @@ import { Tray } from '@instructure/ui-tray';
 import { Button, CloseButton } from '@instructure/ui-buttons';
 import { TruncateText } from '@instructure/ui-truncate-text';
 import { Modal } from '@instructure/ui-modal';
-import { liveRegion } from '@instructure/quiz-common';
+import { Flex, liveRegion } from '@instructure/quiz-common';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 export var ModerateTray = /*#__PURE__*/function (_Component) {
   _inherits(ModerateTray, _Component);

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/MatchingType/MatchingTypeTable/presenter.js

@@ -5,7 +5,6 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 var _dec, _class, _MatchingTypeTable;
 /** @jsx jsx */
 import { Component } from 'react';
-import { Flex } from '@instructure/ui-flex';
 import generateStyle from "./styles.js";
 import t from '@instructure/quiz-i18n/es/format-message';
 import { Table } from '@instructure/ui-table';
@@ -17,7 +16,7 @@ import MatchingTypeOrderer from "../utils/matchingTypeOrderer.js";
 import { extractTextFromHtml } from '@instructure/quiz-interactions';
 import generateComponentTheme from "./theme.js";
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
-import { withStyleOverrides } from '@instructure/quiz-common';
+import { Flex, withStyleOverrides } from '@instructure/quiz-common';
 var _ref = jsx(IconCheckSolid, null);
 var _ref2 = jsx(Flex.Item, {
   width: "46px",

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/NumericType/ChoiceTypeWithInfo/presenter.js

@@ -4,7 +4,7 @@ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { choiceTypeObject } from "../../../../common/propTypes.js";
-import { Flex } from '@instructure/ui-flex';
+import { Flex } from '@instructure/quiz-common';
 import ChoiceTypeTable from "../../shared/ChoiceTypeTable/index.js";
 import { Text } from '@instructure/ui-text';
 import t from '@instructure/quiz-i18n/es/format-message';

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/NumericType/presenter.js

@@ -16,9 +16,8 @@ import { jsx } from '@instructure/emotion';
 import ChoiceTypeWithInfo from "./ChoiceTypeWithInfo/index.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-import { Flex } from '@instructure/ui-flex';
 import { numericTypeAnswerSummaryPropType } from "../../../common/propTypes.js";
-import { withStyleOverrides } from '@instructure/quiz-common';
+import { Flex, withStyleOverrides } from '@instructure/quiz-common';
 export var NumericType = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_NumericType = /*#__PURE__*/function (_Component) {
   _inherits(NumericType, _Component);
   var _super = _createSuper(NumericType);

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/RichFillBlankType/ChoiceGroupTypeTable/presenter.js

@@ -6,7 +6,6 @@ var _dec, _class, _ChoiceGroupTypeTable;
 import { Component } from 'react';
 import PropTypes from 'prop-types';
 import { choiceTypeObject } from "../../../../common/propTypes.js";
-import { Flex } from '@instructure/ui-flex';
 import { Text } from '@instructure/ui-text';
 import t from '@instructure/quiz-i18n/es/format-message';
 import ChoiceTypeTable from "../../shared/ChoiceTypeTable/index.js";
@@ -15,7 +14,7 @@ import { jsx } from '@instructure/emotion';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 import ExpandableCard from "../../shared/ExpandableCard/index.js";
-import { withStyleOverrides } from '@instructure/quiz-common';
+import { Flex, withStyleOverrides } from '@instructure/quiz-common';
 export var ChoiceGroupTypeTable = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_ChoiceGroupTypeTable = /*#__PURE__*/function (_Component) {
   _inherits(ChoiceGroupTypeTable, _Component);
   var _super = _createSuper(ChoiceGroupTypeTable);

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/AfsTableWrapper/presenter.js

@@ -5,14 +5,13 @@ var _dec, _class, _AfsTableWrapper;
 /** @jsx jsx */
 import { Component } from 'react';
 import t from '@instructure/quiz-i18n/es/format-message';
-import { Flex } from '@instructure/ui-flex';
 import { Heading } from '@instructure/ui-heading';
 import { jsx } from '@instructure/emotion';
 import generateStyle from "./styles.js";
 import PropTypes from 'prop-types';
 import { noAnswerMissing } from "./popoverContent.js";
 import MetricPopover from "../../../MetricPopover/index.js";
-import { withStyleOverrides } from '@instructure/quiz-common';
+import { Flex, withStyleOverrides } from '@instructure/quiz-common';
 export var AfsTableWrapper = (_dec = withStyleOverrides(generateStyle, null), _dec(_class = (_AfsTableWrapper = /*#__PURE__*/function (_Component) {
   _inherits(AfsTableWrapper, _Component);
   var _super = _createSuper(AfsTableWrapper);

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/AggregationTable/presenter.js

@@ -12,9 +12,8 @@ import { IconCheckSolid, IconXSolid, IconNoSolid, IconGradebookSolid } from '@in
 import { jsx } from '@instructure/emotion';
 import generateComponentTheme from "./theme.js";
 import generateStyle from "./styles.js";
-import { Flex } from '@instructure/ui-flex';
 import { Text } from '@instructure/ui-text';
-import { withStyleOverrides } from '@instructure/quiz-common';
+import { Flex, withStyleOverrides } from '@instructure/quiz-common';
 var noAnswerKey = 'noAnswer';
 var incorrectKey = 'incorrect';
 var correctKey = 'correct';

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/ChoiceTypeTable/presenter.js

@@ -16,9 +16,8 @@ import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 import { IconCheckSolid, IconXSolid } from '@instructure/ui-icons';
 import { extractTextFromHtml } from '@instructure/quiz-interactions';
-import { Flex } from '@instructure/ui-flex';
 import { Text } from '@instructure/ui-text';
-import { withStyleOverrides } from '@instructure/quiz-common';
+import { Flex, withStyleOverrides } from '@instructure/quiz-common';
 var correctAttribute = 'correct';
 var incorrectAttribute = 'incorrect';
 var _ref = jsx(IconCheckSolid, null);

package/es/reporting/components/resources/NewQuizAndItemAnalysis/AnswerFrequencySummary/shared/ExpandableCard/presenter.js

@@ -5,14 +5,13 @@ var _dec, _class, _ExpandableCard;
 /** @jsx jsx */
 import { Component } from 'react';
 import Card from "../../../../../../../common/components/shared/Card/index.js";
-import { Flex } from '@instructure/ui-flex';
 import { jsx } from '@instructure/emotion';
 import ExpandButton from "../../../../../../../common/components/shared/ExpandButton/index.js";
 import t from '@instructure/quiz-i18n/es/format-message';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 import PropTypes from 'prop-types';
-import { withStyleOverrides } from '@instructure/quiz-common';
+import { Flex, withStyleOverrides } from '@instructure/quiz-common';
 export var ExpandableCard = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_ExpandableCard = /*#__PURE__*/function (_Component) {
   _inherits(ExpandableCard, _Component);
   var _super = _createSuper(ExpandableCard);

package/es/reporting/components/resources/NewQuizAndItemAnalysis/NewItemAnalysis/presenter.js

@@ -21,10 +21,9 @@ import AnalysisPopoverMetric from "../AnalysisPopoverMetric/index.js";
 import { interactionTypesNameDictionary } from "../../../../../common/util/interactionTypeMetadata.js";
 import AnswerFrequencySummary from "../AnswerFrequencySummary/index.js";
 import { afsFlags, itemAnalysisPropType } from "../../common/propTypes.js";
-import { Flex } from '@instructure/ui-flex';
 import { RichContentRenderer } from '@instructure/quiz-rce';
 import { ensureRCEContentIsLoaded } from "../../../../../common/util/rceChecker.js";
-import { RICH_FILL_BLANK_SLUG, withStyleOverrides } from '@instructure/quiz-common';
+import { Flex, RICH_FILL_BLANK_SLUG, withStyleOverrides } from '@instructure/quiz-common';
 var parser = new DOMParser();
 var parsererrorElement = 'parsererror';
 var parseType = 'text/html';

package/es/reporting/components/resources/NewQuizAndItemAnalysis/ReportCard/presenter.js

@@ -9,7 +9,6 @@ import PropTypes from 'prop-types';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { Text } from '@instructure/ui-text';
 import { Link } from '@instructure/ui-link';
-import { Flex } from '@instructure/ui-flex';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import { jsx } from '@instructure/emotion';
 import Card from "../../../../../common/components/shared/Card/index.js";
@@ -21,7 +20,7 @@ import { AnalysisUpdateDate } from "../../common/AnalysisUpdateDate/index.js";
 import { itemAnalysisPropType, quizAnalysisPropType } from "../../common/propTypes.js";
 import { csvFormat } from "../exportFormats.js";
 import { ExportButton } from "../ExportButton/index.js";
-import { withStyleOverrides } from '@instructure/quiz-common';
+import { Flex, withStyleOverrides } from '@instructure/quiz-common';
 export var NewQuizAndItemAnalysisReportCardPresenter = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_NewQuizAndItemAnalysisReportCardPresenter = /*#__PURE__*/function (_Component) {
   _inherits(NewQuizAndItemAnalysisReportCardPresenter, _Component);
   var _super = _createSuper(NewQuizAndItemAnalysisReportCardPresenter);

package/es/reporting/components/resources/NewQuizAndItemAnalysis/presenter.js

@@ -9,7 +9,6 @@ import { Heading } from '@instructure/ui-heading';
 import NewItemAnalysis from "./NewItemAnalysis/index.js";
 import NewQuizAnalysis from "./NewQuizAnalysis/index.js";
 import t from '@instructure/quiz-i18n/es/format-message';
-import { Flex } from '@instructure/ui-flex';
 import { AnalysisUpdateDate } from "../common/AnalysisUpdateDate/index.js";
 import { itemAnalysisPropType, quizAnalysisPropType } from "../common/propTypes.js";
 import PropTypes from 'prop-types';
@@ -26,7 +25,7 @@ import { ExportButton } from "./ExportButton/index.js";
 import { jsx } from '@instructure/emotion';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-import { withStyleOverrides } from '@instructure/quiz-common';
+import { Flex, withStyleOverrides } from '@instructure/quiz-common';
 var _ref = jsx(Flex.Item, {
   align: "center"
 }, jsx(PresentationContent, null, jsx(Img, {

package/es/reporting/components/resources/ReportCard/index.js

@@ -12,9 +12,8 @@ import { jsx } from '@instructure/emotion';
 import Card from "../../../../common/components/shared/Card/index.js";
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
-import { Flex } from '@instructure/ui-flex';
 import t from '@instructure/quiz-i18n/es/format-message';
-import { withStyleOverrides } from '@instructure/quiz-common';
+import { Flex, withStyleOverrides } from '@instructure/quiz-common';
 export var ReportCard = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_ReportCard = /*#__PURE__*/function (_Component) {
   _inherits(ReportCard, _Component);
   var _super = _createSuper(ReportCard);

package/es/reporting/components/resources/StudentAnalysis/ReportCard/presenter.js

@@ -6,7 +6,6 @@ var _dec, _class, _StudentAnalysisReportCardPresenter;
 import React, { Component } from 'react';
 import { Text } from '@instructure/ui-text';
 import { Link } from '@instructure/ui-link';
-import { Flex } from '@instructure/ui-flex';
 import { ScreenReaderContent } from '@instructure/ui-a11y-content';
 import t from '@instructure/quiz-i18n/es/format-message';
 import Card from "../../../../../common/components/shared/Card/index.js";
@@ -14,7 +13,7 @@ import { generateStyle } from "./styles.js";
 import { generateComponentTheme } from "./theme.js";
 import { ExportButton } from "../../common/ExportButton/index.js";
 import Spinner from "../../../../../common/components/shared/spinner/Spinner.js";
-import { STUDENT_ANALYSES, withStyleOverrides } from '@instructure/quiz-common';
+import { Flex, STUDENT_ANALYSES, withStyleOverrides } from '@instructure/quiz-common';
 import { AnalysisUpdateDate } from "../../common/AnalysisUpdateDate/index.js";
 export var StudentAnalysisReportCardPresenter = (_dec = withStyleOverrides(generateStyle, generateComponentTheme), _dec(_class = (_StudentAnalysisReportCardPresenter = /*#__PURE__*/function (_Component) {
   _inherits(StudentAnalysisReportCardPresenter, _Component);

package/es/reporting/components/resources/common/AnalysisUpdateDate/index.js

@@ -7,7 +7,7 @@ import PropTypes from 'prop-types';
 import t from '@instructure/quiz-i18n/es/format-message';
 import { displayDateAndTimeInTimezone } from "../../../../../common/util/formatTimespan.js";
 import { Text } from '@instructure/ui-text';
-import { Flex } from '@instructure/ui-flex';
+import { Flex } from '@instructure/quiz-common';
 export var AnalysisUpdateDate = /*#__PURE__*/function (_Component) {
   _inherits(AnalysisUpdateDate, _Component);
   var _super = _createSuper(AnalysisUpdateDate);

package/lib/banks/components/BankSearch/presenter.js

@@ -17,7 +17,6 @@ var _uiIcons = require("@instructure/ui-icons");
 var _uiButtons = require("@instructure/ui-buttons");
 var _uiCheckbox = require("@instructure/ui-checkbox");
 var _uiView = require("@instructure/ui-view");
-var _uiFlex = require("@instructure/ui-flex");
 var _uiText = require("@instructure/ui-text");
 var _uiA11yContent = require("@instructure/ui-a11y-content");
 var _emotion = require("@instructure/emotion");
@@ -139,9 +138,9 @@ var BankSearch = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _t
       var _this$props2 = this.props,
         showFilters = _this$props2.showFilters,
         toggleFilters = _this$props2.toggleFilters;
-      return (0, _emotion.jsx)("div", null, (0, _emotion.jsx)(_uiFlex.Flex, {
+      return (0, _emotion.jsx)("div", null, (0, _emotion.jsx)(_quizCommon.Flex, {
         as: "div"
-      }, (0, _emotion.jsx)(_uiFlex.Flex.Item, {
+      }, (0, _emotion.jsx)(_quizCommon.Flex.Item, {
         shouldGrow: true,
         shouldShrink: true
       }, (0, _emotion.jsx)(_quizCommon.TextInput, {
@@ -151,7 +150,7 @@ var BankSearch = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.default, _t
         onChange: this.updateSearch,
         value: this.props.search.get('text', '') || '',
         "data-automation": "sdk-bank-search-input"
-      })), (0, _emotion.jsx)(_uiFlex.Flex.Item, null, (0, _emotion.jsx)(_uiButtons.Button, {
+      })), (0, _emotion.jsx)(_quizCommon.Flex.Item, null, (0, _emotion.jsx)(_uiButtons.Button, {
         onClick: toggleFilters,
         margin: "none none none small",
         renderIcon: _uiIcons.IconPlusLine,

package/lib/building/components/resources/quizEntry/QuizEntryEdit/Footer/presenter.js

@@ -14,7 +14,6 @@ var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
 var _uiView = require("@instructure/ui-view");
-var _uiFlex = require("@instructure/ui-flex");
 var _uiA11yContent = require("@instructure/ui-a11y-content");
 var _uiText = require("@instructure/ui-text");
 var _quizNumberInput = _interopRequireDefault(require("@instructure/quiz-number-input"));
@@ -205,13 +204,13 @@ var QuizEntryEditFooter = (_dec = (0, _quizCommon.withStyleOverrides)(_styles.de
         as: "div",
         background: "secondary",
         padding: "xx-small none"
-      }, (0, _emotion.jsx)(_uiFlex.Flex, {
+      }, (0, _emotion.jsx)(_quizCommon.Flex, {
         wrap: "wrap",
         justifyItems: "space-between",
         alignItems: "center"
-      }, (0, _emotion.jsx)(_uiFlex.Flex.Item, {
+      }, (0, _emotion.jsx)(_quizCommon.Flex.Item, {
         padding: "xx-small small"
-      }, this.renderLeftFooter()), (0, _emotion.jsx)(_uiFlex.Flex.Item, {
+      }, this.renderLeftFooter()), (0, _emotion.jsx)(_quizCommon.Flex.Item, {
         padding: "xx-small small"
       }, this.renderRightFooter())));
     }