@pie-lib/mask-markup 2.0.0-beta.2 → 2.1.0-next.0

package/lib/choices/choice.js

@@ -1,135 +1,116 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+exports.DRAG_TYPE = void 0;
+exports["default"] = Choice;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _drag = require("@pie-lib/drag");
-var _styles = require("@material-ui/core/styles");
-var _Chip = _interopRequireDefault(require("@material-ui/core/Chip"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _reactDom = _interopRequireDefault(require("react-dom"));
+var _core = require("@dnd-kit/core");
+var _styles = require("@mui/material/styles");
+var _Chip = _interopRequireDefault(require("@mui/material/Chip"));
 var _mathRendering = require("@pie-lib/math-rendering");
 var _renderUi = require("@pie-lib/render-ui");
-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() {
-    (0, _classCallCheck2["default"])(this, BlankContentComp);
-    return _super.apply(this, arguments);
-  }
-  (0, _createClass2["default"])(BlankContentComp, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate() {
-      (0, _mathRendering.renderMath)(this.rootRef);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this = this;
-      var _this$props = this.props,
-        connectDragSource = _this$props.connectDragSource,
-        choice = _this$props.choice,
-        classes = _this$props.classes,
-        disabled = _this$props.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)
-      }, /*#__PURE__*/_react["default"].createElement(_Chip["default"], {
-        clickable: false,
-        disabled: true,
-        ref: function ref(_ref2) {
-          //eslint-disable-next-line
-          _this.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
-      })), {});
+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); }
+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; }
+var DRAG_TYPE = exports.DRAG_TYPE = 'MaskBlank';
+var StyledChoice = (0, _styles.styled)('span')(function (_ref) {
+  var theme = _ref.theme,
+    disabled = _ref.disabled;
+  return _objectSpread({
+    border: "solid 0px ".concat(theme.palette.primary.main),
+    borderRadius: theme.spacing(2),
+    margin: theme.spacing(0.5),
+    transform: 'translate(0, 0)',
+    display: 'inline-flex'
+  }, disabled && {});
+});
+var StyledChip = (0, _styles.styled)(_Chip["default"])(function () {
+  return {
+    backgroundColor: _renderUi.color.white(),
+    border: "1px solid ".concat(_renderUi.color.text()),
+    color: _renderUi.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',
+    '&.Mui-disabled': {
+      opacity: 1
     }
-  }]);
-  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) {
+var StyledChipLabel = (0, _styles.styled)('span')(function () {
   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: _renderUi.color.background(),
-      border: "1px solid ".concat(_renderUi.color.text()),
-      color: _renderUi.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'
+    whiteSpace: 'normal',
+    '& img': {
+      display: 'block',
+      padding: '2px 0'
     },
-    chipLabel: {
-      whiteSpace: 'pre-wrap',
-      '& img': {
-        display: 'block',
-        padding: '2px 0'
-      }
-    },
-    disabled: {}
+    '& mjx-frac': {
+      fontSize: '120% !important'
+    }
   };
-})(BlankContentComp);
-exports.BlankContent = BlankContent;
-var tileSource = {
-  canDrag: function canDrag(props) {
-    return !props.disabled;
-  },
-  beginDrag: function beginDrag(props) {
-    return {
-      choice: props.choice,
-      instanceId: props.instanceId
-    };
-  }
+});
+function Choice(_ref2) {
+  var _rootRef$current, _rootRef$current2;
+  var choice = _ref2.choice,
+    disabled = _ref2.disabled,
+    instanceId = _ref2.instanceId;
+  var rootRef = (0, _react.useRef)(null);
+  var _useDraggable = (0, _core.useDraggable)({
+      id: "choice-".concat(choice.id),
+      data: {
+        choice: choice,
+        instanceId: instanceId,
+        fromChoice: true,
+        type: DRAG_TYPE
+      },
+      disabled: disabled
+    }),
+    attributes = _useDraggable.attributes,
+    listeners = _useDraggable.listeners,
+    setNodeRef = _useDraggable.setNodeRef,
+    isDragging = _useDraggable.isDragging;
+  (0, _react.useEffect)(function () {
+    (0, _mathRendering.renderMath)(rootRef.current);
+  }, [choice.value]);
+  return /*#__PURE__*/_react["default"].createElement(StyledChoice, (0, _extends2["default"])({
+    ref: setNodeRef,
+    style: isDragging ? {
+      width: (_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 ? void 0 : _rootRef$current.offsetWidth,
+      height: (_rootRef$current2 = rootRef.current) === null || _rootRef$current2 === void 0 ? void 0 : _rootRef$current2.offsetHeight
+    } : {},
+    disabled: disabled
+  }, listeners, attributes), /*#__PURE__*/_react["default"].createElement(StyledChip, {
+    clickable: false,
+    disabled: disabled,
+    ref: rootRef,
+    label: /*#__PURE__*/_react["default"].createElement(StyledChipLabel, {
+      dangerouslySetInnerHTML: {
+        __html: choice.value
+      }
+    })
+  }));
+}
+Choice.propTypes = {
+  choice: _propTypes["default"].object.isRequired,
+  disabled: _propTypes["default"].bool,
+  instanceId: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
 };
-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
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfcHJvcFR5cGVzIiwiX2ludGVyb3BSZXF1aXJlRGVmYXVsdCIsIl9jb3JlIiwiX3N0eWxlcyIsIl9DaGlwIiwiX21hdGhSZW5kZXJpbmciLCJfcmVuZGVyVWkiLCJlIiwidCIsIldlYWtNYXAiLCJyIiwibiIsIl9fZXNNb2R1bGUiLCJvIiwiaSIsImYiLCJfX3Byb3RvX18iLCJfdHlwZW9mIiwiaGFzIiwiZ2V0Iiwic2V0IiwiX3QiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsIm93bktleXMiLCJrZXlzIiwiZ2V0T3duUHJvcGVydHlTeW1ib2xzIiwiZmlsdGVyIiwiZW51bWVyYWJsZSIsInB1c2giLCJhcHBseSIsIl9vYmplY3RTcHJlYWQiLCJhcmd1bWVudHMiLCJsZW5ndGgiLCJmb3JFYWNoIiwiX2RlZmluZVByb3BlcnR5MiIsImdldE93blByb3BlcnR5RGVzY3JpcHRvcnMiLCJkZWZpbmVQcm9wZXJ0aWVzIiwiRFJBR19UWVBFIiwiZXhwb3J0cyIsIlN0eWxlZENob2ljZSIsInN0eWxlZCIsIl9yZWYiLCJ0aGVtZSIsImRpc2FibGVkIiwiYm9yZGVyIiwiY29uY2F0IiwicGFsZXR0ZSIsInByaW1hcnkiLCJtYWluIiwiYm9yZGVyUmFkaXVzIiwic3BhY2luZyIsIm1hcmdpbiIsInRyYW5zZm9ybSIsImRpc3BsYXkiLCJTdHlsZWRDaGlwIiwiQ2hpcCIsImJhY2tncm91bmRDb2xvciIsImNvbG9yIiwid2hpdGUiLCJ0ZXh0IiwiYWxpZ25JdGVtcyIsImhlaWdodCIsIm1pbkhlaWdodCIsImZvbnRTaXplIiwid2hpdGVTcGFjZSIsIm1heFdpZHRoIiwicG9pbnRlckV2ZW50cyIsInBhZGRpbmdUb3AiLCJwYWRkaW5nQm90dG9tIiwib3BhY2l0eSIsIlN0eWxlZENoaXBMYWJlbCIsInBhZGRpbmciLCJDaG9pY2UiLCJfcmVmMiIsIl9yb290UmVmJGN1cnJlbnQiLCJfcm9vdFJlZiRjdXJyZW50MiIsImNob2ljZSIsImluc3RhbmNlSWQiLCJyb290UmVmIiwidXNlUmVmIiwiX3VzZURyYWdnYWJsZSIsInVzZURyYWdnYWJsZSIsImlkIiwiZGF0YSIsImZyb21DaG9pY2UiLCJ0eXBlIiwiYXR0cmlidXRlcyIsImxpc3RlbmVycyIsInNldE5vZGVSZWYiLCJpc0RyYWdnaW5nIiwidXNlRWZmZWN0IiwicmVuZGVyTWF0aCIsImN1cnJlbnQiLCJ2YWx1ZSIsImNyZWF0ZUVsZW1lbnQiLCJfZXh0ZW5kczIiLCJyZWYiLCJzdHlsZSIsIndpZHRoIiwib2Zmc2V0V2lkdGgiLCJvZmZzZXRIZWlnaHQiLCJjbGlja2FibGUiLCJsYWJlbCIsImRhbmdlcm91c2x5U2V0SW5uZXJIVE1MIiwiX19odG1sIiwicHJvcFR5cGVzIiwiUHJvcFR5cGVzIiwib2JqZWN0IiwiaXNSZXF1aXJlZCIsImJvb2wiLCJvbmVPZlR5cGUiLCJzdHJpbmciLCJudW1iZXIiXSwic291cmNlcyI6WyIuLi8uLi9zcmMvY2hvaWNlcy9jaG9pY2UuanN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyB1c2VEcmFnZ2FibGUgfSBmcm9tICdAZG5kLWtpdC9jb3JlJztcbmltcG9ydCB7IHN0eWxlZCB9IGZyb20gJ0BtdWkvbWF0ZXJpYWwvc3R5bGVzJztcbmltcG9ydCBDaGlwIGZyb20gJ0BtdWkvbWF0ZXJpYWwvQ2hpcCc7XG5pbXBvcnQgeyByZW5kZXJNYXRoIH0gZnJvbSAnQHBpZS1saWIvbWF0aC1yZW5kZXJpbmcnO1xuaW1wb3J0IHsgY29sb3IgfSBmcm9tICdAcGllLWxpYi9yZW5kZXItdWknO1xuXG5leHBvcnQgY29uc3QgRFJBR19UWVBFID0gJ01hc2tCbGFuayc7XG5cbmNvbnN0IFN0eWxlZENob2ljZSA9IHN0eWxlZCgnc3BhbicpKCh7IHRoZW1lLCBkaXNhYmxlZCB9KSA9PiAoe1xuICBib3JkZXI6IGBzb2xpZCAwcHggJHt0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbn1gLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnNwYWNpbmcoMiksXG4gIG1hcmdpbjogdGhlbWUuc3BhY2luZygwLjUpLFxuICB0cmFuc2Zvcm06ICd0cmFuc2xhdGUoMCwgMCknLFxuICBkaXNwbGF5OiAnaW5saW5lLWZsZXgnLFxuICAuLi4oZGlzYWJsZWQgJiYge30pLFxufSkpO1xuXG5jb25zdCBTdHlsZWRDaGlwID0gc3R5bGVkKENoaXApKCgpID0+ICh7XG4gIGJhY2tncm91bmRDb2xvcjogY29sb3Iud2hpdGUoKSxcbiAgYm9yZGVyOiBgMXB4IHNvbGlkICR7Y29sb3IudGV4dCgpfWAsXG4gIGNvbG9yOiBjb2xvci50ZXh0KCksXG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICBkaXNwbGF5OiAnaW5saW5lLWZsZXgnLFxuICBoZWlnaHQ6ICdpbml0aWFsJyxcbiAgbWluSGVpZ2h0OiAnMzJweCcsXG4gIGZvbnRTaXplOiAnaW5oZXJpdCcsXG4gIHdoaXRlU3BhY2U6ICdwcmUtd3JhcCcsXG4gIG1heFdpZHRoOiAnMzc0cHgnLFxuICAvLyBBZGRlZCBmb3IgdG91Y2ggZGV2aWNlcywgZm9yIGltYWdlIGNvbnRlbnQuXG4gIC8vIFRoaXMgd2lsbCBwcmV2ZW50IHRoZSBjb250ZXh0IG1lbnUgZnJvbSBhcHBlYXJpbmcgYW5kIG5vdCBhbGxvd2luZyBvdGhlciBpbnRlcmFjdGlvbnMgd2l0aCB0aGUgaW1hZ2UuXG4gIC8vIElmIGludGVyYWN0aW9ucyB3aXRoIHRoZSBpbWFnZSBpbiB0aGUgdG9rZW4gd2lsbCBiZSByZXF1ZXN0ZWQgd2Ugc2hvdWxkIGhhbmRsZSBvbmx5IHRoZSBjb250ZXh0IE1lbnUuXG4gIHBvaW50ZXJFdmVudHM6ICdub25lJyxcbiAgYm9yZGVyUmFkaXVzOiAnM3B4JyxcbiAgcGFkZGluZ1RvcDogJzEycHgnLFxuICBwYWRkaW5nQm90dG9tOiAnMTJweCcsXG5cbiAgJyYuTXVpLWRpc2FibGVkJzoge1xuICAgIG9wYWNpdHk6IDEsXG4gIH0sXG59KSk7XG5cbmNvbnN0IFN0eWxlZENoaXBMYWJlbCA9IHN0eWxlZCgnc3BhbicpKCgpID0+ICh7XG4gIHdoaXRlU3BhY2U6ICdub3JtYWwnLFxuICAnJiBpbWcnOiB7XG4gICAgZGlzcGxheTogJ2Jsb2NrJyxcbiAgICBwYWRkaW5nOiAnMnB4IDAnLFxuICB9LFxuICAnJiBtangtZnJhYyc6IHtcbiAgICBmb250U2l6ZTogJzEyMCUgIWltcG9ydGFudCcsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIENob2ljZSh7IGNob2ljZSwgZGlzYWJsZWQsIGluc3RhbmNlSWQgfSkge1xuICBjb25zdCByb290UmVmID0gdXNlUmVmKG51bGwpO1xuXG4gIGNvbnN0IHsgYXR0cmlidXRlcywgbGlzdGVuZXJzLCBzZXROb2RlUmVmLCBpc0RyYWdnaW5nIH0gPSB1c2VEcmFnZ2FibGUoe1xuICAgIGlkOiBgY2hvaWNlLSR7Y2hvaWNlLmlkfWAsXG4gICAgZGF0YTogeyBjaG9pY2UsIGluc3RhbmNlSWQsIGZyb21DaG9pY2U6IHRydWUsIHR5cGU6IERSQUdfVFlQRSB9LFxuICAgIGRpc2FibGVkLFxuICB9KTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHJlbmRlck1hdGgocm9vdFJlZi5jdXJyZW50KTtcbiAgfSwgW2Nob2ljZS52YWx1ZV0pO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZENob2ljZVxuICAgICAgcmVmPXtzZXROb2RlUmVmfVxuICAgICAgc3R5bGU9e1xuICAgICAgICBpc0RyYWdnaW5nXG4gICAgICAgICAgPyB7XG4gICAgICAgICAgICAgIHdpZHRoOiByb290UmVmLmN1cnJlbnQ/Lm9mZnNldFdpZHRoLFxuICAgICAgICAgICAgICBoZWlnaHQ6IHJvb3RSZWYuY3VycmVudD8ub2Zmc2V0SGVpZ2h0LFxuICAgICAgICAgICAgfVxuICAgICAgICAgIDoge31cbiAgICAgIH1cbiAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgIHsuLi5saXN0ZW5lcnN9XG4gICAgICB7Li4uYXR0cmlidXRlc31cbiAgICA+XG4gICAgICA8U3R5bGVkQ2hpcFxuICAgICAgICBjbGlja2FibGU9e2ZhbHNlfVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIHJlZj17cm9vdFJlZn1cbiAgICAgICAgbGFiZWw9ezxTdHlsZWRDaGlwTGFiZWwgZGFuZ2Vyb3VzbHlTZXRJbm5lckhUTUw9e3sgX19odG1sOiBjaG9pY2UudmFsdWUgfX0gLz59XG4gICAgICAvPlxuICAgIDwvU3R5bGVkQ2hvaWNlPlxuICApO1xufVxuXG5DaG9pY2UucHJvcFR5cGVzID0ge1xuICBjaG9pY2U6IFByb3BUeXBlcy5vYmplY3QuaXNSZXF1aXJlZCxcbiAgZGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICBpbnN0YW5jZUlkOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMuc3RyaW5nLCBQcm9wVHlwZXMubnVtYmVyXSksXG59O1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLElBQUFBLE1BQUEsR0FBQUMsdUJBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFDLFVBQUEsR0FBQUMsc0JBQUEsQ0FBQUYsT0FBQTtBQUNBLElBQUFHLEtBQUEsR0FBQUgsT0FBQTtBQUNBLElBQUFJLE9BQUEsR0FBQUosT0FBQTtBQUNBLElBQUFLLEtBQUEsR0FBQUgsc0JBQUEsQ0FBQUYsT0FBQTtBQUNBLElBQUFNLGNBQUEsR0FBQU4sT0FBQTtBQUNBLElBQUFPLFNBQUEsR0FBQVAsT0FBQTtBQUEyQyxTQUFBRCx3QkFBQVMsQ0FBQSxFQUFBQyxDQUFBLDZCQUFBQyxPQUFBLE1BQUFDLENBQUEsT0FBQUQsT0FBQSxJQUFBRSxDQUFBLE9BQUFGLE9BQUEsWUFBQVgsdUJBQUEsWUFBQUEsd0JB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

package/lib/choices/choice.js.map

@@ -1 +1 @@
-{"version":3,"file":"choice.js","names":["_react","_interopRequireDefault","require","_propTypes","_drag","_styles","_Chip","_classnames","_reactDom","_mathRendering","_renderUi","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","DRAG_TYPE","exports","BlankContentComp","_React$Component","_inherits2","_super","_classCallCheck2","_createClass2","key","value","componentDidUpdate","renderMath","rootRef","render","_this","_this$props","props","connectDragSource","choice","classes","disabled","createElement","className","classnames","clickable","ref","ReactDOM","findDOMNode","chip","label","chipLabel","innerHTML","variant","undefined","React","Component","_defineProperty2","PropTypes","bool","object","func","BlankContent","withStyles","theme","border","concat","palette","primary","main","borderRadius","spacing","unit","margin","transform","backgroundColor","color","background","text","alignItems","display","height","minHeight","fontSize","whiteSpace","maxWidth","pointerEvents","padding","tileSource","canDrag","beginDrag","instanceId","DragDropTile","DragSource","connect","monitor","dragSource","isDragging","_default"],"sources":["../../src/choices/choice.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { DragSource } from '@pie-lib/drag';\nimport { withStyles } from '@material-ui/core/styles';\nimport Chip from '@material-ui/core/Chip';\nimport classnames from 'classnames';\nimport ReactDOM from 'react-dom';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport { color } from '@pie-lib/render-ui';\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  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 className={classnames(classes.choice, disabled && classes.disabled)}>\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.background(),\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  },\n  chipLabel: {\n    whiteSpace: 'pre-wrap',\n    '& img': {\n      display: 'block',\n      padding: '2px 0',\n    },\n  },\n  disabled: {},\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"],"mappings":"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"}
+{"version":3,"file":"choice.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_core","_styles","_Chip","_mathRendering","_renderUi","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","DRAG_TYPE","exports","StyledChoice","styled","_ref","theme","disabled","border","concat","palette","primary","main","borderRadius","spacing","margin","transform","display","StyledChip","Chip","backgroundColor","color","white","text","alignItems","height","minHeight","fontSize","whiteSpace","maxWidth","pointerEvents","paddingTop","paddingBottom","opacity","StyledChipLabel","padding","Choice","_ref2","_rootRef$current","_rootRef$current2","choice","instanceId","rootRef","useRef","_useDraggable","useDraggable","id","data","fromChoice","type","attributes","listeners","setNodeRef","isDragging","useEffect","renderMath","current","value","createElement","_extends2","ref","style","width","offsetWidth","offsetHeight","clickable","label","dangerouslySetInnerHTML","__html","propTypes","PropTypes","object","isRequired","bool","oneOfType","string","number"],"sources":["../../src/choices/choice.jsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { useDraggable } from '@dnd-kit/core';\nimport { styled } from '@mui/material/styles';\nimport Chip from '@mui/material/Chip';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport { color } from '@pie-lib/render-ui';\n\nexport const DRAG_TYPE = 'MaskBlank';\n\nconst StyledChoice = styled('span')(({ theme, disabled }) => ({\n  border: `solid 0px ${theme.palette.primary.main}`,\n  borderRadius: theme.spacing(2),\n  margin: theme.spacing(0.5),\n  transform: 'translate(0, 0)',\n  display: 'inline-flex',\n  ...(disabled && {}),\n}));\n\nconst StyledChip = styled(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  '&.Mui-disabled': {\n    opacity: 1,\n  },\n}));\n\nconst StyledChipLabel = styled('span')(() => ({\n  whiteSpace: 'normal',\n  '& img': {\n    display: 'block',\n    padding: '2px 0',\n  },\n  '& mjx-frac': {\n    fontSize: '120% !important',\n  },\n}));\n\nexport default function Choice({ choice, disabled, instanceId }) {\n  const rootRef = useRef(null);\n\n  const { attributes, listeners, setNodeRef, isDragging } = useDraggable({\n    id: `choice-${choice.id}`,\n    data: { choice, instanceId, fromChoice: true, type: DRAG_TYPE },\n    disabled,\n  });\n\n  useEffect(() => {\n    renderMath(rootRef.current);\n  }, [choice.value]);\n\n  return (\n    <StyledChoice\n      ref={setNodeRef}\n      style={\n        isDragging\n          ? {\n              width: rootRef.current?.offsetWidth,\n              height: rootRef.current?.offsetHeight,\n            }\n          : {}\n      }\n      disabled={disabled}\n      {...listeners}\n      {...attributes}\n    >\n      <StyledChip\n        clickable={false}\n        disabled={disabled}\n        ref={rootRef}\n        label={<StyledChipLabel dangerouslySetInnerHTML={{ __html: choice.value }} />}\n      />\n    </StyledChoice>\n  );\n}\n\nChoice.propTypes = {\n  choice: PropTypes.object.isRequired,\n  disabled: PropTypes.bool,\n  instanceId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/choices/index.js

@@ -7,29 +7,28 @@ Object.defineProperty(exports, "__esModule", {
 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 _findKey = _interopRequireDefault(require("lodash/findKey"));
 var _choice = _interopRequireDefault(require("./choice"));
-var _dragInTheBlankDp = _interopRequireDefault(require("@pie-lib/drag/lib/drag-in-the-blank-dp"));
-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);
+var _drag = require("@pie-lib/drag");
+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 Choices = exports["default"] = /*#__PURE__*/function (_React$Component) {
   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 () {
+    _this = _callSuper(this, Choices, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "getStyleForWrapper", function () {
       var choicePosition = _this.props.choicePosition;
       switch (choicePosition) {
         case 'above':
@@ -52,14 +51,16 @@ var Choices = /*#__PURE__*/function (_React$Component) {
     });
     return _this;
   }
-  (0, _createClass2["default"])(Choices, [{
+  (0, _inherits2["default"])(Choices, _React$Component);
+  return (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;
+        value = _this$props.value,
+        instanceId = _this$props.instanceId;
       var filteredChoices = choices.filter(function (c) {
         if (duplicates === true) {
           return true;
@@ -69,23 +70,25 @@ var Choices = /*#__PURE__*/function (_React$Component) {
         });
         return foundChoice === undefined;
       });
-      var elementStyle = this.getStyleForWrapper();
+      var elementStyle = _objectSpread(_objectSpread({}, this.getStyleForWrapper()), {}, {
+        minWidth: '100px'
+      });
       return /*#__PURE__*/_react["default"].createElement("div", {
         style: elementStyle
-      }, /*#__PURE__*/_react["default"].createElement(_dragInTheBlankDp["default"], {
-        disabled: disabled
+      }, /*#__PURE__*/_react["default"].createElement(_drag.DragDroppablePlaceholder, {
+        disabled: disabled,
+        instanceId: instanceId
       }, filteredChoices.map(function (c, index) {
         return /*#__PURE__*/_react["default"].createElement(_choice["default"], {
           key: "".concat(c.value, "-").concat(index),
           disabled: disabled,
-          choice: c
+          choice: c,
+          instanceId: instanceId
         });
       })));
     }
   }]);
-  return Choices;
 }(_react["default"].Component);
-exports["default"] = Choices;
 (0, _defineProperty2["default"])(Choices, "propTypes", {
   disabled: _propTypes["default"].bool,
   duplicates: _propTypes["default"].bool,
@@ -94,6 +97,7 @@ exports["default"] = Choices;
     value: _propTypes["default"].string
   })),
   value: _propTypes["default"].object,
-  choicePosition: _propTypes["default"].string.isRequired
+  choicePosition: _propTypes["default"].string.isRequired,
+  instanceId: _propTypes["default"].string // Added for drag isolation
 });
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9wcm9wVHlwZXMiLCJfZmluZEtleSIsIl9jaG9pY2UiLCJfZHJhZyIsIm93bktleXMiLCJlIiwiciIsInQiLCJPYmplY3QiLCJrZXlzIiwiZ2V0T3duUHJvcGVydHlTeW1ib2xzIiwibyIsImZpbHRlciIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsImVudW1lcmFibGUiLCJwdXNoIiwiYXBwbHkiLCJfb2JqZWN0U3ByZWFkIiwiYXJndW1lbnRzIiwibGVuZ3RoIiwiZm9yRWFjaCIsIl9kZWZpbmVQcm9wZXJ0eTIiLCJnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3JzIiwiZGVmaW5lUHJvcGVydGllcyIsImRlZmluZVByb3BlcnR5IiwiX2NhbGxTdXBlciIsIl9nZXRQcm90b3R5cGVPZjIiLCJfcG9zc2libGVDb25zdHJ1Y3RvclJldHVybjIiLCJfaXNOYXRpdmVSZWZsZWN0Q29uc3RydWN0IiwiUmVmbGVjdCIsImNvbnN0cnVjdCIsImNvbnN0cnVjdG9yIiwiQm9vbGVhbiIsInByb3RvdHlwZSIsInZhbHVlT2YiLCJjYWxsIiwiQ2hvaWNlcyIsImV4cG9ydHMiLCJfUmVhY3QkQ29tcG9uZW50IiwiX3RoaXMiLCJfY2xhc3NDYWxsQ2hlY2syIiwiX2xlbiIsImFyZ3MiLCJBcnJheSIsIl9rZXkiLCJjb25jYXQiLCJjaG9pY2VQb3NpdGlvbiIsInByb3BzIiwibWFyZ2luIiwiX2luaGVyaXRzMiIsIl9jcmVhdGVDbGFzczIiLCJrZXkiLCJ2YWx1ZSIsInJlbmRlciIsIl90aGlzJHByb3BzIiwiZGlzYWJsZWQiLCJkdXBsaWNhdGVzIiwiY2hvaWNlcyIsImluc3RhbmNlSWQiLCJmaWx0ZXJlZENob2ljZXMiLCJjIiwiZm91bmRDaG9pY2UiLCJmaW5kS2V5IiwidiIsImlkIiwidW5kZWZpbmVkIiwiZWxlbWVudFN0eWxlIiwiZ2V0U3R5bGVGb3JXcmFwcGVyIiwibWluV2lkdGgiLCJjcmVhdGVFbGVtZW50Iiwic3R5bGUiLCJEcmFnRHJvcHBhYmxlUGxhY2Vob2xkZXIiLCJtYXAiLCJpbmRleCIsImNob2ljZSIsIlJlYWN0IiwiQ29tcG9uZW50IiwiUHJvcFR5cGVzIiwiYm9vbCIsImFycmF5T2YiLCJzaGFwZSIsImxhYmVsIiwic3RyaW5nIiwib2JqZWN0IiwiaXNSZXF1aXJlZCJdLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jaG9pY2VzL2luZGV4LmpzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBmaW5kS2V5IGZyb20gJ2xvZGFzaC9maW5kS2V5JztcbmltcG9ydCBDaG9pY2UgZnJvbSAnLi9jaG9pY2UnO1xuaW1wb3J0IHsgRHJhZ0Ryb3BwYWJsZVBsYWNlaG9sZGVyIH0gZnJvbSAnQHBpZS1saWIvZHJhZyc7XG5cbmV4cG9ydCBkZWZhdWx0IGNsYXNzIENob2ljZXMgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnQge1xuICBzdGF0aWMgcHJvcFR5cGVzID0ge1xuICAgIGRpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgICBkdXBsaWNhdGVzOiBQcm9wVHlwZXMuYm9vbCxcbiAgICBjaG9pY2VzOiBQcm9wVHlwZXMuYXJyYXlPZihQcm9wVHlwZXMuc2hhcGUoeyBsYWJlbDogUHJvcFR5cGVzLnN0cmluZywgdmFsdWU6IFByb3BUeXBlcy5zdHJpbmcgfSkpLFxuICAgIHZhbHVlOiBQcm9wVHlwZXMub2JqZWN0LFxuICAgIGNob2ljZVBvc2l0aW9uOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gICAgaW5zdGFuY2VJZDogUHJvcFR5cGVzLnN0cmluZywgLy8gQWRkZWQgZm9yIGRyYWcgaXNvbGF0aW9uXG4gIH07XG5cbiAgZ2V0U3R5bGVGb3JXcmFwcGVyID0gKCkgPT4ge1xuICAgIGNvbnN0IHsgY2hvaWNlUG9zaXRpb24gfSA9IHRoaXMucHJvcHM7XG5cbiAgICBzd2l0Y2ggKGNob2ljZVBvc2l0aW9uKSB7XG4gICAgICBjYXNlICdhYm92ZSc6XG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgbWFyZ2luOiAnMCAwIDQwcHggMCcsXG4gICAgICAgIH07XG5cbiAgICAgIGNhc2UgJ2JlbG93JzpcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICBtYXJnaW46ICc0MHB4IDAgMCAwJyxcbiAgICAgICAgfTtcblxuICAgICAgY2FzZSAncmlnaHQnOlxuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgIG1hcmdpbjogJzAgMCAwIDQwcHgnLFxuICAgICAgICB9O1xuXG4gICAgICBkZWZhdWx0OlxuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgIG1hcmdpbjogJzAgNDBweCAwIDAnLFxuICAgICAgICB9O1xuICAgIH1cbiAgfTtcblxuICByZW5kZXIoKSB7XG4gICAgY29uc3QgeyBkaXNhYmxlZCwgZHVwbGljYXRlcywgY2hvaWNlcywgdmFsdWUsIGluc3RhbmNlSWQgfSA9IHRoaXMucHJvcHM7XG4gICAgY29uc3QgZmlsdGVyZWRDaG9pY2VzID0gY2hvaWNlcy5maWx0ZXIoKGMpID0+IHtcbiAgICAgIGlmIChkdXBsaWNhdGVzID09PSB0cnVlKSB7XG4gICAgICAgIHJldHVybiB0cnVlO1xuICAgICAgfVxuICAgICAgY29uc3QgZm91bmRDaG9pY2UgPSBmaW5kS2V5KHZhbHVlLCAodikgPT4gdiA9PT0gYy5pZCk7XG4gICAgICByZXR1cm4gZm91bmRDaG9pY2UgPT09IHVuZGVmaW5lZDtcbiAgICB9KTtcbiAgICBjb25zdCBlbGVtZW50U3R5bGUgPSB7IC4uLnRoaXMuZ2V0U3R5bGVGb3JXcmFwcGVyKCksIG1pbldpZHRoOiAnMTAwcHgnIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGRpdiBzdHlsZT17ZWxlbWVudFN0eWxlfT5cbiAgICAgICAgPERyYWdEcm9wcGFibGVQbGFjZWhvbGRlciBkaXNhYmxlZD17ZGlzYWJsZWR9IGluc3RhbmNlSWQ9e2luc3RhbmNlSWR9PlxuICAgICAgICAgIHtmaWx0ZXJlZENob2ljZXMubWFwKChjLCBpbmRleCkgPT4gKFxuICAgICAgICAgICAgPENob2ljZSBcbiAgICAgICAgICAgICAga2V5PXtgJHtjLnZhbHVlfS0ke2luZGV4fWB9IFxuICAgICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9IFxuICAgICAgICAgICAgICBjaG9pY2U9e2N9IFxuICAgICAgICAgICAgICBpbnN0YW5jZUlkPXtpbnN0YW5jZUlkfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApKX1cbiAgICAgICAgPC9EcmFnRHJvcHBhYmxlUGxhY2Vob2xkZXI+XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7QUFBQSxJQUFBQSxNQUFBLEdBQUFDLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBQyxVQUFBLEdBQUFGLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBRSxRQUFBLEdBQUFILHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBRyxPQUFBLEdBQUFKLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBSSxLQUFBLEdBQUFKLE9BQUE7QUFBeUQsU0FBQUssUUFBQUMsQ0FBQSxFQUFBQyxDQUFBLFFBQUFDLENBQUEsR0FBQUMsTUFBQSxDQUFBQyxJQUFBLENBQUFKLENBQUEsT0FBQUcsTUFBQSxDQUFBRSxxQkFBQSxRQUFBQyxDQUFBLEdBQUFILE1BQUEsQ0FBQUUscUJBQUEsQ0FBQUwsQ0FBQSxHQUFBQyxDQUFBLEtBQUFLLENBQUEsR0FBQUEsQ0FBQSxDQUFBQyxNQUFBLFdBQUFOLENBQUEsV0FBQUUsTUFBQSxDQUFBSyx3QkFBQSxDQUFBUixDQUFBLEVBQUFDLENBQUEsRUFBQVEsVUFBQSxPQUFBUCxDQUFBLENBQUFRLElBQUEsQ0FBQUMsS0FBQSxDQUFBVCxDQUFBLEVBQUFJLENBQUEsWUFBQUosQ0FBQTtBQUFBLFNBQUFVLGNBQUFaLENBQUEsYUFBQUMsQ0FBQSxN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

package/lib/choices/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_findKey","_choice","_dragInTheBlankDp","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","Choices","_React$Component","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","concat","_defineProperty2","_assertThisInitialized2","choicePosition","props","margin","_createClass2","key","value","render","_this$props","disabled","duplicates","choices","filteredChoices","filter","c","foundChoice","findKey","v","id","undefined","elementStyle","getStyleForWrapper","createElement","style","map","index","choice","React","Component","exports","PropTypes","bool","arrayOf","shape","label","string","object","isRequired"],"sources":["../../src/choices/index.jsx"],"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/lib/drag-in-the-blank-dp';\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();\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"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_findKey","_choice","_drag","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","Choices","exports","_React$Component","_this","_classCallCheck2","_len","args","Array","_key","concat","choicePosition","props","margin","_inherits2","_createClass2","key","value","render","_this$props","disabled","duplicates","choices","instanceId","filteredChoices","c","foundChoice","findKey","v","id","undefined","elementStyle","getStyleForWrapper","minWidth","createElement","style","DragDroppablePlaceholder","map","index","choice","React","Component","PropTypes","bool","arrayOf","shape","label","string","object","isRequired"],"sources":["../../src/choices/index.jsx"],"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    instanceId: PropTypes.string, // Added for drag isolation\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, instanceId } = 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} instanceId={instanceId}>\n          {filteredChoices.map((c, index) => (\n            <Choice \n              key={`${c.value}-${index}`} \n              disabled={disabled} \n              choice={c} \n              instanceId={instanceId}\n            />\n          ))}\n        </DragDroppablePlaceholder>\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/componentize.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var REGEX = /\{\{(\d+)\}\}/g;
-var _default = function _default(s, t) {
+var _default = exports["default"] = function _default(s, t) {
   if (!s) {
     return {
       markup: ''
@@ -18,5 +18,4 @@ var _default = function _default(s, t) {
     markup: markup
   };
 };
-exports["default"] = _default;
-//# sourceMappingURL=componentize.js.map
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSRUdFWCIsIl9kZWZhdWx0IiwiZXhwb3J0cyIsInMiLCJ0IiwibWFya3VwIiwicmVwbGFjZSIsIm1hdGNoIiwiZyIsImNvbmNhdCJdLCJzb3VyY2VzIjpbIi4uL3NyYy9jb21wb25lbnRpemUuanMiXSwic291cmNlc0NvbnRlbnQiOlsiY29uc3QgUkVHRVggPSAvXFx7XFx7KFxcZCspXFx9XFx9L2c7XG5cbmV4cG9ydCBkZWZhdWx0IChzLCB0KSA9PiB7XG4gIGlmICghcykge1xuICAgIHJldHVybiB7IG1hcmt1cDogJycgfTtcbiAgfVxuXG4gIGNvbnN0IG1hcmt1cCA9IHMucmVwbGFjZShSRUdFWCwgKG1hdGNoLCBnKSA9PiB7XG4gICAgcmV0dXJuIGA8c3BhbiBkYXRhLWNvbXBvbmVudD1cIiR7dH1cIiBkYXRhLWlkPVwiJHtnfVwiPjwvc3Bhbj5gO1xuICB9KTtcblxuICByZXR1cm4geyBtYXJrdXAgfTtcbn07XG4iXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLElBQU1BLEtBQUssR0FBRyxnQkFBZ0I7QUFBQyxJQUFBQyxRQUFBLEdBQUFDLE9BQUEsY0FFaEIsU0FBQUQsU0FBQ0UsQ0FBQyxFQUFFQyxDQUFDLEVBQUs7RUFDdkIsSUFBSSxDQUFDRCxDQUFDLEVBQUU7SUFDTixPQUFPO01BQUVFLE1BQU0sRUFBRTtJQUFHLENBQUM7RUFDdkI7RUFFQSxJQUFNQSxNQUFNLEdBQUdGLENBQUMsQ0FBQ0csT0FBTyxDQUFDTixLQUFLLEVBQUUsVUFBQ08sS0FBSyxFQUFFQyxDQUFDLEVBQUs7SUFDNUMsaUNBQUFDLE1BQUEsQ0FBZ0NMLENBQUMsbUJBQUFLLE1BQUEsQ0FBY0QsQ0FBQztFQUNsRCxDQUFDLENBQUM7RUFFRixPQUFPO0lBQUVILE1BQU0sRUFBTkE7RUFBTyxDQUFDO0FBQ25CLENBQUMiLCJpZ25vcmVMaXN0IjpbXX0=

package/lib/componentize.js.map

@@ -1 +1 @@
-{"version":3,"file":"componentize.js","names":["REGEX","_default","s","t","markup","replace","match","g","concat","exports"],"sources":["../src/componentize.js"],"sourcesContent":["const REGEX = /\\{\\{(\\d+)\\}\\}/g;\n\nexport default (s, t) => {\n  if (!s) {\n    return { markup: '' };\n  }\n\n  const markup = s.replace(REGEX, (match, g) => {\n    return `<span data-component=\"${t}\" data-id=\"${g}\"></span>`;\n  });\n\n  return { markup };\n};\n"],"mappings":";;;;;;AAAA,IAAMA,KAAK,GAAG,gBAAgB;AAAC,IAAAC,QAAA,GAEhB,SAAAA,SAACC,CAAC,EAAEC,CAAC,EAAK;EACvB,IAAI,CAACD,CAAC,EAAE;IACN,OAAO;MAAEE,MAAM,EAAE;IAAG,CAAC;EACvB;EAEA,IAAMA,MAAM,GAAGF,CAAC,CAACG,OAAO,CAACL,KAAK,EAAE,UAACM,KAAK,EAAEC,CAAC,EAAK;IAC5C,iCAAAC,MAAA,CAAgCL,CAAC,mBAAAK,MAAA,CAAcD,CAAC;EAClD,CAAC,CAAC;EAEF,OAAO;IAAEH,MAAM,EAANA;EAAO,CAAC;AACnB,CAAC;AAAAK,OAAA,cAAAR,QAAA"}
+{"version":3,"file":"componentize.js","names":["REGEX","_default","exports","s","t","markup","replace","match","g","concat"],"sources":["../src/componentize.js"],"sourcesContent":["const REGEX = /\\{\\{(\\d+)\\}\\}/g;\n\nexport default (s, t) => {\n  if (!s) {\n    return { markup: '' };\n  }\n\n  const markup = s.replace(REGEX, (match, g) => {\n    return `<span data-component=\"${t}\" data-id=\"${g}\"></span>`;\n  });\n\n  return { markup };\n};\n"],"mappings":";;;;;;AAAA,IAAMA,KAAK,GAAG,gBAAgB;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEhB,SAAAD,SAACE,CAAC,EAAEC,CAAC,EAAK;EACvB,IAAI,CAACD,CAAC,EAAE;IACN,OAAO;MAAEE,MAAM,EAAE;IAAG,CAAC;EACvB;EAEA,IAAMA,MAAM,GAAGF,CAAC,CAACG,OAAO,CAACN,KAAK,EAAE,UAACO,KAAK,EAAEC,CAAC,EAAK;IAC5C,iCAAAC,MAAA,CAAgCL,CAAC,mBAAAK,MAAA,CAAcD,CAAC;EAClD,CAAC,CAAC;EAEF,OAAO;IAAEH,MAAM,EAANA;EAAO,CAAC;AACnB,CAAC","ignoreList":[]}