@instructure/quiz-core 22.14.1 → 22.15.1

package/lib/common/components/resources/quiz/AddContent/Modal/presenter.js

@@ -1,83 +1,115 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AddContentModal = AddContentModal;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _uiButtons = require("@instructure/ui-buttons");
-var _uiHeading = require("@instructure/ui-heading");
-var _quizCommon = require("@instructure/quiz-common");
-var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/format-message"));
-var _Body = _interopRequireDefault(require("../Body"));
-var _presenter = require("../Body/presenter");
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-function AddContentModal(_ref) {
-  var allowStimulusCreation = _ref.allowStimulusCreation,
-    closeModal = _ref.closeModal,
-    modalOpen = _ref.modalOpen,
-    _ref$parentEntryId = _ref.parentEntryId,
-    parentEntryId = _ref$parentEntryId === void 0 ? void 0 : _ref$parentEntryId,
-    position = _ref.position,
-    quizId = _ref.quizId,
-    _ref$stimulusId = _ref.stimulusId,
-    stimulusId = _ref$stimulusId === void 0 ? void 0 : _ref$stimulusId,
-    _ref$slotProps = _ref.slotProps,
-    slotProps = _ref$slotProps === void 0 ? {} : _ref$slotProps;
-  var handleGenerateWithAiClick = function handleGenerateWithAiClick() {
-    var _slotProps$quizGenera, _slotProps$quizGenera2;
-    slotProps === null || slotProps === void 0 || (_slotProps$quizGenera = slotProps.quizGenerationButton) === null || _slotProps$quizGenera === void 0 || (_slotProps$quizGenera2 = _slotProps$quizGenera.onClick) === null || _slotProps$quizGenera2 === void 0 || _slotProps$quizGenera2.call(_slotProps$quizGenera, position);
-    closeModal();
-  };
-  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_quizCommon.Modal, {
-    open: modalOpen,
-    onDismiss: closeModal,
-    size: "large",
-    label: (0, _formatMessage["default"])('Add Content')
-  }, /*#__PURE__*/_react["default"].createElement(_quizCommon.ModalHeader, null, /*#__PURE__*/_react["default"].createElement(_uiHeading.Heading, {
-    level: "reset",
-    as: "h2"
-  }, (0, _formatMessage["default"])('Insert Content')), /*#__PURE__*/_react["default"].createElement(_uiButtons.CloseButton, {
-    onClick: closeModal,
-    placement: "end",
-    offset: "medium",
-    screenReaderLabel: (0, _formatMessage["default"])('Close')
-  })), /*#__PURE__*/_react["default"].createElement(_quizCommon.ModalBody, null, /*#__PURE__*/_react["default"].createElement(_Body["default"], {
-    allowStimulusCreation: allowStimulusCreation,
-    onOpenBankTray: closeModal,
-    onAddItem: closeModal,
-    parentEntryId: parentEntryId,
-    position: position,
-    quizId: quizId,
-    showHeaderText: false,
-    stimulusId: stimulusId,
-    containerType: "modal",
-    slotProps: {
-      quizGenerationButton: _objectSpread(_objectSpread({}, (slotProps === null || slotProps === void 0 ? void 0 : slotProps.quizGenerationButton) || {}), {}, {
-        onClick: handleGenerateWithAiClick
-      })
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
     }
-  })), /*#__PURE__*/_react["default"].createElement(_quizCommon.ModalFooter, null, /*#__PURE__*/_react["default"].createElement(_uiButtons.Button, {
-    onClick: closeModal
-  }, (0, _formatMessage["default"])('Cancel')))));
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Button, CloseButton } from '@instructure/ui-buttons';
+import { Heading } from '@instructure/ui-heading';
+import { Modal, ModalHeader, ModalBody, ModalFooter } from '@instructure/quiz-common';
+import t from '@instructure/quiz-i18n/format-message';
+import AddContentBody from '../Body';
+import { quizGenerationButtonPropTypes } from '../Body/presenter';
+export function AddContentModal(param) {
+    var allowStimulusCreation = param.allowStimulusCreation, closeModal = param.closeModal, modalOpen = param.modalOpen, _param_parentEntryId = param.parentEntryId, parentEntryId = _param_parentEntryId === void 0 ? void 0 : _param_parentEntryId, position = param.position, quizId = param.quizId, _param_stimulusId = param.stimulusId, stimulusId = _param_stimulusId === void 0 ? void 0 : _param_stimulusId, _param_slotProps = param.slotProps, slotProps = _param_slotProps === void 0 ? {} : _param_slotProps;
+    var handleGenerateWithAiClick = function() {
+        var _slotProps_quizGenerationButton_onClick, _slotProps_quizGenerationButton;
+        slotProps === null || slotProps === void 0 ? void 0 : (_slotProps_quizGenerationButton = slotProps.quizGenerationButton) === null || _slotProps_quizGenerationButton === void 0 ? void 0 : (_slotProps_quizGenerationButton_onClick = _slotProps_quizGenerationButton.onClick) === null || _slotProps_quizGenerationButton_onClick === void 0 ? void 0 : _slotProps_quizGenerationButton_onClick.call(_slotProps_quizGenerationButton, position);
+        closeModal();
+    };
+    return /*#__PURE__*/ React.createElement("div", null, /*#__PURE__*/ React.createElement(Modal, {
+        open: modalOpen,
+        onDismiss: closeModal,
+        size: "large",
+        label: t('Add Content')
+    }, /*#__PURE__*/ React.createElement(ModalHeader, null, /*#__PURE__*/ React.createElement(Heading, {
+        level: "reset",
+        as: "h2"
+    }, t('Insert Content')), /*#__PURE__*/ React.createElement(CloseButton, {
+        onClick: closeModal,
+        placement: "end",
+        offset: "medium",
+        screenReaderLabel: t('Close')
+    })), /*#__PURE__*/ React.createElement(ModalBody, null, /*#__PURE__*/ React.createElement(AddContentBody, {
+        allowStimulusCreation: allowStimulusCreation,
+        onOpenBankTray: closeModal,
+        onAddItem: closeModal,
+        parentEntryId: parentEntryId,
+        position: position,
+        quizId: quizId,
+        showHeaderText: false,
+        stimulusId: stimulusId,
+        containerType: "modal",
+        slotProps: {
+            quizGenerationButton: _object_spread_props(_object_spread({}, (slotProps === null || slotProps === void 0 ? void 0 : slotProps.quizGenerationButton) || {}), {
+                onClick: handleGenerateWithAiClick
+            })
+        }
+    })), /*#__PURE__*/ React.createElement(ModalFooter, null, /*#__PURE__*/ React.createElement(Button, {
+        onClick: closeModal
+    }, t('Cancel')))));
 }
 AddContentModal.propTypes = {
-  allowStimulusCreation: _propTypes["default"].bool.isRequired,
-  closeModal: _propTypes["default"].func.isRequired,
-  modalOpen: _propTypes["default"].bool.isRequired,
-  parentEntryId: _propTypes["default"].string,
-  position: _propTypes["default"].number.isRequired,
-  quizId: _propTypes["default"].string.isRequired,
-  stimulusId: _propTypes["default"].string,
-  slotProps: _propTypes["default"].shape({
-    quizGenerationButton: _presenter.quizGenerationButtonPropTypes
-  })
+    allowStimulusCreation: PropTypes.bool.isRequired,
+    closeModal: PropTypes.func.isRequired,
+    modalOpen: PropTypes.bool.isRequired,
+    parentEntryId: PropTypes.string,
+    position: PropTypes.number.isRequired,
+    quizId: PropTypes.string.isRequired,
+    stimulusId: PropTypes.string,
+    slotProps: PropTypes.shape({
+        quizGenerationButton: quizGenerationButtonPropTypes
+    })
 };
 AddContentModal.defaultProps = {
-  parentEntryId: void 0,
-  stimulusId: void 0
-};
+    parentEntryId: void 0,
+    stimulusId: void 0
+};

package/lib/common/components/resources/quiz/AddContent/Popover/index.js

@@ -1,41 +1,38 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.AddContentPopover = void 0;
-exports.shouldFocus = shouldFocus;
-var _redux = require("redux");
-var _reactRedux = require("../../../../../react-redux");
-var _makeEditable = _interopRequireDefault(require("../../../../shared/functionality/makeEditable"));
-var _quizCommon = require("@instructure/quiz-common");
-var _ui = require("../../../../../actions/ui");
-var _modal = require("../../../../../actions/modal");
-var _presenter = require("./presenter");
+import { compose } from 'redux';
+import { connect } from '../../../../../react-redux';
+import makeEditable from '../../../../shared/functionality/makeEditable';
+import { DELETED_QUIZ_ENTRY } from '@instructure/quiz-common';
+import { clear } from '../../../../../actions/ui';
+import { openAddContentModal } from '../../../../../actions/modal';
+import { AddContentPopover as AddContentPopoverPresenter } from './presenter';
 // only exported for testing - not intended for external use
-function shouldFocus(state, props) {
-  var deletedQuizEntry = state.getIn(['ui', _quizCommon.DELETED_QUIZ_ENTRY], {});
-  var position = props.position,
-    stimulusId = props.stimulusId;
-  var positionMatches = deletedQuizEntry.position === position;
-  var bothInStimulus = deletedQuizEntry.inStimulus && stimulusId !== void 0;
-  var neitherInStimulus = !deletedQuizEntry.inStimulus && stimulusId === void 0;
-  var stimulusMatches = bothInStimulus || neitherInStimulus;
-  var deletedFirst = deletedQuizEntry.position === 1;
-  var isFirst = position === 0;
-  return positionMatches && stimulusMatches || deletedFirst && isFirst;
+export function shouldFocus(state, props) {
+    var deletedQuizEntry = state.getIn([
+        'ui',
+        DELETED_QUIZ_ENTRY
+    ], {});
+    var position = props.position, stimulusId = props.stimulusId;
+    var positionMatches = deletedQuizEntry.position === position;
+    var bothInStimulus = deletedQuizEntry.inStimulus && stimulusId !== void 0;
+    var neitherInStimulus = !deletedQuizEntry.inStimulus && stimulusId === void 0;
+    var stimulusMatches = bothInStimulus || neitherInStimulus;
+    var deletedFirst = deletedQuizEntry.position === 1;
+    var isFirst = position === 0;
+    return positionMatches && stimulusMatches || deletedFirst && isFirst;
 }
-var mapStateToProps = function mapStateToProps(state, props) {
-  return {
-    appContainer: state.getIn(['ui', 'appContainer']),
-    guid: "add_content_popover".concat(props.stimulusId ? '_stimulus' : '', "_").concat(Math.ceil(props.position)),
-    shouldFocus: shouldFocus(state, props)
-  };
+var mapStateToProps = function(state, props) {
+    return {
+        appContainer: state.getIn([
+            'ui',
+            'appContainer'
+        ]),
+        guid: "add_content_popover".concat(props.stimulusId ? '_stimulus' : '', "_").concat(Math.ceil(props.position)),
+        shouldFocus: shouldFocus(state, props)
+    };
 };
 var mapDispatchToProps = {
-  openAddContentModal: _modal.openAddContentModal,
-  clearUi: _ui.clear
+    openAddContentModal: openAddContentModal,
+    clearUi: clear
 };
-var AddContentPopover = exports.AddContentPopover = (0, _redux.compose)((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps), _makeEditable["default"])(_presenter.AddContentPopover);
-var _default = exports["default"] = AddContentPopover;
+export var AddContentPopover = compose(connect(mapStateToProps, mapDispatchToProps), makeEditable)(AddContentPopoverPresenter);
+export default AddContentPopover;

package/lib/common/components/resources/quiz/AddContent/Popover/presenter.js

@@ -1,162 +1,196 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.AddContentPopover = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _emotion = require("@instructure/emotion");
-var _quizCommon = require("@instructure/quiz-common");
-var _uiPopover = require("@instructure/ui-popover");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _react = _interopRequireWildcard(require("react"));
-var _redux = require("redux");
-var _items = require("../../../../../../building/api/items");
-var _quizEntries = require("../../../../../../building/api/quizEntries");
-var _alerts = require("../../../../../../common/actions/alerts");
-var _reactRedux = require("../../../../../../common/react-redux");
-var _CustomPropTypes = _interopRequireDefault(require("../../../../../util/CustomPropTypes"));
-var _windowChecks = require("../../../../../util/windowChecks");
-var _Body = _interopRequireDefault(require("../Body"));
-var _Button = _interopRequireDefault(require("../Button"));
-var _styles = _interopRequireDefault(require("./styles"));
-var _theme = _interopRequireDefault(require("./theme"));
-var _presenter = require("../Body/presenter");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } /** @jsx jsx */
-function UnstyledAddContentPopover(_ref) {
-  var _ref$allowStimulusCre = _ref.allowStimulusCreation,
-    allowStimulusCreation = _ref$allowStimulusCre === void 0 ? true : _ref$allowStimulusCre,
-    clearUi = _ref.clearUi,
-    isEditing = _ref.isEditing,
-    _ref$isMobile = _ref.isMobile,
-    isMobile = _ref$isMobile === void 0 ? (0, _windowChecks.onPhone)() || (0, _windowChecks.onTablet)() : _ref$isMobile,
-    openAddContentModal = _ref.openAddContentModal,
-    _ref$parentEntryId = _ref.parentEntryId,
-    parentEntryId = _ref$parentEntryId === void 0 ? null : _ref$parentEntryId,
-    position = _ref.position,
-    quizId = _ref.quizId,
-    shouldFocus = _ref.shouldFocus,
-    _ref$stimulusId = _ref.stimulusId,
-    stimulusId = _ref$stimulusId === void 0 ? null : _ref$stimulusId,
-    switchOffEditing = _ref.switchOffEditing,
-    switchOnEditing = _ref.switchOnEditing,
-    _ref$useStimulusTrigg = _ref.useStimulusTrigger,
-    useStimulusTrigger = _ref$useStimulusTrigg === void 0 ? false : _ref$useStimulusTrigg,
-    styles = _ref.styles,
-    _ref$slotProps = _ref.slotProps,
-    slotProps = _ref$slotProps === void 0 ? {} : _ref$slotProps;
-  var popoverTrigger = (0, _react.useRef)(null);
-  (0, _react.useEffect)(function () {
-    if (shouldFocus) {
-      setTimeout(function () {
-        if (popoverTrigger.current) popoverTrigger.current.focus();
-        clearUi(_quizCommon.DELETED_QUIZ_ENTRY);
-      }, 100);
+/** @jsx jsx */ function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
     }
-  }, [shouldFocus, clearUi]);
-  function handleGenerateWithAiClick() {
-    var _slotProps$quizGenera, _slotProps$quizGenera2;
-    slotProps === null || slotProps === void 0 || (_slotProps$quizGenera = slotProps.quizGenerationButton) === null || _slotProps$quizGenera === void 0 || (_slotProps$quizGenera2 = _slotProps$quizGenera.onClick) === null || _slotProps$quizGenera2 === void 0 || _slotProps$quizGenera2.call(_slotProps$quizGenera);
-    switchOffEditing();
-  }
-  var showContent = (0, _react.useCallback)(function () {
-    switchOnEditing();
-  }, [switchOnEditing]);
-  var hideContent = (0, _react.useCallback)(function () {
-    switchOffEditing();
-  }, [switchOffEditing]);
-  var storePopoverTriggerRef = (0, _react.useCallback)(function (b) {
-    popoverTrigger.current = b;
-  }, []);
-  var renderAddContentButton = function renderAddContentButton() {
-    var onClick = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-    return (0, _emotion.jsx)(_Button["default"], {
-      ref: storePopoverTriggerRef,
-      onClick: onClick,
-      isEditing: isEditing,
-      useStimulusTrigger: useStimulusTrigger
-    });
-  };
-  var renderPopoverButton = function renderPopoverButton() {
-    var _slotProps$quizGenera3;
-    return (0, _emotion.jsx)(_uiPopover.Popover, {
-      on: "click",
-      placement: slotProps !== null && slotProps !== void 0 && (_slotProps$quizGenera3 = slotProps.quizGenerationButton) !== null && _slotProps$quizGenera3 !== void 0 && _slotProps$quizGenera3.visible ? 'end center' : 'bottom center',
-      onShowContent: showContent,
-      onHideContent: hideContent,
-      isShowingContent: isEditing,
-      shouldCloseOnEscape: true,
-      shouldContainFocus: true,
-      renderTrigger: renderAddContentButton()
-    }, (0, _emotion.jsx)(_Body["default"], {
-      allowStimulusCreation: allowStimulusCreation,
-      onOpenBankTray: switchOffEditing,
-      onAddItem: switchOffEditing,
-      parentEntryId: parentEntryId,
-      position: position,
-      quizId: quizId,
-      stimulusId: stimulusId,
-      slotProps: {
-        quizGenerationButton: _objectSpread(_objectSpread({}, (slotProps === null || slotProps === void 0 ? void 0 : slotProps.quizGenerationButton) || {}), {}, {
-          onClick: handleGenerateWithAiClick
-        })
-      }
-    }));
-  };
-  var openAddContentModalHandler = (0, _react.useCallback)(function () {
-    openAddContentModal({
-      allowStimulusCreation: allowStimulusCreation,
-      parentEntryId: parentEntryId,
-      position: position,
-      quizId: quizId,
-      stimulusId: stimulusId
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+import { jsx } from '@instructure/emotion';
+import { DELETED_QUIZ_ENTRY, withStyleOverrides } from '@instructure/quiz-common';
+import { Popover } from '@instructure/ui-popover';
+import PropTypes from 'prop-types';
+import React, { useCallback, useEffect, useRef } from 'react';
+import { bindActionCreators } from 'redux';
+import { createBulkItems } from '../../../../../../building/api/items';
+import { createBulkQuizEntries } from '../../../../../../building/api/quizEntries';
+import { addAlert } from '../../../../../../common/actions/alerts';
+import { connect } from '../../../../../../common/react-redux';
+import CustomPropTypes from '../../../../../util/CustomPropTypes';
+import { onPhone, onTablet } from '../../../../../util/windowChecks';
+import AddContentBody from '../Body';
+import AddContentButton from '../Button';
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
+import { quizGenerationButtonPropTypes } from '../Body/presenter';
+function UnstyledAddContentPopover(param) {
+    var _param_allowStimulusCreation = param.allowStimulusCreation, allowStimulusCreation = _param_allowStimulusCreation === void 0 ? true : _param_allowStimulusCreation, clearUi = param.clearUi, isEditing = param.isEditing, _param_isMobile = param.isMobile, isMobile = _param_isMobile === void 0 ? onPhone() || onTablet() : _param_isMobile, openAddContentModal = param.openAddContentModal, _param_parentEntryId = param.parentEntryId, parentEntryId = _param_parentEntryId === void 0 ? null : _param_parentEntryId, position = param.position, quizId = param.quizId, shouldFocus = param.shouldFocus, _param_stimulusId = param.stimulusId, stimulusId = _param_stimulusId === void 0 ? null : _param_stimulusId, switchOffEditing = param.switchOffEditing, switchOnEditing = param.switchOnEditing, _param_useStimulusTrigger = param.useStimulusTrigger, useStimulusTrigger = _param_useStimulusTrigger === void 0 ? false : _param_useStimulusTrigger, styles = param.styles, _param_slotProps = param.slotProps, slotProps = _param_slotProps === void 0 ? {} : _param_slotProps;
+    var popoverTrigger = useRef(null);
+    useEffect(function() {
+        if (shouldFocus) {
+            setTimeout(function() {
+                if (popoverTrigger.current) popoverTrigger.current.focus();
+                clearUi(DELETED_QUIZ_ENTRY);
+            }, 100);
+        }
+    }, [
+        shouldFocus,
+        clearUi
+    ]);
+    function handleGenerateWithAiClick() {
+        var _slotProps_quizGenerationButton_onClick, _slotProps_quizGenerationButton;
+        slotProps === null || slotProps === void 0 ? void 0 : (_slotProps_quizGenerationButton = slotProps.quizGenerationButton) === null || _slotProps_quizGenerationButton === void 0 ? void 0 : (_slotProps_quizGenerationButton_onClick = _slotProps_quizGenerationButton.onClick) === null || _slotProps_quizGenerationButton_onClick === void 0 ? void 0 : _slotProps_quizGenerationButton_onClick.call(_slotProps_quizGenerationButton);
+        switchOffEditing();
+    }
+    var showContent = useCallback(function() {
+        switchOnEditing();
+    }, [
+        switchOnEditing
+    ]);
+    var hideContent = useCallback(function() {
+        switchOffEditing();
+    }, [
+        switchOffEditing
+    ]);
+    var storePopoverTriggerRef = useCallback(function(b) {
+        popoverTrigger.current = b;
+    }, []);
+    var renderAddContentButton = function() {
+        var onClick = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : null;
+        return /*#__PURE__*/ jsx(AddContentButton, {
+            ref: storePopoverTriggerRef,
+            onClick: onClick,
+            isEditing: isEditing,
+            useStimulusTrigger: useStimulusTrigger
+        });
+    };
+    var renderPopoverButton = function() {
+        var _slotProps_quizGenerationButton;
+        return /*#__PURE__*/ jsx(Popover, {
+            on: "click",
+            placement: (slotProps === null || slotProps === void 0 ? void 0 : (_slotProps_quizGenerationButton = slotProps.quizGenerationButton) === null || _slotProps_quizGenerationButton === void 0 ? void 0 : _slotProps_quizGenerationButton.visible) ? 'end center' : 'bottom center',
+            onShowContent: showContent,
+            onHideContent: hideContent,
+            isShowingContent: isEditing,
+            shouldCloseOnEscape: true,
+            shouldContainFocus: true,
+            renderTrigger: renderAddContentButton()
+        }, /*#__PURE__*/ jsx(AddContentBody, {
+            allowStimulusCreation: allowStimulusCreation,
+            onOpenBankTray: switchOffEditing,
+            onAddItem: switchOffEditing,
+            parentEntryId: parentEntryId,
+            position: position,
+            quizId: quizId,
+            stimulusId: stimulusId,
+            slotProps: {
+                quizGenerationButton: _object_spread_props(_object_spread({}, (slotProps === null || slotProps === void 0 ? void 0 : slotProps.quizGenerationButton) || {}), {
+                    onClick: handleGenerateWithAiClick
+                })
+            }
+        }));
+    };
+    var openAddContentModalHandler = useCallback(function() {
+        openAddContentModal({
+            allowStimulusCreation: allowStimulusCreation,
+            parentEntryId: parentEntryId,
+            position: position,
+            quizId: quizId,
+            stimulusId: stimulusId
+        });
+    }, [
+        openAddContentModal,
+        allowStimulusCreation,
+        parentEntryId,
+        position,
+        quizId,
+        stimulusId
+    ]);
+    var renderModalButton = function() {
+        return renderAddContentButton(openAddContentModalHandler);
+    };
+    var borderLine = useStimulusTrigger ? null : /*#__PURE__*/ jsx("div", {
+        css: styles.borderLine
     });
-  }, [openAddContentModal, allowStimulusCreation, parentEntryId, position, quizId, stimulusId]);
-  var renderModalButton = function renderModalButton() {
-    return renderAddContentButton(openAddContentModalHandler);
-  };
-  var borderLine = useStimulusTrigger ? null : (0, _emotion.jsx)("div", {
-    css: styles.borderLine
-  });
-  var button = isMobile ? renderModalButton() : renderPopoverButton();
-  return (0, _emotion.jsx)("div", {
-    css: styles.wrapper,
-    "data-automation": "sdk-build-add-content"
-  }, borderLine, button);
+    var button = isMobile ? renderModalButton() : renderPopoverButton();
+    return /*#__PURE__*/ jsx("div", {
+        css: styles.wrapper,
+        "data-automation": "sdk-build-add-content"
+    }, borderLine, button);
 }
-var AddContentPopoverWithStyles = (0, _quizCommon.withStyleOverrides)(_styles["default"], _theme["default"])(UnstyledAddContentPopover);
-var mapDispatchToProps = function mapDispatchToProps(dispatch) {
-  return {
-    addAlert: _alerts.addAlert,
-    createBulkItems: (0, _redux.bindActionCreators)(_items.createBulkItems, dispatch),
-    createBulkQuizEntries: (0, _redux.bindActionCreators)(_quizEntries.createBulkQuizEntries, dispatch)
-  };
+var AddContentPopoverWithStyles = withStyleOverrides(generateStyle, generateComponentTheme)(UnstyledAddContentPopover);
+var mapDispatchToProps = function(dispatch) {
+    return {
+        addAlert: addAlert,
+        createBulkItems: bindActionCreators(createBulkItems, dispatch),
+        createBulkQuizEntries: bindActionCreators(createBulkQuizEntries, dispatch)
+    };
 };
-var AddContentPopover = exports.AddContentPopover = (0, _reactRedux.connect)(null, mapDispatchToProps)(AddContentPopoverWithStyles);
+export var AddContentPopover = connect(null, mapDispatchToProps)(AddContentPopoverWithStyles);
 AddContentPopover.displayName = 'AddContentPopover';
 AddContentPopover.componentId = "Quizzes".concat(AddContentPopover.displayName);
 AddContentPopover.propTypes = {
-  appContainer: _CustomPropTypes["default"].selectors.isRequired,
-  allowStimulusCreation: _propTypes["default"].bool,
-  clearUi: _propTypes["default"].func.isRequired,
-  isEditing: _propTypes["default"].bool.isRequired,
-  isMobile: _propTypes["default"].bool,
-  openAddContentModal: _propTypes["default"].func.isRequired,
-  parentEntryId: _propTypes["default"].string,
-  position: _propTypes["default"].number.isRequired,
-  quizId: _propTypes["default"].string.isRequired,
-  shouldFocus: _propTypes["default"].bool.isRequired,
-  stimulusId: _propTypes["default"].string,
-  switchOffEditing: _propTypes["default"].func.isRequired,
-  switchOnEditing: _propTypes["default"].func.isRequired,
-  useStimulusTrigger: _propTypes["default"].bool,
-  styles: _propTypes["default"].object,
-  slotProps: _propTypes["default"].shape({
-    quizGenerationButton: _presenter.quizGenerationButtonPropTypes
-  })
+    appContainer: CustomPropTypes.selectors.isRequired,
+    allowStimulusCreation: PropTypes.bool,
+    clearUi: PropTypes.func.isRequired,
+    isEditing: PropTypes.bool.isRequired,
+    isMobile: PropTypes.bool,
+    openAddContentModal: PropTypes.func.isRequired,
+    parentEntryId: PropTypes.string,
+    position: PropTypes.number.isRequired,
+    quizId: PropTypes.string.isRequired,
+    shouldFocus: PropTypes.bool.isRequired,
+    stimulusId: PropTypes.string,
+    switchOffEditing: PropTypes.func.isRequired,
+    switchOnEditing: PropTypes.func.isRequired,
+    useStimulusTrigger: PropTypes.bool,
+    styles: PropTypes.object,
+    slotProps: PropTypes.shape({
+        quizGenerationButton: quizGenerationButtonPropTypes
+    })
 };
-var _default = exports["default"] = AddContentPopover;
+export default AddContentPopover;