@pie-lib/text-select 1.11.3 → 1.11.4-next.7
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/lib/legend.js +14 -4
- package/lib/legend.js.map +1 -1
- package/package.json +3 -2
- package/src/legend.js +20 -4
package/lib/legend.js
CHANGED
|
@@ -19,6 +19,9 @@ var _Remove = _interopRequireDefault(require("@material-ui/icons/Remove"));
|
|
|
19
19
|
|
|
20
20
|
var _renderUi = require("@pie-lib/render-ui");
|
|
21
21
|
|
|
22
|
+
var _translator = _interopRequireDefault(require("@pie-lib/translator"));
|
|
23
|
+
|
|
24
|
+
var translator = _translator["default"].translator;
|
|
22
25
|
var Legend = (0, _styles.withStyles)(function (theme) {
|
|
23
26
|
return {
|
|
24
27
|
flexContainer: {
|
|
@@ -57,18 +60,25 @@ var Legend = (0, _styles.withStyles)(function (theme) {
|
|
|
57
60
|
}
|
|
58
61
|
};
|
|
59
62
|
})(function (_ref) {
|
|
60
|
-
var classes = _ref.classes
|
|
63
|
+
var classes = _ref.classes,
|
|
64
|
+
language = _ref.language;
|
|
61
65
|
var icons = [{
|
|
62
66
|
iconName: _Check["default"],
|
|
63
|
-
label: '
|
|
67
|
+
label: translator.t('selectText.correctAnswerSelected', {
|
|
68
|
+
lng: language
|
|
69
|
+
}),
|
|
64
70
|
className: classes.correct
|
|
65
71
|
}, {
|
|
66
72
|
iconName: _Remove["default"],
|
|
67
|
-
label: '
|
|
73
|
+
label: translator.t('selectText.correctAnswerNotSelected', {
|
|
74
|
+
lng: language
|
|
75
|
+
}),
|
|
68
76
|
className: classes.missing
|
|
69
77
|
}, {
|
|
70
78
|
iconName: _Close["default"],
|
|
71
|
-
label: '
|
|
79
|
+
label: translator.t('selectText.incorrectSelection', {
|
|
80
|
+
lng: language
|
|
81
|
+
}),
|
|
72
82
|
className: classes.incorrect
|
|
73
83
|
}];
|
|
74
84
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
package/lib/legend.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/legend.js"],"names":["Legend","theme","flexContainer","display","flexDirection","gap","spacing","unit","borderBottom","borderTop","paddingBottom","paddingTop","marginBottom","container","alignItems","correct","fontSize","color","backgroundColor","correctSecondary","border","incorrect","missing","incorrectSecondary","classes","icons","iconName","Check","label","className","Remove","Close","map","icon","index","Icon"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEO,
|
|
1
|
+
{"version":3,"sources":["../src/legend.js"],"names":["translator","Translator","Legend","theme","flexContainer","display","flexDirection","gap","spacing","unit","borderBottom","borderTop","paddingBottom","paddingTop","marginBottom","container","alignItems","correct","fontSize","color","backgroundColor","correctSecondary","border","incorrect","missing","incorrectSecondary","classes","language","icons","iconName","Check","label","t","lng","className","Remove","Close","map","icon","index","Icon"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAQA,UAAR,GAAuBC,sBAAvB,CAAQD,UAAR;AAEO,IAAME,MAAM,GAAG,wBAAW,UAACC,KAAD;AAAA,SAAY;AAC3CC,IAAAA,aAAa,EAAE;AACbC,MAAAA,OAAO,EAAE,MADI;AAEbC,MAAAA,aAAa,EAAE,KAFF;AAGbC,MAAAA,GAAG,YAAK,IAAIJ,KAAK,CAACK,OAAN,CAAcC,IAAvB,OAHU;AAIbC,MAAAA,YAAY,EAAE,qBAJD;AAKbC,MAAAA,SAAS,EAAE,qBALE;AAMbC,MAAAA,aAAa,EAAET,KAAK,CAACK,OAAN,CAAcC,IANhB;AAObI,MAAAA,UAAU,EAAEV,KAAK,CAACK,OAAN,CAAcC,IAPb;AAQbK,MAAAA,YAAY,EAAEX,KAAK,CAACK,OAAN,CAAcC;AARf,KAD4B;AAW3CM,IAAAA,SAAS,EAAE;AACTV,MAAAA,OAAO,EAAE,MADA;AAETC,MAAAA,aAAa,EAAE,KAFN;AAGTC,MAAAA,GAAG,YAAKJ,KAAK,CAACK,OAAN,CAAcC,IAAd,GAAqB,CAA1B,OAHM;AAITO,MAAAA,UAAU,EAAE;AAJH,KAXgC;AAiB3CC,IAAAA,OAAO,EAAE;AACPC,MAAAA,QAAQ,EAAE,QADH;AAEPC,MAAAA,KAAK,EAAEA,gBAAMF,OAAN,EAFA;AAGPG,MAAAA,eAAe,EAAED,gBAAME,gBAAN,EAHV;AAIPC,MAAAA,MAAM,sBAAeH,gBAAMF,OAAN,EAAf;AAJC,KAjBkC;AAuB3CM,IAAAA,SAAS,EAAE;AACTL,MAAAA,QAAQ,EAAE,QADD;AAETC,MAAAA,KAAK,EAAEA,gBAAMK,OAAN,EAFE;AAGTJ,MAAAA,eAAe,EAAED,gBAAMM,kBAAN,EAHR;AAITH,MAAAA,MAAM,sBAAeH,gBAAMK,OAAN,EAAf;AAJG,KAvBgC;AA6B3CA,IAAAA,OAAO,EAAE;AACPN,MAAAA,QAAQ,EAAE,QADH;AAEPC,MAAAA,KAAK,EAAEA,gBAAMK,OAAN,EAFA;AAGPJ,MAAAA,eAAe,EAAED,gBAAMM,kBAAN,EAHV;AAIPH,MAAAA,MAAM,uBAAgBH,gBAAMK,OAAN,EAAhB;AAJC;AA7BkC,GAAZ;AAAA,CAAX,EAmClB,gBAA2B;AAAA,MAAxBE,OAAwB,QAAxBA,OAAwB;AAAA,MAAfC,QAAe,QAAfA,QAAe;AAC7B,MAAMC,KAAK,GAAG,CACZ;AACEC,IAAAA,QAAQ,EAAEC,iBADZ;AAEEC,IAAAA,KAAK,EAAE/B,UAAU,CAACgC,CAAX,CAAa,kCAAb,EAAiD;AAAEC,MAAAA,GAAG,EAAEN;AAAP,KAAjD,CAFT;AAGEO,IAAAA,SAAS,EAAER,OAAO,CAACT;AAHrB,GADY,EAMZ;AACEY,IAAAA,QAAQ,EAAEM,kBADZ;AAEEJ,IAAAA,KAAK,EAAE/B,UAAU,CAACgC,CAAX,CAAa,qCAAb,EAAoD;AAAEC,MAAAA,GAAG,EAAEN;AAAP,KAApD,CAFT;AAGEO,IAAAA,SAAS,EAAER,OAAO,CAACF;AAHrB,GANY,EAWZ;AACEK,IAAAA,QAAQ,EAAEO,iBADZ;AAEEL,IAAAA,KAAK,EAAE/B,UAAU,CAACgC,CAAX,CAAa,+BAAb,EAA8C;AAAEC,MAAAA,GAAG,EAAEN;AAAP,KAA9C,CAFT;AAGEO,IAAAA,SAAS,EAAER,OAAO,CAACH;AAHrB,GAXY,CAAd;AAkBA,sBACE;AAAK,IAAA,SAAS,EAAEG,OAAO,CAACtB;AAAxB,KACGwB,KAAK,CAACS,GAAN,CAAU,UAACC,IAAD,EAAOC,KAAP,EAAiB;AAC1B,QAAMC,IAAI,GAAGF,IAAI,CAACT,QAAlB;AACA,wBACE;AAAK,MAAA,GAAG,EAAEU,KAAV;AAAiB,MAAA,SAAS,EAAEb,OAAO,CAACX;AAApC,oBACE,gCAAC,IAAD;AAAM,MAAA,SAAS,EAAEuB,IAAI,CAACJ,SAAtB;AAAiC,MAAA,KAAK,EAAE,MAAxC;AAAgD,MAAA,MAAM,EAAE;AAAxD,MADF,eAEE,8CAAOI,IAAI,CAACP,KAAZ,CAFF,CADF;AAMD,GARA,CADH,CADF;AAaD,CAnEqB,CAAf","sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport Check from '@material-ui/icons/Check';\nimport Close from '@material-ui/icons/Close';\nimport Remove from '@material-ui/icons/Remove';\nimport { color } from '@pie-lib/render-ui';\nimport Translator from '@pie-lib/translator';\n\nconst { translator } = Translator;\n\nexport const Legend = withStyles((theme) => ({\n flexContainer: {\n display: 'flex',\n flexDirection: 'row',\n gap: `${2 * theme.spacing.unit}px`,\n borderBottom: '1px solid lightgrey',\n borderTop: '1px solid lightgrey',\n paddingBottom: theme.spacing.unit,\n paddingTop: theme.spacing.unit,\n marginBottom: theme.spacing.unit,\n },\n container: {\n display: 'flex',\n flexDirection: 'row',\n gap: `${theme.spacing.unit / 2}px`,\n alignItems: 'center',\n },\n correct: {\n fontSize: 'larger',\n color: color.correct(),\n backgroundColor: color.correctSecondary(),\n border: `2px solid ${color.correct()}`,\n },\n incorrect: {\n fontSize: 'larger',\n color: color.missing(),\n backgroundColor: color.incorrectSecondary(),\n border: `2px solid ${color.missing()}`,\n },\n missing: {\n fontSize: 'larger',\n color: color.missing(),\n backgroundColor: color.incorrectSecondary(),\n border: `2px dashed ${color.missing()}`,\n },\n}))(({ classes, language }) => {\n const icons = [\n {\n iconName: Check,\n label: translator.t('selectText.correctAnswerSelected', { lng: language }),\n className: classes.correct,\n },\n {\n iconName: Remove,\n label: translator.t('selectText.correctAnswerNotSelected', { lng: language }),\n className: classes.missing,\n },\n {\n iconName: Close,\n label: translator.t('selectText.incorrectSelection', { lng: language }),\n className: classes.incorrect,\n },\n ];\n\n return (\n <div className={classes.flexContainer}>\n {icons.map((icon, index) => {\n const Icon = icon.iconName;\n return (\n <div key={index} className={classes.container}>\n <Icon className={icon.className} width={'19px'} height={'19px'}></Icon>\n <span>{icon.label}</span>\n </div>\n );\n })}\n </div>\n );\n});\n"],"file":"legend.js"}
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"publishConfig": {
|
|
4
4
|
"access": "public"
|
|
5
5
|
},
|
|
6
|
-
"version": "1.11.
|
|
6
|
+
"version": "1.11.4-next.7+cbf034e6",
|
|
7
7
|
"description": "Some react components for text selection",
|
|
8
8
|
"keywords": [
|
|
9
9
|
"react",
|
|
@@ -20,6 +20,7 @@
|
|
|
20
20
|
"@pie-framework/parse-english": "^1.0.0",
|
|
21
21
|
"@pie-lib/render-ui": "^4.15.2",
|
|
22
22
|
"@pie-lib/style-utils": "^0.1.43",
|
|
23
|
+
"@pie-lib/translator": "^2.2.1-next.84+cbf034e6",
|
|
23
24
|
"classnames": "^2.2.6",
|
|
24
25
|
"debug": "^4.1.1",
|
|
25
26
|
"invariant": "^2.2.4",
|
|
@@ -38,6 +39,6 @@
|
|
|
38
39
|
"@material-ui/core": "^3.8.3",
|
|
39
40
|
"react": "^16.8.1"
|
|
40
41
|
},
|
|
41
|
-
"gitHead": "
|
|
42
|
+
"gitHead": "cbf034e68a4b53cdbf636542ab841d9c4593ef9f",
|
|
42
43
|
"scripts": {}
|
|
43
44
|
}
|
package/src/legend.js
CHANGED
|
@@ -4,6 +4,9 @@ import Check from '@material-ui/icons/Check';
|
|
|
4
4
|
import Close from '@material-ui/icons/Close';
|
|
5
5
|
import Remove from '@material-ui/icons/Remove';
|
|
6
6
|
import { color } from '@pie-lib/render-ui';
|
|
7
|
+
import Translator from '@pie-lib/translator';
|
|
8
|
+
|
|
9
|
+
const { translator } = Translator;
|
|
7
10
|
|
|
8
11
|
export const Legend = withStyles((theme) => ({
|
|
9
12
|
flexContainer: {
|
|
@@ -40,12 +43,25 @@ export const Legend = withStyles((theme) => ({
|
|
|
40
43
|
backgroundColor: color.incorrectSecondary(),
|
|
41
44
|
border: `2px dashed ${color.missing()}`,
|
|
42
45
|
},
|
|
43
|
-
}))(({ classes }) => {
|
|
46
|
+
}))(({ classes, language }) => {
|
|
44
47
|
const icons = [
|
|
45
|
-
{
|
|
46
|
-
|
|
47
|
-
|
|
48
|
+
{
|
|
49
|
+
iconName: Check,
|
|
50
|
+
label: translator.t('selectText.correctAnswerSelected', { lng: language }),
|
|
51
|
+
className: classes.correct,
|
|
52
|
+
},
|
|
53
|
+
{
|
|
54
|
+
iconName: Remove,
|
|
55
|
+
label: translator.t('selectText.correctAnswerNotSelected', { lng: language }),
|
|
56
|
+
className: classes.missing,
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
iconName: Close,
|
|
60
|
+
label: translator.t('selectText.incorrectSelection', { lng: language }),
|
|
61
|
+
className: classes.incorrect,
|
|
62
|
+
},
|
|
48
63
|
];
|
|
64
|
+
|
|
49
65
|
return (
|
|
50
66
|
<div className={classes.flexContainer}>
|
|
51
67
|
{icons.map((icon, index) => {
|