@pie-lib/mask-markup 3.1.5 → 3.1.6-beta.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (41) hide show
  1. package/CHANGELOG.md +0 -105
  2. package/lib/__tests__/drag-in-the-blank.test.js +129 -0
  3. package/lib/__tests__/index.test.js +39 -0
  4. package/lib/__tests__/keyboard-coordinates.test.js +449 -0
  5. package/lib/__tests__/mask.test.js +344 -0
  6. package/lib/__tests__/serialization.test.js +44 -0
  7. package/lib/__tests__/utils.js +14 -0
  8. package/lib/__tests__/with-mask.test.js +110 -0
  9. package/lib/choices/__tests__/index.test.js +139 -0
  10. package/lib/choices/choice.js +6 -24
  11. package/lib/choices/choice.js.map +1 -1
  12. package/lib/choices/index.js +9 -32
  13. package/lib/choices/index.js.map +1 -1
  14. package/lib/components/__tests__/blank.test.js +293 -0
  15. package/lib/components/__tests__/correct-input.test.js +132 -0
  16. package/lib/components/__tests__/dropdown.test.js +202 -0
  17. package/lib/components/__tests__/input.test.js +129 -0
  18. package/lib/components/blank.js +29 -106
  19. package/lib/components/blank.js.map +1 -1
  20. package/lib/components/dropdown.js +9 -6
  21. package/lib/components/dropdown.js.map +1 -1
  22. package/lib/drag-in-the-blank.js +30 -139
  23. package/lib/drag-in-the-blank.js.map +1 -1
  24. package/lib/keyboard-coordinates.js +1 -1
  25. package/lib/mask.js +15 -20
  26. package/lib/mask.js.map +1 -1
  27. package/package.json +6 -6
  28. package/src/__tests__/drag-in-the-blank.test.js +2 -147
  29. package/src/__tests__/mask.test.js +0 -98
  30. package/src/choices/__tests__/index.test.js +1 -104
  31. package/src/choices/choice.jsx +3 -16
  32. package/src/choices/index.jsx +3 -27
  33. package/src/components/__tests__/blank.test.js +5 -186
  34. package/src/components/blank.jsx +35 -108
  35. package/src/components/dropdown.jsx +9 -7
  36. package/src/drag-in-the-blank.jsx +22 -132
  37. package/src/mask.jsx +11 -13
  38. package/LICENSE.md +0 -5
  39. package/lib/keyboard-coordinates.js.map +0 -1
  40. package/src/__tests__/keyboard-coordinates.test.js +0 -202
  41. package/src/keyboard-coordinates.js +0 -147
@@ -0,0 +1,139 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ var _typeof = require("@babel/runtime/helpers/typeof");
5
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
6
+ var React = _interopRequireWildcard(require("react"));
7
+ var _react2 = require("@testing-library/react");
8
+ var _choice = _interopRequireDefault(require("../choice"));
9
+ var _utils = require("../../__tests__/utils");
10
+ var _index = _interopRequireDefault(require("../index"));
11
+ 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); }
12
+ // Collect the CSS rules emotion/MUI injected into the document (jsdom uses insertRule).
13
+ var collectEmotionRules = function collectEmotionRules() {
14
+ var rules = [];
15
+ for (var _i = 0, _Array$from = Array.from(document.styleSheets); _i < _Array$from.length; _i++) {
16
+ var sheet = _Array$from[_i];
17
+ try {
18
+ for (var _i2 = 0, _Array$from2 = Array.from(sheet.cssRules); _i2 < _Array$from2.length; _i2++) {
19
+ var rule = _Array$from2[_i2];
20
+ rules.push(rule.cssText);
21
+ }
22
+ } catch (e) {
23
+ /* inaccessible stylesheet */
24
+ }
25
+ }
26
+ return rules;
27
+ };
28
+
29
+ // Mock @dnd-kit hooks to avoid DndContext requirement
30
+ jest.mock('@dnd-kit/core', function () {
31
+ return {
32
+ useDraggable: jest.fn(function () {
33
+ return {
34
+ attributes: {},
35
+ listeners: {},
36
+ setNodeRef: jest.fn(),
37
+ isDragging: false
38
+ };
39
+ }),
40
+ useDroppable: jest.fn(function () {
41
+ return {
42
+ setNodeRef: jest.fn(),
43
+ isOver: false,
44
+ active: null
45
+ };
46
+ })
47
+ };
48
+ });
49
+ describe('index', function () {
50
+ describe('Choices', function () {
51
+ var defaultProps = {
52
+ disabled: false,
53
+ choices: [(0, _utils.choice)('Jumped', '0'), (0, _utils.choice)('Laughed', '1'), (0, _utils.choice)('Spoon', '2')],
54
+ choicePosition: 'below',
55
+ instanceId: 'test-instance'
56
+ };
57
+ it('renders correctly with default props', function () {
58
+ var _render = (0, _react2.render)(/*#__PURE__*/React.createElement(_index["default"], defaultProps)),
59
+ container = _render.container;
60
+ expect(container.firstChild).toBeInTheDocument();
61
+ expect(_react2.screen.getByText('Jumped')).toBeInTheDocument();
62
+ expect(_react2.screen.getByText('Laughed')).toBeInTheDocument();
63
+ expect(_react2.screen.getByText('Spoon')).toBeInTheDocument();
64
+ });
65
+ it('renders correctly with disabled prop as true', function () {
66
+ var _render2 = (0, _react2.render)(/*#__PURE__*/React.createElement(_index["default"], (0, _extends2["default"])({}, defaultProps, {
67
+ disabled: true
68
+ }))),
69
+ container = _render2.container;
70
+ expect(container.firstChild).toBeInTheDocument();
71
+ });
72
+ it('renders without duplicates', function () {
73
+ var _render3 = (0, _react2.render)(/*#__PURE__*/React.createElement(_index["default"], (0, _extends2["default"])({}, defaultProps, {
74
+ duplicates: undefined,
75
+ value: {
76
+ 0: '0',
77
+ 1: '1'
78
+ }
79
+ }))),
80
+ container = _render3.container;
81
+ expect(container.firstChild).toBeInTheDocument();
82
+ });
83
+ it('renders with duplicates', function () {
84
+ var _render4 = (0, _react2.render)(/*#__PURE__*/React.createElement(_index["default"], (0, _extends2["default"])({}, defaultProps, {
85
+ duplicates: true,
86
+ value: {
87
+ 0: '0',
88
+ 1: '1'
89
+ }
90
+ }))),
91
+ container = _render4.container;
92
+ expect(container.firstChild).toBeInTheDocument();
93
+ });
94
+ });
95
+ describe('Choice', function () {
96
+ var defaultProps = {
97
+ disabled: false,
98
+ choice: (0, _utils.choice)('Label', '1'),
99
+ instanceId: 'test-instance'
100
+ };
101
+ describe('render', function () {
102
+ it('renders correctly with default props', function () {
103
+ var _render5 = (0, _react2.render)(/*#__PURE__*/React.createElement(_choice["default"], defaultProps)),
104
+ container = _render5.container;
105
+ expect(container.firstChild).toBeInTheDocument();
106
+ expect(_react2.screen.getByText('Label')).toBeInTheDocument();
107
+ });
108
+ it('renders correctly with disabled prop as true', function () {
109
+ var _render6 = (0, _react2.render)(/*#__PURE__*/React.createElement(_choice["default"], (0, _extends2["default"])({}, defaultProps, {
110
+ disabled: true
111
+ }))),
112
+ container = _render6.container;
113
+ expect(container.firstChild).toBeInTheDocument();
114
+ });
115
+ });
116
+ describe('fraction math styling', function () {
117
+ it('enlarges numerator/denominator digits adjacent to a fraction to 120%', function () {
118
+ (0, _react2.render)(/*#__PURE__*/React.createElement(_choice["default"], defaultProps));
119
+ // The new rule targets mjx-mn digits that sit next to an mjx-mfrac.
120
+ var rule = collectEmotionRules().find(function (r) {
121
+ return r.includes('mjx-mn') && r.includes('mjx-mfrac');
122
+ });
123
+ expect(rule).toBeDefined();
124
+ expect(rule).toMatch(/mjx-mn:has\(~\s*mjx-mfrac\)/);
125
+ expect(rule).toMatch(/mjx-mfrac\s*~\s*mjx-mn/);
126
+ expect(rule).toMatch(/font-size:\s*120%\s*!important/i);
127
+ });
128
+ it('keeps the existing mjx-frac 120% rule', function () {
129
+ (0, _react2.render)(/*#__PURE__*/React.createElement(_choice["default"], defaultProps));
130
+ var rule = collectEmotionRules().find(function (r) {
131
+ return /(^|[^-])mjx-frac/.test(r) && !r.includes('mjx-mfrac');
132
+ });
133
+ expect(rule).toBeDefined();
134
+ expect(rule).toMatch(/font-size:\s*120%\s*!important/i);
135
+ });
136
+ });
137
+ });
138
+ });
139
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsIl9pbnRlcm9wUmVxdWlyZVdpbGRjYXJkIiwicmVxdWlyZSIsIl9yZWFjdDIiLCJfY2hvaWNlIiwiX2ludGVyb3BSZXF1aXJlRGVmYXVsdCIsIl91dGlscyIsIl9pbmRleCIsImUiLCJ0IiwiV2Vha01hcCIsInIiLCJuIiwiX19lc01vZHVsZSIsIm8iLCJpIiwiZiIsIl9fcHJvdG9fXyIsIl90eXBlb2YiLCJoYXMiLCJnZXQiLCJzZXQiLCJfdCIsImhhc093blByb3BlcnR5IiwiY2FsbCIsIk9iamVjdCIsImRlZmluZVByb3BlcnR5IiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9yIiwiY29sbGVjdEVtb3Rpb25SdWxlcyIsInJ1bGVzIiwiX2kiLCJfQXJyYXkkZnJvbSIsIkFycmF5IiwiZnJvbSIsImRvY3VtZW50Iiwic3R5bGVTaGVldHMiLCJsZW5ndGgiLCJzaGVldCIsIl9pMiIsIl9BcnJheSRmcm9tMiIsImNzc1J1bGVzIiwicnVsZSIsInB1c2giLCJjc3NUZXh0IiwiamVzdCIsIm1vY2siLCJ1c2VEcmFnZ2FibGUiLCJmbiIsImF0dHJpYnV0ZXMiLCJsaXN0ZW5lcnMiLCJzZXROb2RlUmVmIiwiaXNEcmFnZ2luZyIsInVzZURyb3BwYWJsZSIsImlzT3ZlciIsImFjdGl2ZSIsImRlc2NyaWJlIiwiZGVmYXVsdFByb3BzIiwiZGlzYWJsZWQiLCJjaG9pY2VzIiwiY2hvaWNlIiwiY2hvaWNlUG9zaXRpb24iLCJpbnN0YW5jZUlkIiwiaXQiLCJfcmVuZGVyIiwicmVuZGVyIiwiY3JlYXRlRWxlbWVudCIsImNvbnRhaW5lciIsImV4cGVjdCIsImZpcnN0Q2hpbGQiLCJ0b0JlSW5UaGVEb2N1bWVudCIsInNjcmVlbiIsImdldEJ5VGV4dCIsIl9yZW5kZXIyIiwiX2V4dGVuZHMyIiwiX3JlbmRlcjMiLCJkdXBsaWNhdGVzIiwidW5kZWZpbmVkIiwidmFsdWUiLCJfcmVuZGVyNCIsIl9yZW5kZXI1IiwiX3JlbmRlcjYiLCJmaW5kIiwiaW5jbHVkZXMiLCJ0b0JlRGVmaW5lZCIsInRvTWF0Y2giLCJ0ZXN0Il0sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2Nob2ljZXMvX190ZXN0c19fL2luZGV4LnRlc3QuanMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgcmVuZGVyLCBzY3JlZW4gfSBmcm9tICdAdGVzdGluZy1saWJyYXJ5L3JlYWN0JztcbmltcG9ydCBDaG9pY2UgZnJvbSAnLi4vY2hvaWNlJztcbmltcG9ydCB7IGNob2ljZSB9IGZyb20gJy4uLy4uL19fdGVzdHNfXy91dGlscyc7XG5pbXBvcnQgQ2hvaWNlcyBmcm9tICcuLi9pbmRleCc7XG5cbi8vIENvbGxlY3QgdGhlIENTUyBydWxlcyBlbW90aW9uL01VSSBpbmplY3RlZCBpbnRvIHRoZSBkb2N1bWVudCAoanNkb20gdXNlcyBpbnNlcnRSdWxlKS5cbmNvbnN0IGNvbGxlY3RFbW90aW9uUnVsZXMgPSAoKSA9PiB7XG4gIGNvbnN0IHJ1bGVzID0gW107XG4gIGZvciAoY29uc3Qgc2hlZXQgb2YgQXJyYXkuZnJvbShkb2N1bWVudC5zdHlsZVNoZWV0cykpIHtcbiAgICB0cnkge1xuICAgICAgZm9yIChjb25zdCBydWxlIG9mIEFycmF5LmZyb20oc2hlZXQuY3NzUnVsZXMpKSB7XG4gICAgICAgIHJ1bGVzLnB1c2gocnVsZS5jc3NUZXh0KTtcbiAgICAgIH1cbiAgICB9IGNhdGNoIChlKSB7XG4gICAgICAvKiBpbmFjY2Vzc2libGUgc3R5bGVzaGVldCAqL1xuICAgIH1cbiAgfVxuICByZXR1cm4gcnVsZXM7XG59O1xuXG4vLyBNb2NrIEBkbmQta2l0IGhvb2tzIHRvIGF2b2lkIERuZENvbnRleHQgcmVxdWlyZW1lbnRcbmplc3QubW9jaygnQGRuZC1raXQvY29yZScsICgpID0+ICh7XG4gIHVzZURyYWdnYWJsZTogamVzdC5mbigoKSA9PiAoe1xuICAgIGF0dHJpYnV0ZXM6IHt9LFxuICAgIGxpc3RlbmVyczoge30sXG4gICAgc2V0Tm9kZVJlZjogamVzdC5mbigpLFxuICAgIGlzRHJhZ2dpbmc6IGZhbHNlLFxuICB9KSksXG4gIHVzZURyb3BwYWJsZTogamVzdC5mbigoKSA9PiAoe1xuICAgIHNldE5vZGVSZWY6IGplc3QuZm4oKSxcbiAgICBpc092ZXI6IGZhbHNlLFxuICAgIGFjdGl2ZTogbnVsbCxcbiAgfSkpLFxufSkpO1xuXG5kZXNjcmliZSgnaW5kZXgnLCAoKSA9PiB7XG4gIGRlc2NyaWJlKCdDaG9pY2VzJywgKCkgPT4ge1xuICAgIGNvbnN0IGRlZmF1bHRQcm9wcyA9IHtcbiAgICAgIGRpc2FibGVkOiBmYWxzZSxcbiAgICAgIGNob2ljZXM6IFtjaG9pY2UoJ0p1bXBlZCcsICcwJyksIGNob2ljZSgnTGF1Z2hlZCcsICcxJyksIGNob2ljZSgnU3Bvb24nLCAnMicpXSxcbiAgICAgIGNob2ljZVBvc2l0aW9uOiAnYmVsb3cnLFxuICAgICAgaW5zdGFuY2VJZDogJ3Rlc3QtaW5zdGFuY2UnLFxuICAgIH07XG5cbiAgICBpdCgncmVuZGVycyBjb3JyZWN0bHkgd2l0aCBkZWZhdWx0IHByb3BzJywgKCkgPT4ge1xuICAgICAgY29uc3QgeyBjb250YWluZXIgfSA9IHJlbmRlcig8Q2hvaWNlcyB7Li4uZGVmYXVsdFByb3BzfSAvPik7XG4gICAgICBleHBlY3QoY29udGFpbmVyLmZpcnN0Q2hpbGQpLnRvQmVJblRoZURvY3VtZW50KCk7XG4gICAgICBleHBlY3Qoc2NyZWVuLmdldEJ5VGV4dCgnSnVtcGVkJykpLnRvQmVJblRoZURvY3VtZW50KCk7XG4gICAgICBleHBlY3Qoc2NyZWVuLmdldEJ5VGV4dCgnTGF1Z2hlZCcpKS50b0JlSW5UaGVEb2N1bWVudCgpO1xuICAgICAgZXhwZWN0KHNjcmVlbi5nZXRCeVRleHQoJ1Nwb29uJykpLnRvQmVJblRoZURvY3VtZW50KCk7XG4gICAgfSk7XG5cbiAgICBpdCgncmVuZGVycyBjb3JyZWN0bHkgd2l0aCBkaXNhYmxlZCBwcm9wIGFzIHRydWUnLCAoKSA9PiB7XG4gICAgICBjb25zdCB7IGNvbnRhaW5lciB9ID0gcmVuZGVyKDxDaG9pY2VzIHsuLi5kZWZhdWx0UHJvcHN9IGRpc2FibGVkPXt0cnVlfSAvPik7XG4gICAgICBleHBlY3QoY29udGFpbmVyLmZpcnN0Q2hpbGQpLnRvQmVJblRoZURvY3VtZW50KCk7XG4gICAgfSk7XG5cbiAgICBpdCgncmVuZGVycyB3aXRob3V0IGR1cGxpY2F0ZXMnLCAoKSA9PiB7XG4gICAgICBjb25zdCB7IGNvbnRhaW5lciB9ID0gcmVuZGVyKDxDaG9pY2VzIHsuLi5kZWZhdWx0UHJvcHN9IGR1cGxpY2F0ZXM9e3VuZGVmaW5lZH0gdmFsdWU9e3sgMDogJzAnLCAxOiAnMScgfX0gLz4pO1xuICAgICAgZXhwZWN0KGNvbnRhaW5lci5maXJzdENoaWxkKS50b0JlSW5UaGVEb2N1bWVudCgpO1xuICAgIH0pO1xuXG4gICAgaXQoJ3JlbmRlcnMgd2l0aCBkdXBsaWNhdGVzJywgKCkgPT4ge1xuICAgICAgY29uc3QgeyBjb250YWluZXIgfSA9IHJlbmRlcig8Q2hvaWNlcyB7Li4uZGVmYXVsdFByb3BzfSBkdXBsaWNhdGVzPXt0cnVlfSB2YWx1ZT17eyAwOiAnMCcsIDE6ICcxJyB9fSAvPik7XG4gICAgICBleHBlY3QoY29udGFpbmVyLmZpcnN0Q2hpbGQpLnRvQmVJblRoZURvY3VtZW50KCk7XG4gICAgfSk7XG4gIH0pO1xuXG4gIGRlc2NyaWJlKCdDaG9pY2UnLCAoKSA9PiB7XG4gICAgY29uc3QgZGVmYXVsdFByb3BzID0ge1xuICAgICAgZGlzYWJsZWQ6IGZhbHNlLFxuICAgICAgY2hvaWNlOiBjaG9pY2UoJ0xhYmVsJywgJzEnKSxcbiAgICAgIGluc3RhbmNlSWQ6ICd0ZXN0LWluc3RhbmNlJyxcbiAgICB9O1xuXG4gICAgZGVzY3JpYmUoJ3JlbmRlcicsICgpID0+IHtcbiAgICAgIGl0KCdyZW5kZXJzIGNvcnJlY3RseSB3aXRoIGRlZmF1bHQgcHJvcHMnLCAoKSA9PiB7XG4gICAgICAgIGNvbnN0IHsgY29udGFpbmVyIH0gPSByZW5kZXIoPENob2ljZSB7Li4uZGVmYXVsdFByb3BzfSAvPik7XG4gICAgICAgIGV4cGVjdChjb250YWluZXIuZmlyc3RDaGlsZCkudG9CZUluVGhlRG9jdW1lbnQoKTtcbiAgICAgICAgZXhwZWN0KHNjcmVlbi5nZXRCeVRleHQoJ0xhYmVsJykpLnRvQmVJblRoZURvY3VtZW50KCk7XG4gICAgICB9KTtcblxuICAgICAgaXQoJ3JlbmRlcnMgY29ycmVjdGx5IHdpdGggZGlzYWJsZWQgcHJvcCBhcyB0cnVlJywgKCkgPT4ge1xuICAgICAgICBjb25zdCB7IGNvbnRhaW5lciB9ID0gcmVuZGVyKDxDaG9pY2Ugey4uLmRlZmF1bHRQcm9wc30gZGlzYWJsZWQ9e3RydWV9IC8+KTtcbiAgICAgICAgZXhwZWN0KGNvbnRhaW5lci5maXJzdENoaWxkKS50b0JlSW5UaGVEb2N1bWVudCgpO1xuICAgICAgfSk7XG4gICAgfSk7XG5cbiAgICBkZXNjcmliZSgnZnJhY3Rpb24gbWF0aCBzdHlsaW5nJywgKCkgPT4ge1xuICAgICAgaXQoJ2VubGFyZ2VzIG51bWVyYXRvci9kZW5vbWluYXRvciBkaWdpdHMgYWRqYWNlbnQgdG8gYSBmcmFjdGlvbiB0byAxMjAlJywgKCkgPT4ge1xuICAgICAgICByZW5kZXIoPENob2ljZSB7Li4uZGVmYXVsdFByb3BzfSAvPik7XG4gICAgICAgIC8vIFRoZSBuZXcgcnVsZSB0YXJnZXRzIG1qeC1tbiBkaWdpdHMgdGhhdCBzaXQgbmV4dCB0byBhbiBtangtbWZyYWMuXG4gICAgICAgIGNvbnN0IHJ1bGUgPSBjb2xsZWN0RW1vdGlvblJ1bGVzKCkuZmluZCgocikgPT4gci5pbmNsdWRlcygnbWp4LW1uJykgJiYgci5pbmNsdWRlcygnbWp4LW1mcmFjJykpO1xuICAgICAgICBleHBlY3QocnVsZSkudG9CZURlZmluZWQoKTtcbiAgICAgICAgZXhwZWN0KHJ1bGUpLnRvTWF0Y2goL21qeC1tbjpoYXNcXCh+XFxzKm1qeC1tZnJhY1xcKS8pO1xuICAgICAgICBleHBlY3QocnVsZSkudG9NYXRjaCgvbWp4LW1mcmFjXFxzKn5cXHMqbWp4LW1uLyk7XG4gICAgICAgIGV4cGVjdChydWxlKS50b01hdGNoKC9mb250LXNpemU6XFxzKjEyMCVcXHMqIWltcG9ydGFudC9pKTtcbiAgICAgIH0pO1xuXG4gICAgICBpdCgna2VlcHMgdGhlIGV4aXN0aW5nIG1qeC1mcmFjIDEyMCUgcnVsZScsICgpID0+IHtcbiAgICAgICAgcmVuZGVyKDxDaG9pY2Ugey4uLmRlZmF1bHRQcm9wc30gLz4pO1xuICAgICAgICBjb25zdCBydWxlID0gY29sbGVjdEVtb3Rpb25SdWxlcygpLmZpbmQoKHIpID0+IC8oXnxbXi1dKW1qeC1mcmFjLy50ZXN0KHIpICYmICFyLmluY2x1ZGVzKCdtangtbWZyYWMnKSk7XG4gICAgICAgIGV4cGVjdChydWxlKS50b0JlRGVmaW5lZCgpO1xuICAgICAgICBleHBlY3QocnVsZSkudG9NYXRjaCgvZm9udC1zaXplOlxccyoxMjAlXFxzKiFpbXBvcnRhbnQvaSk7XG4gICAgICB9KTtcbiAgICB9KTtcbiAgfSk7XG59KTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxJQUFBQSxLQUFBLEdBQUFDLHVCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBQyxPQUFBLEdBQUFELE9BQUE7QUFDQSxJQUFBRSxPQUFBLEdBQUFDLHNCQUFBLENBQUFILE9BQUE7QUFDQSxJQUFBSSxNQUFBLEdBQUFKLE9BQUE7QUFDQSxJQUFBSyxNQUFBLEdBQUFGLHNCQUFBLENBQUFILE9BQUE7QUFBK0IsU0FBQUQsd0JBQUFPLENBQUEsRUFBQUMsQ0FBQSw2QkFBQUMsT0FBQSxNQUFBQyxDQUFBLE9BQUFELE9BQUEsSUFBQUUsQ0FBQSxPQUFBRixPQUFBLFlBQUFULHVCQUFBLFlBQUFBLHdCQUFBTyxDQUFBLEVBQUFDLENBQUEsU0FBQUEsQ0FBQSxJQUFBRCxDQUFBLElBQUFBLENBQUEsQ0FBQUssVUFBQSxTQUFBTCxDQUFBLE1BQUFNLENBQUEsRUFBQUMsQ0FBQSxFQUFBQyxDQUFBLEtBQUFDLFNBQUEsbUJBQUFULENBQUEs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
@@ -22,14 +22,13 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
22
22
  var DRAG_TYPE = exports.DRAG_TYPE = 'MaskBlank';
23
23
  var StyledChoice = (0, _styles.styled)('span')(function (_ref) {
24
24
  var theme = _ref.theme,
25
- disabled = _ref.disabled,
26
- selected = _ref.selected;
25
+ disabled = _ref.disabled;
27
26
  return _objectSpread({
28
27
  border: "solid 0px ".concat(theme.palette.primary.main),
28
+ borderRadius: theme.spacing(2),
29
29
  margin: theme.spacing(0.5),
30
30
  transform: 'translate(0, 0)',
31
- display: 'inline-flex',
32
- opacity: selected ? 0.7 : 1
31
+ display: 'inline-flex'
33
32
  }, disabled && {});
34
33
  });
35
34
  var StyledChip = (0, _styles.styled)(_Chip["default"])(function () {
@@ -75,9 +74,7 @@ function Choice(_ref2) {
75
74
  var _rootRef$current, _rootRef$current2;
76
75
  var choice = _ref2.choice,
77
76
  disabled = _ref2.disabled,
78
- instanceId = _ref2.instanceId,
79
- selectedItem = _ref2.selectedItem,
80
- onSelectClick = _ref2.onSelectClick;
77
+ instanceId = _ref2.instanceId;
81
78
  var rootRef = (0, _react.useRef)(null);
82
79
  var _useDraggable = (0, _core.useDraggable)({
83
80
  id: "choice-".concat(choice.id),
@@ -96,17 +93,6 @@ function Choice(_ref2) {
96
93
  (0, _react.useEffect)(function () {
97
94
  (0, _mathRendering.renderMath)(rootRef.current);
98
95
  }, [choice.value]);
99
- var isSelected = !!selectedItem && selectedItem.fromChoice === true && selectedItem.choice.id === choice.id;
100
- var handleClick = function handleClick(e) {
101
- if (disabled) return;
102
- e.stopPropagation();
103
- onSelectClick === null || onSelectClick === void 0 || onSelectClick({
104
- choice: choice,
105
- instanceId: instanceId,
106
- fromChoice: true,
107
- type: DRAG_TYPE
108
- });
109
- };
110
96
  return /*#__PURE__*/_react["default"].createElement(StyledChoice, (0, _extends2["default"])({
111
97
  ref: setNodeRef,
112
98
  style: isDragging ? {
@@ -114,9 +100,7 @@ function Choice(_ref2) {
114
100
  // min-width of chip is 90px, so if we don't have the width, we can use 90px as a fallback
115
101
  height: ((_rootRef$current2 = rootRef.current) === null || _rootRef$current2 === void 0 ? void 0 : _rootRef$current2.offsetHeight) || 32 // min-height of chip is 32px, so if we don't have the height, we can use 32px as a fallback
116
102
  } : {},
117
- disabled: disabled,
118
- selected: isSelected,
119
- onClick: handleClick
103
+ disabled: disabled
120
104
  }, listeners, attributes), /*#__PURE__*/_react["default"].createElement(StyledChip, {
121
105
  clickable: false,
122
106
  disabled: disabled,
@@ -131,8 +115,6 @@ function Choice(_ref2) {
131
115
  Choice.propTypes = {
132
116
  choice: _propTypes["default"].object.isRequired,
133
117
  disabled: _propTypes["default"].bool,
134
- instanceId: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
135
- selectedItem: _propTypes["default"].object,
136
- onSelectClick: _propTypes["default"].func
118
+ instanceId: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
137
119
  };
138
120
  //# sourceMappingURL=choice.js.map
@@ -1 +1 @@
1
- {"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","selected","border","concat","palette","primary","main","margin","spacing","transform","display","opacity","StyledChip","Chip","backgroundColor","color","white","text","alignItems","height","minHeight","fontSize","whiteSpace","maxWidth","pointerEvents","borderRadius","paddingTop","paddingBottom","StyledChipLabel","padding","Choice","_ref2","_rootRef$current","_rootRef$current2","choice","instanceId","selectedItem","onSelectClick","rootRef","useRef","_useDraggable","useDraggable","id","data","fromChoice","type","attributes","listeners","setNodeRef","isDragging","useEffect","renderMath","current","value","isSelected","handleClick","stopPropagation","createElement","_extends2","ref","style","width","offsetWidth","offsetHeight","onClick","clickable","label","dangerouslySetInnerHTML","__html","propTypes","PropTypes","object","isRequired","bool","oneOfType","string","number","func"],"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, selected }) => ({\n border: `solid 0px ${theme.palette.primary.main}`,\n margin: theme.spacing(0.5),\n transform: 'translate(0, 0)',\n display: 'inline-flex',\n opacity: selected ? 0.7 : 1,\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 '& mjx-mn:has(~ mjx-mfrac), mjx-mfrac ~ mjx-mn': {\n fontSize: '120% !important',\n },\n}));\n\nexport default function Choice({ choice, disabled, instanceId, selectedItem, onSelectClick }) {\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 const isSelected = !!selectedItem && selectedItem.fromChoice === true && selectedItem.choice.id === choice.id;\n\n const handleClick = (e) => {\n if (disabled) return;\n\n e.stopPropagation();\n onSelectClick?.({ choice, instanceId, fromChoice: true, type: DRAG_TYPE });\n };\n\n return (\n <StyledChoice\n ref={setNodeRef}\n style={\n isDragging\n ? {\n width: rootRef.current?.offsetWidth || 90, // min-width of chip is 90px, so if we don't have the width, we can use 90px as a fallback\n height: rootRef.current?.offsetHeight || 32, // min-height of chip is 32px, so if we don't have the height, we can use 32px as a fallback\n }\n : {}\n }\n disabled={disabled}\n selected={isSelected}\n onClick={handleClick}\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 selectedItem: PropTypes.object,\n onSelectClick: PropTypes.func,\n};\n"],"mappings":"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","ignoreList":[]}
1
+ {"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 '& mjx-mn:has(~ mjx-mfrac), mjx-mfrac ~ mjx-mn': {\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 || 90, // min-width of chip is 90px, so if we don't have the width, we can use 90px as a fallback\n height: rootRef.current?.offsetHeight || 32, // min-height of chip is 32px, so if we don't have the height, we can use 32px as a fallback\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":[]}
@@ -49,34 +49,18 @@ var Choices = exports["default"] = /*#__PURE__*/function (_React$Component) {
49
49
  };
50
50
  }
51
51
  });
52
- (0, _defineProperty2["default"])(_this, "handlePoolClick", function () {
53
- var _this$props = _this.props,
54
- disabled = _this$props.disabled,
55
- selectedItem = _this$props.selectedItem,
56
- onPlacementClick = _this$props.onPlacementClick;
57
- if (disabled) return;
58
- if (selectedItem) {
59
- // `undefined` targetId means "the choice board" — drag-in-the-blank.jsx's
60
- // commitPlacement routes it to removing the item from wherever it currently is.
61
- onPlacementClick === null || onPlacementClick === void 0 || onPlacementClick(undefined);
62
- }
63
-
64
- // Pool background clicked with nothing selected: nothing to place.
65
- });
66
52
  return _this;
67
53
  }
68
54
  (0, _inherits2["default"])(Choices, _React$Component);
69
55
  return (0, _createClass2["default"])(Choices, [{
70
56
  key: "render",
71
57
  value: function render() {
72
- var _this$props2 = this.props,
73
- disabled = _this$props2.disabled,
74
- duplicates = _this$props2.duplicates,
75
- choices = _this$props2.choices,
76
- value = _this$props2.value,
77
- instanceId = _this$props2.instanceId,
78
- selectedItem = _this$props2.selectedItem,
79
- onSelectClick = _this$props2.onSelectClick;
58
+ var _this$props = this.props,
59
+ disabled = _this$props.disabled,
60
+ duplicates = _this$props.duplicates,
61
+ choices = _this$props.choices,
62
+ value = _this$props.value,
63
+ instanceId = _this$props.instanceId;
80
64
  var filteredChoices = choices.filter(function (c) {
81
65
  if (duplicates === true) {
82
66
  return true;
@@ -90,8 +74,7 @@ var Choices = exports["default"] = /*#__PURE__*/function (_React$Component) {
90
74
  minWidth: '100px'
91
75
  });
92
76
  return /*#__PURE__*/_react["default"].createElement("div", {
93
- style: elementStyle,
94
- onClick: this.handlePoolClick
77
+ style: elementStyle
95
78
  }, /*#__PURE__*/_react["default"].createElement(_drag.DragDroppablePlaceholder, {
96
79
  disabled: disabled,
97
80
  instanceId: instanceId
@@ -100,9 +83,7 @@ var Choices = exports["default"] = /*#__PURE__*/function (_React$Component) {
100
83
  key: "".concat(c.value, "-").concat(index),
101
84
  disabled: disabled,
102
85
  choice: c,
103
- instanceId: instanceId,
104
- selectedItem: selectedItem,
105
- onSelectClick: onSelectClick
86
+ instanceId: instanceId
106
87
  });
107
88
  })));
108
89
  }
@@ -117,10 +98,6 @@ var Choices = exports["default"] = /*#__PURE__*/function (_React$Component) {
117
98
  })),
118
99
  value: _propTypes["default"].object,
119
100
  choicePosition: _propTypes["default"].string.isRequired,
120
- instanceId: _propTypes["default"].string,
121
- // Added for drag isolation
122
- selectedItem: _propTypes["default"].object,
123
- onSelectClick: _propTypes["default"].func,
124
- onPlacementClick: _propTypes["default"].func
101
+ instanceId: _propTypes["default"].string // Added for drag isolation
125
102
  });
126
103
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_lodashEs","_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","_this$props","disabled","selectedItem","onPlacementClick","undefined","_inherits2","_createClass2","key","value","render","_this$props2","duplicates","choices","instanceId","onSelectClick","filteredChoices","c","foundChoice","findKey","v","id","elementStyle","getStyleForWrapper","minWidth","createElement","style","onClick","handlePoolClick","DragDroppablePlaceholder","map","index","choice","React","Component","PropTypes","bool","arrayOf","shape","label","string","object","isRequired","func"],"sources":["../../src/choices/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { findKey } from 'lodash-es';\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 selectedItem: PropTypes.object,\n onSelectClick: PropTypes.func,\n onPlacementClick: PropTypes.func,\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 handlePoolClick = () => {\n const { disabled, selectedItem, onPlacementClick } = this.props;\n\n if (disabled) return;\n\n if (selectedItem) {\n // `undefined` targetId means \"the choice board\" — drag-in-the-blank.jsx's\n // commitPlacement routes it to removing the item from wherever it currently is.\n onPlacementClick?.(undefined);\n }\n\n // Pool background clicked with nothing selected: nothing to place.\n };\n\n render() {\n const { disabled, duplicates, choices, value, instanceId, selectedItem, onSelectClick } = 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} onClick={this.handlePoolClick}>\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 selectedItem={selectedItem}\n onSelectClick={onSelectClick}\n />\n ))}\n </DragDroppablePlaceholder>\n </div>\n );\n }\n}\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAAyD,SAAAK,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,aAAAhB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAc,yBAAA,GAAAd,MAAA,CAAAe,gBAAA,CAAAlB,CAAA,EAAAG,MAAA,CAAAc,yBAAA,CAAAf,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAgB,cAAA,CAAAnB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAAA,SAAAoB,WAAAlB,CAAA,EAAAI,CAAA,EAAAN,CAAA,WAAAM,CAAA,OAAAe,gBAAA,aAAAf,CAAA,OAAAgB,2BAAA,aAAApB,CAAA,EAAAqB,yBAAA,KAAAC,OAAA,CAAAC,SAAA,CAAAnB,CAAA,EAAAN,CAAA,YAAAqB,gBAAA,aAAAnB,CAAA,EAAAwB,WAAA,IAAApB,CAAA,CAAAK,KAAA,CAAAT,CAAA,EAAAF,CAAA;AAAA,SAAAuB,0BAAA,cAAArB,CAAA,IAAAyB,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAN,OAAA,CAAAC,SAAA,CAAAE,OAAA,iCAAAzB,CAAA,aAAAqB,yBAAA,YAAAA,0BAAA,aAAArB,CAAA;AAAA,IAEpC6B,OAAO,GAAAC,OAAA,qCAAAC,gBAAA;EAAA,SAAAF,QAAA;IAAA,IAAAG,KAAA;IAAA,IAAAC,gBAAA,mBAAAJ,OAAA;IAAA,SAAAK,IAAA,GAAAvB,SAAA,CAAAC,MAAA,EAAAuB,IAAA,OAAAC,KAAA,CAAAF,IAAA,GAAAG,IAAA,MAAAA,IAAA,GAAAH,IAAA,EAAAG,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAA1B,SAAA,CAAA0B,IAAA;IAAA;IAAAL,KAAA,GAAAd,UAAA,OAAAW,OAAA,KAAAS,MAAA,CAAAH,IAAA;IAAA,IAAArB,gBAAA,aAAAkB,KAAA,wBAaL,YAAM;MACzB,IAAQO,cAAc,GAAKP,KAAA,CAAKQ,KAAK,CAA7BD,cAAc;MAEtB,QAAQA,cAAc;QACpB,KAAK,OAAO;UACV,OAAO;YACLE,MAAM,EAAE;UACV,CAAC;QAEH,KAAK,OAAO;UACV,OAAO;YACLA,MAAM,EAAE;UACV,CAAC;QAEH,KAAK,OAAO;UACV,OAAO;YACLA,MAAM,EAAE;UACV,CAAC;QAEH;UACE,OAAO;YACLA,MAAM,EAAE;UACV,CAAC;MACL;IACF,CAAC;IAAA,IAAA3B,gBAAA,aAAAkB,KAAA,qBAEiB,YAAM;MACtB,IAAAU,WAAA,GAAqDV,KAAA,CAAKQ,KAAK;QAAvDG,QAAQ,GAAAD,WAAA,CAARC,QAAQ;QAAEC,YAAY,GAAAF,WAAA,CAAZE,YAAY;QAAEC,gBAAgB,GAAAH,WAAA,CAAhBG,gBAAgB;MAEhD,IAAIF,QAAQ,EAAE;MAEd,IAAIC,YAAY,EAAE;QAChB;QACA;QACAC,gBAAgB,aAAhBA,gBAAgB,eAAhBA,gBAAgB,CAAGC,SAAS,CAAC;MAC/B;;MAEA;IACF,CAAC;IAAA,OAAAd,KAAA;EAAA;EAAA,IAAAe,UAAA,aAAAlB,OAAA,EAAAE,gBAAA;EAAA,WAAAiB,aAAA,aAAAnB,OAAA;IAAAoB,GAAA;IAAAC,KAAA,EAED,SAAAC,MAAMA,CAAA,EAAG;MACP,IAAAC,YAAA,GAA0F,IAAI,CAACZ,KAAK;QAA5FG,QAAQ,GAAAS,YAAA,CAART,QAAQ;QAAEU,UAAU,GAAAD,YAAA,CAAVC,UAAU;QAAEC,OAAO,GAAAF,YAAA,CAAPE,OAAO;QAAEJ,KAAK,GAAAE,YAAA,CAALF,KAAK;QAAEK,UAAU,GAAAH,YAAA,CAAVG,UAAU;QAAEX,YAAY,GAAAQ,YAAA,CAAZR,YAAY;QAAEY,aAAa,GAAAJ,YAAA,CAAbI,aAAa;MACrF,IAAMC,eAAe,GAAGH,OAAO,CAACjD,MAAM,CAAC,UAACqD,CAAC,EAAK;QAC5C,IAAIL,UAAU,KAAK,IAAI,EAAE;UACvB,OAAO,IAAI;QACb;QACA,IAAMM,WAAW,GAAG,IAAAC,iBAAO,EAACV,KAAK,EAAE,UAACW,CAAC;UAAA,OAAKA,CAAC,KAAKH,CAAC,CAACI,EAAE;QAAA,EAAC;QACrD,OAAOH,WAAW,KAAKb,SAAS;MAClC,CAAC,CAAC;MACF,IAAMiB,YAAY,GAAArD,aAAA,CAAAA,aAAA,KAAQ,IAAI,CAACsD,kBAAkB,CAAC,CAAC;QAAEC,QAAQ,EAAE;MAAO,EAAE;MAExE,oBACE3E,MAAA,YAAA4E,aAAA;QAAKC,KAAK,EAAEJ,YAAa;QAACK,OAAO,EAAE,IAAI,CAACC;MAAgB,gBACtD/E,MAAA,YAAA4E,aAAA,CAACtE,KAAA,CAAA0E,wBAAwB;QAAC3B,QAAQ,EAAEA,QAAS;QAACY,UAAU,EAAEA;MAAW,GAClEE,eAAe,CAACc,GAAG,CAAC,UAACb,CAAC,EAAEc,KAAK;QAAA,oBAC5BlF,MAAA,YAAA4E,aAAA,CAACvE,OAAA,WAAM;UACLsD,GAAG,KAAAX,MAAA,CAAKoB,CAAC,CAACR,KAAK,OAAAZ,MAAA,CAAIkC,KAAK,CAAG;UAC3B7B,QAAQ,EAAEA,QAAS;UACnB8B,MAAM,EAAEf,CAAE;UACVH,UAAU,EAAEA,UAAW;UACvBX,YAAY,EAAEA,YAAa;UAC3BY,aAAa,EAAEA;QAAc,CAC9B,CAAC;MAAA,CACH,CACuB,CACvB,CAAC;IAEV;EAAC;AAAA,EAhFkCkB,iBAAK,CAACC,SAAS;AAAA,IAAA7D,gBAAA,aAA/Be,OAAO,eACP;EACjBc,QAAQ,EAAEiC,qBAAS,CAACC,IAAI;EACxBxB,UAAU,EAAEuB,qBAAS,CAACC,IAAI;EAC1BvB,OAAO,EAAEsB,qBAAS,CAACE,OAAO,CAACF,qBAAS,CAACG,KAAK,CAAC;IAAEC,KAAK,EAAEJ,qBAAS,CAACK,MAAM;IAAE/B,KAAK,EAAE0B,qBAAS,CAACK;EAAO,CAAC,CAAC,CAAC;EACjG/B,KAAK,EAAE0B,qBAAS,CAACM,MAAM;EACvB3C,cAAc,EAAEqC,qBAAS,CAACK,MAAM,CAACE,UAAU;EAC3C5B,UAAU,EAAEqB,qBAAS,CAACK,MAAM;EAAE;EAC9BrC,YAAY,EAAEgC,qBAAS,CAACM,MAAM;EAC9B1B,aAAa,EAAEoB,qBAAS,CAACQ,IAAI;EAC7BvC,gBAAgB,EAAE+B,qBAAS,CAACQ;AAC9B,CAAC","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_lodashEs","_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-es';\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 key={`${c.value}-${index}`} disabled={disabled} choice={c} instanceId={instanceId} />\n ))}\n </DragDroppablePlaceholder>\n </div>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}