@edx/unit-title-plugin 2.4.3 → 2.4.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/translation-button/translation-selection/translation-dropdown/constants.js +2 -1
- package/dist/translation-button/translation-selection/translation-dropdown/constants.js.map +1 -1
- package/dist/translation-button/translation-selection/translation-dropdown/useTranslationDropdownTour.js +33 -9
- package/dist/translation-button/translation-selection/translation-dropdown/useTranslationDropdownTour.js.map +1 -1
- package/package.json +2 -2
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.hasSeenTranslationDropdownTourKey = exports.hasSeenSiteLanguageTourKey = exports["default"] = void 0;
|
|
6
|
+
exports.hasSeenTranslationDropdownTourKey = exports.hasSeenSiteLanguageTourKey = exports["default"] = exports.LAYOUT_STABILIZATION_DELAY = void 0;
|
|
7
7
|
// sourced from edx-repos/frontend-app-account/src/account-settings/site-language/constants.js
|
|
8
8
|
var siteLanguageList = [{
|
|
9
9
|
code: 'en',
|
|
@@ -112,5 +112,6 @@ var siteLanguageList = [{
|
|
|
112
112
|
}];
|
|
113
113
|
var hasSeenTranslationDropdownTourKey = exports.hasSeenTranslationDropdownTourKey = 'hasSeenTranslationDropdownTour';
|
|
114
114
|
var hasSeenSiteLanguageTourKey = exports.hasSeenSiteLanguageTourKey = 'hasSeenSiteLanguageTour';
|
|
115
|
+
var LAYOUT_STABILIZATION_DELAY = exports.LAYOUT_STABILIZATION_DELAY = 3000;
|
|
115
116
|
var _default = exports["default"] = siteLanguageList;
|
|
116
117
|
//# sourceMappingURL=constants.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","names":["siteLanguageList","code","name","released","hasSeenTranslationDropdownTourKey","exports","hasSeenSiteLanguageTourKey","_default"],"sources":["../../../../src/translation-button/translation-selection/translation-dropdown/constants.js"],"sourcesContent":["// sourced from edx-repos/frontend-app-account/src/account-settings/site-language/constants.js\nconst siteLanguageList = [\n {\n code: 'en',\n name: 'English',\n released: true,\n },\n {\n code: 'ar',\n name: 'العربية',\n released: true,\n },\n {\n code: 'ca',\n name: 'Català',\n released: false,\n },\n {\n code: 'es-419',\n name: 'Español (Latinoamérica)',\n released: true,\n },\n {\n code: 'fa-ir',\n name: 'فارسی',\n released: true,\n },\n {\n code: 'fr',\n name: 'Français',\n released: true,\n },\n {\n code: 'he',\n name: 'עברית',\n released: false,\n },\n {\n code: 'id',\n name: 'Bahasa Indonesia',\n released: false,\n },\n {\n code: 'ko-kr',\n name: '한국어 (대한민국)',\n released: false,\n },\n {\n code: 'pl',\n name: 'Polski',\n released: false,\n },\n {\n code: 'pt-br',\n name: 'Português (Brasil)',\n released: false,\n },\n {\n code: 'ru',\n name: 'Русский',\n released: false,\n },\n {\n code: 'th',\n name: 'ไทย',\n released: false,\n },\n {\n code: 'uk',\n name: 'Українська',\n released: false,\n },\n {\n code: 'zh-cn',\n name: '中文 (简体)',\n released: true,\n },\n {\n code: 'pt-pt',\n name: 'Português',\n released: true,\n },\n {\n code: 'it-it',\n name: 'Italian',\n released: true,\n },\n {\n code: 'de-de',\n name: 'German',\n released: true,\n },\n {\n code: 'hi',\n name: 'Hindi',\n released: true,\n },\n {\n code: 'fr-ca',\n name: 'French (CA)',\n released: true,\n },\n {\n code: 'te',\n name: 'తెలుగు',\n released: true,\n },\n {\n code: 'da',\n name: 'dansk',\n released: true,\n },\n {\n code: 'el',\n name: 'Ελληνικά',\n released: true,\n },\n {\n code: 'es-es',\n name: 'Español (España)',\n released: true,\n },\n {\n code: 'sw',\n name: 'Kiswahili',\n released: true,\n },\n {\n code: 'tr-tr',\n name: 'Türkçe (Türkiye)',\n released: true,\n },\n];\n\nexport const hasSeenTranslationDropdownTourKey = 'hasSeenTranslationDropdownTour';\nexport const hasSeenSiteLanguageTourKey = 'hasSeenSiteLanguageTour';\n\nexport default siteLanguageList;\n"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"constants.js","names":["siteLanguageList","code","name","released","hasSeenTranslationDropdownTourKey","exports","hasSeenSiteLanguageTourKey","LAYOUT_STABILIZATION_DELAY","_default"],"sources":["../../../../src/translation-button/translation-selection/translation-dropdown/constants.js"],"sourcesContent":["// sourced from edx-repos/frontend-app-account/src/account-settings/site-language/constants.js\nconst siteLanguageList = [\n {\n code: 'en',\n name: 'English',\n released: true,\n },\n {\n code: 'ar',\n name: 'العربية',\n released: true,\n },\n {\n code: 'ca',\n name: 'Català',\n released: false,\n },\n {\n code: 'es-419',\n name: 'Español (Latinoamérica)',\n released: true,\n },\n {\n code: 'fa-ir',\n name: 'فارسی',\n released: true,\n },\n {\n code: 'fr',\n name: 'Français',\n released: true,\n },\n {\n code: 'he',\n name: 'עברית',\n released: false,\n },\n {\n code: 'id',\n name: 'Bahasa Indonesia',\n released: false,\n },\n {\n code: 'ko-kr',\n name: '한국어 (대한민국)',\n released: false,\n },\n {\n code: 'pl',\n name: 'Polski',\n released: false,\n },\n {\n code: 'pt-br',\n name: 'Português (Brasil)',\n released: false,\n },\n {\n code: 'ru',\n name: 'Русский',\n released: false,\n },\n {\n code: 'th',\n name: 'ไทย',\n released: false,\n },\n {\n code: 'uk',\n name: 'Українська',\n released: false,\n },\n {\n code: 'zh-cn',\n name: '中文 (简体)',\n released: true,\n },\n {\n code: 'pt-pt',\n name: 'Português',\n released: true,\n },\n {\n code: 'it-it',\n name: 'Italian',\n released: true,\n },\n {\n code: 'de-de',\n name: 'German',\n released: true,\n },\n {\n code: 'hi',\n name: 'Hindi',\n released: true,\n },\n {\n code: 'fr-ca',\n name: 'French (CA)',\n released: true,\n },\n {\n code: 'te',\n name: 'తెలుగు',\n released: true,\n },\n {\n code: 'da',\n name: 'dansk',\n released: true,\n },\n {\n code: 'el',\n name: 'Ελληνικά',\n released: true,\n },\n {\n code: 'es-es',\n name: 'Español (España)',\n released: true,\n },\n {\n code: 'sw',\n name: 'Kiswahili',\n released: true,\n },\n {\n code: 'tr-tr',\n name: 'Türkçe (Türkiye)',\n released: true,\n },\n];\n\nexport const hasSeenTranslationDropdownTourKey = 'hasSeenTranslationDropdownTour';\nexport const hasSeenSiteLanguageTourKey = 'hasSeenSiteLanguageTour';\nexport const LAYOUT_STABILIZATION_DELAY = 3000;\n\nexport default siteLanguageList;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -22,14 +22,41 @@ var useTranslationDropdownTour = function useTranslationDropdownTour() {
|
|
|
22
22
|
var isSequenceLoaded = (0, _reactRedux.useSelector)(function (state) {
|
|
23
23
|
return state.courseware.courseStatus === 'loaded' && state.courseware.sequenceStatus === 'loaded';
|
|
24
24
|
});
|
|
25
|
-
var _useState = (0, _react.useState)(
|
|
25
|
+
var _useState = (0, _react.useState)(false),
|
|
26
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
27
|
+
isReady = _useState2[0],
|
|
28
|
+
setIsReady = _useState2[1];
|
|
29
|
+
(0, _react.useEffect)(function () {
|
|
30
|
+
if (isSequenceLoaded) {
|
|
31
|
+
/*
|
|
32
|
+
There are some elements on the page that will shift the
|
|
33
|
+
position of the translation dropdown toggle when they load,
|
|
34
|
+
which causes the product tour to be misaligned. To account
|
|
35
|
+
for this, we wait a few seconds after everything is loaded
|
|
36
|
+
before allowing the tour to be enabled.
|
|
37
|
+
*/
|
|
38
|
+
var timer = setTimeout(function () {
|
|
39
|
+
return setIsReady(true);
|
|
40
|
+
}, _constants.LAYOUT_STABILIZATION_DELAY);
|
|
41
|
+
return function () {
|
|
42
|
+
return clearTimeout(timer);
|
|
43
|
+
};
|
|
44
|
+
}
|
|
45
|
+
return undefined;
|
|
46
|
+
}, [isSequenceLoaded]);
|
|
47
|
+
var _useState3 = (0, _react.useState)(function () {
|
|
48
|
+
/*
|
|
49
|
+
The product tour component behaves unexpectedly when we try to open both
|
|
50
|
+
the site language tour and this tour at the same time. So we disable this tour
|
|
51
|
+
if the site language tour has not yet been shown.
|
|
52
|
+
*/
|
|
26
53
|
var hasSeenSiteLanguageTour = global.localStorage.getItem(_constants.hasSeenSiteLanguageTourKey) === 'true';
|
|
27
54
|
var hasSeenTranslationDropdownTour = global.localStorage.getItem(_constants.hasSeenTranslationDropdownTourKey) === 'true';
|
|
28
55
|
return hasSeenSiteLanguageTour && !hasSeenTranslationDropdownTour;
|
|
29
56
|
}),
|
|
30
|
-
|
|
31
|
-
isTourEnabled =
|
|
32
|
-
setIsTourEnabled =
|
|
57
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
58
|
+
isTourEnabled = _useState4[0],
|
|
59
|
+
setIsTourEnabled = _useState4[1];
|
|
33
60
|
var closeTour = (0, _react.useCallback)(function () {
|
|
34
61
|
global.localStorage.setItem(_constants.hasSeenTranslationDropdownTourKey, 'true');
|
|
35
62
|
setIsTourEnabled(false);
|
|
@@ -37,10 +64,7 @@ var useTranslationDropdownTour = function useTranslationDropdownTour() {
|
|
|
37
64
|
var translationDropdownTour = (0, _react.useMemo)(function () {
|
|
38
65
|
return {
|
|
39
66
|
tourId: 'translation-dropdown-toggle',
|
|
40
|
-
|
|
41
|
-
// the site language tour and this tour at the same time. So we disable this tour
|
|
42
|
-
// if the site language tour has not yet been shown.
|
|
43
|
-
enabled: isTourEnabled && isSequenceLoaded,
|
|
67
|
+
enabled: isReady && isTourEnabled,
|
|
44
68
|
checkpoints: [{
|
|
45
69
|
title: formatMessage(_messages["default"].translationDropdownProductTourModalTitle),
|
|
46
70
|
body: formatMessage(_messages["default"].translationDropdownProductTourModalBody),
|
|
@@ -50,7 +74,7 @@ var useTranslationDropdownTour = function useTranslationDropdownTour() {
|
|
|
50
74
|
onEnd: closeTour
|
|
51
75
|
}]
|
|
52
76
|
};
|
|
53
|
-
}, [isTourEnabled,
|
|
77
|
+
}, [isTourEnabled, isReady, closeTour, formatMessage]);
|
|
54
78
|
return {
|
|
55
79
|
translationDropdownTour: translationDropdownTour
|
|
56
80
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTranslationDropdownTour.js","names":["_react","require","_reactRedux","_i18n","_constants","_messages","_interopRequireDefault","e","__esModule","_slicedToArray","r","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","a","_arrayLikeToArray","t","toString","call","slice","constructor","name","Array","from","test","length","n","l","Symbol","iterator","i","u","f","o","next","Object","done","push","value","isArray","useTranslationDropdownTour","_useIntl","useIntl","formatMessage","isSequenceLoaded","useSelector","state","courseware","courseStatus","sequenceStatus","_useState","useState","hasSeenSiteLanguageTour","global","localStorage","getItem","hasSeenSiteLanguageTourKey","hasSeenTranslationDropdownTour","hasSeenTranslationDropdownTourKey","
|
|
1
|
+
{"version":3,"file":"useTranslationDropdownTour.js","names":["_react","require","_reactRedux","_i18n","_constants","_messages","_interopRequireDefault","e","__esModule","_slicedToArray","r","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","a","_arrayLikeToArray","t","toString","call","slice","constructor","name","Array","from","test","length","n","l","Symbol","iterator","i","u","f","o","next","Object","done","push","value","isArray","useTranslationDropdownTour","_useIntl","useIntl","formatMessage","isSequenceLoaded","useSelector","state","courseware","courseStatus","sequenceStatus","_useState","useState","_useState2","isReady","setIsReady","useEffect","timer","setTimeout","LAYOUT_STABILIZATION_DELAY","clearTimeout","undefined","_useState3","hasSeenSiteLanguageTour","global","localStorage","getItem","hasSeenSiteLanguageTourKey","hasSeenTranslationDropdownTour","hasSeenTranslationDropdownTourKey","_useState4","isTourEnabled","setIsTourEnabled","closeTour","useCallback","setItem","translationDropdownTour","useMemo","tourId","enabled","checkpoints","title","messages","translationDropdownProductTourModalTitle","body","translationDropdownProductTourModalBody","placement","target","endButtonText","translationDropdownProductTourDismissButtonText","onEnd","_default","exports"],"sources":["../../../../src/translation-button/translation-selection/translation-dropdown/useTranslationDropdownTour.js"],"sourcesContent":["import {\n useCallback, useMemo, useState, useEffect,\n} from 'react';\nimport { useSelector } from 'react-redux';\nimport { useIntl } from '@edx/frontend-platform/i18n';\nimport { hasSeenSiteLanguageTourKey, hasSeenTranslationDropdownTourKey, LAYOUT_STABILIZATION_DELAY } from './constants';\n\nimport messages from './messages';\n\nconst useTranslationDropdownTour = () => {\n const { formatMessage } = useIntl();\n const isSequenceLoaded = useSelector((state) => state.courseware.courseStatus === 'loaded' && state.courseware.sequenceStatus === 'loaded');\n const [isReady, setIsReady] = useState(false);\n\n useEffect(() => {\n if (isSequenceLoaded) {\n /*\n There are some elements on the page that will shift the\n position of the translation dropdown toggle when they load,\n which causes the product tour to be misaligned. To account\n for this, we wait a few seconds after everything is loaded\n before allowing the tour to be enabled.\n */\n const timer = setTimeout(() => setIsReady(true), LAYOUT_STABILIZATION_DELAY);\n return () => clearTimeout(timer);\n }\n return undefined;\n }, [isSequenceLoaded]);\n\n const [isTourEnabled, setIsTourEnabled] = useState(() => {\n /*\n The product tour component behaves unexpectedly when we try to open both\n the site language tour and this tour at the same time. So we disable this tour\n if the site language tour has not yet been shown.\n */\n const hasSeenSiteLanguageTour = global.localStorage.getItem(hasSeenSiteLanguageTourKey) === 'true';\n const hasSeenTranslationDropdownTour = global.localStorage.getItem(hasSeenTranslationDropdownTourKey) === 'true';\n return hasSeenSiteLanguageTour && !hasSeenTranslationDropdownTour;\n });\n const closeTour = useCallback(() => {\n global.localStorage.setItem(hasSeenTranslationDropdownTourKey, 'true');\n setIsTourEnabled(false);\n }, []);\n\n const translationDropdownTour = useMemo(() => ({\n tourId: 'translation-dropdown-toggle',\n enabled: isReady && isTourEnabled,\n checkpoints: [\n {\n title: formatMessage(messages.translationDropdownProductTourModalTitle),\n body: formatMessage(messages.translationDropdownProductTourModalBody),\n placement: 'bottom',\n target: '#translation-dropdown-toggle',\n endButtonText: formatMessage(messages.translationDropdownProductTourDismissButtonText),\n onEnd: closeTour,\n },\n ],\n }), [isTourEnabled, isReady, closeTour, formatMessage]);\n\n return {\n translationDropdownTour,\n };\n};\n\nexport default useTranslationDropdownTour;\n"],"mappings":"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","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@edx/unit-title-plugin",
|
|
3
|
-
"version": "2.4.
|
|
3
|
+
"version": "2.4.4",
|
|
4
4
|
"description": "Unit title plugin in frontend-app-learning",
|
|
5
5
|
"main": "dist",
|
|
6
6
|
"author": "edX",
|
|
@@ -54,5 +54,5 @@
|
|
|
54
54
|
"regenerator-runtime": "^0.14.1",
|
|
55
55
|
"rosie": "^2.1.1"
|
|
56
56
|
},
|
|
57
|
-
"gitHead": "
|
|
57
|
+
"gitHead": "4a177101a8122f63ba50073c24a0e5d4870a583a"
|
|
58
58
|
}
|