@pie-lib/text-select 1.28.3-next.2 → 1.29.0-mui-update.0

package/CHANGELOG.md

@@ -3,6 +3,23 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.29.0-mui-update.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/text-select@1.28.2...@pie-lib/text-select@1.29.0-mui-update.0) (2025-10-31)
+
+
+### Bug Fixes
+
+* **correct-answer-toggle, text-select:** change logic to corresp to material v5 PD-5269 PD-5271 ([e992861](https://github.com/pie-framework/pie-lib/commit/e992861c6d964340bf7afc8e5ac9007816d510ef))
+
+
+### Features
+
+* **correct-answe-toggle, legend:** delete unused files and imports PD-5258 ([261638d](https://github.com/pie-framework/pie-lib/commit/261638d9ceff79163eb858696a4c8eb7a7a3006c))
+* bump react and react-dom ([01dc19e](https://github.com/pie-framework/pie-lib/commit/01dc19e88bbc8d372c561d1511df1a82937d45af))
+
+
+
+
+
 ## [1.28.2](https://github.com/pie-framework/pie-lib/compare/@pie-lib/text-select@1.28.1...@pie-lib/text-select@1.28.2) (2025-10-14)
 
 **Note:** Version bump only for package @pie-lib/text-select

package/lib/index.js

@@ -1,9 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -49,20 +47,11 @@ Object.defineProperty(exports, "prepareText", {
     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; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"index.js","names":["_tokenizer","_interopRequireDefault","require","_tokenSelect","_interopRequireWildcard","_textSelect","_legend","_token","_utils","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor"],"sources":["../src/index.js"],"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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,WAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AAAsC,SAAAE,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,wBAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,mBAAAT,CAAA,iBAAAA,CAAA,gBAAAU,OAAA,CAAAV,CAAA,0BAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA","ignoreList":[]}

package/lib/legend.js

@@ -1,126 +1,122 @@
 "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 _styles = require("@mui/material/styles");
+var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
+var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
 var _renderUi = require("@pie-lib/render-ui");
-
 var _translator = _interopRequireDefault(require("@pie-lib/translator"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
 var translator = _translator["default"].translator;
-var Legend = (0, _styles.withStyles)(function (theme) {
+var StyledFlexContainer = (0, _styles.styled)('div')(function (_ref) {
+  var theme = _ref.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: _renderUi.color.black(),
-      marginLeft: theme.spacing.unit
-    },
-    container: {
-      position: 'relative',
-      padding: '4px',
-      fontSize: '14px',
-      borderRadius: '4px'
-    },
-    correct: {
-      border: "".concat(_renderUi.color.correctTertiary(), " solid 2px")
-    },
-    incorrect: {
-      border: "".concat(_renderUi.color.incorrectWithIcon(), " solid 2px")
-    },
-    missing: {
-      border: "".concat(_renderUi.color.incorrectWithIcon(), " dashed 2px")
-    },
-    incorrectIcon: {
-      backgroundColor: _renderUi.color.incorrectWithIcon()
-    },
-    correctIcon: {
-      backgroundColor: _renderUi.color.correctTertiary()
-    },
-    icon: {
-      color: _renderUi.color.white(),
-      position: 'absolute',
-      top: '-8px',
-      left: '-8px',
-      borderRadius: '50%',
-      fontSize: '12px',
-      padding: '2px'
-    }
+    display: 'flex',
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: theme.spacing(2),
+    borderBottom: '1px solid lightgrey',
+    borderTop: '1px solid lightgrey',
+    paddingBottom: theme.spacing(1),
+    paddingTop: theme.spacing(1),
+    marginBottom: theme.spacing(1)
   };
-})(function (_ref) {
-  var classes = _ref.classes,
-      language = _ref.language,
-      showOnlyCorrect = _ref.showOnlyCorrect;
+});
+var StyledKey = (0, _styles.styled)('span')(function (_ref2) {
+  var theme = _ref2.theme;
+  return {
+    fontSize: '14px',
+    fontWeight: 'bold',
+    color: _renderUi.color.black(),
+    marginLeft: theme.spacing(1)
+  };
+});
+var StyledContainer = (0, _styles.styled)('div')(function () {
+  return {
+    position: 'relative',
+    padding: '4px',
+    fontSize: '14px',
+    borderRadius: '4px'
+  };
+});
+var StyledCorrectContainer = (0, _styles.styled)(StyledContainer)(function () {
+  return {
+    border: "".concat(_renderUi.color.correctTertiary(), " solid 2px")
+  };
+});
+var StyledIncorrectContainer = (0, _styles.styled)(StyledContainer)(function () {
+  return {
+    border: "".concat(_renderUi.color.incorrectWithIcon(), " solid 2px")
+  };
+});
+var StyledMissingContainer = (0, _styles.styled)(StyledContainer)(function () {
+  return {
+    border: "".concat(_renderUi.color.incorrectWithIcon(), " dashed 2px")
+  };
+});
+var StyledIcon = (0, _styles.styled)('div')(function () {
+  return {
+    color: _renderUi.color.white(),
+    position: 'absolute',
+    top: '-8px',
+    left: '-8px',
+    borderRadius: '50%',
+    fontSize: '12px',
+    padding: '2px'
+  };
+});
+var StyledCorrectIcon = (0, _styles.styled)(StyledIcon)(function () {
+  return {
+    backgroundColor: _renderUi.color.correctTertiary()
+  };
+});
+var StyledIncorrectIcon = (0, _styles.styled)(StyledIcon)(function () {
+  return {
+    backgroundColor: _renderUi.color.incorrectWithIcon()
+  };
+});
+var Legend = exports.Legend = function Legend(_ref3) {
+  var language = _ref3.language,
+    showOnlyCorrect = _ref3.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)
+    Container: StyledCorrectContainer,
+    IconComponent: StyledCorrectIcon
   }, {
     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)
+    Container: StyledIncorrectContainer,
+    IconComponent: StyledIncorrectIcon
   }, {
     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)
+    Container: StyledMissingContainer,
+    IconComponent: StyledIncorrectIcon
   }];
-
   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', {
+  return /*#__PURE__*/_react["default"].createElement(StyledFlexContainer, null, /*#__PURE__*/_react["default"].createElement(StyledKey, null, 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));
+  })), legendItems.map(function (_ref4, idx) {
+    var Icon = _ref4.Icon,
+      label = _ref4.label,
+      Container = _ref4.Container,
+      IconComponent = _ref4.IconComponent;
+    return /*#__PURE__*/_react["default"].createElement(Container, {
+      key: idx
+    }, /*#__PURE__*/_react["default"].createElement(IconComponent, null, /*#__PURE__*/_react["default"].createElement(Icon, null)), /*#__PURE__*/_react["default"].createElement("span", null, label));
   }));
-});
-exports.Legend = Legend;
+};
 //# sourceMappingURL=legend.js.map

package/lib/legend.js.map

@@ -1 +1 @@
-{"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":"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","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 '@pie-lib/render-ui';\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"}
+{"version":3,"file":"legend.js","names":["_react","_interopRequireDefault","require","_styles","_Check","_Close","_renderUi","_translator","translator","Translator","StyledFlexContainer","styled","_ref","theme","display","flexDirection","alignItems","gap","spacing","borderBottom","borderTop","paddingBottom","paddingTop","marginBottom","StyledKey","_ref2","fontSize","fontWeight","color","black","marginLeft","StyledContainer","position","padding","borderRadius","StyledCorrectContainer","border","concat","correctTertiary","StyledIncorrectContainer","incorrectWithIcon","StyledMissingContainer","StyledIcon","white","top","left","StyledCorrectIcon","backgroundColor","StyledIncorrectIcon","Legend","exports","_ref3","language","showOnlyCorrect","legendItems","Icon","Check","label","t","lng","Container","IconComponent","Close","splice","createElement","map","_ref4","idx","key"],"sources":["../src/legend.js"],"sourcesContent":["import React from 'react';\nimport { styled } from '@mui/material/styles';\nimport Check from '@mui/icons-material/Check';\nimport Close from '@mui/icons-material/Close';\nimport { color } from '@pie-lib/render-ui';\nimport Translator from '@pie-lib/translator';\n\nconst { translator } = Translator;\n\nconst StyledFlexContainer = styled('div')(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'row',\n  alignItems: 'center',\n  gap: theme.spacing(2),\n  borderBottom: '1px solid lightgrey',\n  borderTop: '1px solid lightgrey',\n  paddingBottom: theme.spacing(1),\n  paddingTop: theme.spacing(1),\n  marginBottom: theme.spacing(1),\n}));\n\nconst StyledKey = styled('span')(({ theme }) => ({\n  fontSize: '14px',\n  fontWeight: 'bold',\n  color: color.black(),\n  marginLeft: theme.spacing(1),\n}));\n\nconst StyledContainer = styled('div')(() => ({\n  position: 'relative',\n  padding: '4px',\n  fontSize: '14px',\n  borderRadius: '4px',\n}));\n\nconst StyledCorrectContainer = styled(StyledContainer)(() => ({\n  border: `${color.correctTertiary()} solid 2px`,\n}));\n\nconst StyledIncorrectContainer = styled(StyledContainer)(() => ({\n  border: `${color.incorrectWithIcon()} solid 2px`,\n}));\n\nconst StyledMissingContainer = styled(StyledContainer)(() => ({\n  border: `${color.incorrectWithIcon()} dashed 2px`,\n}));\n\nconst StyledIcon = styled('div')(() => ({\n  color: color.white(),\n  position: 'absolute',\n  top: '-8px',\n  left: '-8px',\n  borderRadius: '50%',\n  fontSize: '12px',\n  padding: '2px',\n}));\n\nconst StyledCorrectIcon = styled(StyledIcon)(() => ({\n  backgroundColor: color.correctTertiary(),\n}));\n\nconst StyledIncorrectIcon = styled(StyledIcon)(() => ({\n  backgroundColor: color.incorrectWithIcon(),\n}));\n\nexport const Legend = ({ language, showOnlyCorrect }) => {\n  const legendItems = [\n    {\n      Icon: Check,\n      label: translator.t('selectText.correctAnswerSelected', { lng: language }),\n      Container: StyledCorrectContainer,\n      IconComponent: StyledCorrectIcon,\n    },\n    {\n      Icon: Close,\n      label: translator.t('selectText.incorrectSelection', { lng: language }),\n      Container: StyledIncorrectContainer,\n      IconComponent: StyledIncorrectIcon,\n    },\n    {\n      Icon: Close,\n      label: translator.t('selectText.correctAnswerNotSelected', { lng: language }),\n      Container: StyledMissingContainer,\n      IconComponent: StyledIncorrectIcon,\n    },\n  ];\n\n  if (showOnlyCorrect) {\n    legendItems.splice(1, 2);\n  }\n\n  return (\n    <StyledFlexContainer>\n      <StyledKey>{translator.t('selectText.key', { lng: language })}</StyledKey>\n      {legendItems.map(({ Icon, label, Container, IconComponent }, idx) => (\n        <Container key={idx}>\n          <IconComponent>\n            <Icon />\n          </IconComponent>\n          <span>{label}</span>\n        </Container>\n      ))}\n    </StyledFlexContainer>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/text-select.js

@@ -1,73 +1,43 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _tokenSelect = _interopRequireDefault(require("./token-select"));
-
 var _builder = require("./tokenizer/builder");
-
 var _token = require("./token-select/token");
-
 var _debug = _interopRequireDefault(require("debug"));
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var log = (0, _debug["default"])('@pie-lib:text-select');
 /**
  * Built on TokenSelect uses build.normalize to build the token set.
  */
-
-var TextSelect = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(TextSelect, _React$Component);
-
-  var _super = _createSuper(TextSelect);
-
+var TextSelect = exports["default"] = /*#__PURE__*/function (_React$Component) {
   function TextSelect() {
     var _this;
-
     (0, _classCallCheck2["default"])(this, TextSelect);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "change", function (tokens) {
+    _this = _callSuper(this, TextSelect, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "change", function (tokens) {
       var onChange = _this.props.onChange;
-
       if (!onChange) {
         return;
       }
-
       var out = tokens.filter(function (t) {
         return t.selected;
       }).map(function (t) {
@@ -80,19 +50,19 @@ var TextSelect = /*#__PURE__*/function (_React$Component) {
     });
     return _this;
   }
-
-  (0, _createClass2["default"])(TextSelect, [{
+  (0, _inherits2["default"])(TextSelect, _React$Component);
+  return (0, _createClass2["default"])(TextSelect, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          text = _this$props.text,
-          disabled = _this$props.disabled,
-          tokens = _this$props.tokens,
-          selectedTokens = _this$props.selectedTokens,
-          className = _this$props.className,
-          highlightChoices = _this$props.highlightChoices,
-          maxNoOfSelections = _this$props.maxNoOfSelections,
-          animationsDisabled = _this$props.animationsDisabled;
+        text = _this$props.text,
+        disabled = _this$props.disabled,
+        tokens = _this$props.tokens,
+        selectedTokens = _this$props.selectedTokens,
+        className = _this$props.className,
+        highlightChoices = _this$props.highlightChoices,
+        maxNoOfSelections = _this$props.maxNoOfSelections,
+        animationsDisabled = _this$props.animationsDisabled;
       var normalized = (0, _builder.normalize)(text, tokens);
       log('normalized: ', normalized);
       var prepped = normalized.map(function (t) {
@@ -120,10 +90,7 @@ var TextSelect = /*#__PURE__*/function (_React$Component) {
       });
     }
   }]);
-  return TextSelect;
 }(_react["default"].Component);
-
-exports["default"] = TextSelect;
 (0, _defineProperty2["default"])(TextSelect, "propTypes", {
   onChange: _propTypes["default"].func,
   disabled: _propTypes["default"].bool,

package/lib/text-select.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/text-select.jsx"],"names":["log","TextSelect","tokens","onChange","props","out","filter","t","selected","map","start","end","text","disabled","selectedTokens","className","highlightChoices","maxNoOfSelections","animationsDisabled","normalized","prepped","selectedIndex","findIndex","s","correct","undefined","isMissing","selectable","predefined","change","React","Component","PropTypes","func","bool","arrayOf","shape","TokenTypes","isRequired","string","number"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport TokenSelect from './token-select';\nimport { normalize } from './tokenizer/builder';\nimport { TokenTypes } from './token-select/token';\nimport debug from 'debug';\n\nconst log = debug('@pie-lib:text-select');\n/**\n * Built on TokenSelect uses build.normalize to build the token set.\n */\nexport default class TextSelect extends React.Component {\n  static propTypes = {\n    onChange: PropTypes.func,\n    disabled: PropTypes.bool,\n    tokens: PropTypes.arrayOf(PropTypes.shape(TokenTypes)).isRequired,\n    selectedTokens: PropTypes.arrayOf(PropTypes.shape(TokenTypes)).isRequired,\n    text: PropTypes.string.isRequired,\n    className: PropTypes.string,\n    highlightChoices: PropTypes.bool,\n    animationsDisabled: PropTypes.bool,\n    maxNoOfSelections: PropTypes.number,\n  };\n\n  change = (tokens) => {\n    const { onChange } = this.props;\n\n    if (!onChange) {\n      return;\n    }\n    const out = tokens.filter((t) => t.selected).map((t) => ({ start: t.start, end: t.end }));\n\n    onChange(out);\n  };\n\n  render() {\n    const {\n      text,\n      disabled,\n      tokens,\n      selectedTokens,\n      className,\n      highlightChoices,\n      maxNoOfSelections,\n      animationsDisabled,\n    } = this.props;\n\n    const normalized = normalize(text, tokens);\n    log('normalized: ', normalized);\n    const prepped = normalized.map((t) => {\n      const selectedIndex = selectedTokens.findIndex((s) => {\n        return s.start === t.start && s.end === t.end;\n      });\n      const selected = selectedIndex !== -1;\n      const correct = selected ? t.correct : undefined;\n      const isMissing = t.isMissing;\n      return {\n        ...t,\n        selectable: !disabled && t.predefined,\n        selected,\n        correct,\n        isMissing,\n      };\n    });\n\n    return (\n      <TokenSelect\n        highlightChoices={!disabled && highlightChoices}\n        className={className}\n        tokens={prepped}\n        disabled={disabled}\n        onChange={this.change}\n        maxNoOfSelections={maxNoOfSelections}\n        animationsDisabled={animationsDisabled}\n      />\n    );\n  }\n}\n"],"file":"text-select.js"}
+{"version":3,"file":"text-select.js","names":["_react","_interopRequireDefault","require","_propTypes","_tokenSelect","_builder","_token","_debug","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","_callSuper","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","Boolean","prototype","valueOf","call","log","debug","TextSelect","exports","_React$Component","_this","_classCallCheck2","_len","args","Array","_key","concat","tokens","onChange","props","out","selected","map","start","end","_inherits2","_createClass2","key","value","render","_this$props","text","disabled","selectedTokens","className","highlightChoices","maxNoOfSelections","animationsDisabled","normalized","normalize","prepped","selectedIndex","findIndex","s","correct","undefined","isMissing","selectable","predefined","createElement","change","React","Component","PropTypes","func","bool","arrayOf","shape","TokenTypes","isRequired","string","number"],"sources":["../src/text-select.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport TokenSelect from './token-select';\nimport { normalize } from './tokenizer/builder';\nimport { TokenTypes } from './token-select/token';\nimport debug from 'debug';\n\nconst log = debug('@pie-lib:text-select');\n/**\n * Built on TokenSelect uses build.normalize to build the token set.\n */\nexport default class TextSelect extends React.Component {\n  static propTypes = {\n    onChange: PropTypes.func,\n    disabled: PropTypes.bool,\n    tokens: PropTypes.arrayOf(PropTypes.shape(TokenTypes)).isRequired,\n    selectedTokens: PropTypes.arrayOf(PropTypes.shape(TokenTypes)).isRequired,\n    text: PropTypes.string.isRequired,\n    className: PropTypes.string,\n    highlightChoices: PropTypes.bool,\n    animationsDisabled: PropTypes.bool,\n    maxNoOfSelections: PropTypes.number,\n  };\n\n  change = (tokens) => {\n    const { onChange } = this.props;\n\n    if (!onChange) {\n      return;\n    }\n    const out = tokens.filter((t) => t.selected).map((t) => ({ start: t.start, end: t.end }));\n\n    onChange(out);\n  };\n\n  render() {\n    const {\n      text,\n      disabled,\n      tokens,\n      selectedTokens,\n      className,\n      highlightChoices,\n      maxNoOfSelections,\n      animationsDisabled,\n    } = this.props;\n\n    const normalized = normalize(text, tokens);\n    log('normalized: ', normalized);\n    const prepped = normalized.map((t) => {\n      const selectedIndex = selectedTokens.findIndex((s) => {\n        return s.start === t.start && s.end === t.end;\n      });\n      const selected = selectedIndex !== -1;\n      const correct = selected ? t.correct : undefined;\n      const isMissing = t.isMissing;\n      return {\n        ...t,\n        selectable: !disabled && t.predefined,\n        selected,\n        correct,\n        isMissing,\n      };\n    });\n\n    return (\n      <TokenSelect\n        highlightChoices={!disabled && highlightChoices}\n        className={className}\n        tokens={prepped}\n        disabled={disabled}\n        onChange={this.change}\n        maxNoOfSelections={maxNoOfSelections}\n        animationsDisabled={animationsDisabled}\n      />\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}