@instructure/outcomes-ui 2.1.4 → 2.1.5

package/lib/translated/en-GB/containers/ConnectedAlignmentButton.js

@@ -1,47 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
-var _multireducer = require("multireducer");
-
-var _redux = require("redux");
-
-var _reactRedux = require("react-redux");
-
-var alignmentActions = _interopRequireWildcard(require("../store/alignments/actions.js"));
-
-var _selectors = require("../store/alignments/selectors.js");
-
-var outcomePickerActions = _interopRequireWildcard(require("../store/OutcomePicker/actions.js"));
-
-var _index = _interopRequireDefault(require("../components/AlignmentButton/index.js"));
-
-var _WithArtifact = _interopRequireDefault(require("../components/WithArtifact.js"));
-
-var _ConnectedOutcomeTray = _interopRequireDefault(require("./ConnectedOutcomeTray.js"));
-
-var mapStateToProps = function mapStateToProps(state, ownProps) {
-  var scope = ownProps.scope;
-  return {
-    tray: _ConnectedOutcomeTray.default,
-    alignedOutcomes: (0, _selectors.getAlignedOutcomes)(state, scope)
-  };
-};
-
-var mapDispatchToProps = function mapDispatchToProps(dispatch, ownProps) {
-  var scope = ownProps.scope;
-  return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _multireducer.bindActionCreators)(outcomePickerActions, dispatch, scope)), (0, _multireducer.bindActionCreators)(alignmentActions, dispatch, scope));
-};
-
-var ConnectedAlignmentButton = (0, _redux.compose)((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps), _WithArtifact.default)(_index.default);
-var _default = ConnectedAlignmentButton;
-exports.default = _default;

package/lib/translated/en-GB/containers/__tests__/AlignmentButton.test.js

@@ -1,51 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-var _chai = require("chai");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _enzyme = require("enzyme");
-
-var _createMockStore = _interopRequireDefault(require("../../test/createMockStore.js"));
-
-var _AlignmentButton = _interopRequireDefault(require("../AlignmentButton.js"));
-
-describe('AlignmentButton', function () {
-  function makeProps() {
-    var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    var store = (0, _createMockStore.default)();
-    return Object.assign({
-      store: store,
-      artifactType: 'foo',
-      emptySetHeading: '',
-      artifactId: '1',
-      host: 'http://foo.outcomes.foo',
-      jwt: 'secretfoo'
-    }, props);
-  }
-
-  it('renders', function () {
-    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement("div", {
-      id: "app"
-    }, /*#__PURE__*/_react.default.createElement(_AlignmentButton.default, makeProps())));
-    (0, _chai.expect)(wrapper.find('AlignmentButton')).to.have.length(1);
-  });
-  it('sets the scope', function () {
-    var props = makeProps();
-    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement("div", {
-      id: "app"
-    }, /*#__PURE__*/_react.default.createElement(_AlignmentButton.default, props)));
-    (0, _chai.expect)(wrapper.find('AlignmentButton').prop('scope')).to.equal('foo:::1');
-  });
-  it('uses proper fallbacks if store is not passed in props', function () {
-    var props = makeProps({
-      store: void 0
-    });
-    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement("div", {
-      id: "app"
-    }, /*#__PURE__*/_react.default.createElement(_AlignmentButton.default, props)));
-    (0, _chai.expect)(wrapper.find('AlignmentButton').prop('scope')).to.equal('foo:::1');
-  });
-});

package/lib/translated/en-GB/containers/__tests__/ConnectedAlignmentButton.test.js

@@ -1,34 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-var _chai = require("chai");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactRedux = require("react-redux");
-
-var _enzyme = require("enzyme");
-
-var _immutable = require("immutable");
-
-var _createMockStore = _interopRequireDefault(require("../../test/createMockStore.js"));
-
-var _ConnectedAlignmentButton = _interopRequireDefault(require("../ConnectedAlignmentButton.js"));
-
-describe('ConnectedAlignmentButton', function () {
-  it('renders', function () {
-    var store = (0, _createMockStore.default)((0, _immutable.fromJS)({
-      OutcomePicker: {
-        state: 'loading',
-        scope: 'scopeForTest'
-      }
-    }));
-    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_reactRedux.Provider, {
-      store: store
-    }, /*#__PURE__*/_react.default.createElement(_ConnectedAlignmentButton.default, {
-      tray: /*#__PURE__*/_react.default.createElement("div", null)
-    })));
-    (0, _chai.expect)(wrapper.find('AlignmentButton')).to.have.length(1);
-  });
-});

package/lib/translated/en-GB-x-ukhe/components/AlignmentButton/AlignmentItem/__tests__/index.test.js

@@ -1,64 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-var _chai = require("chai");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _enzyme = require("enzyme");
-
-var _sinon = _interopRequireDefault(require("sinon"));
-
-var _index = _interopRequireDefault(require("../index.js"));
-
-var _checkA11y = _interopRequireDefault(require("../../../../test/checkA11y.js"));
-
-describe('AlignmentItem', function () {
-  function makeProps() {
-    var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    return Object.assign({
-      outcome: {
-        id: '1',
-        label: 'A1',
-        title: 'tA1',
-        description: 'dA1'
-      },
-      removeAlignment: _sinon.default.spy()
-    }, props);
-  }
-
-  it('includes an OutcomeDescription', function () {
-    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_index.default, makeProps()), {
-      disableLifecycleMethods: true
-    });
-    (0, _chai.expect)(wrapper.find('OutcomeDescription')).to.have.length(1);
-  });
-  it('includes a trash icon and delete button', function () {
-    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_index.default, makeProps()), {
-      disableLifecycleMethods: true
-    });
-    (0, _chai.expect)(wrapper.find('IconTrashLine')).to.have.length(1);
-    (0, _chai.expect)(wrapper.find('IconButton')).to.have.length(1);
-  });
-  it('does not include a trash icon and delete button when readOnly is true', function () {
-    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_index.default, makeProps({
-      readOnly: true
-    })), {
-      disableLifecycleMethods: true
-    });
-    (0, _chai.expect)(wrapper.find('IconTrashLine')).to.have.length(0);
-    (0, _chai.expect)(wrapper.find('IconButton')).to.have.length(0);
-  });
-  it('calls removeAlignment when the trash icon is clicked', function () {
-    var props = makeProps();
-    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_index.default, props), {
-      disableLifecycleMethods: true
-    });
-    wrapper.find('IconButton').simulate('click');
-    (0, _chai.expect)(props.removeAlignment.calledOnce).to.be.true;
-  });
-  it('meets a11y standards', function () {
-    return (0, _checkA11y.default)( /*#__PURE__*/_react.default.createElement(_index.default, makeProps()));
-  });
-});

package/lib/translated/en-GB-x-ukhe/components/AlignmentButton/AlignmentItem/index.js

@@ -1,115 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = 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 = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _formatMessage = _interopRequireDefault(require("format-message"));
-
-var _uiButtons = require("@instructure/ui-buttons");
-
-var _uiText = require("@instructure/ui-text");
-
-var _uiIcons = require("@instructure/ui-icons");
-
-var _uiThemeable = require("@instructure/ui-themeable");
-
-var _index = _interopRequireDefault(require("../../OutcomeDescription/index.js"));
-
-var _shapes = require("../../../store/shapes.js");
-
-var _theme = _interopRequireDefault(require("../../theme.js"));
-
-var _dec, _class, _class2, _temp;
-
-var styles = {
-  componentId: 'fztAm',
-  template: function template(theme) {
-    return "\n\n.outcomes-ui__AlignmentItem--deleteButton {\n  flex: 0 0 1rem;\n}\n\n.outcomes-ui__AlignmentItem--outcomeTitle {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n";
-  },
-  'deleteButton': 'outcomes-ui__AlignmentItem--deleteButton',
-  'outcomeTitle': 'outcomes-ui__AlignmentItem--outcomeTitle'
-};
-var AlignmentItem = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(AlignmentItem, _React$Component);
-
-  var _super = (0, _createSuper2.default)(AlignmentItem);
-
-  function AlignmentItem() {
-    (0, _classCallCheck2.default)(this, AlignmentItem);
-    return _super.apply(this, arguments);
-  }
-
-  (0, _createClass2.default)(AlignmentItem, [{
-    key: "focus",
-    value: function focus() {
-      this.focusLink.focus();
-    }
-  }, {
-    key: "renderDeleteButton",
-    value: function renderDeleteButton() {
-      var _this = this;
-
-      var _this$props = this.props,
-          outcome = _this$props.outcome,
-          removeAlignment = _this$props.removeAlignment,
-          readOnly = _this$props.readOnly;
-
-      if (!readOnly) {
-        return /*#__PURE__*/_react.default.createElement("span", {
-          className: styles.deleteButton,
-          "data-automation": "outcomeAlignmentItem__delete"
-        }, /*#__PURE__*/_react.default.createElement(_uiButtons.IconButton, {
-          withBackground: false,
-          withBorder: false,
-          screenReaderLabel: (0, _formatMessage.default)("Remove ".concat(outcome.title)),
-          elementRef: function elementRef(link) {
-            _this.focusLink = link;
-          } // eslint-disable-line immutable/no-mutation
-          ,
-          onClick: removeAlignment
-        }, /*#__PURE__*/_react.default.createElement(_uiIcons.IconTrashLine, null)));
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var outcome = this.props.outcome;
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_uiText.Text, {
-        size: "small"
-      }, outcome.label), /*#__PURE__*/_react.default.createElement("div", {
-        className: styles.outcomeTitle,
-        "data-automation": "outcomeAlignmentItem__title"
-      }, /*#__PURE__*/_react.default.createElement(_uiText.Text, {
-        weight: "bold",
-        size: "small"
-      }, outcome.title), this.renderDeleteButton()), /*#__PURE__*/_react.default.createElement(_index.default, {
-        description: outcome.description
-      }));
-    }
-  }]);
-  AlignmentItem.displayName = "AlignmentItem";
-  return AlignmentItem;
-}(_react.default.Component), _class2.propTypes = {
-  outcome: _shapes.outcomeShape.isRequired,
-  removeAlignment: _propTypes.default.func.isRequired,
-  readOnly: _propTypes.default.bool.isRequired
-}, _class2.defaultProps = {
-  readOnly: false
-}, _temp)) || _class);
-exports.default = AlignmentItem;

package/lib/translated/en-GB-x-ukhe/components/AlignmentButton/AlignmentItem/styles.css

@@ -1,9 +0,0 @@
-.deleteButton {
-  flex: 0 0 1rem;
-}
-
-.outcomeTitle {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}

package/lib/translated/en-GB-x-ukhe/components/AlignmentButton/__tests__/index.test.js

@@ -1,152 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-var _chai = require("chai");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _enzyme = require("enzyme");
-
-var _sinon = _interopRequireDefault(require("sinon"));
-
-var _index = _interopRequireDefault(require("../index.js"));
-
-var _checkA11y = _interopRequireDefault(require("../../../test/checkA11y.js"));
-
-describe('AlignmentButton', function () {
-  function makeProps() {
-    var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    return Object.assign({
-      alignedOutcomes: [{
-        id: '1',
-        label: 'A1',
-        title: 'tA1'
-      }, {
-        id: '2',
-        label: 'B2',
-        title: 'tB2'
-      }, {
-        id: '3',
-        label: 'C3',
-        title: 'tC3'
-      }],
-      tray: function tray() {
-        return /*#__PURE__*/_react.default.createElement("div", {
-          className: "outcomeTray"
-        });
-      },
-      // eslint-disable-line react/display-name
-      scope: 'scopeForTest',
-      openOutcomePicker: _sinon.default.spy(),
-      removeAlignment: _sinon.default.spy(),
-      onUpdate: _sinon.default.spy(),
-      screenreaderNotification: _sinon.default.spy()
-    }, props);
-  }
-
-  it('renders a button with a11y components', function () {
-    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_index.default, makeProps()), {
-      disableLifecycleMethods: true
-    });
-    (0, _chai.expect)(wrapper.find('Button')).to.have.length(1);
-    (0, _chai.expect)(wrapper.find('AccessibleContent')).to.have.length(1);
-  });
-  it('does not render an alignment button if readOnly is true', function () {
-    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_index.default, makeProps({
-      readOnly: true
-    })), {
-      disableLifecycleMethods: true
-    });
-    (0, _chai.expect)(wrapper.find('Button')).to.have.length(0);
-  });
-  it('does not render header if readOnly is true and no outcomes are aligned', function () {
-    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_index.default, makeProps({
-      readOnly: true,
-      alignedOutcomes: []
-    })), {
-      disableLifecycleMethods: true
-    });
-    (0, _chai.expect)(wrapper.find('Text')).to.have.length(0);
-    (0, _chai.expect)(wrapper.find('IconOutcomesLine')).to.have.length(0);
-    (0, _chai.expect)(wrapper.find('AlignmentCount')).to.have.length(0);
-  });
-  it('calls openOutcomePicker when the button is pressed', function () {
-    var props = makeProps();
-    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_index.default, props), {
-      disableLifecycleMethods: true
-    });
-    wrapper.find('Button').simulate('click');
-    (0, _chai.expect)(props.openOutcomePicker.calledOnce).to.be.true;
-  });
-  it('renders AlignmentItems for each aligned outcome', function () {
-    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_index.default, makeProps()));
-    (0, _chai.expect)(wrapper.find('AlignmentItem')).to.have.length(3);
-  });
-  it('renders an AlignmentCount object', function () {
-    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_index.default, makeProps()));
-    (0, _chai.expect)(wrapper.find('AlignmentCount')).to.have.length(1);
-  });
-  it('meets a11y standards', function () {
-    return (0, _checkA11y.default)( /*#__PURE__*/_react.default.createElement(_index.default, makeProps()));
-  });
-  describe('when an alignment is removed', function () {
-    it('calls the removeAlignment action with shouldUpdateArtifact equal to true', function () {
-      var props = makeProps();
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_index.default, props));
-      var first = wrapper.find('AlignmentItem').at(0);
-      var remove = first.prop('removeAlignment');
-      var outcome = first.prop('outcome');
-      remove();
-      (0, _chai.expect)(props.removeAlignment.getCall(0).args).to.include(outcome.id, true);
-    });
-    it('focuses on the previous alignment when the second alignment deleted', function () {
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_index.default, makeProps()));
-      var first = wrapper.find('AlignmentItem').at(0);
-      var next = wrapper.find('AlignmentItem').at(1);
-
-      var focus = _sinon.default.spy(first.instance(), 'focus');
-
-      var remove = next.prop('removeAlignment');
-      remove();
-      (0, _chai.expect)(focus.calledOnce).to.be.true;
-      (0, _chai.expect)(focus.calledWith()).to.be.true;
-    });
-    it('focuses on the next alignment when first alignment deleted', function () {
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_index.default, makeProps()));
-      var first = wrapper.find('AlignmentItem').at(0);
-      var next = wrapper.find('AlignmentItem').at(1);
-      var remove = first.prop('removeAlignment');
-
-      var focus = _sinon.default.spy(next.instance(), 'focus');
-
-      remove();
-      (0, _chai.expect)(focus.calledOnce).to.be.true;
-      (0, _chai.expect)(focus.calledWith()).to.be.true;
-    });
-  });
-  describe('componentDidUpdate', function () {
-    it('shifts focus to the |+Outcome| Button when alignments are removed', function (done) {
-      var outcomes = {
-        alignedOutcomes: [{
-          id: '1',
-          label: 'A1',
-          title: 'tA1'
-        }]
-      };
-      var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_index.default, makeProps(outcomes)));
-      var trigger = wrapper.find('button').last();
-
-      var focus = _sinon.default.spy(trigger.instance(), 'focus');
-
-      wrapper.setProps({
-        alignedOutcomes: []
-      }, function () {
-        (0, _chai.expect)(wrapper.find('button')).to.have.length(1);
-        (0, _chai.expect)(focus.calledOnce).to.be.true;
-        (0, _chai.expect)(focus.calledWith()).to.be.true;
-        done();
-      });
-    });
-  });
-});