tc-ui-toolkit
Version:
React components used to develop tools for the desktop app translationCore
112 lines (95 loc) • 12.5 kB
JavaScript
"use strict";
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _Group = _interopRequireDefault(require("../Group"));
var _NoResults = _interopRequireDefault(require("../NoResults"));
var helpers = _interopRequireWildcard(require("../helpers"));
require("./Groups.styles.css");
// components
//helpers
var Groups = function Groups(_ref) {
var changeCurrentContextId = _ref.changeCurrentContextId,
filters = _ref.filters,
_ref$groupsIndex = _ref.groupsIndex,
groupsIndex = _ref$groupsIndex === void 0 ? [] : _ref$groupsIndex,
_ref$groupsData = _ref.groupsData,
groupsData = _ref$groupsData === void 0 ? {} : _ref$groupsData,
getGroupProgress = _ref.getGroupProgress,
groupMenuChangeGroup = _ref.groupMenuChangeGroup,
groupMenuExpandSubMenu = _ref.groupMenuExpandSubMenu,
isSubMenuExpanded = _ref.isSubMenuExpanded,
manifest = _ref.manifest,
contextId = _ref.contextId,
translate = _ref.translate,
getSelections = _ref.getSelections,
isVerseFinished = _ref.isVerseFinished,
isVerseValid = _ref.isVerseValid,
currentToolName = _ref.currentToolName;
var groupComponents = /*#__PURE__*/_react["default"].createElement(_NoResults["default"], {
translate: translate
});
groupsIndex = groupsIndex.filter(function (groupIndex) {
return Object.keys(groupsData).includes(groupIndex.id) && helpers.groupIsVisible(helpers.getGroupData(groupsData, groupIndex.id), filters);
});
if (groupsIndex.length) {
groupComponents = [];
var _loop = function _loop(i, len) {
var groupIndex = groupsIndex[i];
var groupId = groupIndex.id;
var currentGroupData = helpers.getGroupData(groupsData, groupId);
var active = contextId ? contextId.groupId === groupId : false;
groupComponents.push( /*#__PURE__*/_react["default"].createElement(_Group["default"], {
currentToolName: currentToolName,
isVerseValid: isVerseValid,
isVerseFinished: isVerseFinished,
contextId: contextId,
getSelections: getSelections,
changeCurrentContextId: changeCurrentContextId,
manifest: manifest,
filters: filters,
groupData: currentGroupData,
isSubMenuExpanded: isSubMenuExpanded,
groupIndex: groupIndex,
active: active,
key: groupIndex.id,
progress: getGroupProgress(groupIndex, groupsData),
groupMenuExpandSubMenu: groupMenuExpandSubMenu,
openGroup: function openGroup() {
return groupMenuChangeGroup(currentGroupData[0].contextId);
}
}));
};
for (var i = 0, len = groupsIndex.length; i < len; i++) {
_loop(i, len);
}
}
return /*#__PURE__*/_react["default"].createElement("div", {
className: "groups"
}, groupComponents);
};
Groups.propTypes = {
changeCurrentContextId: _propTypes["default"].func.isRequired,
filters: _propTypes["default"].object.isRequired,
groupsIndex: _propTypes["default"].array.isRequired,
groupsData: _propTypes["default"].object.isRequired,
getGroupProgress: _propTypes["default"].func.isRequired,
groupMenuChangeGroup: _propTypes["default"].func.isRequired,
groupMenuExpandSubMenu: _propTypes["default"].func.isRequired,
isSubMenuExpanded: _propTypes["default"].bool.isRequired,
manifest: _propTypes["default"].object.isRequired,
contextId: _propTypes["default"].object.isRequired,
translate: _propTypes["default"].func.isRequired,
getSelections: _propTypes["default"].func.isRequired,
isVerseFinished: _propTypes["default"].func.isRequired,
isVerseValid: _propTypes["default"].func.isRequired,
currentToolName: _propTypes["default"].string.isRequired
};
var _default = Groups;
exports["default"] = _default;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Hcm91cE1lbnUvR3JvdXBzL2luZGV4LmpzIl0sIm5hbWVzIjpbIkdyb3VwcyIsImNoYW5nZUN1cnJlbnRDb250ZXh0SWQiLCJmaWx0ZXJzIiwiZ3JvdXBzSW5kZXgiLCJncm91cHNEYXRhIiwiZ2V0R3JvdXBQcm9ncmVzcyIsImdyb3VwTWVudUNoYW5nZUdyb3VwIiwiZ3JvdXBNZW51RXhwYW5kU3ViTWVudSIsImlzU3ViTWVudUV4cGFuZGVkIiwibWFuaWZlc3QiLCJjb250ZXh0SWQiLCJ0cmFuc2xhdGUiLCJnZXRTZWxlY3Rpb25zIiwiaXNWZXJzZUZpbmlzaGVkIiwiaXNWZXJzZVZhbGlkIiwiY3VycmVudFRvb2xOYW1lIiwiZ3JvdXBDb21wb25lbnRzIiwiZmlsdGVyIiwiZ3JvdXBJbmRleCIsIk9iamVjdCIsImtleXMiLCJpbmNsdWRlcyIsImlkIiwiaGVscGVycyIsImdyb3VwSXNWaXNpYmxlIiwiZ2V0R3JvdXBEYXRhIiwibGVuZ3RoIiwiaSIsImxlbiIsImdyb3VwSWQiLCJjdXJyZW50R3JvdXBEYXRhIiwiYWN0aXZlIiwicHVzaCIsInByb3BUeXBlcyIsIlByb3BUeXBlcyIsImZ1bmMiLCJpc1JlcXVpcmVkIiwib2JqZWN0IiwiYXJyYXkiLCJib29sIiwic3RyaW5nIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBOztBQUNBOztBQUVBOztBQUNBOztBQUVBOztBQUVBOztBQU5BO0FBR0E7QUFLQSxJQUFNQSxNQUFNLEdBQUcsU0FBVEEsTUFBUyxPQWdCVDtBQUFBLE1BZkpDLHNCQWVJLFFBZkpBLHNCQWVJO0FBQUEsTUFkSkMsT0FjSSxRQWRKQSxPQWNJO0FBQUEsOEJBYkpDLFdBYUk7QUFBQSxNQWJKQSxXQWFJLGlDQWJVLEVBYVY7QUFBQSw2QkFaSkMsVUFZSTtBQUFBLE1BWkpBLFVBWUksZ0NBWlMsRUFZVDtBQUFBLE1BWEpDLGdCQVdJLFFBWEpBLGdCQVdJO0FBQUEsTUFWSkMsb0JBVUksUUFWSkEsb0JBVUk7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QyxzQkFBVUMsSUFBVixDQUFlQyxVQUR0QjtBQUVqQmxDLEVBQUFBLE9BQU8sRUFBRWdDLHNCQUFVRyxNQUFWLENBQWlCRCxVQUZUO0FBR2pCakMsRUFBQUEsV0FBVyxFQUFHK0Isc0JBQVVJLEtBQVYsQ0FBZ0JGLFVBSGI7QUFJakJoQyxFQUFBQSxVQUFVLEVBQUc4QixzQkFBVUcsTUFBVixDQUFpQkQsVUFKYjtBQUtqQi9CLEVBQUFBLGdCQUFnQixFQUFFNkIsc0JBQVVDLElBQVYsQ0FBZUMsVUFMaEI7QUFNakI5QixFQUFBQSxvQkFBb0IsRUFBRTRCLHNCQUFVQyxJQUFWLENBQWVDLFVBTnBCO0FBT2pCN0IsRUFBQUEsc0JBQXNCLEVBQUUyQixzQkFBVUMsSUFBVixDQUFlQyxVQVB0QjtBQVFqQjVCLEVBQUFBLGlCQUFpQixFQUFFMEIsc0JBQVVLLElBQVYsQ0FBZUgsVUFSakI7QUFTakIzQixFQUFBQSxRQUFRLEVBQUV5QixzQkFBVUcsTUFBVixDQUFpQkQsVUFUVjtBQVVqQjFCLEVBQUFBLFNBQVMsRUFBRXdCLHNCQUFVRyxNQUFWLENBQWlCRCxVQVZYO0FBV2pCekIsRUFBQUEsU0FBUyxFQUFFdUIsc0JBQVVDLElBQVYsQ0FBZUMsVUFYVDtBQVlqQnhCLEVBQUFBLGFBQWEsRUFBRXNCLHNCQUFVQyxJQUFWLENBQWVDLFVBWmI7QUFhakJ2QixFQUFBQSxlQUFlLEVBQUVxQixzQkFBVUMsSUFBVixDQUFlQyxVQWJmO0FBY2pCdEIsRUFBQUEsWUFBWSxFQUFFb0Isc0JBQVVDLElBQVYsQ0FBZUMsVUFkWjtBQWVqQnJCLEVBQUFBLGVBQWUsRUFBRW1CLHNCQUFVTSxNQUFWLENBQWlCSjtBQWZqQixDQUFuQjtlQWtCZXBDLE0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbi8vIGNvbXBvbmVudHNcbmltcG9ydCBHcm91cCBmcm9tICcuLi9Hcm91cCc7XG5pbXBvcnQgTm9SZXN1bHRzIGZyb20gJy4uL05vUmVzdWx0cyc7XG4vL2hlbHBlcnNcbmltcG9ydCAqIGFzIGhlbHBlcnMgZnJvbSAnLi4vaGVscGVycyc7XG5cbmltcG9ydCAnLi9Hcm91cHMuc3R5bGVzLmNzcyc7XG5cbmNvbnN0IEdyb3VwcyA9ICh7XG4gIGNoYW5nZUN1cnJlbnRDb250ZXh0SWQsXG4gIGZpbHRlcnMsXG4gIGdyb3Vwc0luZGV4ID0gW10sXG4gIGdyb3Vwc0RhdGEgPSB7fSxcbiAgZ2V0R3JvdXBQcm9ncmVzcyxcbiAgZ3JvdXBNZW51Q2hhbmdlR3JvdXAsXG4gIGdyb3VwTWVudUV4cGFuZFN1Yk1lbnUsXG4gIGlzU3ViTWVudUV4cGFuZGVkLFxuICBtYW5pZmVzdCxcbiAgY29udGV4dElkLFxuICB0cmFuc2xhdGUsXG4gIGdldFNlbGVjdGlvbnMsXG4gIGlzVmVyc2VGaW5pc2hlZCxcbiAgaXNWZXJzZVZhbGlkLFxuICBjdXJyZW50VG9vbE5hbWUsXG59KSA9PiB7XG4gIGxldCBncm91cENvbXBvbmVudHMgPSA8Tm9SZXN1bHRzIHRyYW5zbGF0ZT17dHJhbnNsYXRlfSAvPjtcblxuICBncm91cHNJbmRleCA9IGdyb3Vwc0luZGV4LmZpbHRlcihncm91cEluZGV4ID0+IE9iamVjdC5rZXlzKGdyb3Vwc0RhdGEpLmluY2x1ZGVzKGdyb3VwSW5kZXguaWQpICYmIGhlbHBlcnMuZ3JvdXBJc1Zpc2libGUoaGVscGVycy5nZXRHcm91cERhdGEoZ3JvdXBzRGF0YSwgZ3JvdXBJbmRleC5pZCksIGZpbHRlcnMpKTtcblxuICBpZiAoZ3JvdXBzSW5kZXgubGVuZ3RoKSB7XG4gICAgZ3JvdXBDb21wb25lbnRzID0gW107XG5cbiAgICBmb3IgKGxldCBpID0gMCwgbGVuID0gZ3JvdXBzSW5kZXgubGVuZ3RoOyBpIDwgbGVuOyBpKyspIHtcbiAgICAgIGNvbnN0IGdyb3VwSW5kZXggPSBncm91cHNJbmRleFtpXTtcbiAgICAgIGxldCBncm91cElkID0gZ3JvdXBJbmRleC5pZDtcbiAgICAgIGxldCBjdXJyZW50R3JvdXBEYXRhID0gaGVscGVycy5nZXRHcm91cERhdGEoZ3JvdXBzRGF0YSwgZ3JvdXBJZCk7XG4gICAgICBsZXQgYWN0aXZlID0gY29udGV4dElkID8gY29udGV4dElkLmdyb3VwSWQgPT09IGdyb3VwSWQgOiBmYWxzZTtcblxuICAgICAgZ3JvdXBDb21wb25lbnRzLnB1c2goXG4gICAgICAgIDxHcm91cFxuICAgICAgICAgIGN1cnJlbnRUb29sTmFtZT17Y3VycmVudFRvb2xOYW1lfVxuICAgICAgICAgIGlzVmVyc2VWYWxpZD17aXNWZXJzZVZhbGlkfVxuICAgICAgICAgIGlzVmVyc2VGaW5pc2hlZD17aXNWZXJzZUZpbmlzaGVkfVxuICAgICAgICAgIGNvbnRleHRJZD17Y29udGV4dElkfVxuICAgICAgICAgIGdldFNlbGVjdGlvbnM9e2dldFNlbGVjdGlvbnN9XG4gICAgICAgICAgY2hhbmdlQ3VycmVudENvbnRleHRJZD17Y2hhbmdlQ3VycmVudENvbnRleHRJZH1cbiAgICAgICAgICBtYW5pZmVzdD17bWFuaWZlc3R9XG4gICAgICAgICAgZmlsdGVycz17ZmlsdGVyc31cbiAgICAgICAgICBncm91cERhdGE9e2N1cnJlbnRHcm91cERhdGF9XG4gICAgICAgICAgaXNTdWJNZW51RXhwYW5kZWQ9e2lzU3ViTWVudUV4cGFuZGVkfVxuICAgICAgICAgIGdyb3VwSW5kZXg9e2dyb3VwSW5kZXh9XG4gICAgICAgICAgYWN0aXZlPXthY3RpdmV9XG4gICAgICAgICAga2V5PXtncm91cEluZGV4LmlkfVxuICAgICAgICAgIHByb2dyZXNzPXtnZXRHcm91cFByb2dyZXNzKGdyb3VwSW5kZXgsIGdyb3Vwc0RhdGEpfVxuICAgICAgICAgIGdyb3VwTWVudUV4cGFuZFN1Yk1lbnU9e2dyb3VwTWVudUV4cGFuZFN1Yk1lbnV9XG4gICAgICAgICAgb3Blbkdyb3VwPXsoKSA9PiBncm91cE1lbnVDaGFuZ2VHcm91cChjdXJyZW50R3JvdXBEYXRhWzBdLmNvbnRleHRJZCl9XG4gICAgICAgIC8+LFxuICAgICAgKTtcbiAgICB9XG4gIH1cbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNsYXNzTmFtZT0nZ3JvdXBzJz5cbiAgICAgIHtncm91cENvbXBvbmVudHN9XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5Hcm91cHMucHJvcFR5cGVzID0ge1xuICBjaGFuZ2VDdXJyZW50Q29udGV4dElkOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICBmaWx0ZXJzOiBQcm9wVHlwZXMub2JqZWN0LmlzUmVxdWlyZWQsXG4gIGdyb3Vwc0luZGV4IDogUHJvcFR5cGVzLmFycmF5LmlzUmVxdWlyZWQsXG4gIGdyb3Vwc0RhdGEgOiBQcm9wVHlwZXMub2JqZWN0LmlzUmVxdWlyZWQsXG4gIGdldEdyb3VwUHJvZ3Jlc3M6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIGdyb3VwTWVudUNoYW5nZUdyb3VwOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICBncm91cE1lbnVFeHBhbmRTdWJNZW51OiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICBpc1N1Yk1lbnVFeHBhbmRlZDogUHJvcFR5cGVzLmJvb2wuaXNSZXF1aXJlZCxcbiAgbWFuaWZlc3Q6IFByb3BUeXBlcy5vYmplY3QuaXNSZXF1aXJlZCxcbiAgY29udGV4dElkOiBQcm9wVHlwZXMub2JqZWN0LmlzUmVxdWlyZWQsXG4gIHRyYW5zbGF0ZTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgZ2V0U2VsZWN0aW9uczogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgaXNWZXJzZUZpbmlzaGVkOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICBpc1ZlcnNlVmFsaWQ6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIGN1cnJlbnRUb29sTmFtZTogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgR3JvdXBzO1xuIl19