@instructure/outcomes-ui 2.1.2 → 2.1.3

package/lib/translated/vi/store/search/actions.js

@@ -0,0 +1,116 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.updateSearchPage = exports.updateSearchText = exports.searchOutcomes = exports.setSearchTotal = exports.setSearchPage = exports.setSearchEntries = exports.setSearchLoading = exports.setSearchText = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _reduxActions = require("redux-actions");
+
+var _reduxServiceMiddleware = require("@instructure/redux-service-middleware");
+
+var _selectors = require("../config/selectors.js");
+
+var _selectors2 = require("./selectors.js");
+
+var _constants = require("../../constants.js");
+
+var _actions = require("../context/actions.js");
+
+var _debouceLatestPromise = _interopRequireDefault(require("../../util/debouceLatestPromise.js"));
+
+var setSearchText = (0, _reduxActions.createAction)(_constants.SET_SEARCH_TEXT);
+exports.setSearchText = setSearchText;
+var setSearchLoading = (0, _reduxActions.createAction)(_constants.SET_SEARCH_LOADING);
+exports.setSearchLoading = setSearchLoading;
+var setSearchEntries = (0, _reduxActions.createAction)(_constants.SET_SEARCH_ENTRIES);
+exports.setSearchEntries = setSearchEntries;
+var setSearchPage = (0, _reduxActions.createAction)(_constants.SET_SEARCH_PAGE);
+exports.setSearchPage = setSearchPage;
+var setSearchTotal = (0, _reduxActions.createAction)(_constants.SET_SEARCH_TOTAL);
+exports.setSearchTotal = setSearchTotal;
+var getSearchResultsDebounced = (0, _debouceLatestPromise.default)(function (dispatch) {
+  for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    args[_key - 1] = arguments[_key];
+  }
+
+  return dispatch(searchOutcomes.apply(void 0, args));
+}, 250);
+
+var getSearchResultsAction = function getSearchResultsAction() {
+  for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+    args[_key2] = arguments[_key2];
+  }
+
+  return function (dispatch) {
+    return getSearchResultsDebounced.apply(void 0, [dispatch].concat(args));
+  };
+};
+
+var searchOutcomes = function searchOutcomes(_ref) {
+  var text = _ref.text,
+      page = _ref.page;
+  return function (dispatch, getState, _arg, scope) {
+    var initialText = text || (0, _selectors2.getSearchText)(getState(), scope);
+    var initialPage = page || (0, _selectors2.getSearchPage)(getState(), scope);
+
+    var _getConfig = (0, _selectors.getConfig)(getState(), scope),
+        host = _getConfig.host,
+        jwt = _getConfig.jwt,
+        contextUuid = _getConfig.contextUuid;
+
+    return dispatch({
+      type: _reduxServiceMiddleware.CALL_SERVICE,
+      payload: {
+        service: 'outcomes',
+        method: 'getSearchResults',
+        args: [host, jwt, initialText, initialPage, contextUuid]
+      }
+    }).then(function (json) {
+      if ((0, _selectors2.getSearchText)(getState(), scope) === initialText && (0, _selectors2.getSearchPage)(getState(), scope) === initialPage) {
+        dispatch((0, _actions.setOutcomes)((0, _defineProperty2.default)({}, contextUuid, json.outcomes)));
+        dispatch(setSearchEntries(json.matches));
+        dispatch(setSearchTotal(json.total));
+        dispatch(setSearchLoading(false));
+      }
+
+      return Promise.resolve();
+    });
+  };
+};
+
+exports.searchOutcomes = searchOutcomes;
+
+var updateSearchText = function updateSearchText(text) {
+  return function (dispatch, _getState, _arg, _scope) {
+    dispatch(setSearchText(text));
+    dispatch(setSearchPage(1));
+    dispatch(setSearchTotal(null));
+
+    if (text) {
+      dispatch(setSearchLoading(true));
+      dispatch(getSearchResultsAction({
+        text: text,
+        page: 1
+      }));
+    }
+  };
+};
+
+exports.updateSearchText = updateSearchText;
+
+var updateSearchPage = function updateSearchPage(page) {
+  return function (dispatch, _getState, _arg, _scope) {
+    dispatch(setSearchLoading(true));
+    dispatch(setSearchPage(page));
+    dispatch(getSearchResultsAction({
+      page: page
+    }));
+  };
+};
+
+exports.updateSearchPage = updateSearchPage;

package/lib/translated/vi/store/search/reducers.js

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _reduxActions = require("redux-actions");
+
+var _reduxImmutable = require("redux-immutable");
+
+var _immutable = require("immutable");
+
+var _actions = require("./actions.js");
+
+var _paginationReducer = _interopRequireDefault(require("../utils/paginationReducer.js"));
+
+var searchText = (0, _reduxActions.handleActions)((0, _defineProperty2.default)({}, _actions.setSearchText, function (state, action) {
+  return action.payload;
+}), '');
+var isLoading = (0, _reduxActions.handleActions)((0, _defineProperty2.default)({}, _actions.setSearchLoading, function (state, action) {
+  return action.payload;
+}), true);
+var entries = (0, _reduxActions.handleActions)((0, _defineProperty2.default)({}, _actions.setSearchEntries, function (state, action) {
+  return (0, _immutable.fromJS)(action.payload);
+}), (0, _immutable.List)());
+
+var _default = (0, _reduxImmutable.combineReducers)({
+  searchText: searchText,
+  isLoading: isLoading,
+  entries: entries,
+  pagination: (0, _paginationReducer.default)('SEARCH')
+});
+
+exports.default = _default;

package/lib/translated/vi/store/search/selectors.js

@@ -0,0 +1,68 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getSearchTotal = exports.getSearchPage = exports.getIsSearchLoading = exports.getSearchText = exports.getSearchEntries = void 0;
+
+var _immutable = require("immutable");
+
+var _reselect = require("reselect");
+
+var _reReselect = _interopRequireDefault(require("re-reselect"));
+
+var _lodash = require("lodash");
+
+var _selectors = require("../alignments/selectors.js");
+
+var customDeepComparisonSelector = (0, _reselect.createSelectorCreator)(_reselect.defaultMemoize, _lodash.isEqual);
+
+var getSearch = function getSearch(state, scope) {
+  return state.getIn([scope, 'OutcomePicker', 'search']) || (0, _immutable.Map)();
+};
+
+var getSearchEntries = (0, _reReselect.default)(function (state, scope) {
+  var entries = getSearch(state, scope).get('entries');
+  entries = entries ? entries.toJS() : [];
+  return entries.map(function (entry) {
+    return (0, _selectors.getAnyOutcome)(state, scope, entry.id);
+  });
+}, function (entries) {
+  return entries;
+})(function (_state, scope) {
+  return scope;
+}, {
+  // Deep comparison: https://github.com/toomuchdesign/re-reselect/issues/31
+  selectorCreator: customDeepComparisonSelector
+});
+exports.getSearchEntries = getSearchEntries;
+
+var getSearchText = function getSearchText(state, scope) {
+  return getSearch(state, scope).get('searchText');
+};
+
+exports.getSearchText = getSearchText;
+
+var getIsSearchLoading = function getIsSearchLoading(state, scope) {
+  return getSearch(state, scope).get('isLoading');
+};
+
+exports.getIsSearchLoading = getIsSearchLoading;
+
+var pagination = function pagination(state, scope) {
+  return getSearch(state, scope).get('pagination') || (0, _immutable.Map)();
+};
+
+var getSearchPage = function getSearchPage(state, scope) {
+  return pagination(state, scope).get('page');
+};
+
+exports.getSearchPage = getSearchPage;
+
+var getSearchTotal = function getSearchTotal(state, scope) {
+  return pagination(state, scope).get('total');
+};
+
+exports.getSearchTotal = getSearchTotal;

package/lib/translated/vi/store/shapes.js

@@ -0,0 +1,91 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.contextShape = exports.outcomeProficiencyShape = exports.outcomeProficiencyRatingShape = exports.outcomeCalculationMethodShape = exports.individualResultShape = exports.scoringTierShape = exports.outcomeResultShape = exports.outcomeShape = exports.scoringMethodShape = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var scoringMethodShape = _propTypes.default.shape({
+  algorithm: _propTypes.default.isRequired,
+  algorithm_data: _propTypes.default.object,
+  mastery_percent: _propTypes.default.number,
+  points_possible: _propTypes.default.number
+});
+
+exports.scoringMethodShape = scoringMethodShape;
+
+var outcomeShape = _propTypes.default.shape({
+  id: _propTypes.default.string.isRequired,
+  guid: _propTypes.default.string,
+  label: _propTypes.default.string,
+  title: _propTypes.default.string.isRequired,
+  friendly_description: _propTypes.default.string,
+  description: _propTypes.default.string,
+  scoring_method: scoringMethodShape,
+  group: _propTypes.default.bool
+});
+
+exports.outcomeShape = outcomeShape;
+
+var outcomeResultShape = _propTypes.default.shape({
+  averageScore: _propTypes.default.number.isRequired,
+  childArtifactCount: _propTypes.default.number.isRequired,
+  count: _propTypes.default.number.isRequired,
+  masteryCount: _propTypes.default.number.isRequired,
+  outcomeId: _propTypes.default.string.isRequired,
+  usesBank: _propTypes.default.bool
+});
+
+exports.outcomeResultShape = outcomeResultShape;
+
+var scoringTierShape = _propTypes.default.shape({
+  description: _propTypes.default.string.isRequired,
+  percent: _propTypes.default.number.isRequired,
+  count: _propTypes.default.number
+});
+
+exports.scoringTierShape = scoringTierShape;
+
+var individualResultShape = _propTypes.default.shape({
+  outcome: outcomeShape.isRequired,
+  outcome_id: _propTypes.default.number.isRequired,
+  outcome_rollup: _propTypes.default.shape({
+    average_score: _propTypes.default.number.isRequired
+  }).isRequired,
+  percent_score: _propTypes.default.number.isRequired
+});
+
+exports.individualResultShape = individualResultShape;
+
+var outcomeCalculationMethodShape = _propTypes.default.shape({
+  calculation_method: _propTypes.default.string.isRequired,
+  calculation_int: _propTypes.default.number
+});
+
+exports.outcomeCalculationMethodShape = outcomeCalculationMethodShape;
+
+var outcomeProficiencyRatingShape = _propTypes.default.shape({
+  color: _propTypes.default.string.isRequired,
+  mastery: _propTypes.default.bool.isRequired,
+  points: _propTypes.default.number.isRequired,
+  description: _propTypes.default.string.isRequired
+});
+
+exports.outcomeProficiencyRatingShape = outcomeProficiencyRatingShape;
+
+var outcomeProficiencyShape = _propTypes.default.shape({
+  outcome_proficiency_ratings: _propTypes.default.arrayOf(outcomeProficiencyRatingShape).isRequired
+});
+
+exports.outcomeProficiencyShape = outcomeProficiencyShape;
+
+var contextShape = _propTypes.default.shape({
+  outcome_calculation_method: outcomeCalculationMethodShape,
+  outcome_proficiency: outcomeProficiencyShape
+});
+
+exports.contextShape = contextShape;

package/lib/translated/vi/store/utils/paginationReducer.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _reduxActions = require("redux-actions");
+
+var _reduxImmutable = require("redux-immutable");
+
+var paginationReducer = function paginationReducer(actionRoot) {
+  var SET_PAGE = "SET_".concat(actionRoot, "_PAGE");
+  var SET_TOTAL = "SET_".concat(actionRoot, "_TOTAL");
+  var page = (0, _reduxActions.handleActions)((0, _defineProperty2.default)({}, SET_PAGE, function (_state, action) {
+    return action.payload;
+  }), 1);
+  var total = (0, _reduxActions.handleActions)((0, _defineProperty2.default)({}, SET_TOTAL, function (_state, action) {
+    return action.payload;
+  }), null);
+  return (0, _reduxImmutable.combineReducers)({
+    page: page,
+    total: total
+  });
+};
+
+var _default = paginationReducer;
+exports.default = _default;

package/lib/translated/vi/test/__tests__/checkA11y.test.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _checkA11y = _interopRequireDefault(require("../checkA11y.js"));
+
+describe('checkA11y', function () {
+  // The three lines of the browser check are enough to drop our file coverage
+  // below 90%
+  it('has full line coverage', function () {
+    var prior = process.title;
+    process.title = void 0; // eslint-disable-line immutable/no-mutation
+
+    try {
+      return (0, _checkA11y.default)();
+    } finally {
+      process.title = prior; // eslint-disable-line immutable/no-mutation
+    }
+  });
+});

package/lib/translated/vi/test/checkA11y.js

@@ -0,0 +1,60 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = checkA11y;
+
+var _enzyme = require("enzyme");
+
+var _axeCore = _interopRequireDefault(require("axe-core"));
+
+var _chai = require("chai");
+
+function checkA11y(reactElement) {
+  var options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+
+  // We can't run aXe outside the browser
+  if (process && process.title !== 'browser') {
+    return Promise.resolve();
+  }
+
+  var ignores = options.ignores || [];
+  var wrapper = (0, _enzyme.mount)(reactElement, {
+    attachTo: document.getElementById('testbed')
+  });
+  var node = wrapper.getDOMNode(); // eslint-disable-line react/no-find-dom-node
+
+  document.querySelectorAll('*[aria-labelledby]').forEach(function (el) {
+    el.getAttribute('aria-labelledby').split(' ').forEach(function (id) {
+      var message = 'aria-labelledby cannot reference parent';
+      (0, _chai.expect)(document.getElementById(id).contains(el), message).to.be.false;
+    });
+  });
+  var axeConfig = {
+    runOnly: {
+      type: 'tag',
+      values: ['wcag2a', 'wcag2aa', 'section508', 'best-practice']
+    },
+    rules: {
+      'color-contrast': {
+        enabled: false
+      } // TODO: high contrast mode
+
+    }
+  };
+  return _axeCore.default.run(node, axeConfig).then(function (result) {
+    wrapper.unmount();
+    var violations = result.violations.filter(function (violation) {
+      return !ignores.includes(violation.id);
+    });
+
+    if (violations.length > 0) {
+      throw new Error(JSON.stringify(violations));
+    }
+
+    return result;
+  });
+}

package/lib/translated/vi/test/createMockStore.js

@@ -0,0 +1,56 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = createMockStore;
+exports.scopeActions = scopeActions;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _reduxMockStore = _interopRequireDefault(require("redux-mock-store"));
+
+var _reduxThunk = _interopRequireDefault(require("redux-thunk"));
+
+var _sinon = _interopRequireDefault(require("sinon"));
+
+var _immutable = require("immutable");
+
+var _reduxServiceMiddleware = _interopRequireDefault(require("@instructure/redux-service-middleware"));
+
+var _multireducer = require("multireducer");
+
+var mockService = {
+  loadOutcomes: _sinon.default.stub().returns(Promise.resolve([])),
+  getAlignments: _sinon.default.stub().returns(Promise.resolve([])),
+  getContext: _sinon.default.stub().returns(Promise.resolve({})),
+  createAlignmentSet: _sinon.default.stub().returns(Promise.resolve({
+    guid: 'newguid'
+  })),
+  outcomePickerState: 'closed'
+};
+
+function createMockStore() {
+  var state = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : (0, _immutable.Map)();
+  var outcomesService = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : mockService;
+  var scope = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 'scopeForTest';
+  var baseStore = (0, _reduxMockStore.default)([_reduxThunk.default, (0, _reduxServiceMiddleware.default)({
+    outcomes: outcomesService
+  })])(state);
+  return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, baseStore), {}, {
+    dispatch: (0, _multireducer.wrapDispatch)(baseStore.dispatch, scope)
+  });
+}
+
+function scopeActions(actions) {
+  var scope = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 'scopeForTest';
+  return Object.keys(actions).reduce(function (set, key) {
+    return Object.assign(set, (0, _defineProperty2.default)({}, key, function (arg) {
+      return (0, _multireducer.wrapAction)(actions[key](arg), scope);
+    }));
+  }, {});
+}

package/lib/translated/vi/test/mocha-bootstrap.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _chai = _interopRequireDefault(require("chai"));
+
+var _crypto = _interopRequireDefault(require("crypto"));
+
+var _sinonChai = _interopRequireDefault(require("sinon-chai"));
+
+var _jsdom = require("jsdom");
+
+var _ignoreStyles = _interopRequireDefault(require("ignore-styles"));
+
+// By default, ignore-styles just returns an empty object. Unfortunately, many
+// of our tests select elements with a specific style name. We need to return
+// unique style names so our tests and files can properly use imported names.
+//
+// We could get even fancier here and verify the styles exist in the css file,
+// but that's a lot of work. Any problems should be caught in the karma tests
+// anyway.
+(0, _ignoreStyles.default)(void 0, function (module, filename) {
+  var fileHash = _crypto.default.createHash('sha256').update(filename).digest('hex').slice(0, 8);
+
+  var styleHandler = {
+    get: function get(target, name) {
+      // Ugh, babel import magic means we have to specify this, see
+      // https://github.com/babel/babel/issues/5079
+      if (name === '__esModule') {
+        return false;
+      } else if (typeof name === 'string') {
+        return "".concat(fileHash, "-").concat(name);
+      }
+    }
+  }; // eslint-disable-next-line no-param-reassign
+
+  module.exports = new Proxy({
+    fake: true
+  }, styleHandler);
+});
+
+_chai.default.use(_sinonChai.default); // Many tests require the global document / window objects, which we need to
+// fake
+
+
+var dom = new _jsdom.JSDOM('<!doctype html><html><body></body></html>');
+global.window = dom.window; // eslint-disable-line immutable/no-mutation
+
+global.document = dom.window.document; // eslint-disable-line immutable/no-mutation
+
+global.navigator = dom.window.navigator; // eslint-disable-line immutable/no-mutation

package/lib/translated/vi/util/__tests__/debounceLatestPromise.test.js

@@ -0,0 +1,57 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _chai = require("chai");
+
+var _sinon = _interopRequireDefault(require("sinon"));
+
+var _debouceLatestPromise = _interopRequireDefault(require("../debouceLatestPromise.js"));
+
+describe('debounceLatestPromise', function () {
+  var dispatch = _sinon.default.stub().resolves(function () {
+    return 'resolved';
+  });
+
+  var clock = null;
+  beforeEach(function () {
+    clock = _sinon.default.useFakeTimers();
+  });
+  afterEach(function () {
+    clock.restore();
+    dispatch.resetHistory();
+  });
+  it('correctly debounces', function () {
+    var debounced = (0, _debouceLatestPromise.default)(function () {
+      return dispatch.apply(void 0, arguments);
+    }, 500);
+    debounced('search #1');
+    clock.tick(400);
+    (0, _chai.expect)(dispatch).to.not.be.called;
+    clock.tick(100);
+    (0, _chai.expect)(dispatch).to.be.called.once;
+    (0, _chai.expect)(dispatch).to.be.calledWith('search #1');
+  });
+  it('correctly debounces the latest promise', function () {
+    var debounced = (0, _debouceLatestPromise.default)(function () {
+      return dispatch.apply(void 0, arguments);
+    }, 500);
+    debounced('search #1');
+    debounced('search #2');
+    clock.tick(500);
+    (0, _chai.expect)(dispatch).to.be.called.once;
+    (0, _chai.expect)(dispatch).to.be.calledWith('search #2');
+  });
+  it('calls the function again after the timeout passes', function () {
+    var debounced = (0, _debouceLatestPromise.default)(function () {
+      return dispatch.apply(void 0, arguments);
+    }, 500);
+    debounced('search #1');
+    clock.tick(500);
+    debounced('search #2');
+    clock.tick(500);
+    (0, _chai.expect)(dispatch).to.be.called.calledTwice;
+    (0, _chai.expect)(dispatch).to.be.calledWith('search #1');
+    (0, _chai.expect)(dispatch).to.be.calledWith('search #2');
+  });
+});