@instructure/quiz-core 17.17.1-rc.2 → 17.17.3-rc.0

package/lib/common/components/shared/TagSelect/presenter.js

@@ -1,306 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.TagSelect = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _uiSelect = require("@instructure/ui-select");
-
-var _TagWrapper = _interopRequireDefault(require("../TagWrapper"));
-
-var _differenceBy = _interopRequireDefault(require("lodash/differenceBy"));
-
-var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
-var _quizCommon = require("@instructure/quiz-common");
-
-var tagShape = _propTypes.default.shape({
-  id: _propTypes.default.string,
-  value: _propTypes.default.string.isRequired
-});
-
-var TagSelect = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(TagSelect, _Component);
-
-  var _super = (0, _createSuper2.default)(TagSelect);
-
-  function TagSelect() {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, TagSelect);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-    _this.state = {
-      inputValue: '',
-      isShowingOptions: false,
-      highlightedOptionId: null
-    };
-
-    _this.setInputRef = function (inputRef) {
-      _this.inputRef = inputRef;
-    };
-
-    _this.handleShowOptions = function () {
-      _this.setState({
-        isShowingOptions: true
-      });
-    };
-
-    _this.handleHideOptions = function () {
-      _this.setState({
-        isShowingOptions: false
-      });
-    };
-
-    _this.handleBlur = function () {
-      _this.setState({
-        highlightedOptionId: null
-      });
-    };
-
-    _this.handleHighlightOption = function (event, _ref) {
-      var id = _ref.id;
-      event.persist();
-
-      var tag = _this.decodeTag(id);
-
-      _this.setState(function (state) {
-        return {
-          highlightedOptionId: id,
-          inputValue: event.type === 'keydown' ? tag.value : state.inputValue
-        };
-      });
-    };
-
-    _this.handleSelectOption = function (event, _ref2) {
-      var id = _ref2.id;
-      if (id === _quizCommon.SELECT_EMPTY_OPTION) return;
-
-      var tag = _this.decodeTag(id);
-
-      _this.props.onChange([].concat((0, _toConsumableArray2.default)(_this.props.tags), [tag.id ? tag : {
-        value: tag.value
-      }]));
-
-      _this.setState({
-        highlightedOptionId: null,
-        inputValue: '',
-        isShowingOptions: false
-      });
-    };
-
-    _this.handleInputChange = function (event) {
-      var inputValue = event.target.value !== ' ' ? event.target.value : '';
-
-      _this.props.onInputChange(inputValue === '' ? null : inputValue);
-
-      _this.setState({
-        inputValue: inputValue,
-        isShowingOptions: true
-      });
-    };
-
-    _this.handleKeyDown = function (event) {
-      var inputValue = _this.state.inputValue;
-
-      if (event.keyCode === 8) {
-        // when backspace key is pressed
-        if (inputValue === '' && _this.props.tags.length > 0) {
-          // remove last selected option, if input has no entered text
-          _this.props.onChange(_this.props.tags.slice(0, -1));
-
-          _this.setState({
-            highlightedOptionId: null
-          });
-        }
-      }
-    };
-
-    _this.dismissTag = function (encodedTag) {
-      var tags = _this.props.tags.filter(function (tag) {
-        return _this.encodeTag(tag) !== encodedTag;
-      });
-
-      _this.props.onChange(tags);
-
-      _this.setState({
-        highlightedOptionId: null
-      }, function () {
-        _this.inputRef.focus();
-      });
-    };
-
-    return _this;
-  }
-
-  (0, _createClass2.default)(TagSelect, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps, prevState) {
-      if (prevProps.tagSuggestions !== this.props.tagSuggestions) {
-        this.setState({
-          highlightedOptionId: this.props.tagSuggestions.length > 0 ? this.encodeTag(this.props.tagSuggestions[0]) : null
-        });
-      }
-    }
-  }, {
-    key: "encodeTag",
-    value: function encodeTag(tag) {
-      return String(tag.id) + ' ' + tag.value;
-    }
-  }, {
-    key: "decodeTag",
-    value: function decodeTag(encodedTag) {
-      var parts = encodedTag.split(' ');
-      var id = parts.shift();
-      return {
-        id: id !== 'undefined' ? id : void 0,
-        value: parts.join(' ')
-      };
-    }
-  }, {
-    key: "normalizeSpaces",
-    value: function normalizeSpaces(text) {
-      return text.replace(/  +/g, ' ').trim();
-    }
-  }, {
-    key: "renderTags",
-    value: function renderTags() {
-      var _this2 = this;
-
-      var tags = this.props.tags;
-      return tags.map(function (tag, index) {
-        return /*#__PURE__*/_react.default.createElement(_TagWrapper.default, {
-          key: _this2.encodeTag(tag),
-          id: _this2.encodeTag(tag),
-          index: index,
-          text: tag.value,
-          onClick: _this2.dismissTag
-        });
-      });
-    }
-  }, {
-    key: "emptyOption",
-    value: function emptyOption() {
-      var _this$props = this.props,
-          tags = _this$props.tags,
-          noMatchText = _this$props.noMatchText;
-      var inputValue = this.normalizeSpaces(this.state.inputValue);
-      var exists = (0, _formatMessage.default)('Tag already selected: { text }', {
-        text: inputValue
-      });
-      return tags.some(function (tag) {
-        return tag.value === inputValue;
-      }) ? exists : noMatchText;
-    }
-  }, {
-    key: "options",
-    value: function options() {
-      var _this3 = this;
-
-      var _this$props2 = this.props,
-          allowNewTags = _this$props2.allowNewTags,
-          tags = _this$props2.tags,
-          tagSuggestions = _this$props2.tagSuggestions;
-      var notSelectedTagSuggestions = (0, _differenceBy.default)(tagSuggestions, tags, 'value');
-      var options = notSelectedTagSuggestions.map(function (tag) {
-        return /*#__PURE__*/_react.default.createElement(_uiSelect.Select.Option, {
-          key: _this3.encodeTag(tag),
-          id: _this3.encodeTag(tag),
-          isHighlighted: _this3.encodeTag(tag) === _this3.state.highlightedOptionId
-        }, tag.value);
-      });
-      var inputValue = this.normalizeSpaces(this.state.inputValue); // Don't offer tag creation on suggested or selected tags
-
-      if (!tagSuggestions.concat(tags).some(function (tag) {
-        return tag.value === inputValue;
-      })) {
-        if (allowNewTags && inputValue.length > 0) {
-          options.push( /*#__PURE__*/_react.default.createElement(_uiSelect.Select.Option, {
-            id: this.encodeTag({
-              value: inputValue
-            }),
-            key: this.encodeTag({
-              value: inputValue
-            }),
-            isHighlighted: options.length === 0
-          }, (0, _formatMessage.default)('Create new tag: { text }', {
-            text: inputValue
-          })));
-        }
-      }
-
-      if (options.length === 0) {
-        options.push( /*#__PURE__*/_react.default.createElement(_uiSelect.Select.Option, {
-          id: _quizCommon.SELECT_EMPTY_OPTION,
-          key: _quizCommon.SELECT_EMPTY_OPTION
-        }, this.emptyOption()));
-      }
-
-      return options;
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$state = this.state,
-          inputValue = _this$state.inputValue,
-          isShowingOptions = _this$state.isShowingOptions;
-      return /*#__PURE__*/_react.default.createElement(_uiSelect.Select, {
-        renderLabel: (0, _formatMessage.default)('Tags and Metadata'),
-        inputValue: inputValue,
-        isShowingOptions: isShowingOptions,
-        inputRef: this.setInputRef,
-        onBlur: this.handleBlur,
-        onInputChange: this.handleInputChange,
-        onRequestShowOptions: this.handleShowOptions,
-        onRequestHideOptions: this.handleHideOptions,
-        onRequestHighlightOption: this.handleHighlightOption,
-        onRequestSelectOption: this.handleSelectOption,
-        onKeyDown: this.handleKeyDown,
-        renderBeforeInput: this.props.tags.length > 0 ? this.renderTags() : null,
-        "data-automation": "sdk-tags-and-metadata"
-      }, this.options());
-    }
-  }]);
-  TagSelect.displayName = "TagSelect";
-  return TagSelect;
-}(_react.Component);
-
-exports.TagSelect = TagSelect;
-TagSelect.propTypes = {
-  allowNewTags: _propTypes.default.bool,
-  noMatchText: _propTypes.default.string.isRequired,
-  onChange: _propTypes.default.func.isRequired,
-  onInputChange: _propTypes.default.func.isRequired,
-  tagSuggestions: _propTypes.default.arrayOf(tagShape),
-  tags: _propTypes.default.arrayOf(tagShape)
-};
-TagSelect.defaultProps = {
-  allowNewTags: true,
-  tags: [],
-  tagSuggestions: []
-};
-var _default = TagSelect;
-exports.default = _default;

package/lib/common/components/shared/TagSuggestSelect/index.js

@@ -1,36 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _reactRedux = require("../../../react-redux");
-
-var _presenter = _interopRequireDefault(require("./presenter"));
-
-var _redux = require("redux");
-
-var _tagAssociations = require("../../../../common/actions/tagAssociations");
-
-var _tagAssociations2 = require("../../../../banks/api/tagAssociations");
-
-function mapStateToProps(state, props) {
-  return {
-    tagSuggestions: state.getIn(['tagAssociations', 'tagSuggestions', props.parentType, props.parentId])
-  };
-}
-
-function mapDispatchToProps(dispatch) {
-  return {
-    getTagSuggestions: (0, _redux.bindActionCreators)(_tagAssociations2.getTagSuggestions, dispatch),
-    setTagSuggestions: (0, _redux.bindActionCreators)(_tagAssociations.setTagSuggestions, dispatch),
-    setTagInput: (0, _redux.bindActionCreators)(_tagAssociations.setTagInput, dispatch)
-  };
-}
-
-var _default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(_presenter.default);
-
-exports.default = _default;

package/lib/common/components/shared/TagSuggestSelect/presenter.js

@@ -1,135 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.TagSuggest = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _immutable = _interopRequireDefault(require("immutable"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _reactImmutableProptypes = _interopRequireDefault(require("react-immutable-proptypes"));
-
-var _debounce = _interopRequireDefault(require("lodash/debounce"));
-
-var _TagSelect = _interopRequireDefault(require("../TagSelect"));
-
-var tagShape = _propTypes.default.shape({
-  id: _propTypes.default.string,
-  value: _propTypes.default.string.isRequired
-});
-
-var TagSuggest = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(TagSuggest, _Component);
-
-  var _super = (0, _createSuper2.default)(TagSuggest);
-
-  function TagSuggest() {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, TagSuggest);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-    _this.debouncedSuggestions = (0, _debounce.default)(function (parentType, parentId, tagText) {
-      return _this.props.getTagSuggestions(parentType, parentId, tagText);
-    }, 200);
-
-    _this.handleTagInputChange = function (tagText) {
-      var _this$props = _this.props,
-          parentType = _this$props.parentType,
-          parentId = _this$props.parentId;
-
-      _this.props.setTagInput(parentType, parentId, tagText);
-
-      if (tagText != null) {
-        _this.debouncedSuggestions(parentType, parentId, tagText);
-      } else {
-        _this.props.setTagSuggestions(parentType, parentId, null, tagText);
-      }
-    };
-
-    return _this;
-  }
-
-  (0, _createClass2.default)(TagSuggest, [{
-    key: "getTagSuggestions",
-    value: function getTagSuggestions() {
-      var _this$props2 = this.props,
-          defaultSuggestions = _this$props2.defaultSuggestions,
-          tagSuggestions = _this$props2.tagSuggestions,
-          tags = _this$props2.tags;
-
-      var suggestions = tagSuggestions || _immutable.default.fromJS(defaultSuggestions);
-
-      var visibleTagIds = tags.map(function (tag) {
-        return tag.id;
-      }); // Exclude suggestions for tags already selected
-
-      return suggestions.filterNot(function (tag) {
-        return visibleTagIds.includes(tag.get('id'));
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/_react.default.createElement(_TagSelect.default, {
-        allowNewTags: this.props.allowNewTags,
-        noMatchText: this.props.noMatchText,
-        tags: this.props.tags,
-        tagInput: this.props.tagInput,
-        tagSuggestions: this.getTagSuggestions().toJS(),
-        newTagSuggest: this.props.newTagSuggest,
-        onChange: this.props.onChange,
-        onInputChange: this.handleTagInputChange
-      });
-    }
-  }]);
-  TagSuggest.displayName = "TagSuggest";
-  return TagSuggest;
-}(_react.Component);
-
-exports.TagSuggest = TagSuggest;
-TagSuggest.propTypes = {
-  allowNewTags: _propTypes.default.bool,
-  parentType: _propTypes.default.string.isRequired,
-  parentId: _propTypes.default.string.isRequired,
-  noMatchText: _propTypes.default.string.isRequired,
-  onChange: _propTypes.default.func.isRequired,
-  defaultSuggestions: _propTypes.default.arrayOf(tagShape),
-  tagSuggestions: _reactImmutableProptypes.default.listOf(_reactImmutableProptypes.default.map),
-  setTagInput: _propTypes.default.func.isRequired,
-  newTagSuggest: _propTypes.default.string,
-  getTagSuggestions: _propTypes.default.func.isRequired,
-  setTagSuggestions: _propTypes.default.func.isRequired,
-  tagInput: _propTypes.default.string,
-  tags: _propTypes.default.arrayOf(tagShape)
-};
-TagSuggest.defaultProps = {
-  allowNewTags: false,
-  newTagSuggest: null,
-  tagInput: null,
-  tags: [],
-  defaultSuggestions: [],
-  tagSuggestions: null
-};
-var _default = TagSuggest;
-exports.default = _default;

package/lib/common/components/shared/TagWrapper/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _presenter = _interopRequireDefault(require("./presenter"));
-
-var _default = _presenter.default;
-exports.default = _default;

package/lib/common/components/shared/TagWrapper/presenter.js

@@ -1,89 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.TagWrapper = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _uiTag = require("@instructure/ui-tag");
-
-var _uiA11yContent = require("@instructure/ui-a11y-content");
-
-var _formatMessage = _interopRequireDefault(require("@instructure/quiz-i18n/es/format-message"));
-
-var TagWrapper = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(TagWrapper, _Component);
-
-  var _super = (0, _createSuper2.default)(TagWrapper);
-
-  function TagWrapper() {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, TagWrapper);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _this.dismissTag = function (e) {
-      // prevent closing of list
-      e.stopPropagation();
-      e.preventDefault();
-
-      _this.props.onClick(_this.props.id);
-    };
-
-    return _this;
-  }
-
-  (0, _createClass2.default)(TagWrapper, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          id = _this$props.id,
-          text = _this$props.text,
-          index = _this$props.index;
-      return /*#__PURE__*/_react.default.createElement(_uiTag.Tag, {
-        text: /*#__PURE__*/_react.default.createElement(_uiA11yContent.AccessibleContent, {
-          alt: (0, _formatMessage.default)('Remove {label}', {
-            label: text
-          })
-        }, text),
-        dismissible: true,
-        key: id,
-        margin: index > 0 ? 'xxx-small 0 xxx-small xx-small' : 'xxx-small 0',
-        onClick: this.dismissTag
-      });
-    }
-  }]);
-  TagWrapper.displayName = "TagWrapper";
-  return TagWrapper;
-}(_react.Component);
-
-exports.TagWrapper = TagWrapper;
-TagWrapper.propTypes = {
-  text: _propTypes.default.string.isRequired,
-  index: _propTypes.default.number.isRequired,
-  id: _propTypes.default.string.isRequired,
-  onClick: _propTypes.default.func.isRequired
-};
-var _default = TagWrapper;
-exports.default = _default;

package/lib/common/components/shared/TimeUnitsInput/TimeUnitsInput.examples.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = {
-  propValues: {
-    timeInDays: [true, false],
-    margin: [null, 'medium'],
-    inputWidth: [null, '10rem'],
-    timeInSeconds: [5820, 50340, 99999]
-  },
-  getComponentProps: function getComponentProps(props) {
-    return {
-      onChange: Function.prototype,
-      description: 'Time Units Input',
-      hoursLabel: 'Hours',
-      minutesLabel: 'Minutes',
-      maxTimeInSeconds: 100000,
-      normalizeOnInput: true
-    };
-  }
-};
-exports.default = _default;