@pie-lib/mask-markup 1.16.0 → 1.17.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.16.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/mask-markup@1.13.46...@pie-lib/mask-markup@1.16.0) (2025-07-31)
+# [1.17.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/mask-markup@1.13.46...@pie-lib/mask-markup@1.17.0) (2025-07-31)
 
 **Note:** Version bump only for package @pie-lib/mask-markup
 
@@ -11,7 +11,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-# [1.15.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/mask-markup@1.13.46...@pie-lib/mask-markup@1.15.0) (2025-07-31)
+# [1.16.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/mask-markup@1.13.46...@pie-lib/mask-markup@1.16.0) (2025-07-31)
 
 **Note:** Version bump only for package @pie-lib/mask-markup
 
@@ -19,7 +19,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-# [1.14.0-beta.8](https://github.com/pie-framework/pie-lib/compare/@pie-lib/mask-markup@1.13.46...@pie-lib/mask-markup@1.14.0-beta.8) (2025-07-25)
+# [1.15.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/mask-markup@1.13.46...@pie-lib/mask-markup@1.15.0) (2025-07-31)
 
 **Note:** Version bump only for package @pie-lib/mask-markup
 
@@ -27,142 +27,90 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-# [1.14.0-beta.7](https://github.com/pie-framework/pie-lib/compare/@pie-lib/mask-markup@1.13.46...@pie-lib/mask-markup@1.14.0-beta.7) (2025-07-25)
+# [1.15.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/mask-markup@1.13.46...@pie-lib/mask-markup@1.15.0) (2025-07-31)
 
 **Note:** Version bump only for package @pie-lib/mask-markup
 
+# [1.16.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/mask-markup@1.13.46...@pie-lib/mask-markup@1.16.0) (2025-07-31)
 
+**Note:** Version bump only for package @pie-lib/mask-markup
 
+# [1.15.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/mask-markup@1.13.46...@pie-lib/mask-markup@1.15.0) (2025-07-31)
 
+**Note:** Version bump only for package @pie-lib/mask-markup
 
-# [1.14.0-beta.7](https://github.com/pie-framework/pie-lib/compare/@pie-lib/mask-markup@1.13.46...@pie-lib/mask-markup@1.14.0-beta.7) (2025-07-25)
+# [1.14.0-beta.8](https://github.com/pie-framework/pie-lib/compare/@pie-lib/mask-markup@1.13.46...@pie-lib/mask-markup@1.14.0-beta.8) (2025-07-25)
 
 **Note:** Version bump only for package @pie-lib/mask-markup
 
+# [1.14.0-beta.7](https://github.com/pie-framework/pie-lib/compare/@pie-lib/mask-markup@1.13.46...@pie-lib/mask-markup@1.14.0-beta.7) (2025-07-25)
 
+**Note:** Version bump only for package @pie-lib/mask-markup
 
+# [1.14.0-beta.7](https://github.com/pie-framework/pie-lib/compare/@pie-lib/mask-markup@1.13.46...@pie-lib/mask-markup@1.14.0-beta.7) (2025-07-25)
 
+**Note:** Version bump only for package @pie-lib/mask-markup
 
 # [1.14.0-beta.6](https://github.com/pie-framework/pie-lib/compare/@pie-lib/mask-markup@1.13.46...@pie-lib/mask-markup@1.14.0-beta.6) (2025-07-25)
 
 **Note:** Version bump only for package @pie-lib/mask-markup
 
-
-
-
-
 # [1.14.0-beta.6](https://github.com/pie-framework/pie-lib/compare/@pie-lib/mask-markup@1.13.46...@pie-lib/mask-markup@1.14.0-beta.6) (2025-07-25)
 
 **Note:** Version bump only for package @pie-lib/mask-markup
 
-
-
-
-
 # [1.14.0-beta.5](https://github.com/pie-framework/pie-lib/compare/@pie-lib/mask-markup@1.13.46...@pie-lib/mask-markup@1.14.0-beta.5) (2025-07-25)
 
 **Note:** Version bump only for package @pie-lib/mask-markup
 
-
-
-
-
 # [1.14.0-beta.5](https://github.com/pie-framework/pie-lib/compare/@pie-lib/mask-markup@1.13.46...@pie-lib/mask-markup@1.14.0-beta.5) (2025-07-25)
 
 **Note:** Version bump only for package @pie-lib/mask-markup
 
-
-
-
-
 # [1.14.0-beta.4](https://github.com/pie-framework/pie-lib/compare/@pie-lib/mask-markup@1.13.46...@pie-lib/mask-markup@1.14.0-beta.4) (2025-07-25)
 
 **Note:** Version bump only for package @pie-lib/mask-markup
 
-
-
-
-
 # [1.14.0-beta.3](https://github.com/pie-framework/pie-lib/compare/@pie-lib/mask-markup@1.13.46...@pie-lib/mask-markup@1.14.0-beta.3) (2025-07-25)
 
 **Note:** Version bump only for package @pie-lib/mask-markup
 
-
-
-
-
 # [1.14.0-beta.4](https://github.com/pie-framework/pie-lib/compare/@pie-lib/mask-markup@1.13.46...@pie-lib/mask-markup@1.14.0-beta.4) (2025-07-23)
 
 **Note:** Version bump only for package @pie-lib/mask-markup
 
-
-
-
-
 # [1.14.0-beta.3](https://github.com/pie-framework/pie-lib/compare/@pie-lib/mask-markup@1.13.46...@pie-lib/mask-markup@1.14.0-beta.3) (2025-07-23)
 
 **Note:** Version bump only for package @pie-lib/mask-markup
 
-
-
-
-
 # [1.14.0-beta.3](https://github.com/pie-framework/pie-lib/compare/@pie-lib/mask-markup@1.13.46...@pie-lib/mask-markup@1.14.0-beta.3) (2025-07-20)
 
 **Note:** Version bump only for package @pie-lib/mask-markup
 
-
-
-
-
 # [1.14.0-beta.2](https://github.com/pie-framework/pie-lib/compare/@pie-lib/mask-markup@1.13.46...@pie-lib/mask-markup@1.14.0-beta.2) (2025-07-20)
 
 **Note:** Version bump only for package @pie-lib/mask-markup
 
-
-
-
-
 # [1.14.0-beta.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/mask-markup@1.13.46...@pie-lib/mask-markup@1.14.0-beta.1) (2025-07-20)
 
 **Note:** Version bump only for package @pie-lib/mask-markup
 
-
-
-
-
 # [1.14.0-beta.2](https://github.com/pie-framework/pie-lib/compare/@pie-lib/mask-markup@1.13.46...@pie-lib/mask-markup@1.14.0-beta.2) (2025-07-20)
 
 **Note:** Version bump only for package @pie-lib/mask-markup
 
-
-
-
-
 # [1.14.0-beta.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/mask-markup@1.13.46...@pie-lib/mask-markup@1.14.0-beta.1) (2025-07-20)
 
 **Note:** Version bump only for package @pie-lib/mask-markup
 
-
-
-
-
 # [1.14.0-beta.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/mask-markup@1.13.46...@pie-lib/mask-markup@1.14.0-beta.1) (2025-07-20)
 
 **Note:** Version bump only for package @pie-lib/mask-markup
 
-
-
-
-
 # [1.14.0-beta.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/mask-markup@1.13.46...@pie-lib/mask-markup@1.14.0-beta.0) (2025-07-20)
 
 **Note:** Version bump only for package @pie-lib/mask-markup
 
-
-
-
-
 # [1.15.0-beta.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/mask-markup@1.13.46...@pie-lib/mask-markup@1.15.0-beta.0) (2025-07-15)
 
 **Note:** Version bump only for package @pie-lib/mask-markup

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/mask-markup",
-  "version": "1.16.0",
+  "version": "1.17.0",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
@@ -10,9 +10,10 @@
   "dependencies": {
     "@material-ui/core": "^3.9.3",
     "@material-ui/icons": "^3.0.2",
-    "@pie-lib/drag": "beta",
-    "@pie-lib/editable-html": "beta",
-    "@pie-lib/math-rendering": "beta",
+    "@pie-lib/drag": "^2.6.0",
+    "@pie-lib/editable-html": "^11.5.0",
+    "@pie-lib/math-rendering": "^3.6.0",
+    "@pie-lib/render-ui": "^4.19.0",
     "classnames": "^2.2.6",
     "debug": "^4.1.1",
     "immutable": ">=3.8.1",
@@ -30,5 +31,5 @@
   "keywords": [],
   "author": "",
   "license": "ISC",
-  "gitHead": "ecb1ca31aa1c24d23af00d5ad04ce73ed8871057"
+  "gitHead": "889a13bfea2c768b8a3a6eabfc6fe7b7725aa832"
 }

package/src/choices/choice.jsx

@@ -6,7 +6,7 @@ import Chip from '@material-ui/core/Chip';
 import classnames from 'classnames';
 
 import { renderMath } from '@pie-lib/math-rendering';
-import { color } from '../../../render-ui/src/index';
+import { color } from '@pie-lib/render-ui';
 import { DragSource } from '@pie-lib/drag';
 
 export const DRAG_TYPE = 'MaskBlank';

package/src/components/blank.jsx

@@ -8,7 +8,7 @@ import { DragSource, DropTarget } from '@pie-lib/drag';
 import { withStyles } from '@material-ui/core/styles';
 import Chip from '@material-ui/core/Chip';
 import classnames from 'classnames';
-import { color } from '../../../render-ui/src/index';
+import { color } from '@pie-lib/render-ui';
 
 const log = debug('pie-lib:mask-markup:blank');
 export const DRAG_TYPE = 'MaskBlank';

package/src/components/correct-input.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import OutlinedInput from '@material-ui/core/OutlinedInput';
 import classnames from 'classnames';
 import { withStyles } from '@material-ui/core/styles';
-import { color } from '../../../render-ui/src/index';
+import { color } from '@pie-lib/render-ui';
 
 const correctStyle = (color) => ({
   borderColor: `${color} !important`,

package/src/components/dropdown.jsx

@@ -12,7 +12,7 @@ import { withStyles } from '@material-ui/core/styles';
 import classNames from 'classnames';
 import isEqual from 'lodash/isEqual';
 
-import { color } from '../../../render-ui/src/index';
+import { color } from '@pie-lib/render-ui';
 import { renderMath } from '@pie-lib/math-rendering';
 
 class Dropdown extends React.Component {

package/src/constructed-response.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { withStyles } from '@material-ui/core/styles';
 import classnames from 'classnames';
 
-import { color } from '../../render-ui/src/index';
+import { color } from '@pie-lib/render-ui';
 import EditableHtml from '@pie-lib/editable-html';
 import { withMask } from './with-mask';
 

package/lib/choices/choice.js

@@ -1,221 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.DRAG_TYPE = exports.BlankContent = 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 _reactDom = _interopRequireDefault(require("react-dom"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _Chip = _interopRequireDefault(require("@material-ui/core/Chip"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _mathRendering = require("@pie-lib/math-rendering");
-
-var _index = require("./../shared/index");
-
-var _drag = require("@pie-lib/drag");
-
-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 DRAG_TYPE = 'MaskBlank';
-exports.DRAG_TYPE = DRAG_TYPE;
-
-var BlankContentComp = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(BlankContentComp, _React$Component);
-
-  var _super = _createSuper(BlankContentComp);
-
-  function BlankContentComp() {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, BlankContentComp);
-
-    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), "startDrag", function () {
-      var _this$props = _this.props,
-          connectDragSource = _this$props.connectDragSource,
-          disabled = _this$props.disabled;
-
-      if (!disabled) {
-        connectDragSource(_this.dragContainerRef);
-      }
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleTouchStart", function (e) {
-      e.preventDefault();
-      _this.longPressTimer = setTimeout(function () {
-        _this.startDrag(e);
-      }, 500);
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleTouchEnd", function () {
-      clearTimeout(_this.longPressTimer);
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleTouchMove", function () {
-      clearTimeout(_this.longPressTimer);
-    });
-    return _this;
-  }
-
-  (0, _createClass2["default"])(BlankContentComp, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      if (this.dragContainerRef) {
-        this.dragContainerRef.addEventListener('touchstart', this.handleTouchStart, {
-          passive: false
-        });
-        this.dragContainerRef.addEventListener('touchend', this.handleTouchEnd);
-        this.dragContainerRef.addEventListener('touchmove', this.handleTouchMove);
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      if (this.dragContainerRef) {
-        this.dragContainerRef.removeEventListener('touchstart', this.handleTouchStart);
-        this.dragContainerRef.removeEventListener('touchend', this.handleTouchEnd);
-        this.dragContainerRef.removeEventListener('touchmove', this.handleTouchMove);
-      }
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate() {
-      (0, _mathRendering.renderMath)(this.rootRef);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props2 = this.props,
-          connectDragSource = _this$props2.connectDragSource,
-          choice = _this$props2.choice,
-          classes = _this$props2.classes,
-          disabled = _this$props2.disabled; // TODO the Chip element is causing drag problems on touch devices. Avoid using Chip and consider refactoring the code. Keep in mind that Chip is a span with a button role, which interferes with seamless touch device dragging.
-
-      return connectDragSource( /*#__PURE__*/_react["default"].createElement("span", {
-        className: (0, _classnames["default"])(classes.choice, disabled && classes.disabled),
-        ref: function ref(_ref3) {
-          //eslint-disable-next-line
-          _this2.dragContainerRef = _reactDom["default"].findDOMNode(_ref3);
-        }
-      }, /*#__PURE__*/_react["default"].createElement(_Chip["default"], {
-        clickable: false,
-        disabled: true,
-        ref: function ref(_ref2) {
-          //eslint-disable-next-line
-          _this2.rootRef = _reactDom["default"].findDOMNode(_ref2);
-        },
-        className: classes.chip,
-        label: /*#__PURE__*/_react["default"].createElement("span", {
-          className: classes.chipLabel,
-          ref: function ref(_ref) {
-            if (_ref) {
-              _ref.innerHTML = choice.value || ' ';
-            }
-          }
-        }, ' '),
-        variant: disabled ? 'outlined' : undefined
-      })), {});
-    }
-  }]);
-  return BlankContentComp;
-}(_react["default"].Component);
-
-(0, _defineProperty2["default"])(BlankContentComp, "propTypes", {
-  disabled: _propTypes["default"].bool,
-  choice: _propTypes["default"].object,
-  classes: _propTypes["default"].object,
-  connectDragSource: _propTypes["default"].func
-});
-var BlankContent = (0, _styles.withStyles)(function (theme) {
-  return {
-    choice: {
-      border: "solid 0px ".concat(theme.palette.primary.main),
-      borderRadius: theme.spacing.unit * 2,
-      margin: theme.spacing.unit / 2,
-      transform: 'translate(0, 0)'
-    },
-    chip: {
-      backgroundColor: _index.color.white(),
-      border: "1px solid ".concat(_index.color.text()),
-      color: _index.color.text(),
-      alignItems: 'center',
-      display: 'inline-flex',
-      height: 'initial',
-      minHeight: '32px',
-      fontSize: 'inherit',
-      whiteSpace: 'pre-wrap',
-      maxWidth: '374px',
-      // Added for touch devices, for image content.
-      // This will prevent the context menu from appearing and not allowing other interactions with the image.
-      // If interactions with the image in the token will be requested we should handle only the context Menu.
-      pointerEvents: 'none',
-      borderRadius: '3px',
-      paddingTop: '12px',
-      paddingBottom: '12px'
-    },
-    chipLabel: {
-      whiteSpace: 'normal',
-      '& img': {
-        display: 'block',
-        padding: '2px 0'
-      },
-      '& mjx-frac': {
-        fontSize: '120% !important'
-      }
-    },
-    disabled: {
-      opacity: 0.6
-    }
-  };
-})(BlankContentComp);
-exports.BlankContent = BlankContent;
-var tileSource = {
-  canDrag: function canDrag(props) {
-    return !props.disabled;
-  },
-  beginDrag: function beginDrag(props) {
-    return {
-      choice: props.choice,
-      instanceId: props.instanceId
-    };
-  }
-};
-var DragDropTile = (0, _drag.DragSource)(DRAG_TYPE, tileSource, function (connect, monitor) {
-  return {
-    connectDragSource: connect.dragSource(),
-    isDragging: monitor.isDragging()
-  };
-})(BlankContent);
-var _default = DragDropTile;
-exports["default"] = _default;
-//# sourceMappingURL=choice.js.map

package/lib/choices/choice.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/choices/choice.jsx"],"names":["DRAG_TYPE","BlankContentComp","props","connectDragSource","disabled","dragContainerRef","e","preventDefault","longPressTimer","setTimeout","startDrag","clearTimeout","addEventListener","handleTouchStart","passive","handleTouchEnd","handleTouchMove","removeEventListener","rootRef","choice","classes","ref","ReactDOM","findDOMNode","chip","chipLabel","innerHTML","value","undefined","React","Component","PropTypes","bool","object","func","BlankContent","theme","border","palette","primary","main","borderRadius","spacing","unit","margin","transform","backgroundColor","color","white","text","alignItems","display","height","minHeight","fontSize","whiteSpace","maxWidth","pointerEvents","paddingTop","paddingBottom","padding","opacity","tileSource","canDrag","beginDrag","instanceId","DragDropTile","connect","monitor","dragSource","isDragging"],"mappings":"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","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport Chip from '@material-ui/core/Chip';\nimport classnames from 'classnames';\n\nimport { renderMath } from '@pie-lib/math-rendering';\nimport { color } from '../../../render-ui/src/index';\nimport { DragSource } from '@pie-lib/drag';\n\nexport const DRAG_TYPE = 'MaskBlank';\n\nclass BlankContentComp extends React.Component {\n  static propTypes = {\n    disabled: PropTypes.bool,\n    choice: PropTypes.object,\n    classes: PropTypes.object,\n    connectDragSource: PropTypes.func,\n  };\n\n  startDrag = () => {\n    const { connectDragSource, disabled } = this.props;\n    if (!disabled) {\n      connectDragSource(this.dragContainerRef);\n    }\n  };\n\n  // start drag after 500ms (touch and hold duration) for chromebooks and other touch devices PD-4888\n  handleTouchStart = (e) => {\n    e.preventDefault();\n    this.longPressTimer = setTimeout(() => {\n      this.startDrag(e);\n    }, 500);\n  };\n\n  handleTouchEnd = () => {\n    clearTimeout(this.longPressTimer);\n  };\n\n  handleTouchMove = () => {\n    clearTimeout(this.longPressTimer);\n  };\n\n  componentDidMount() {\n    if (this.dragContainerRef) {\n      this.dragContainerRef.addEventListener('touchstart', this.handleTouchStart, { passive: false });\n      this.dragContainerRef.addEventListener('touchend', this.handleTouchEnd);\n      this.dragContainerRef.addEventListener('touchmove', this.handleTouchMove);\n    }\n  }\n\n  componentWillUnmount() {\n    if (this.dragContainerRef) {\n      this.dragContainerRef.removeEventListener('touchstart', this.handleTouchStart);\n      this.dragContainerRef.removeEventListener('touchend', this.handleTouchEnd);\n      this.dragContainerRef.removeEventListener('touchmove', this.handleTouchMove);\n    }\n  }\n\n  componentDidUpdate() {\n    renderMath(this.rootRef);\n  }\n\n  render() {\n    const { connectDragSource, choice, classes, disabled } = this.props;\n\n    // TODO the Chip element is causing drag problems on touch devices. Avoid using Chip and consider refactoring the code. Keep in mind that Chip is a span with a button role, which interferes with seamless touch device dragging.\n\n    return connectDragSource(\n      <span\n        className={classnames(classes.choice, disabled && classes.disabled)}\n        ref={(ref) => {\n          //eslint-disable-next-line\n          this.dragContainerRef = ReactDOM.findDOMNode(ref);\n        }}\n      >\n        <Chip\n          clickable={false}\n          disabled={true}\n          ref={(ref) => {\n            //eslint-disable-next-line\n            this.rootRef = ReactDOM.findDOMNode(ref);\n          }}\n          className={classes.chip}\n          label={\n            <span\n              className={classes.chipLabel}\n              ref={(ref) => {\n                if (ref) {\n                  ref.innerHTML = choice.value || ' ';\n                }\n              }}\n            >\n              {' '}\n            </span>\n          }\n          variant={disabled ? 'outlined' : undefined}\n        />\n      </span>,\n      {},\n    );\n  }\n}\n\nexport const BlankContent = withStyles((theme) => ({\n  choice: {\n    border: `solid 0px ${theme.palette.primary.main}`,\n    borderRadius: theme.spacing.unit * 2,\n    margin: theme.spacing.unit / 2,\n    transform: 'translate(0, 0)',\n  },\n  chip: {\n    backgroundColor: color.white(),\n    border: `1px solid ${color.text()}`,\n    color: color.text(),\n    alignItems: 'center',\n    display: 'inline-flex',\n    height: 'initial',\n    minHeight: '32px',\n    fontSize: 'inherit',\n    whiteSpace: 'pre-wrap',\n    maxWidth: '374px',\n    // Added for touch devices, for image content.\n    // This will prevent the context menu from appearing and not allowing other interactions with the image.\n    // If interactions with the image in the token will be requested we should handle only the context Menu.\n    pointerEvents: 'none',\n    borderRadius: '3px',\n    paddingTop: '12px',\n    paddingBottom: '12px',\n  },\n  chipLabel: {\n    whiteSpace: 'normal',\n    '& img': {\n      display: 'block',\n      padding: '2px 0',\n    },\n    '& mjx-frac': {\n      fontSize: '120% !important',\n    },\n  },\n  disabled: {\n    opacity: 0.6,\n  },\n}))(BlankContentComp);\n\nconst tileSource = {\n  canDrag(props) {\n    return !props.disabled;\n  },\n  beginDrag(props) {\n    return {\n      choice: props.choice,\n      instanceId: props.instanceId,\n    };\n  },\n};\n\nconst DragDropTile = DragSource(DRAG_TYPE, tileSource, (connect, monitor) => ({\n  connectDragSource: connect.dragSource(),\n  isDragging: monitor.isDragging(),\n}))(BlankContent);\n\nexport default DragDropTile;\n"],"file":"choice.js"}

package/lib/choices/index.js

@@ -1,135 +0,0 @@
-"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 _findKey = _interopRequireDefault(require("lodash/findKey"));
-
-var _choice = _interopRequireDefault(require("./choice"));
-
-var _drag = require("@pie-lib/drag");
-
-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 Choices = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(Choices, _React$Component);
-
-  var _super = _createSuper(Choices);
-
-  function Choices() {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, Choices);
-
-    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), "getStyleForWrapper", function () {
-      var choicePosition = _this.props.choicePosition;
-
-      switch (choicePosition) {
-        case 'above':
-          return {
-            margin: '0 0 40px 0'
-          };
-
-        case 'below':
-          return {
-            margin: '40px 0 0 0'
-          };
-
-        case 'right':
-          return {
-            margin: '0 0 0 40px'
-          };
-
-        default:
-          return {
-            margin: '0 40px 0 0'
-          };
-      }
-    });
-    return _this;
-  }
-
-  (0, _createClass2["default"])(Choices, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          disabled = _this$props.disabled,
-          duplicates = _this$props.duplicates,
-          choices = _this$props.choices,
-          value = _this$props.value;
-      var filteredChoices = choices.filter(function (c) {
-        if (duplicates === true) {
-          return true;
-        }
-
-        var foundChoice = (0, _findKey["default"])(value, function (v) {
-          return v === c.id;
-        });
-        return foundChoice === undefined;
-      });
-
-      var elementStyle = _objectSpread(_objectSpread({}, this.getStyleForWrapper()), {}, {
-        minWidth: '100px'
-      });
-
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        style: elementStyle
-      }, /*#__PURE__*/_react["default"].createElement(_drag.DragDroppablePlaceholder, {
-        disabled: disabled
-      }, filteredChoices.map(function (c, index) {
-        return /*#__PURE__*/_react["default"].createElement(_choice["default"], {
-          key: "".concat(c.value, "-").concat(index),
-          disabled: disabled,
-          choice: c
-        });
-      })));
-    }
-  }]);
-  return Choices;
-}(_react["default"].Component);
-
-exports["default"] = Choices;
-(0, _defineProperty2["default"])(Choices, "propTypes", {
-  disabled: _propTypes["default"].bool,
-  duplicates: _propTypes["default"].bool,
-  choices: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-    label: _propTypes["default"].string,
-    value: _propTypes["default"].string
-  })),
-  value: _propTypes["default"].object,
-  choicePosition: _propTypes["default"].string.isRequired
-});
-//# sourceMappingURL=index.js.map

package/lib/choices/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/choices/index.jsx"],"names":["Choices","choicePosition","props","margin","disabled","duplicates","choices","value","filteredChoices","filter","c","foundChoice","v","id","undefined","elementStyle","getStyleForWrapper","minWidth","map","index","React","Component","PropTypes","bool","arrayOf","shape","label","string","object","isRequired"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;IAEqBA,O;;;;;;;;;;;;;;;2GASE,YAAM;AACzB,UAAQC,cAAR,GAA2B,MAAKC,KAAhC,CAAQD,cAAR;;AAEA,cAAQA,cAAR;AACE,aAAK,OAAL;AACE,iBAAO;AACLE,YAAAA,MAAM,EAAE;AADH,WAAP;;AAIF,aAAK,OAAL;AACE,iBAAO;AACLA,YAAAA,MAAM,EAAE;AADH,WAAP;;AAIF,aAAK,OAAL;AACE,iBAAO;AACLA,YAAAA,MAAM,EAAE;AADH,WAAP;;AAIF;AACE,iBAAO;AACLA,YAAAA,MAAM,EAAE;AADH,WAAP;AAjBJ;AAqBD,K;;;;;;WAED,kBAAS;AACP,wBAAiD,KAAKD,KAAtD;AAAA,UAAQE,QAAR,eAAQA,QAAR;AAAA,UAAkBC,UAAlB,eAAkBA,UAAlB;AAAA,UAA8BC,OAA9B,eAA8BA,OAA9B;AAAA,UAAuCC,KAAvC,eAAuCA,KAAvC;AACA,UAAMC,eAAe,GAAGF,OAAO,CAACG,MAAR,CAAe,UAACC,CAAD,EAAO;AAC5C,YAAIL,UAAU,KAAK,IAAnB,EAAyB;AACvB,iBAAO,IAAP;AACD;;AACD,YAAMM,WAAW,GAAG,yBAAQJ,KAAR,EAAe,UAACK,CAAD;AAAA,iBAAOA,CAAC,KAAKF,CAAC,CAACG,EAAf;AAAA,SAAf,CAApB;AACA,eAAOF,WAAW,KAAKG,SAAvB;AACD,OANuB,CAAxB;;AAOA,UAAMC,YAAY,mCAAQ,KAAKC,kBAAL,EAAR;AAAmCC,QAAAA,QAAQ,EAAE;AAA7C,QAAlB;;AAEA,0BACE;AAAK,QAAA,KAAK,EAAEF;AAAZ,sBACE,gCAAC,8BAAD;AAA0B,QAAA,QAAQ,EAAEX;AAApC,SACGI,eAAe,CAACU,GAAhB,CAAoB,UAACR,CAAD,EAAIS,KAAJ;AAAA,4BACnB,gCAAC,kBAAD;AAAQ,UAAA,GAAG,YAAKT,CAAC,CAACH,KAAP,cAAgBY,KAAhB,CAAX;AAAoC,UAAA,QAAQ,EAAEf,QAA9C;AAAwD,UAAA,MAAM,EAAEM;AAAhE,UADmB;AAAA,OAApB,CADH,CADF,CADF;AASD;;;EAvDkCU,kBAAMC,S;;;iCAAtBrB,O,eACA;AACjBI,EAAAA,QAAQ,EAAEkB,sBAAUC,IADH;AAEjBlB,EAAAA,UAAU,EAAEiB,sBAAUC,IAFL;AAGjBjB,EAAAA,OAAO,EAAEgB,sBAAUE,OAAV,CAAkBF,sBAAUG,KAAV,CAAgB;AAAEC,IAAAA,KAAK,EAAEJ,sBAAUK,MAAnB;AAA2BpB,IAAAA,KAAK,EAAEe,sBAAUK;AAA5C,GAAhB,CAAlB,CAHQ;AAIjBpB,EAAAA,KAAK,EAAEe,sBAAUM,MAJA;AAKjB3B,EAAAA,cAAc,EAAEqB,sBAAUK,MAAV,CAAiBE;AALhB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport findKey from 'lodash/findKey';\nimport Choice from './choice';\nimport { DragDroppablePlaceholder } from '@pie-lib/drag';\n\nexport default class Choices extends React.Component {\n  static propTypes = {\n    disabled: PropTypes.bool,\n    duplicates: PropTypes.bool,\n    choices: PropTypes.arrayOf(PropTypes.shape({ label: PropTypes.string, value: PropTypes.string })),\n    value: PropTypes.object,\n    choicePosition: PropTypes.string.isRequired,\n  };\n\n  getStyleForWrapper = () => {\n    const { choicePosition } = this.props;\n\n    switch (choicePosition) {\n      case 'above':\n        return {\n          margin: '0 0 40px 0',\n        };\n\n      case 'below':\n        return {\n          margin: '40px 0 0 0',\n        };\n\n      case 'right':\n        return {\n          margin: '0 0 0 40px',\n        };\n\n      default:\n        return {\n          margin: '0 40px 0 0',\n        };\n    }\n  };\n\n  render() {\n    const { disabled, duplicates, choices, value } = this.props;\n    const filteredChoices = choices.filter((c) => {\n      if (duplicates === true) {\n        return true;\n      }\n      const foundChoice = findKey(value, (v) => v === c.id);\n      return foundChoice === undefined;\n    });\n    const elementStyle = { ...this.getStyleForWrapper(), minWidth: '100px' };\n\n    return (\n      <div style={elementStyle}>\n        <DragDroppablePlaceholder disabled={disabled}>\n          {filteredChoices.map((c, index) => (\n            <Choice key={`${c.value}-${index}`} disabled={disabled} choice={c} />\n          ))}\n        </DragDroppablePlaceholder>\n      </div>\n    );\n  }\n}\n"],"file":"index.js"}