@pie-lib/text-select 1.15.0 → 1.16.0

package/CHANGELOG.md

@@ -3,7 +3,7 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-# [1.15.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/text-select@1.12.7...@pie-lib/text-select@1.15.0) (2025-07-31)
+# [1.16.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/text-select@1.12.7...@pie-lib/text-select@1.16.0) (2025-07-31)
 
 **Note:** Version bump only for package @pie-lib/text-select
 
@@ -11,7 +11,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-# [1.14.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/text-select@1.12.7...@pie-lib/text-select@1.14.0) (2025-07-31)
+# [1.15.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/text-select@1.12.7...@pie-lib/text-select@1.15.0) (2025-07-31)
 
 **Note:** Version bump only for package @pie-lib/text-select
 
@@ -19,7 +19,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-# [1.13.0-beta.8](https://github.com/pie-framework/pie-lib/compare/@pie-lib/text-select@1.12.7...@pie-lib/text-select@1.13.0-beta.8) (2025-07-25)
+# [1.14.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/text-select@1.12.7...@pie-lib/text-select@1.14.0) (2025-07-31)
 
 **Note:** Version bump only for package @pie-lib/text-select
 
@@ -27,142 +27,90 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-# [1.13.0-beta.7](https://github.com/pie-framework/pie-lib/compare/@pie-lib/text-select@1.12.7...@pie-lib/text-select@1.13.0-beta.7) (2025-07-25)
+# [1.14.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/text-select@1.12.7...@pie-lib/text-select@1.14.0) (2025-07-31)
 
 **Note:** Version bump only for package @pie-lib/text-select
 
+# [1.15.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/text-select@1.12.7...@pie-lib/text-select@1.15.0) (2025-07-31)
 
+**Note:** Version bump only for package @pie-lib/text-select
 
+# [1.14.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/text-select@1.12.7...@pie-lib/text-select@1.14.0) (2025-07-31)
 
+**Note:** Version bump only for package @pie-lib/text-select
 
-# [1.13.0-beta.7](https://github.com/pie-framework/pie-lib/compare/@pie-lib/text-select@1.12.7...@pie-lib/text-select@1.13.0-beta.7) (2025-07-25)
+# [1.13.0-beta.8](https://github.com/pie-framework/pie-lib/compare/@pie-lib/text-select@1.12.7...@pie-lib/text-select@1.13.0-beta.8) (2025-07-25)
 
 **Note:** Version bump only for package @pie-lib/text-select
 
+# [1.13.0-beta.7](https://github.com/pie-framework/pie-lib/compare/@pie-lib/text-select@1.12.7...@pie-lib/text-select@1.13.0-beta.7) (2025-07-25)
 
+**Note:** Version bump only for package @pie-lib/text-select
 
+# [1.13.0-beta.7](https://github.com/pie-framework/pie-lib/compare/@pie-lib/text-select@1.12.7...@pie-lib/text-select@1.13.0-beta.7) (2025-07-25)
 
+**Note:** Version bump only for package @pie-lib/text-select
 
 # [1.13.0-beta.6](https://github.com/pie-framework/pie-lib/compare/@pie-lib/text-select@1.12.7...@pie-lib/text-select@1.13.0-beta.6) (2025-07-25)
 
 **Note:** Version bump only for package @pie-lib/text-select
 
-
-
-
-
 # [1.13.0-beta.6](https://github.com/pie-framework/pie-lib/compare/@pie-lib/text-select@1.12.7...@pie-lib/text-select@1.13.0-beta.6) (2025-07-25)
 
 **Note:** Version bump only for package @pie-lib/text-select
 
-
-
-
-
 # [1.13.0-beta.5](https://github.com/pie-framework/pie-lib/compare/@pie-lib/text-select@1.12.7...@pie-lib/text-select@1.13.0-beta.5) (2025-07-25)
 
 **Note:** Version bump only for package @pie-lib/text-select
 
-
-
-
-
 # [1.13.0-beta.5](https://github.com/pie-framework/pie-lib/compare/@pie-lib/text-select@1.12.7...@pie-lib/text-select@1.13.0-beta.5) (2025-07-25)
 
 **Note:** Version bump only for package @pie-lib/text-select
 
-
-
-
-
 # [1.13.0-beta.4](https://github.com/pie-framework/pie-lib/compare/@pie-lib/text-select@1.12.7...@pie-lib/text-select@1.13.0-beta.4) (2025-07-25)
 
 **Note:** Version bump only for package @pie-lib/text-select
 
-
-
-
-
 # [1.13.0-beta.3](https://github.com/pie-framework/pie-lib/compare/@pie-lib/text-select@1.12.7...@pie-lib/text-select@1.13.0-beta.3) (2025-07-25)
 
 **Note:** Version bump only for package @pie-lib/text-select
 
-
-
-
-
 # [1.13.0-beta.4](https://github.com/pie-framework/pie-lib/compare/@pie-lib/text-select@1.12.7...@pie-lib/text-select@1.13.0-beta.4) (2025-07-23)
 
 **Note:** Version bump only for package @pie-lib/text-select
 
-
-
-
-
 # [1.13.0-beta.3](https://github.com/pie-framework/pie-lib/compare/@pie-lib/text-select@1.12.7...@pie-lib/text-select@1.13.0-beta.3) (2025-07-23)
 
 **Note:** Version bump only for package @pie-lib/text-select
 
-
-
-
-
 # [1.13.0-beta.3](https://github.com/pie-framework/pie-lib/compare/@pie-lib/text-select@1.12.7...@pie-lib/text-select@1.13.0-beta.3) (2025-07-20)
 
 **Note:** Version bump only for package @pie-lib/text-select
 
-
-
-
-
 # [1.13.0-beta.2](https://github.com/pie-framework/pie-lib/compare/@pie-lib/text-select@1.12.7...@pie-lib/text-select@1.13.0-beta.2) (2025-07-20)
 
 **Note:** Version bump only for package @pie-lib/text-select
 
-
-
-
-
 # [1.13.0-beta.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/text-select@1.12.7...@pie-lib/text-select@1.13.0-beta.1) (2025-07-20)
 
 **Note:** Version bump only for package @pie-lib/text-select
 
-
-
-
-
 # [1.13.0-beta.2](https://github.com/pie-framework/pie-lib/compare/@pie-lib/text-select@1.12.7...@pie-lib/text-select@1.13.0-beta.2) (2025-07-20)
 
 **Note:** Version bump only for package @pie-lib/text-select
 
-
-
-
-
 # [1.13.0-beta.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/text-select@1.12.7...@pie-lib/text-select@1.13.0-beta.1) (2025-07-20)
 
 **Note:** Version bump only for package @pie-lib/text-select
 
-
-
-
-
 # [1.13.0-beta.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/text-select@1.12.7...@pie-lib/text-select@1.13.0-beta.1) (2025-07-20)
 
 **Note:** Version bump only for package @pie-lib/text-select
 
-
-
-
-
 # [1.13.0-beta.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/text-select@1.12.7...@pie-lib/text-select@1.13.0-beta.0) (2025-07-20)
 
 **Note:** Version bump only for package @pie-lib/text-select
 
-
-
-
-
 # [1.14.0-beta.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/text-select@1.12.7...@pie-lib/text-select@1.14.0-beta.0) (2025-07-15)
 
 **Note:** Version bump only for package @pie-lib/text-select

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.15.0",
+  "version": "1.16.0",
   "description": "Some react components for text selection",
   "keywords": [
     "react",
@@ -19,8 +19,9 @@
   "dependencies": {
     "@material-ui/icons": "^3.0.2",
     "@pie-framework/parse-english": "^1.0.0",
-    "@pie-lib/style-utils": "beta",
-    "@pie-lib/translator": "beta",
+    "@pie-lib/render-ui": "^4.19.0",
+    "@pie-lib/style-utils": "^0.5.0",
+    "@pie-lib/translator": "^2.7.0",
     "classnames": "^2.2.6",
     "debug": "^4.1.1",
     "invariant": "^2.2.4",
@@ -31,7 +32,7 @@
   "devDependencies": {
     "@material-ui/core": "^3.8.3",
     "@pie-framework/parse-english": "^1.0.0",
-    "@pie-lib/test-utils": "beta",
+    "@pie-lib/test-utils": "^0.6.0",
     "natural": "^0.6.3",
     "react": "^16.8.1",
     "react-dom": "^16.9.0"
@@ -40,6 +41,6 @@
     "@material-ui/core": "^3.8.3",
     "react": "^16.8.1"
   },
-  "gitHead": "ecb1ca31aa1c24d23af00d5ad04ce73ed8871057",
+  "gitHead": "889a13bfea2c768b8a3a6eabfc6fe7b7725aa832",
   "scripts": {}
 }

package/src/legend.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { withStyles } from '@material-ui/core/styles';
 import Check from '@material-ui/icons/Check';
 import Close from '@material-ui/icons/Close';
-import { color } from '../../render-ui/src/index';
+import { color } from '@pie-lib/render-ui';
 import Translator from '@pie-lib/translator';
 import classNames from 'classnames';
 

package/src/token-select/token.jsx

@@ -5,7 +5,7 @@ import classNames from 'classnames';
 import Check from '@material-ui/icons/Check';
 import Close from '@material-ui/icons/Close';
 
-import { color } from '../../render-ui/src/index';
+import { color } from '@pie-lib/render-ui';
 
 // we need to use a larger line height for the token to be more readable
 const LINE_HEIGHT_MULTIPLIER = 3.2;

package/src/tokenizer/controls.jsx

@@ -4,7 +4,7 @@ import Button from '@material-ui/core/Button';
 import { withStyles } from '@material-ui/core/styles';
 import Switch from '@material-ui/core/Switch';
 import FormControlLabel from '@material-ui/core/FormControlLabel';
-import { color } from '../../../render-ui/src/index';
+import { color } from '@pie-lib/render-ui';
 import classNames from 'classnames';
 
 export class Controls extends React.Component {

package/lib/index.js

@@ -1,68 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Legend", {
-  enumerable: true,
-  get: function get() {
-    return _legend.Legend;
-  }
-});
-Object.defineProperty(exports, "TextSelect", {
-  enumerable: true,
-  get: function get() {
-    return _textSelect["default"];
-  }
-});
-Object.defineProperty(exports, "Token", {
-  enumerable: true,
-  get: function get() {
-    return _token["default"];
-  }
-});
-Object.defineProperty(exports, "TokenSelect", {
-  enumerable: true,
-  get: function get() {
-    return _tokenSelect["default"];
-  }
-});
-Object.defineProperty(exports, "TokenTypes", {
-  enumerable: true,
-  get: function get() {
-    return _tokenSelect.TokenTypes;
-  }
-});
-Object.defineProperty(exports, "Tokenizer", {
-  enumerable: true,
-  get: function get() {
-    return _tokenizer["default"];
-  }
-});
-Object.defineProperty(exports, "prepareText", {
-  enumerable: true,
-  get: function get() {
-    return _utils.prepareText;
-  }
-});
-
-var _tokenizer = _interopRequireDefault(require("./tokenizer"));
-
-var _tokenSelect = _interopRequireWildcard(require("./token-select"));
-
-var _textSelect = _interopRequireDefault(require("./text-select"));
-
-var _legend = require("./legend");
-
-var _token = _interopRequireDefault(require("./token-select/token"));
-
-var _utils = require("./utils");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["import Tokenizer from './tokenizer';\nimport TokenSelect, { TokenTypes } from './token-select';\nimport TextSelect from './text-select';\nimport { Legend } from './legend';\nimport Token from './token-select/token';\nimport { prepareText } from './utils';\n\nexport { TextSelect, TokenTypes, Tokenizer, TokenSelect, Token, prepareText, Legend };\n"],"file":"index.js"}

package/lib/legend.js

@@ -1,126 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Legend = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _Check = _interopRequireDefault(require("@material-ui/icons/Check"));
-
-var _Close = _interopRequireDefault(require("@material-ui/icons/Close"));
-
-var _index = require("./shared/index");
-
-var _translator = _interopRequireDefault(require("@pie-lib/translator"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var translator = _translator["default"].translator;
-var Legend = (0, _styles.withStyles)(function (theme) {
-  return {
-    flexContainer: {
-      display: 'flex',
-      flexDirection: 'row',
-      alignItems: 'center',
-      gap: "".concat(2 * theme.spacing.unit, "px"),
-      borderBottom: '1px solid lightgrey',
-      borderTop: '1px solid lightgrey',
-      paddingBottom: theme.spacing.unit,
-      paddingTop: theme.spacing.unit,
-      marginBottom: theme.spacing.unit
-    },
-    key: {
-      fontSize: '14px',
-      fontWeight: 'bold',
-      color: _index.color.black(),
-      marginLeft: theme.spacing.unit
-    },
-    container: {
-      position: 'relative',
-      padding: '4px',
-      fontSize: '14px',
-      borderRadius: '4px'
-    },
-    correct: {
-      border: "".concat(_index.color.correctTertiary(), " solid 2px")
-    },
-    incorrect: {
-      border: "".concat(_index.color.incorrectWithIcon(), " solid 2px")
-    },
-    missing: {
-      border: "".concat(_index.color.incorrectWithIcon(), " dashed 2px")
-    },
-    incorrectIcon: {
-      backgroundColor: _index.color.incorrectWithIcon()
-    },
-    correctIcon: {
-      backgroundColor: _index.color.correctTertiary()
-    },
-    icon: {
-      color: _index.color.white(),
-      position: 'absolute',
-      top: '-8px',
-      left: '-8px',
-      borderRadius: '50%',
-      fontSize: '12px',
-      padding: '2px'
-    }
-  };
-})(function (_ref) {
-  var classes = _ref.classes,
-      language = _ref.language,
-      showOnlyCorrect = _ref.showOnlyCorrect;
-  var legendItems = [{
-    Icon: _Check["default"],
-    label: translator.t('selectText.correctAnswerSelected', {
-      lng: language
-    }),
-    containerClass: (0, _classnames["default"])(classes.correct, classes.container),
-    iconClass: (0, _classnames["default"])(classes.correctIcon, classes.icon)
-  }, {
-    Icon: _Close["default"],
-    label: translator.t('selectText.incorrectSelection', {
-      lng: language
-    }),
-    containerClass: (0, _classnames["default"])(classes.incorrect, classes.container),
-    iconClass: (0, _classnames["default"])(classes.incorrectIcon, classes.icon)
-  }, {
-    Icon: _Close["default"],
-    label: translator.t('selectText.correctAnswerNotSelected', {
-      lng: language
-    }),
-    containerClass: (0, _classnames["default"])(classes.missing, classes.container),
-    iconClass: (0, _classnames["default"])(classes.incorrectIcon, classes.icon)
-  }];
-
-  if (showOnlyCorrect) {
-    legendItems.splice(1, 2);
-  }
-
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: classes.flexContainer
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: classes.key
-  }, translator.t('selectText.key', {
-    lng: language
-  })), legendItems.map(function (_ref2, idx) {
-    var Icon = _ref2.Icon,
-        label = _ref2.label,
-        containerClass = _ref2.containerClass,
-        iconClass = _ref2.iconClass;
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      key: idx,
-      className: containerClass
-    }, /*#__PURE__*/_react["default"].createElement(Icon, {
-      className: iconClass
-    }), /*#__PURE__*/_react["default"].createElement("span", null, label));
-  }));
-});
-exports.Legend = Legend;
-//# sourceMappingURL=legend.js.map

package/lib/legend.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/legend.js"],"names":["translator","Translator","Legend","theme","flexContainer","display","flexDirection","alignItems","gap","spacing","unit","borderBottom","borderTop","paddingBottom","paddingTop","marginBottom","key","fontSize","fontWeight","color","black","marginLeft","container","position","padding","borderRadius","correct","border","correctTertiary","incorrect","incorrectWithIcon","missing","incorrectIcon","backgroundColor","correctIcon","icon","white","top","left","classes","language","showOnlyCorrect","legendItems","Icon","Check","label","t","lng","containerClass","iconClass","Close","splice","map","idx"],"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,UAAU,EAAE,QAHC;AAIbC,MAAAA,GAAG,YAAK,IAAIL,KAAK,CAACM,OAAN,CAAcC,IAAvB,OAJU;AAKbC,MAAAA,YAAY,EAAE,qBALD;AAMbC,MAAAA,SAAS,EAAE,qBANE;AAObC,MAAAA,aAAa,EAAEV,KAAK,CAACM,OAAN,CAAcC,IAPhB;AAQbI,MAAAA,UAAU,EAAEX,KAAK,CAACM,OAAN,CAAcC,IARb;AASbK,MAAAA,YAAY,EAAEZ,KAAK,CAACM,OAAN,CAAcC;AATf,KAD4B;AAY3CM,IAAAA,GAAG,EAAE;AACHC,MAAAA,QAAQ,EAAE,MADP;AAEHC,MAAAA,UAAU,EAAE,MAFT;AAGHC,MAAAA,KAAK,EAAEA,aAAMC,KAAN,EAHJ;AAIHC,MAAAA,UAAU,EAAElB,KAAK,CAACM,OAAN,CAAcC;AAJvB,KAZsC;AAkB3CY,IAAAA,SAAS,EAAE;AACTC,MAAAA,QAAQ,EAAE,UADD;AAETC,MAAAA,OAAO,EAAE,KAFA;AAGTP,MAAAA,QAAQ,EAAE,MAHD;AAITQ,MAAAA,YAAY,EAAE;AAJL,KAlBgC;AAwB3CC,IAAAA,OAAO,EAAE;AACPC,MAAAA,MAAM,YAAKR,aAAMS,eAAN,EAAL;AADC,KAxBkC;AA2B3CC,IAAAA,SAAS,EAAE;AACTF,MAAAA,MAAM,YAAKR,aAAMW,iBAAN,EAAL;AADG,KA3BgC;AA8B3CC,IAAAA,OAAO,EAAE;AACPJ,MAAAA,MAAM,YAAKR,aAAMW,iBAAN,EAAL;AADC,KA9BkC;AAiC3CE,IAAAA,aAAa,EAAE;AACbC,MAAAA,eAAe,EAAEd,aAAMW,iBAAN;AADJ,KAjC4B;AAoC3CI,IAAAA,WAAW,EAAE;AACXD,MAAAA,eAAe,EAAEd,aAAMS,eAAN;AADN,KApC8B;AAuC3CO,IAAAA,IAAI,EAAE;AACJhB,MAAAA,KAAK,EAAEA,aAAMiB,KAAN,EADH;AAEJb,MAAAA,QAAQ,EAAE,UAFN;AAGJc,MAAAA,GAAG,EAAE,MAHD;AAIJC,MAAAA,IAAI,EAAE,MAJF;AAKJb,MAAAA,YAAY,EAAE,KALV;AAMJR,MAAAA,QAAQ,EAAE,MANN;AAOJO,MAAAA,OAAO,EAAE;AAPL;AAvCqC,GAAZ;AAAA,CAAX,EAgDlB,gBAA4C;AAAA,MAAzCe,OAAyC,QAAzCA,OAAyC;AAAA,MAAhCC,QAAgC,QAAhCA,QAAgC;AAAA,MAAtBC,eAAsB,QAAtBA,eAAsB;AAC9C,MAAMC,WAAW,GAAG,CAClB;AACEC,IAAAA,IAAI,EAAEC,iBADR;AAEEC,IAAAA,KAAK,EAAE7C,UAAU,CAAC8C,CAAX,CAAa,kCAAb,EAAiD;AAAEC,MAAAA,GAAG,EAAEP;AAAP,KAAjD,CAFT;AAGEQ,IAAAA,cAAc,EAAE,4BAAWT,OAAO,CAACb,OAAnB,EAA4Ba,OAAO,CAACjB,SAApC,CAHlB;AAIE2B,IAAAA,SAAS,EAAE,4BAAWV,OAAO,CAACL,WAAnB,EAAgCK,OAAO,CAACJ,IAAxC;AAJb,GADkB,EAOlB;AACEQ,IAAAA,IAAI,EAAEO,iBADR;AAEEL,IAAAA,KAAK,EAAE7C,UAAU,CAAC8C,CAAX,CAAa,+BAAb,EAA8C;AAAEC,MAAAA,GAAG,EAAEP;AAAP,KAA9C,CAFT;AAGEQ,IAAAA,cAAc,EAAE,4BAAWT,OAAO,CAACV,SAAnB,EAA8BU,OAAO,CAACjB,SAAtC,CAHlB;AAIE2B,IAAAA,SAAS,EAAE,4BAAWV,OAAO,CAACP,aAAnB,EAAkCO,OAAO,CAACJ,IAA1C;AAJb,GAPkB,EAalB;AACEQ,IAAAA,IAAI,EAAEO,iBADR;AAEEL,IAAAA,KAAK,EAAE7C,UAAU,CAAC8C,CAAX,CAAa,qCAAb,EAAoD;AAAEC,MAAAA,GAAG,EAAEP;AAAP,KAApD,CAFT;AAGEQ,IAAAA,cAAc,EAAE,4BAAWT,OAAO,CAACR,OAAnB,EAA4BQ,OAAO,CAACjB,SAApC,CAHlB;AAIE2B,IAAAA,SAAS,EAAE,4BAAWV,OAAO,CAACP,aAAnB,EAAkCO,OAAO,CAACJ,IAA1C;AAJb,GAbkB,CAApB;;AAqBA,MAAIM,eAAJ,EAAqB;AACnBC,IAAAA,WAAW,CAACS,MAAZ,CAAmB,CAAnB,EAAsB,CAAtB;AACD;;AAED,sBACE;AAAK,IAAA,SAAS,EAAEZ,OAAO,CAACnC;AAAxB,kBACE;AAAM,IAAA,SAAS,EAAEmC,OAAO,CAACvB;AAAzB,KAA+BhB,UAAU,CAAC8C,CAAX,CAAa,gBAAb,EAA+B;AAAEC,IAAAA,GAAG,EAAEP;AAAP,GAA/B,CAA/B,CADF,EAEGE,WAAW,CAACU,GAAZ,CAAgB,iBAA6CC,GAA7C;AAAA,QAAGV,IAAH,SAAGA,IAAH;AAAA,QAASE,KAAT,SAASA,KAAT;AAAA,QAAgBG,cAAhB,SAAgBA,cAAhB;AAAA,QAAgCC,SAAhC,SAAgCA,SAAhC;AAAA,wBACf;AAAK,MAAA,GAAG,EAAEI,GAAV;AAAe,MAAA,SAAS,EAAEL;AAA1B,oBACE,gCAAC,IAAD;AAAM,MAAA,SAAS,EAAEC;AAAjB,MADF,eAEE,8CAAOJ,KAAP,CAFF,CADe;AAAA,GAAhB,CAFH,CADF;AAWD,CArFqB,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 { color } from '../../render-ui/src/index';\nimport Translator from '@pie-lib/translator';\nimport classNames from 'classnames';\n\nconst { translator } = Translator;\n\nexport const Legend = withStyles((theme) => ({\n  flexContainer: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\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  key: {\n    fontSize: '14px',\n    fontWeight: 'bold',\n    color: color.black(),\n    marginLeft: theme.spacing.unit,\n  },\n  container: {\n    position: 'relative',\n    padding: '4px',\n    fontSize: '14px',\n    borderRadius: '4px',\n  },\n  correct: {\n    border: `${color.correctTertiary()} solid 2px`,\n  },\n  incorrect: {\n    border: `${color.incorrectWithIcon()} solid 2px`,\n  },\n  missing: {\n    border: `${color.incorrectWithIcon()} dashed 2px`,\n  },\n  incorrectIcon: {\n    backgroundColor: color.incorrectWithIcon(),\n  },\n  correctIcon: {\n    backgroundColor: color.correctTertiary(),\n  },\n  icon: {\n    color: color.white(),\n    position: 'absolute',\n    top: '-8px',\n    left: '-8px',\n    borderRadius: '50%',\n    fontSize: '12px',\n    padding: '2px',\n  },\n}))(({ classes, language, showOnlyCorrect }) => {\n  const legendItems = [\n    {\n      Icon: Check,\n      label: translator.t('selectText.correctAnswerSelected', { lng: language }),\n      containerClass: classNames(classes.correct, classes.container),\n      iconClass: classNames(classes.correctIcon, classes.icon),\n    },\n    {\n      Icon: Close,\n      label: translator.t('selectText.incorrectSelection', { lng: language }),\n      containerClass: classNames(classes.incorrect, classes.container),\n      iconClass: classNames(classes.incorrectIcon, classes.icon),\n    },\n    {\n      Icon: Close,\n      label: translator.t('selectText.correctAnswerNotSelected', { lng: language }),\n      containerClass: classNames(classes.missing, classes.container),\n      iconClass: classNames(classes.incorrectIcon, classes.icon),\n    },\n  ];\n\n  if (showOnlyCorrect) {\n    legendItems.splice(1, 2);\n  }\n\n  return (\n    <div className={classes.flexContainer}>\n      <span className={classes.key}>{translator.t('selectText.key', { lng: language })}</span>\n      {legendItems.map(({ Icon, label, containerClass, iconClass }, idx) => (\n        <div key={idx} className={containerClass}>\n          <Icon className={iconClass} />\n          <span>{label}</span>\n        </div>\n      ))}\n    </div>\n  );\n});\n"],"file":"legend.js"}

package/lib/shared/index.js

@@ -1,136 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "AppendCSSRules", {
-  enumerable: true,
-  get: function get() {
-    return _appendCssRules["default"];
-  }
-});
-Object.defineProperty(exports, "Collapsible", {
-  enumerable: true,
-  get: function get() {
-    return _collapsible["default"];
-  }
-});
-Object.defineProperty(exports, "EnableAudioAutoplayImage", {
-  enumerable: true,
-  get: function get() {
-    return _enableAudioAutoplayImage["default"];
-  }
-});
-Object.defineProperty(exports, "Feedback", {
-  enumerable: true,
-  get: function get() {
-    return _feedback["default"];
-  }
-});
-Object.defineProperty(exports, "HtmlAndMath", {
-  enumerable: true,
-  get: function get() {
-    return _htmlAndMath["default"];
-  }
-});
-Object.defineProperty(exports, "InputContainer", {
-  enumerable: true,
-  get: function get() {
-    return _inputContainer["default"];
-  }
-});
-Object.defineProperty(exports, "PreviewLayout", {
-  enumerable: true,
-  get: function get() {
-    return _previewLayout["default"];
-  }
-});
-Object.defineProperty(exports, "PreviewPrompt", {
-  enumerable: true,
-  get: function get() {
-    return _previewPrompt["default"];
-  }
-});
-Object.defineProperty(exports, "Purpose", {
-  enumerable: true,
-  get: function get() {
-    return _purpose["default"];
-  }
-});
-Object.defineProperty(exports, "Readable", {
-  enumerable: true,
-  get: function get() {
-    return _readable["default"];
-  }
-});
-Object.defineProperty(exports, "UiLayout", {
-  enumerable: true,
-  get: function get() {
-    return _uiLayout["default"];
-  }
-});
-exports.color = void 0;
-Object.defineProperty(exports, "hasMedia", {
-  enumerable: true,
-  get: function get() {
-    return _hasMedia.hasMedia;
-  }
-});
-Object.defineProperty(exports, "hasText", {
-  enumerable: true,
-  get: function get() {
-    return _hasText.hasText;
-  }
-});
-exports.indicators = void 0;
-Object.defineProperty(exports, "withUndoReset", {
-  enumerable: true,
-  get: function get() {
-    return _withUndoReset["default"];
-  }
-});
-
-var indicators = _interopRequireWildcard(require("./response-indicators"));
-
-exports.indicators = indicators;
-
-var _feedback = _interopRequireDefault(require("./feedback"));
-
-var _collapsible = _interopRequireDefault(require("./collapsible"));
-
-var _withUndoReset = _interopRequireDefault(require("./withUndoReset"));
-
-var _previewLayout = _interopRequireDefault(require("./preview-layout"));
-
-var _uiLayout = _interopRequireDefault(require("./ui-layout"));
-
-var _htmlAndMath = _interopRequireDefault(require("./html-and-math"));
-
-var _inputContainer = _interopRequireDefault(require("./input-container"));
-
-var _previewPrompt = _interopRequireDefault(require("./preview-prompt"));
-
-var _readable = _interopRequireDefault(require("./readable"));
-
-var _purpose = _interopRequireDefault(require("./purpose"));
-
-var color = _interopRequireWildcard(require("./color"));
-
-exports.color = color;
-
-var _hasText = require("./has-text");
-
-var _hasMedia = require("./has-media");
-
-var _enableAudioAutoplayImage = _interopRequireDefault(require("./assets/enableAudioAutoplayImage"));
-
-var _appendCssRules = _interopRequireDefault(require("./append-css-rules"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-//# sourceMappingURL=index.js.map