@pie-lib/text-select 1.19.0 → 1.21.0

package/CHANGELOG.md

@@ -3,46 +3,41 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-# [1.19.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/text-select@1.12.7...@pie-lib/text-select@1.19.0) (2025-07-31)
-
-**Note:** Version bump only for package @pie-lib/text-select
+# [1.21.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/text-select@1.12.7...@pie-lib/text-select@1.21.0) (2025-08-07)
 
 
+### Features
 
+* split pie-toolbox into multiple packages [PD-5126] ([7d55a25](https://github.com/pie-framework/pie-lib/commit/7d55a2552d084cd3d0d5c00dc77411b2ced2f5e2))
 
 
-# [1.18.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/text-select@1.12.7...@pie-lib/text-select@1.18.0) (2025-07-31)
-
-**Note:** Version bump only for package @pie-lib/text-select
 
 
 
+# [1.20.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/text-select@1.12.7...@pie-lib/text-select@1.20.0) (2025-07-31)
 
+**Note:** Version bump only for package @pie-lib/text-select
 
-# [1.17.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/text-select@1.12.7...@pie-lib/text-select@1.17.0) (2025-07-31)
+# [1.19.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/text-select@1.12.7...@pie-lib/text-select@1.19.0) (2025-07-31)
 
 **Note:** Version bump only for package @pie-lib/text-select
 
+# [1.18.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/text-select@1.12.7...@pie-lib/text-select@1.18.0) (2025-07-31)
 
+**Note:** Version bump only for package @pie-lib/text-select
 
+# [1.17.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/text-select@1.12.7...@pie-lib/text-select@1.17.0) (2025-07-31)
 
+**Note:** Version bump only for package @pie-lib/text-select
 
 # [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
 
-
-
-
-
 # [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.17.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/text-select@1.12.7...@pie-lib/text-select@1.17.0) (2025-07-31)
 
 **Note:** Version bump only for package @pie-lib/text-select

package/lib/index.js

@@ -0,0 +1,68 @@
+"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

@@ -0,0 +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"}

package/lib/legend.js

@@ -0,0 +1,126 @@
+"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 _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) {
+  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'
+    }
+  };
+})(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

@@ -0,0 +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"}

package/lib/text-select.js

@@ -0,0 +1,138 @@
+"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 _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; } }
+
+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);
+
+  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) {
+      var onChange = _this.props.onChange;
+
+      if (!onChange) {
+        return;
+      }
+
+      var out = tokens.filter(function (t) {
+        return t.selected;
+      }).map(function (t) {
+        return {
+          start: t.start,
+          end: t.end
+        };
+      });
+      onChange(out);
+    });
+    return _this;
+  }
+
+  (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;
+      var normalized = (0, _builder.normalize)(text, tokens);
+      log('normalized: ', normalized);
+      var prepped = normalized.map(function (t) {
+        var selectedIndex = selectedTokens.findIndex(function (s) {
+          return s.start === t.start && s.end === t.end;
+        });
+        var selected = selectedIndex !== -1;
+        var correct = selected ? t.correct : undefined;
+        var isMissing = t.isMissing;
+        return _objectSpread(_objectSpread({}, t), {}, {
+          selectable: !disabled && t.predefined,
+          selected: selected,
+          correct: correct,
+          isMissing: isMissing
+        });
+      });
+      return /*#__PURE__*/_react["default"].createElement(_tokenSelect["default"], {
+        highlightChoices: !disabled && highlightChoices,
+        className: className,
+        tokens: prepped,
+        disabled: disabled,
+        onChange: this.change,
+        maxNoOfSelections: maxNoOfSelections,
+        animationsDisabled: animationsDisabled
+      });
+    }
+  }]);
+  return TextSelect;
+}(_react["default"].Component);
+
+exports["default"] = TextSelect;
+(0, _defineProperty2["default"])(TextSelect, "propTypes", {
+  onChange: _propTypes["default"].func,
+  disabled: _propTypes["default"].bool,
+  tokens: _propTypes["default"].arrayOf(_propTypes["default"].shape(_token.TokenTypes)).isRequired,
+  selectedTokens: _propTypes["default"].arrayOf(_propTypes["default"].shape(_token.TokenTypes)).isRequired,
+  text: _propTypes["default"].string.isRequired,
+  className: _propTypes["default"].string,
+  highlightChoices: _propTypes["default"].bool,
+  animationsDisabled: _propTypes["default"].bool,
+  maxNoOfSelections: _propTypes["default"].number
+});
+//# sourceMappingURL=text-select.js.map

package/lib/text-select.js.map

@@ -0,0 +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"}