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

package/lib/choices/choice.js

@@ -1,144 +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");
-
-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;
-      return connectDragSource( /*#__PURE__*/_react["default"].createElement("span", {
-        className: (0, _classnames["default"])(classes.choice, disabled && classes.disabled)
-      }, /*#__PURE__*/_react["default"].createElement(_Chip["default"], {
-        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
-      })), {});
+var _renderUi = require("@pie-lib/render-ui");
+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)
+    whiteSpace: 'normal',
+    '& img': {
+      display: 'block',
+      padding: '2px 0'
     },
-    chip: {
-      alignItems: 'center',
-      display: 'inline-flex',
-      height: 'initial',
-      minHeight: '32px',
-      fontSize: 'inherit',
-      whiteSpace: 'pre-wrap',
-      maxWidth: '374px',
-      margin: '4px'
-    },
-    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=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJEUkFHX1RZUEUiLCJCbGFua0NvbnRlbnRDb21wIiwicmVuZGVyTWF0aCIsInJvb3RSZWYiLCJwcm9wcyIsImNvbm5lY3REcmFnU291cmNlIiwiY2hvaWNlIiwiY2xhc3NlcyIsImRpc2FibGVkIiwiY2xhc3NuYW1lcyIsInJlZiIsIlJlYWN0RE9NIiwiZmluZERPTU5vZGUiLCJjaGlwIiwiY2hpcExhYmVsIiwiaW5uZXJIVE1MIiwidmFsdWUiLCJ1bmRlZmluZWQiLCJSZWFjdCIsIkNvbXBvbmVudCIsIlByb3BUeXBlcyIsImJvb2wiLCJvYmplY3QiLCJmdW5jIiwiQmxhbmtDb250ZW50Iiwid2l0aFN0eWxlcyIsInRoZW1lIiwiYm9yZGVyIiwicGFsZXR0ZSIsInByaW1hcnkiLCJtYWluIiwiYWxpZ25JdGVtcyIsImRpc3BsYXkiLCJoZWlnaHQiLCJtaW5IZWlnaHQiLCJmb250U2l6ZSIsIndoaXRlU3BhY2UiLCJtYXhXaWR0aCIsIm1hcmdpbiIsInBhZGRpbmciLCJ0aWxlU291cmNlIiwiY2FuRHJhZyIsImJlZ2luRHJhZyIsImluc3RhbmNlSWQiLCJEcmFnRHJvcFRpbGUiLCJEcmFnU291cmNlIiwiY29ubmVjdCIsIm1vbml0b3IiLCJkcmFnU291cmNlIiwiaXNEcmFnZ2luZyJdLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jaG9pY2VzL2Nob2ljZS5qc3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBEcmFnU291cmNlIH0gZnJvbSAnQHBpZS1saWIvZHJhZyc7XG5pbXBvcnQgeyB3aXRoU3R5bGVzIH0gZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUvc3R5bGVzJztcbmltcG9ydCBDaGlwIGZyb20gJ0BtYXRlcmlhbC11aS9jb3JlL0NoaXAnO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSAnY2xhc3NuYW1lcyc7XG5pbXBvcnQgUmVhY3RET00gZnJvbSAncmVhY3QtZG9tJztcbmltcG9ydCB7IHJlbmRlck1hdGggfSBmcm9tICdAcGllLWxpYi9tYXRoLXJlbmRlcmluZyc7XG5cbmV4cG9ydCBjb25zdCBEUkFHX1RZUEUgPSAnTWFza0JsYW5rJztcblxuY2xhc3MgQmxhbmtDb250ZW50Q29tcCBleHRlbmRzIFJlYWN0LkNvbXBvbmVudCB7XG4gIHN0YXRpYyBwcm9wVHlwZXMgPSB7XG4gICAgZGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICAgIGNob2ljZTogUHJvcFR5cGVzLm9iamVjdCxcbiAgICBjbGFzc2VzOiBQcm9wVHlwZXMub2JqZWN0LFxuICAgIGNvbm5lY3REcmFnU291cmNlOiBQcm9wVHlwZXMuZnVuY1xuICB9O1xuXG4gIGNvbXBvbmVudERpZFVwZGF0ZSgpIHtcbiAgICByZW5kZXJNYXRoKHRoaXMucm9vdFJlZik7XG4gIH1cblxuICByZW5kZXIoKSB7XG4gICAgY29uc3QgeyBjb25uZWN0RHJhZ1NvdXJjZSwgY2hvaWNlLCBjbGFzc2VzLCBkaXNhYmxlZCB9ID0gdGhpcy5wcm9wcztcblxuICAgIHJldHVybiBjb25uZWN0RHJhZ1NvdXJjZShcbiAgICAgIDxzcGFuIGNsYXNzTmFtZT17Y2xhc3NuYW1lcyhjbGFzc2VzLmNob2ljZSwgZGlzYWJsZWQgJiYgY2xhc3Nlcy5kaXNhYmxlZCl9PlxuICAgICAgICA8Q2hpcFxuICAgICAgICAgIHJlZj17cmVmID0+IHtcbiAgICAgICAgICAgIC8vZXNsaW50LWRpc2FibGUtbmV4dC1saW5lXG4gICAgICAgICAgICB0aGlzLnJvb3RSZWYgPSBSZWFjdERPTS5maW5kRE9NTm9kZShyZWYpO1xuICAgICAgICAgIH19XG4gICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc2VzLmNoaXB9XG4gICAgICAgICAgbGFiZWw9e1xuICAgICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc2VzLmNoaXBMYWJlbH1cbiAgICAgICAgICAgICAgcmVmPXtyZWYgPT4ge1xuICAgICAgICAgICAgICAgIGlmIChyZWYpIHtcbiAgICAgICAgICAgICAgICAgIHJlZi5pbm5lckhUTUwgPSBjaG9pY2UudmFsdWUgfHwgJyAnO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgeycgJ31cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICB9XG4gICAgICAgICAgdmFyaWFudD17ZGlzYWJsZWQgPyAnb3V0bGluZWQnIDogdW5kZWZpbmVkfVxuICAgICAgICAvPlxuICAgICAgPC9zcGFuPixcbiAgICAgIHt9XG4gICAgKTtcbiAgfVxufVxuXG5leHBvcnQgY29uc3QgQmxhbmtDb250ZW50ID0gd2l0aFN0eWxlcyh0aGVtZSA9PiAoe1xuICBjaG9pY2U6IHtcbiAgICBib3JkZXI6IGBzb2xpZCAwcHggJHt0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbn1gXG4gIH0sXG4gIGNoaXA6IHtcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBkaXNwbGF5OiAnaW5saW5lLWZsZXgnLFxuICAgIGhlaWdodDogJ2luaXRpYWwnLFxuICAgIG1pbkhlaWdodDogJzMycHgnLFxuICAgIGZvbnRTaXplOiAnaW5oZXJpdCcsXG4gICAgd2hpdGVTcGFjZTogJ3ByZS13cmFwJyxcbiAgICBtYXhXaWR0aDogJzM3NHB4JyxcbiAgICBtYXJnaW46ICc0cHgnXG4gIH0sXG4gIGNoaXBMYWJlbDoge1xuICAgIHdoaXRlU3BhY2U6ICdwcmUtd3JhcCcsXG4gICAgJyYgaW1nJzoge1xuICAgICAgZGlzcGxheTogJ2Jsb2NrJyxcbiAgICAgIHBhZGRpbmc6ICcycHggMCdcbiAgICB9XG4gIH0sXG4gIGRpc2FibGVkOiB7fVxufSkpKEJsYW5rQ29udGVudENvbXApO1xuXG5jb25zdCB0aWxlU291cmNlID0ge1xuICBjYW5EcmFnKHByb3BzKSB7XG4gICAgcmV0dXJuICFwcm9wcy5kaXNhYmxlZDtcbiAgfSxcbiAgYmVnaW5EcmFnKHByb3BzKSB7XG4gICAgcmV0dXJuIHtcbiAgICAgIGNob2ljZTogcHJvcHMuY2hvaWNlLFxuICAgICAgaW5zdGFuY2VJZDogcHJvcHMuaW5zdGFuY2VJZFxuICAgIH07XG4gIH1cbn07XG5cbmNvbnN0IERyYWdEcm9wVGlsZSA9IERyYWdTb3VyY2UoRFJBR19UWVBFLCB0aWxlU291cmNlLCAoY29ubmVjdCwgbW9uaXRvcikgPT4gKHtcbiAgY29ubmVjdERyYWdTb3VyY2U6IGNvbm5lY3QuZHJhZ1NvdXJjZSgpLFxuICBpc0RyYWdnaW5nOiBtb25pdG9yLmlzRHJhZ2dpbmcoKVxufSkpKEJsYW5rQ29udGVudCk7XG5cbmV4cG9ydCBkZWZhdWx0IERyYWdEcm9wVGlsZTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUE7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7Ozs7OztBQUVPLElBQU1BLFNBQVMsR0FBRyxXQUFsQjs7O0lBRURDLGdCOzs7Ozs7Ozs7Ozs7V0FRSiw4QkFBcUI7TUFDbkIsSUFBQUMseUJBQUEsRUFBVyxLQUFLQyxPQUFoQjtJQUNEOzs7V0FFRCxrQkFBUztNQUFBOztNQUNQLGtCQUF5RCxLQUFLQyxLQUE5RDtNQUFBLElBQVFDLGlCQUFSLGVBQVFBLGlCQUFSO01BQUEsSUFBMkJDLE1BQTNCLGVBQTJCQSxNQUEzQjtNQUFBLElBQW1DQyxPQUFuQyxlQUFtQ0EsT0FBbkM7TUFBQSxJQUE0Q0MsUUFBNUMsZUFBNENBLFFBQTVDO01BRUEsT0FBT0gsaUJBQWlCLGVBQ3RCO1FBQU0sU0FBUyxFQUFFLElBQUFJLHNCQUFBLEVBQVdGLE9BQU8sQ0FBQ0QsTUFBbkIsRUFBMkJFLFFBQVEsSUFBSUQsT0FBTyxDQUFDQyxRQUEvQztNQUFqQixnQkFDRSxnQ0FBQyxnQkFBRDtRQUNFLEdBQUcsRUFBRSxhQUFBRSxLQUFHLEVBQUk7VUFDVjtVQUNBLEtBQUksQ0FBQ1AsT0FBTCxHQUFlUSxvQkFBQSxDQUFTQyxXQUFULENBQXFCRixLQUFyQixDQUFmO1FBQ0QsQ0FKSDtRQUtFLFNBQVMsRUFBRUgsT0FBTyxDQUFDTSxJQUxyQjtRQU1FLEtBQUssZUFDSDtVQUNFLFNBQVMsRUFBRU4sT0FBTyxDQUFDTyxTQURyQjtVQUVFLEdBQUcsRUFBRSxhQUFBSixJQUFHLEVBQUk7WUFDVixJQUFJQSxJQUFKLEVBQVM7Y0FDUEEsSUFBRyxDQUFDSyxTQUFKLEdBQWdCVCxNQUFNLENBQUNVLEtBQVAsSUFBZ0IsR0FBaEM7WUFDRDtVQUNGO1FBTkgsR0FRRyxHQVJILENBUEo7UUFrQkUsT0FBTyxFQUFFUixRQUFRLEdBQUcsVUFBSCxHQUFnQlM7TUFsQm5DLEVBREYsQ0FEc0IsRUF1QnRCLEVBdkJzQixDQUF4QjtJQXlCRDs7O0VBeEM0QkMsaUJBQUEsQ0FBTUMsUzs7aUNBQS9CbEIsZ0IsZUFDZTtFQUNqQk8sUUFBUSxFQUFFWSxxQkFBQSxDQUFVQyxJQURIO0VBRWpCZixNQUFNLEVBQUVjLHFCQUFBLENBQVVFLE1BRkQ7RUFHakJmLE9BQU8sRUFBRWEscUJBQUEsQ0FBVUUsTUFIRjtFQUlqQmpCLGlCQUFpQixFQUFFZSxxQkFBQSxDQUFVRztBQUpaLEM7QUEwQ2QsSUFBTUMsWUFBWSxHQUFHLElBQUFDLGtCQUFBLEVBQVcsVUFBQUMsS0FBSztFQUFBLE9BQUs7SUFDL0NwQixNQUFNLEVBQUU7TUFDTnFCLE1BQU0sc0JBQWVELEtBQUssQ0FBQ0UsT0FBTixDQUFjQyxPQUFkLENBQXNCQyxJQUFyQztJQURBLENBRHVDO0lBSS9DakIsSUFBSSxFQUFFO01BQ0prQixVQUFVLEVBQUUsUUFEUjtNQUVKQyxPQUFPLEVBQUUsYUFGTDtNQUdKQyxNQUFNLEVBQUUsU0FISjtNQUlKQyxTQUFTLEVBQUUsTUFKUDtNQUtKQyxRQUFRLEVBQUUsU0FMTjtNQU1KQyxVQUFVLEVBQUUsVUFOUjtNQU9KQyxRQUFRLEVBQUUsT0FQTjtNQVFKQyxNQUFNLEVBQUU7SUFSSixDQUp5QztJQWMvQ3hCLFNBQVMsRUFBRTtNQUNUc0IsVUFBVSxFQUFFLFVBREg7TUFFVCxTQUFTO1FBQ1BKLE9BQU8sRUFBRSxPQURGO1FBRVBPLE9BQU8sRUFBRTtNQUZGO0lBRkEsQ0Fkb0M7SUFxQi9DL0IsUUFBUSxFQUFFO0VBckJxQyxDQUFMO0FBQUEsQ0FBaEIsRUFzQnhCUCxnQkF0QndCLENBQXJCOztBQXdCUCxJQUFNdUMsVUFBVSxHQUFHO0VBQ2pCQyxPQURpQixtQkFDVHJDLEtBRFMsRUFDRjtJQUNiLE9BQU8sQ0FBQ0EsS0FBSyxDQUFDSSxRQUFkO0VBQ0QsQ0FIZ0I7RUFJakJrQyxTQUppQixxQkFJUHRDLEtBSk8sRUFJQTtJQUNmLE9BQU87TUFDTEUsTUFBTSxFQUFFRixLQUFLLENBQUNFLE1BRFQ7TUFFTHFDLFVBQVUsRUFBRXZDLEtBQUssQ0FBQ3VDO0lBRmIsQ0FBUDtFQUlEO0FBVGdCLENBQW5CO0FBWUEsSUFBTUMsWUFBWSxHQUFHLElBQUFDLGdCQUFBLEVBQVc3QyxTQUFYLEVBQXNCd0MsVUFBdEIsRUFBa0MsVUFBQ00sT0FBRCxFQUFVQyxPQUFWO0VBQUEsT0FBdUI7SUFDNUUxQyxpQkFBaUIsRUFBRXlDLE9BQU8sQ0FBQ0UsVUFBUixFQUR5RDtJQUU1RUMsVUFBVSxFQUFFRixPQUFPLENBQUNFLFVBQVI7RUFGZ0UsQ0FBdkI7QUFBQSxDQUFsQyxFQUdqQnpCLFlBSGlCLENBQXJCO2VBS2VvQixZIn0=
+//# sourceMappingURL=choice.js.map

package/lib/choices/choice.js.map

@@ -1 +1 @@
-{"version":3,"file":"choice.js","names":["DRAG_TYPE","BlankContentComp","renderMath","rootRef","props","connectDragSource","choice","classes","disabled","classnames","ref","ReactDOM","findDOMNode","chip","chipLabel","innerHTML","value","undefined","React","Component","PropTypes","bool","object","func","BlankContent","withStyles","theme","border","palette","primary","main","alignItems","display","height","minHeight","fontSize","whiteSpace","maxWidth","margin","padding","tileSource","canDrag","beginDrag","instanceId","DragDropTile","DragSource","connect","monitor","dragSource","isDragging"],"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';\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    return connectDragSource(\n      <span className={classnames(classes.choice, disabled && classes.disabled)}>\n        <Chip\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  },\n  chip: {\n    alignItems: 'center',\n    display: 'inline-flex',\n    height: 'initial',\n    minHeight: '32px',\n    fontSize: 'inherit',\n    whiteSpace: 'pre-wrap',\n    maxWidth: '374px',\n    margin: '4px'\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

@@ -1,72 +1,48 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _findKey = _interopRequireDefault(require("lodash/findKey"));
-
 var _choice = _interopRequireDefault(require("./choice"));
-
-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':
           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'
@@ -75,41 +51,44 @@ 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;
+        disabled = _this$props.disabled,
+        duplicates = _this$props.duplicates,
+        choices = _this$props.choices,
+        value = _this$props.value,
+        instanceId = _this$props.instanceId;
       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 = this.getStyleForWrapper();
+      var elementStyle = _objectSpread(_objectSpread({}, this.getStyleForWrapper()), {}, {
+        minWidth: '100px'
+      });
       return /*#__PURE__*/_react["default"].createElement("div", {
         style: elementStyle
+      }, /*#__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,
@@ -118,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=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJDaG9pY2VzIiwiY2hvaWNlUG9zaXRpb24iLCJwcm9wcyIsIm1hcmdpbiIsImRpc2FibGVkIiwiZHVwbGljYXRlcyIsImNob2ljZXMiLCJ2YWx1ZSIsImZpbHRlcmVkQ2hvaWNlcyIsImZpbHRlciIsImMiLCJmb3VuZENob2ljZSIsImZpbmRLZXkiLCJ2IiwiaWQiLCJ1bmRlZmluZWQiLCJlbGVtZW50U3R5bGUiLCJnZXRTdHlsZUZvcldyYXBwZXIiLCJtYXAiLCJpbmRleCIsIlJlYWN0IiwiQ29tcG9uZW50IiwiUHJvcFR5cGVzIiwiYm9vbCIsImFycmF5T2YiLCJzaGFwZSIsImxhYmVsIiwic3RyaW5nIiwib2JqZWN0IiwiaXNSZXF1aXJlZCJdLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jaG9pY2VzL2luZGV4LmpzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBmaW5kS2V5IGZyb20gJ2xvZGFzaC9maW5kS2V5JztcbmltcG9ydCBDaG9pY2UgZnJvbSAnLi9jaG9pY2UnO1xuXG5leHBvcnQgZGVmYXVsdCBjbGFzcyBDaG9pY2VzIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50IHtcbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICBkaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gICAgZHVwbGljYXRlczogUHJvcFR5cGVzLmJvb2wsXG4gICAgY2hvaWNlczogUHJvcFR5cGVzLmFycmF5T2YoXG4gICAgICBQcm9wVHlwZXMuc2hhcGUoeyBsYWJlbDogUHJvcFR5cGVzLnN0cmluZywgdmFsdWU6IFByb3BUeXBlcy5zdHJpbmcgfSlcbiAgICApLFxuICAgIHZhbHVlOiBQcm9wVHlwZXMub2JqZWN0LFxuICAgIGNob2ljZVBvc2l0aW9uOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWRcbiAgfTtcblxuICBnZXRTdHlsZUZvcldyYXBwZXIgPSAoKSA9PiB7XG4gICAgY29uc3QgeyBjaG9pY2VQb3NpdGlvbiB9ID0gdGhpcy5wcm9wcztcblxuICAgIHN3aXRjaCAoY2hvaWNlUG9zaXRpb24pIHtcbiAgICAgIGNhc2UgJ2Fib3ZlJzpcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICBtYXJnaW46ICcwIDAgNDBweCAwJ1xuICAgICAgICB9O1xuICAgICAgY2FzZSAnYmVsb3cnOlxuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgIG1hcmdpbjogJzQwcHggMCAwIDAnXG4gICAgICAgIH07XG4gICAgICBjYXNlICdyaWdodCc6XG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgbWFyZ2luOiAnMCAwIDAgNDBweCdcbiAgICAgICAgfTtcbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgbWFyZ2luOiAnMCA0MHB4IDAgMCdcbiAgICAgICAgfTtcbiAgICB9XG4gIH07XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IHsgZGlzYWJsZWQsIGR1cGxpY2F0ZXMsIGNob2ljZXMsIHZhbHVlIH0gPSB0aGlzLnByb3BzO1xuICAgIGNvbnN0IGZpbHRlcmVkQ2hvaWNlcyA9IGNob2ljZXMuZmlsdGVyKGMgPT4ge1xuICAgICAgaWYgKGR1cGxpY2F0ZXMgPT09IHRydWUpIHtcbiAgICAgICAgcmV0dXJuIHRydWU7XG4gICAgICB9XG4gICAgICBjb25zdCBmb3VuZENob2ljZSA9IGZpbmRLZXkodmFsdWUsIHYgPT4gdiA9PT0gYy5pZCk7XG4gICAgICByZXR1cm4gZm91bmRDaG9pY2UgPT09IHVuZGVmaW5lZDtcbiAgICB9KTtcbiAgICBjb25zdCBlbGVtZW50U3R5bGUgPSB0aGlzLmdldFN0eWxlRm9yV3JhcHBlcigpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXYgc3R5bGU9e2VsZW1lbnRTdHlsZX0+XG4gICAgICAgIHtmaWx0ZXJlZENob2ljZXMubWFwKChjLCBpbmRleCkgPT4gKFxuICAgICAgICAgIDxDaG9pY2Uga2V5PXtgJHtjLnZhbHVlfS0ke2luZGV4fWB9IGRpc2FibGVkPXtkaXNhYmxlZH0gY2hvaWNlPXtjfSAvPlxuICAgICAgICApKX1cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTs7QUFDQTs7QUFDQTs7QUFDQTs7Ozs7O0lBRXFCQSxPOzs7Ozs7Ozs7Ozs7Ozs7MkdBV0UsWUFBTTtNQUN6QixJQUFRQyxjQUFSLEdBQTJCLE1BQUtDLEtBQWhDLENBQVFELGNBQVI7O01BRUEsUUFBUUEsY0FBUjtRQUNFLEtBQUssT0FBTDtVQUNFLE9BQU87WUFDTEUsTUFBTSxFQUFFO1VBREgsQ0FBUDs7UUFHRixLQUFLLE9BQUw7VUFDRSxPQUFPO1lBQ0xBLE1BQU0sRUFBRTtVQURILENBQVA7O1FBR0YsS0FBSyxPQUFMO1VBQ0UsT0FBTztZQUNMQSxNQUFNLEVBQUU7VUFESCxDQUFQOztRQUdGO1VBQ0UsT0FBTztZQUNMQSxNQUFNLEVBQUU7VUFESCxDQUFQO01BZEo7SUFrQkQsQzs7Ozs7O1dBRUQsa0JBQVM7TUFDUCxrQkFBaUQsS0FBS0QsS0FBdEQ7TUFBQSxJQUFRRSxRQUFSLGVBQVFBLFFBQVI7TUFBQSxJQUFrQkMsVUFBbEIsZUFBa0JBLFVBQWxCO01BQUEsSUFBOEJDLE9BQTlCLGVBQThCQSxPQUE5QjtNQUFBLElBQXVDQyxLQUF2QyxlQUF1Q0EsS0FBdkM7TUFDQSxJQUFNQyxlQUFlLEdBQUdGLE9BQU8sQ0FBQ0csTUFBUixDQUFlLFVBQUFDLENBQUMsRUFBSTtRQUMxQyxJQUFJTCxVQUFVLEtBQUssSUFBbkIsRUFBeUI7VUFDdkIsT0FBTyxJQUFQO1FBQ0Q7O1FBQ0QsSUFBTU0sV0FBVyxHQUFHLElBQUFDLG1CQUFBLEVBQVFMLEtBQVIsRUFBZSxVQUFBTSxDQUFDO1VBQUEsT0FBSUEsQ0FBQyxLQUFLSCxDQUFDLENBQUNJLEVBQVo7UUFBQSxDQUFoQixDQUFwQjtRQUNBLE9BQU9ILFdBQVcsS0FBS0ksU0FBdkI7TUFDRCxDQU51QixDQUF4QjtNQU9BLElBQU1DLFlBQVksR0FBRyxLQUFLQyxrQkFBTCxFQUFyQjtNQUVBLG9CQUNFO1FBQUssS0FBSyxFQUFFRDtNQUFaLEdBQ0dSLGVBQWUsQ0FBQ1UsR0FBaEIsQ0FBb0IsVUFBQ1IsQ0FBRCxFQUFJUyxLQUFKO1FBQUEsb0JBQ25CLGdDQUFDLGtCQUFEO1VBQVEsR0FBRyxZQUFLVCxDQUFDLENBQUNILEtBQVAsY0FBZ0JZLEtBQWhCLENBQVg7VUFBb0MsUUFBUSxFQUFFZixRQUE5QztVQUF3RCxNQUFNLEVBQUVNO1FBQWhFLEVBRG1CO01BQUEsQ0FBcEIsQ0FESCxDQURGO0lBT0Q7OztFQXBEa0NVLGlCQUFBLENBQU1DLFM7OztpQ0FBdEJyQixPLGVBQ0E7RUFDakJJLFFBQVEsRUFBRWtCLHFCQUFBLENBQVVDLElBREg7RUFFakJsQixVQUFVLEVBQUVpQixxQkFBQSxDQUFVQyxJQUZMO0VBR2pCakIsT0FBTyxFQUFFZ0IscUJBQUEsQ0FBVUUsT0FBVixDQUNQRixxQkFBQSxDQUFVRyxLQUFWLENBQWdCO0lBQUVDLEtBQUssRUFBRUoscUJBQUEsQ0FBVUssTUFBbkI7SUFBMkJwQixLQUFLLEVBQUVlLHFCQUFBLENBQVVLO0VBQTVDLENBQWhCLENBRE8sQ0FIUTtFQU1qQnBCLEtBQUssRUFBRWUscUJBQUEsQ0FBVU0sTUFOQTtFQU9qQjNCLGNBQWMsRUFBRXFCLHFCQUFBLENBQVVLLE1BQVYsQ0FBaUJFO0FBUGhCLEMifQ==
+//# sourceMappingURL=index.js.map

package/lib/choices/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Choices","choicePosition","props","margin","disabled","duplicates","choices","value","filteredChoices","filter","c","foundChoice","findKey","v","id","undefined","elementStyle","getStyleForWrapper","map","index","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';\n\nexport default class Choices extends React.Component {\n  static propTypes = {\n    disabled: PropTypes.bool,\n    duplicates: PropTypes.bool,\n    choices: PropTypes.arrayOf(\n      PropTypes.shape({ label: PropTypes.string, value: PropTypes.string })\n    ),\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      case 'below':\n        return {\n          margin: '40px 0 0 0'\n        };\n      case 'right':\n        return {\n          margin: '0 0 0 40px'\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        {filteredChoices.map((c, index) => (\n          <Choice key={`${c.value}-${index}`} disabled={disabled} choice={c} />\n        ))}\n      </div>\n    );\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;IAEqBA,O;;;;;;;;;;;;;;;2GAWE,YAAM;MACzB,IAAQC,cAAR,GAA2B,MAAKC,KAAhC,CAAQD,cAAR;;MAEA,QAAQA,cAAR;QACE,KAAK,OAAL;UACE,OAAO;YACLE,MAAM,EAAE;UADH,CAAP;;QAGF,KAAK,OAAL;UACE,OAAO;YACLA,MAAM,EAAE;UADH,CAAP;;QAGF,KAAK,OAAL;UACE,OAAO;YACLA,MAAM,EAAE;UADH,CAAP;;QAGF;UACE,OAAO;YACLA,MAAM,EAAE;UADH,CAAP;MAdJ;IAkBD,C;;;;;;WAED,kBAAS;MACP,kBAAiD,KAAKD,KAAtD;MAAA,IAAQE,QAAR,eAAQA,QAAR;MAAA,IAAkBC,UAAlB,eAAkBA,UAAlB;MAAA,IAA8BC,OAA9B,eAA8BA,OAA9B;MAAA,IAAuCC,KAAvC,eAAuCA,KAAvC;MACA,IAAMC,eAAe,GAAGF,OAAO,CAACG,MAAR,CAAe,UAAAC,CAAC,EAAI;QAC1C,IAAIL,UAAU,KAAK,IAAnB,EAAyB;UACvB,OAAO,IAAP;QACD;;QACD,IAAMM,WAAW,GAAG,IAAAC,mBAAA,EAAQL,KAAR,EAAe,UAAAM,CAAC;UAAA,OAAIA,CAAC,KAAKH,CAAC,CAACI,EAAZ;QAAA,CAAhB,CAApB;QACA,OAAOH,WAAW,KAAKI,SAAvB;MACD,CANuB,CAAxB;MAOA,IAAMC,YAAY,GAAG,KAAKC,kBAAL,EAArB;MAEA,oBACE;QAAK,KAAK,EAAED;MAAZ,GACGR,eAAe,CAACU,GAAhB,CAAoB,UAACR,CAAD,EAAIS,KAAJ;QAAA,oBACnB,gCAAC,kBAAD;UAAQ,GAAG,YAAKT,CAAC,CAACH,KAAP,cAAgBY,KAAhB,CAAX;UAAoC,QAAQ,EAAEf,QAA9C;UAAwD,MAAM,EAAEM;QAAhE,EADmB;MAAA,CAApB,CADH,CADF;IAOD;;;EApDkCU,iBAAA,CAAMC,S;;;iCAAtBrB,O,eACA;EACjBI,QAAQ,EAAEkB,qBAAA,CAAUC,IADH;EAEjBlB,UAAU,EAAEiB,qBAAA,CAAUC,IAFL;EAGjBjB,OAAO,EAAEgB,qBAAA,CAAUE,OAAV,CACPF,qBAAA,CAAUG,KAAV,CAAgB;IAAEC,KAAK,EAAEJ,qBAAA,CAAUK,MAAnB;IAA2BpB,KAAK,EAAEe,qBAAA,CAAUK;EAA5C,CAAhB,CADO,CAHQ;EAMjBpB,KAAK,EAAEe,qBAAA,CAAUM,MANA;EAOjB3B,cAAc,EAAEqB,qBAAA,CAAUK,MAAV,CAAiBE;AAPhB,C"}
+{"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,14 +5,12 @@ 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: ''
     };
   }
-
   var markup = s.replace(REGEX, function (match, g) {
     return "<span data-component=\"".concat(t, "\" data-id=\"").concat(g, "\"></span>");
   });
@@ -20,6 +18,4 @@ var _default = function _default(s, t) {
     markup: markup
   };
 };
-
-exports["default"] = _default;
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSRUdFWCIsInMiLCJ0IiwibWFya3VwIiwicmVwbGFjZSIsIm1hdGNoIiwiZyJdLCJzb3VyY2VzIjpbIi4uL3NyYy9jb21wb25lbnRpemUuanMiXSwic291cmNlc0NvbnRlbnQiOlsiY29uc3QgUkVHRVggPSAvXFx7XFx7KFxcZCspXFx9XFx9L2c7XG5cbmV4cG9ydCBkZWZhdWx0IChzLCB0KSA9PiB7XG4gIGlmICghcykge1xuICAgIHJldHVybiB7IG1hcmt1cDogJycgfTtcbiAgfVxuXG4gIGNvbnN0IG1hcmt1cCA9IHMucmVwbGFjZShSRUdFWCwgKG1hdGNoLCBnKSA9PiB7XG4gICAgcmV0dXJuIGA8c3BhbiBkYXRhLWNvbXBvbmVudD1cIiR7dH1cIiBkYXRhLWlkPVwiJHtnfVwiPjwvc3Bhbj5gO1xuICB9KTtcblxuICByZXR1cm4geyBtYXJrdXAgfTtcbn07XG4iXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLElBQU1BLEtBQUssR0FBRyxnQkFBZDs7ZUFFZSxrQkFBQ0MsQ0FBRCxFQUFJQyxDQUFKLEVBQVU7RUFDdkIsSUFBSSxDQUFDRCxDQUFMLEVBQVE7SUFDTixPQUFPO01BQUVFLE1BQU0sRUFBRTtJQUFWLENBQVA7RUFDRDs7RUFFRCxJQUFNQSxNQUFNLEdBQUdGLENBQUMsQ0FBQ0csT0FBRixDQUFVSixLQUFWLEVBQWlCLFVBQUNLLEtBQUQsRUFBUUMsQ0FBUixFQUFjO0lBQzVDLHdDQUFnQ0osQ0FBaEMsMEJBQStDSSxDQUEvQztFQUNELENBRmMsQ0FBZjtFQUlBLE9BQU87SUFBRUgsTUFBTSxFQUFOQTtFQUFGLENBQVA7QUFDRCxDIn0=
+//# sourceMappingURL=componentize.js.map

package/lib/componentize.js.map

@@ -1 +1 @@
-{"version":3,"file":"componentize.js","names":["REGEX","s","t","markup","replace","match","g"],"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,gBAAd;;eAEe,kBAACC,CAAD,EAAIC,CAAJ,EAAU;EACvB,IAAI,CAACD,CAAL,EAAQ;IACN,OAAO;MAAEE,MAAM,EAAE;IAAV,CAAP;EACD;;EAED,IAAMA,MAAM,GAAGF,CAAC,CAACG,OAAF,CAAUJ,KAAV,EAAiB,UAACK,KAAD,EAAQC,CAAR,EAAc;IAC5C,wCAAgCJ,CAAhC,0BAA+CI,CAA/C;EACD,CAFc,CAAf;EAIA,OAAO;IAAEH,MAAM,EAANA;EAAF,CAAP;AACD,C"}
+{"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":[]}