@pie-element/complex-rubric 1.0.3-next.4582 → 1.0.4-next.173

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 (91) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/configure/CHANGELOG.md +8 -0
  3. package/configure/package.json +5 -5
  4. package/controller/CHANGELOG.md +8 -0
  5. package/controller/package.json +2 -2
  6. package/package.json +4 -4
  7. package/configure/node_modules/@pie-element/multi-trait-rubric/CHANGELOG.json +0 -1
  8. package/configure/node_modules/@pie-element/multi-trait-rubric/CHANGELOG.md +0 -384
  9. package/configure/node_modules/@pie-element/multi-trait-rubric/LICENSE.md +0 -5
  10. package/configure/node_modules/@pie-element/multi-trait-rubric/README.md +0 -55
  11. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/CHANGELOG.json +0 -1
  12. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/CHANGELOG.md +0 -352
  13. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/common.js +0 -463
  14. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/common.js.map +0 -1
  15. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/defaults.js +0 -82
  16. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/defaults.js.map +0 -1
  17. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/index.js +0 -126
  18. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/index.js.map +0 -1
  19. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/main.js +0 -445
  20. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/main.js.map +0 -1
  21. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/modals.js +0 -324
  22. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/modals.js.map +0 -1
  23. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/scale.js +0 -494
  24. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/scale.js.map +0 -1
  25. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/trait.js +0 -339
  26. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/trait.js.map +0 -1
  27. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/traitsHeader.js +0 -258
  28. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/traitsHeader.js.map +0 -1
  29. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/utils.js +0 -29
  30. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/utils.js.map +0 -1
  31. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/package.json +0 -22
  32. package/configure/node_modules/@pie-element/multi-trait-rubric/controller/CHANGELOG.json +0 -1
  33. package/configure/node_modules/@pie-element/multi-trait-rubric/controller/CHANGELOG.md +0 -66
  34. package/configure/node_modules/@pie-element/multi-trait-rubric/controller/lib/defaults.js +0 -9
  35. package/configure/node_modules/@pie-element/multi-trait-rubric/controller/lib/defaults.js.map +0 -1
  36. package/configure/node_modules/@pie-element/multi-trait-rubric/controller/lib/index.js +0 -122
  37. package/configure/node_modules/@pie-element/multi-trait-rubric/controller/lib/index.js.map +0 -1
  38. package/configure/node_modules/@pie-element/multi-trait-rubric/controller/package.json +0 -15
  39. package/configure/node_modules/@pie-element/multi-trait-rubric/docs/config-schema.json +0 -226
  40. package/configure/node_modules/@pie-element/multi-trait-rubric/docs/config-schema.json.md +0 -169
  41. package/configure/node_modules/@pie-element/multi-trait-rubric/docs/demo/config.js +0 -8
  42. package/configure/node_modules/@pie-element/multi-trait-rubric/docs/demo/generate.js +0 -108
  43. package/configure/node_modules/@pie-element/multi-trait-rubric/docs/demo/index.html +0 -1
  44. package/configure/node_modules/@pie-element/multi-trait-rubric/docs/demo/session.js +0 -6
  45. package/configure/node_modules/@pie-element/multi-trait-rubric/docs/pie-schema.json +0 -282
  46. package/configure/node_modules/@pie-element/multi-trait-rubric/docs/pie-schema.json.md +0 -189
  47. package/configure/node_modules/@pie-element/multi-trait-rubric/lib/index.js +0 -85
  48. package/configure/node_modules/@pie-element/multi-trait-rubric/lib/index.js.map +0 -1
  49. package/configure/node_modules/@pie-element/multi-trait-rubric/lib/main.js +0 -99
  50. package/configure/node_modules/@pie-element/multi-trait-rubric/lib/main.js.map +0 -1
  51. package/configure/node_modules/@pie-element/multi-trait-rubric/lib/scale.js +0 -209
  52. package/configure/node_modules/@pie-element/multi-trait-rubric/lib/scale.js.map +0 -1
  53. package/configure/node_modules/@pie-element/multi-trait-rubric/lib/trait.js +0 -103
  54. package/configure/node_modules/@pie-element/multi-trait-rubric/lib/trait.js.map +0 -1
  55. package/configure/node_modules/@pie-element/multi-trait-rubric/package.json +0 -24
  56. package/configure/node_modules/@pie-element/rubric/CHANGELOG.json +0 -257
  57. package/configure/node_modules/@pie-element/rubric/CHANGELOG.md +0 -739
  58. package/configure/node_modules/@pie-element/rubric/LICENSE.md +0 -5
  59. package/configure/node_modules/@pie-element/rubric/README.md +0 -3
  60. package/configure/node_modules/@pie-element/rubric/configure/CHANGELOG.json +0 -197
  61. package/configure/node_modules/@pie-element/rubric/configure/CHANGELOG.md +0 -623
  62. package/configure/node_modules/@pie-element/rubric/configure/lib/index.js +0 -93
  63. package/configure/node_modules/@pie-element/rubric/configure/lib/index.js.map +0 -1
  64. package/configure/node_modules/@pie-element/rubric/configure/package.json +0 -16
  65. package/configure/node_modules/@pie-element/rubric/configure/src/index.js +0 -38
  66. package/configure/node_modules/@pie-element/rubric/controller/CHANGELOG.json +0 -17
  67. package/configure/node_modules/@pie-element/rubric/controller/CHANGELOG.md +0 -105
  68. package/configure/node_modules/@pie-element/rubric/controller/lib/index.js +0 -14
  69. package/configure/node_modules/@pie-element/rubric/controller/lib/index.js.map +0 -1
  70. package/configure/node_modules/@pie-element/rubric/controller/package.json +0 -9
  71. package/configure/node_modules/@pie-element/rubric/controller/src/__tests__/index.test.js +0 -35
  72. package/configure/node_modules/@pie-element/rubric/controller/src/index.js +0 -6
  73. package/configure/node_modules/@pie-element/rubric/docs/config-schema.json +0 -24
  74. package/configure/node_modules/@pie-element/rubric/docs/config-schema.json.md +0 -19
  75. package/configure/node_modules/@pie-element/rubric/docs/demo/config.js +0 -8
  76. package/configure/node_modules/@pie-element/rubric/docs/demo/generate.js +0 -8
  77. package/configure/node_modules/@pie-element/rubric/docs/demo/index.html +0 -3
  78. package/configure/node_modules/@pie-element/rubric/docs/pie-schema.json +0 -62
  79. package/configure/node_modules/@pie-element/rubric/docs/pie-schema.json.md +0 -35
  80. package/configure/node_modules/@pie-element/rubric/lib/index.js +0 -88
  81. package/configure/node_modules/@pie-element/rubric/lib/index.js.map +0 -1
  82. package/configure/node_modules/@pie-element/rubric/lib/main.js +0 -171
  83. package/configure/node_modules/@pie-element/rubric/lib/main.js.map +0 -1
  84. package/configure/node_modules/@pie-element/rubric/lib/print.js +0 -114
  85. package/configure/node_modules/@pie-element/rubric/lib/print.js.map +0 -1
  86. package/configure/node_modules/@pie-element/rubric/package.json +0 -25
  87. package/configure/node_modules/@pie-element/rubric/src/__tests__/__snapshots__/rubric-view.test.jsx.snap +0 -22767
  88. package/configure/node_modules/@pie-element/rubric/src/__tests__/rubric-view.test.jsx +0 -48
  89. package/configure/node_modules/@pie-element/rubric/src/index.js +0 -38
  90. package/configure/node_modules/@pie-element/rubric/src/main.jsx +0 -117
  91. package/configure/node_modules/@pie-element/rubric/src/print.js +0 -63
@@ -1,339 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = exports.TraitTile = exports.StyledTrait = void 0;
9
-
10
- var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
11
-
12
- var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
13
-
14
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
15
-
16
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
17
-
18
- var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
19
-
20
- var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
21
-
22
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
23
-
24
- var _react = _interopRequireDefault(require("react"));
25
-
26
- var _debug = _interopRequireDefault(require("debug"));
27
-
28
- var _propTypes = _interopRequireDefault(require("prop-types"));
29
-
30
- var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
31
-
32
- var _reactDnd = require("react-dnd");
33
-
34
- var _styles = require("@material-ui/core/styles");
35
-
36
- var _renderUi = require("@pie-lib/render-ui");
37
-
38
- var _common = require("./common");
39
-
40
- var _utils = require("./utils");
41
-
42
- var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
43
-
44
- var _MoreVert = _interopRequireDefault(require("@material-ui/icons/MoreVert"));
45
-
46
- var _Menu = _interopRequireDefault(require("@material-ui/core/Menu"));
47
-
48
- var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
49
-
50
- var _DragIndicator = _interopRequireDefault(require("@material-ui/icons/DragIndicator"));
51
-
52
- 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); }; }
53
-
54
- 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; } }
55
-
56
- var log = (0, _debug["default"])('@pie-element:placement-ordering:configure:trait-tile');
57
- var styles = {
58
- actions: {
59
- color: _renderUi.color.text()
60
- },
61
- controls: {
62
- display: 'flex',
63
- justifyContent: 'flex-end',
64
- position: 'absolute',
65
- top: '28px',
66
- right: '8px',
67
- cursor: 'pointer'
68
- },
69
- dragHandle: {
70
- position: 'absolute',
71
- top: '80px',
72
- left: "-".concat(_common.DragHandleSpace, "px"),
73
- cursor: 'move'
74
- },
75
- removeLabel: {
76
- display: 'flex',
77
- whiteSpace: 'break-spaces'
78
- }
79
- };
80
-
81
- var TraitTile = /*#__PURE__*/function (_React$Component) {
82
- (0, _inherits2["default"])(TraitTile, _React$Component);
83
-
84
- var _super = _createSuper(TraitTile);
85
-
86
- function TraitTile() {
87
- var _this;
88
-
89
- (0, _classCallCheck2["default"])(this, TraitTile);
90
-
91
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
92
- args[_key] = arguments[_key];
93
- }
94
-
95
- _this = _super.call.apply(_super, [this].concat(args));
96
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {});
97
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onTraitChanged", function (params) {
98
- var _this$props = _this.props,
99
- trait = _this$props.trait,
100
- onTraitChanged = _this$props.onTraitChanged;
101
- if ((0, _isEmpty["default"])(params)) return;
102
- Object.keys(params).forEach(function (key) {
103
- trait[key] = params[key];
104
- });
105
- onTraitChanged(trait);
106
- });
107
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onScorePointDescriptorChange", function (_ref) {
108
- var descriptor = _ref.descriptor,
109
- value = _ref.value;
110
- var scorePointsDescriptors = _this.props.trait.scorePointsDescriptors;
111
- if (value < 0 || value >= scorePointsDescriptors.length) return;
112
- scorePointsDescriptors[value] = descriptor;
113
-
114
- _this.onTraitChanged({
115
- scorePointsDescriptors: scorePointsDescriptors
116
- });
117
- });
118
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClick", function (event) {
119
- return _this.setState({
120
- anchorEl: event.currentTarget
121
- });
122
- });
123
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClose", function () {
124
- return _this.setState({
125
- anchorEl: null
126
- });
127
- });
128
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "scrollToPosition", function (position) {
129
- return _this.secondaryBlock.scrollTo({
130
- left: position
131
- });
132
- });
133
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "openMenu", function () {
134
- _this.props.onTraitRemoved();
135
-
136
- _this.handleClose();
137
- });
138
- return _this;
139
- }
140
-
141
- (0, _createClass2["default"])(TraitTile, [{
142
- key: "UNSAFE_componentWillReceiveProps",
143
- value: function UNSAFE_componentWillReceiveProps(nextProps) {
144
- if (nextProps.currentPosition !== this.props.currentPosition || this.secondaryBlock && this.secondaryBlock.scrollLeft !== nextProps.currentPosition) {
145
- this.scrollToPosition(nextProps.currentPosition);
146
- }
147
- }
148
- }, {
149
- key: "render",
150
- value: function render() {
151
- var _this2 = this;
152
-
153
- var _this$props2 = this.props,
154
- classes = _this$props2.classes,
155
- connectDragSource = _this$props2.connectDragSource,
156
- connectDropTarget = _this$props2.connectDropTarget,
157
- connectDragPreview = _this$props2.connectDragPreview,
158
- _this$props2$trait = _this$props2.trait,
159
- name = _this$props2$trait.name,
160
- standards = _this$props2$trait.standards,
161
- description = _this$props2$trait.description,
162
- scorePointsDescriptors = _this$props2$trait.scorePointsDescriptors,
163
- scorePointsValues = _this$props2.scorePointsValues,
164
- showStandards = _this$props2.showStandards,
165
- showDescription = _this$props2.showDescription,
166
- enableDragAndDrop = _this$props2.enableDragAndDrop,
167
- currentPosition = _this$props2.currentPosition,
168
- secondaryBlockWidth = _this$props2.secondaryBlockWidth,
169
- spellCheck = _this$props2.spellCheck,
170
- uploadSoundSupport = _this$props2.uploadSoundSupport;
171
- var anchorEl = this.state.anchorEl;
172
- var pluginProps = {
173
- image: {
174
- disabled: true
175
- },
176
- math: {
177
- disabled: true
178
- }
179
- };
180
- return connectDragPreview(connectDropTarget( /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_common.Row, null, /*#__PURE__*/_react["default"].createElement(_common.PrimaryBlock, null, enableDragAndDrop ? connectDragSource( /*#__PURE__*/_react["default"].createElement("span", {
181
- className: classes.dragHandle
182
- }, /*#__PURE__*/_react["default"].createElement(_DragIndicator["default"], {
183
- className: classes.actions
184
- }))) : null, /*#__PURE__*/_react["default"].createElement("div", {
185
- className: classes.controls
186
- }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
187
- "aria-label": "more",
188
- "aria-controls": "long-menu",
189
- "aria-haspopup": "true",
190
- onClick: this.handleClick
191
- }, /*#__PURE__*/_react["default"].createElement(_MoreVert["default"], null)), /*#__PURE__*/_react["default"].createElement(_Menu["default"], {
192
- id: "long-menu",
193
- anchorEl: anchorEl,
194
- keepMounted: true,
195
- open: !!anchorEl,
196
- onClose: this.handleClose
197
- }, /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
198
- onClick: this.openMenu
199
- }, /*#__PURE__*/_react["default"].createElement("div", {
200
- className: classes.removeLabel,
201
- dangerouslySetInnerHTML: {
202
- __html: "Remove ".concat(name)
203
- }
204
- })))), /*#__PURE__*/_react["default"].createElement(_common.UnderlinedInput, {
205
- markup: name,
206
- onChange: function onChange(name) {
207
- return _this2.onTraitChanged({
208
- name: name
209
- });
210
- },
211
- pluginProps: _utils.labelPlugins,
212
- placeholder: "Enter Trait",
213
- spellCheck: spellCheck,
214
- uploadSoundSupport: uploadSoundSupport
215
- })), /*#__PURE__*/_react["default"].createElement(_common.SecondaryBlock, {
216
- setRef: function setRef(ref) {
217
- _this2.secondaryBlock = ref;
218
- },
219
- width: "".concat(secondaryBlockWidth, "px")
220
- }, showStandards && standards && /*#__PURE__*/_react["default"].createElement(_common.Block, null, /*#__PURE__*/_react["default"].createElement(_common.ExpandedInput, {
221
- placeholder: "Standards",
222
- markup: standards.join(','),
223
- onChange: function onChange(standards) {
224
- return _this2.onTraitChanged({
225
- standards: standards.split(',')
226
- });
227
- },
228
- pluginProps: pluginProps,
229
- spellCheck: spellCheck,
230
- uploadSoundSupport: uploadSoundSupport
231
- })), showDescription && /*#__PURE__*/_react["default"].createElement(_common.Block, null, /*#__PURE__*/_react["default"].createElement(_common.ExpandedInput, {
232
- placeholder: "Description",
233
- markup: description,
234
- onChange: function onChange(description) {
235
- return _this2.onTraitChanged({
236
- description: description
237
- });
238
- },
239
- pluginProps: pluginProps,
240
- spellCheck: spellCheck,
241
- uploadSoundSupport: uploadSoundSupport
242
- })), (scorePointsValues || []).map(function (scorePointsValue, index) {
243
- var adjustedBlockWidth = _common.BlockWidth + 2 * 8; // 8 is padding
244
-
245
- var remainingSpace = secondaryBlockWidth - adjustedBlockWidth * index + currentPosition - 98;
246
- var value = scorePointsValues.length - index - 1;
247
- var scoreDescriptor;
248
-
249
- try {
250
- scoreDescriptor = scorePointsDescriptors[value] || '';
251
- } catch (e) {
252
- scoreDescriptor = '';
253
- }
254
-
255
- return /*#__PURE__*/_react["default"].createElement(_common.Block, {
256
- key: "key-key-".concat(index)
257
- }, /*#__PURE__*/_react["default"].createElement(_common.ExpandedInput, {
258
- placeholder: "Enter Description Here",
259
- markup: scoreDescriptor,
260
- onChange: function onChange(descriptor) {
261
- return _this2.onScorePointDescriptorChange({
262
- descriptor: descriptor,
263
- value: value
264
- });
265
- },
266
- pluginProps: pluginProps,
267
- alignToRight: remainingSpace < 296 // 296 is the space required for the toolbar
268
- ,
269
- spellCheck: spellCheck,
270
- uploadSoundSupport: uploadSoundSupport
271
- }));
272
- }))))));
273
- }
274
- }]);
275
- return TraitTile;
276
- }(_react["default"].Component);
277
-
278
- exports.TraitTile = TraitTile;
279
- TraitTile.propTypes = {
280
- connectDragSource: _propTypes["default"].func.isRequired,
281
- connectDropTarget: _propTypes["default"].func.isRequired,
282
- connectDragPreview: _propTypes["default"].func.isRequired,
283
- classes: _propTypes["default"].object.isRequired,
284
- isDragging: _propTypes["default"].bool.isRequired,
285
- id: _propTypes["default"].any,
286
- isOver: _propTypes["default"].bool,
287
- index: _propTypes["default"].number,
288
- onTraitChanged: _propTypes["default"].func.isRequired,
289
- onTraitRemoved: _propTypes["default"].func.isRequired,
290
- trait: _propTypes["default"].shape({
291
- name: _propTypes["default"].string,
292
- standards: _propTypes["default"].arrayOf(_propTypes["default"].string),
293
- scorePointsDescriptors: _propTypes["default"].arrayOf(_propTypes["default"].string),
294
- description: _propTypes["default"].string
295
- }),
296
- scorePointsValues: _propTypes["default"].arrayOf(_propTypes["default"].number),
297
- showStandards: _propTypes["default"].bool,
298
- showDescription: _propTypes["default"].bool,
299
- enableDragAndDrop: _propTypes["default"].bool,
300
- currentPosition: _propTypes["default"].number,
301
- secondaryBlockWidth: _propTypes["default"].number
302
- };
303
- var StyledTrait = (0, _styles.withStyles)(styles)(TraitTile);
304
- exports.StyledTrait = StyledTrait;
305
- var NAME = 'trait-config';
306
- var traitSource = {
307
- beginDrag: function beginDrag(props) {
308
- return {
309
- name: props.trait.name,
310
- index: props.index
311
- };
312
- }
313
- };
314
- var StyledSource = (0, _reactDnd.DragSource)(NAME, traitSource, function (connect, monitor) {
315
- return {
316
- connectDragSource: connect.dragSource(),
317
- connectDragPreview: connect.dragPreview(),
318
- isDragging: monitor.isDragging()
319
- };
320
- })(StyledTrait);
321
- var traitTarget = {
322
- hover: function hover() {
323
- log('[hover]');
324
- },
325
- drop: function drop(props, monitor) {
326
- var item = monitor.getItem();
327
- log('[drop] item: ', item, 'didDrop?', monitor.didDrop());
328
- props.onTraitDropped(item, props.index);
329
- }
330
- };
331
- var StyledSourceAndTarget = (0, _reactDnd.DropTarget)(NAME, traitTarget, function (connect, monitor) {
332
- return {
333
- connectDropTarget: connect.dropTarget(),
334
- isOver: monitor.isOver()
335
- };
336
- })(StyledSource);
337
- var _default = StyledSourceAndTarget;
338
- exports["default"] = _default;
339
- //# sourceMappingURL=trait.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/trait.jsx"],"names":["log","styles","actions","color","text","controls","display","justifyContent","position","top","right","cursor","dragHandle","left","DragHandleSpace","removeLabel","whiteSpace","TraitTile","params","props","trait","onTraitChanged","Object","keys","forEach","key","descriptor","value","scorePointsDescriptors","length","event","setState","anchorEl","currentTarget","secondaryBlock","scrollTo","onTraitRemoved","handleClose","nextProps","currentPosition","scrollLeft","scrollToPosition","classes","connectDragSource","connectDropTarget","connectDragPreview","name","standards","description","scorePointsValues","showStandards","showDescription","enableDragAndDrop","secondaryBlockWidth","spellCheck","uploadSoundSupport","state","pluginProps","image","disabled","math","handleClick","openMenu","__html","labelPlugins","ref","join","split","map","scorePointsValue","index","adjustedBlockWidth","BlockWidth","remainingSpace","scoreDescriptor","e","onScorePointDescriptorChange","React","Component","propTypes","PropTypes","func","isRequired","object","isDragging","bool","id","any","isOver","number","shape","string","arrayOf","StyledTrait","NAME","traitSource","beginDrag","StyledSource","connect","monitor","dragSource","dragPreview","traitTarget","hover","drop","item","getItem","didDrop","onTraitDropped","StyledSourceAndTarget","dropTarget"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AAEA;;AAUA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,GAAG,GAAG,uBAAM,sDAAN,CAAZ;AAEA,IAAMC,MAAM,GAAG;AACbC,EAAAA,OAAO,EAAE;AACPC,IAAAA,KAAK,EAAEA,gBAAMC,IAAN;AADA,GADI;AAIbC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,OAAO,EAAE,MADD;AAERC,IAAAA,cAAc,EAAE,UAFR;AAGRC,IAAAA,QAAQ,EAAE,UAHF;AAIRC,IAAAA,GAAG,EAAE,MAJG;AAKRC,IAAAA,KAAK,EAAE,KALC;AAMRC,IAAAA,MAAM,EAAE;AANA,GAJG;AAYbC,EAAAA,UAAU,EAAE;AACVJ,IAAAA,QAAQ,EAAE,UADA;AAEVC,IAAAA,GAAG,EAAE,MAFK;AAGVI,IAAAA,IAAI,aAAMC,uBAAN,OAHM;AAIVH,IAAAA,MAAM,EAAE;AAJE,GAZC;AAkBbI,EAAAA,WAAW,EAAE;AACXT,IAAAA,OAAO,EAAE,MADE;AAEXU,IAAAA,UAAU,EAAE;AAFD;AAlBA,CAAf;;IAwBaC,S;;;;;;;;;;;;;;;8FACH,E;uGAQS,UAACC,MAAD,EAAY;AAC3B,wBAAkC,MAAKC,KAAvC;AAAA,UAAQC,KAAR,eAAQA,KAAR;AAAA,UAAeC,cAAf,eAAeA,cAAf;AAEA,UAAI,yBAAQH,MAAR,CAAJ,EAAqB;AAErBI,MAAAA,MAAM,CAACC,IAAP,CAAYL,MAAZ,EAAoBM,OAApB,CAA4B,UAAAC,GAAG,EAAI;AACjCL,QAAAA,KAAK,CAACK,GAAD,CAAL,GAAaP,MAAM,CAACO,GAAD,CAAnB;AACD,OAFD;AAIAJ,MAAAA,cAAc,CAACD,KAAD,CAAd;AACD,K;qHAE8B,gBAA2B;AAAA,UAAxBM,UAAwB,QAAxBA,UAAwB;AAAA,UAAZC,KAAY,QAAZA,KAAY;AACxD,UAAiBC,sBAAjB,GAA8C,MAAKT,KAAnD,CAAQC,KAAR,CAAiBQ,sBAAjB;AAEA,UAAID,KAAK,GAAG,CAAR,IAAaA,KAAK,IAAIC,sBAAsB,CAACC,MAAjD,EAAyD;AAEzDD,MAAAA,sBAAsB,CAACD,KAAD,CAAtB,GAAgCD,UAAhC;;AAEA,YAAKL,cAAL,CAAoB;AAAEO,QAAAA,sBAAsB,EAAtBA;AAAF,OAApB;AACD,K;oGAEa,UAACE,KAAD;AAAA,aAAW,MAAKC,QAAL,CAAc;AAAEC,QAAAA,QAAQ,EAAEF,KAAK,CAACG;AAAlB,OAAd,CAAX;AAAA,K;oGAEA;AAAA,aAAM,MAAKF,QAAL,CAAc;AAAEC,QAAAA,QAAQ,EAAE;AAAZ,OAAd,CAAN;AAAA,K;yGAEK,UAAAxB,QAAQ;AAAA,aAAI,MAAK0B,cAAL,CAAoBC,QAApB,CAA6B;AAAEtB,QAAAA,IAAI,EAAEL;AAAR,OAA7B,CAAJ;AAAA,K;iGAEhB,YAAM;AACf,YAAKW,KAAL,CAAWiB,cAAX;;AACA,YAAKC,WAAL;AACD,K;;;;;;WArCD,0CAAiCC,SAAjC,EAA4C;AAC1C,UAAIA,SAAS,CAACC,eAAV,KAA8B,KAAKpB,KAAL,CAAWoB,eAAzC,IAA6D,KAAKL,cAAL,IAAuB,KAAKA,cAAL,CAAoBM,UAApB,KAAmCF,SAAS,CAACC,eAArI,EAAuJ;AACrJ,aAAKE,gBAAL,CAAsBH,SAAS,CAACC,eAAhC;AACD;AACF;;;WAmCD,kBAAS;AAAA;;AACP,yBAmBI,KAAKpB,KAnBT;AAAA,UACEuB,OADF,gBACEA,OADF;AAAA,UAEEC,iBAFF,gBAEEA,iBAFF;AAAA,UAGEC,iBAHF,gBAGEA,iBAHF;AAAA,UAIEC,kBAJF,gBAIEA,kBAJF;AAAA,4CAKEzB,KALF;AAAA,UAMI0B,IANJ,sBAMIA,IANJ;AAAA,UAOIC,SAPJ,sBAOIA,SAPJ;AAAA,UAQIC,WARJ,sBAQIA,WARJ;AAAA,UASIpB,sBATJ,sBASIA,sBATJ;AAAA,UAWEqB,iBAXF,gBAWEA,iBAXF;AAAA,UAYEC,aAZF,gBAYEA,aAZF;AAAA,UAaEC,eAbF,gBAaEA,eAbF;AAAA,UAcEC,iBAdF,gBAcEA,iBAdF;AAAA,UAeEb,eAfF,gBAeEA,eAfF;AAAA,UAgBEc,mBAhBF,gBAgBEA,mBAhBF;AAAA,UAiBEC,UAjBF,gBAiBEA,UAjBF;AAAA,UAkBEC,kBAlBF,gBAkBEA,kBAlBF;AAoBA,UAAQvB,QAAR,GAAqB,KAAKwB,KAA1B,CAAQxB,QAAR;AAEA,UAAMyB,WAAW,GAAG;AAClBC,QAAAA,KAAK,EAAE;AAAEC,UAAAA,QAAQ,EAAE;AAAZ,SADW;AAElBC,QAAAA,IAAI,EAAE;AAAED,UAAAA,QAAQ,EAAE;AAAZ;AAFY,OAApB;AAKA,aACEd,kBAAkB,CAChBD,iBAAiB,eACf,0DACE,gCAAC,WAAD,qBACE,gCAAC,oBAAD,QACGQ,iBAAiB,GAChBT,iBAAiB,eACf;AAAM,QAAA,SAAS,EAAED,OAAO,CAAC9B;AAAzB,sBACA,gCAAC,yBAAD;AAAmB,QAAA,SAAS,EAAE8B,OAAO,CAACxC;AAAtC,QADA,CADe,CADD,GAIL,IALf,eAOA;AAAK,QAAA,SAAS,EAAEwC,OAAO,CAACrC;AAAxB,sBACE,gCAAC,sBAAD;AACE,sBAAW,MADb;AAEE,yBAAc,WAFhB;AAGE,yBAAc,MAHhB;AAIE,QAAA,OAAO,EAAE,KAAKwD;AAJhB,sBAME,gCAAC,oBAAD,OANF,CADF,eASE,gCAAC,gBAAD;AACE,QAAA,EAAE,EAAC,WADL;AAEE,QAAA,QAAQ,EAAE7B,QAFZ;AAGE,QAAA,WAAW,MAHb;AAIE,QAAA,IAAI,EAAE,CAAC,CAACA,QAJV;AAKE,QAAA,OAAO,EAAE,KAAKK;AALhB,sBAOE,gCAAC,oBAAD;AAAU,QAAA,OAAO,EAAE,KAAKyB;AAAxB,sBACE;AACE,QAAA,SAAS,EAAEpB,OAAO,CAAC3B,WADrB;AAEE,QAAA,uBAAuB,EAAE;AAACgD,UAAAA,MAAM,mBAAYjB,IAAZ;AAAP;AAF3B,QADF,CAPF,CATF,CAPA,eAgCA,gCAAC,uBAAD;AACE,QAAA,MAAM,EAAEA,IADV;AAEE,QAAA,QAAQ,EAAE,kBAAAA,IAAI;AAAA,iBAAI,MAAI,CAACzB,cAAL,CAAoB;AAAEyB,YAAAA,IAAI,EAAJA;AAAF,WAApB,CAAJ;AAAA,SAFhB;AAGE,QAAA,WAAW,EAAEkB,mBAHf;AAIE,QAAA,WAAW,EAAC,aAJd;AAKE,QAAA,UAAU,EAAEV,UALd;AAME,QAAA,kBAAkB,EAAEC;AANtB,QAhCA,CADF,eA0CA,gCAAC,sBAAD;AACE,QAAA,MAAM,EAAE,gBAAAU,GAAG,EAAI;AACb,UAAA,MAAI,CAAC/B,cAAL,GAAsB+B,GAAtB;AACD,SAHH;AAIE,QAAA,KAAK,YAAKZ,mBAAL;AAJP,SAMGH,aAAa,IAAIH,SAAjB,iBACC,gCAAC,aAAD,qBACE,gCAAC,qBAAD;AACE,QAAA,WAAW,EAAC,WADd;AAEE,QAAA,MAAM,EAAEA,SAAS,CAACmB,IAAV,CAAe,GAAf,CAFV;AAGE,QAAA,QAAQ,EAAE,kBAAAnB,SAAS;AAAA,iBAAI,MAAI,CAAC1B,cAAL,CAAoB;AAAE0B,YAAAA,SAAS,EAAEA,SAAS,CAACoB,KAAV,CAAgB,GAAhB;AAAb,WAApB,CAAJ;AAAA,SAHrB;AAIE,QAAA,WAAW,EAAEV,WAJf;AAKE,QAAA,UAAU,EAAEH,UALd;AAME,QAAA,kBAAkB,EAAEC;AANtB,QADF,CAPJ,EAmBKJ,eAAe,iBACd,gCAAC,aAAD,qBACE,gCAAC,qBAAD;AACE,QAAA,WAAW,EAAC,aADd;AAEE,QAAA,MAAM,EAAEH,WAFV;AAGE,QAAA,QAAQ,EAAE,kBAAAA,WAAW;AAAA,iBAAI,MAAI,CAAC3B,cAAL,CAAoB;AAAE2B,YAAAA,WAAW,EAAXA;AAAF,WAApB,CAAJ;AAAA,SAHvB;AAIE,QAAA,WAAW,EAAES,WAJf;AAKE,QAAA,UAAU,EAAEH,UALd;AAME,QAAA,kBAAkB,EAAEC;AANtB,QADF,CApBN,EAgCG,CAACN,iBAAiB,IAAI,EAAtB,EAA0BmB,GAA1B,CAA8B,UAACC,gBAAD,EAAmBC,KAAnB,EAA6B;AAC1D,YAAMC,kBAAkB,GAAGC,qBAAa,IAAI,CAA5C,CAD0D,CACX;;AAC/C,YAAMC,cAAc,GAAGpB,mBAAmB,GAAGkB,kBAAkB,GAAGD,KAA3C,GAAmD/B,eAAnD,GAAqE,EAA5F;AACA,YAAMZ,KAAK,GAAGsB,iBAAiB,CAACpB,MAAlB,GAA2ByC,KAA3B,GAAmC,CAAjD;AACA,YAAII,eAAJ;;AAEE,YAAI;AACFA,UAAAA,eAAe,GAAG9C,sBAAsB,CAACD,KAAD,CAAtB,IAAiC,EAAnD;AACD,SAFD,CAEE,OAAOgD,CAAP,EAAU;AACVD,UAAAA,eAAe,GAAG,EAAlB;AACD;;AAED,4BACE,gCAAC,aAAD;AAAO,UAAA,GAAG,oBAAaJ,KAAb;AAAV,wBACE,gCAAC,qBAAD;AACE,UAAA,WAAW,EAAC,wBADd;AAEE,UAAA,MAAM,EAAEI,eAFV;AAGE,UAAA,QAAQ,EAAE,kBAAAhD,UAAU;AAAA,mBAAI,MAAI,CAACkD,4BAAL,CAAkC;AAAElD,cAAAA,UAAU,EAAVA,UAAF;AAAcC,cAAAA,KAAK,EAALA;AAAd,aAAlC,CAAJ;AAAA,WAHtB;AAIE,UAAA,WAAW,EAAE8B,WAJf;AAKE,UAAA,YAAY,EAAEgB,cAAc,GAAG,GALjC,CAKsC;AALtC;AAME,UAAA,UAAU,EAAEnB,UANd;AAOE,UAAA,kBAAkB,EAAEC;AAPtB,UADF,CADF;AAaD,OAzBF,CAhCH,CA1CA,CADF,CADe,CADD,CADpB;AA6GD;;;EAnL4BsB,kBAAMC,S;;;AAsLrC7D,SAAS,CAAC8D,SAAV,GAAsB;AACpBpC,EAAAA,iBAAiB,EAAEqC,sBAAUC,IAAV,CAAeC,UADd;AAEpBtC,EAAAA,iBAAiB,EAAEoC,sBAAUC,IAAV,CAAeC,UAFd;AAGpBrC,EAAAA,kBAAkB,EAAEmC,sBAAUC,IAAV,CAAeC,UAHf;AAIpBxC,EAAAA,OAAO,EAAEsC,sBAAUG,MAAV,CAAiBD,UAJN;AAKpBE,EAAAA,UAAU,EAAEJ,sBAAUK,IAAV,CAAeH,UALP;AAMpBI,EAAAA,EAAE,EAAEN,sBAAUO,GANM;AAOpBC,EAAAA,MAAM,EAAER,sBAAUK,IAPE;AAQpBf,EAAAA,KAAK,EAAEU,sBAAUS,MARG;AASpBpE,EAAAA,cAAc,EAAE2D,sBAAUC,IAAV,CAAeC,UATX;AAUpB9C,EAAAA,cAAc,EAAE4C,sBAAUC,IAAV,CAAeC,UAVX;AAWpB9D,EAAAA,KAAK,EAAE4D,sBAAUU,KAAV,CAAgB;AACrB5C,IAAAA,IAAI,EAAEkC,sBAAUW,MADK;AAErB5C,IAAAA,SAAS,EAAEiC,sBAAUY,OAAV,CAAkBZ,sBAAUW,MAA5B,CAFU;AAGrB/D,IAAAA,sBAAsB,EAAEoD,sBAAUY,OAAV,CAAkBZ,sBAAUW,MAA5B,CAHH;AAIrB3C,IAAAA,WAAW,EAAEgC,sBAAUW;AAJF,GAAhB,CAXa;AAiBpB1C,EAAAA,iBAAiB,EAAE+B,sBAAUY,OAAV,CAAkBZ,sBAAUS,MAA5B,CAjBC;AAkBpBvC,EAAAA,aAAa,EAAE8B,sBAAUK,IAlBL;AAmBpBlC,EAAAA,eAAe,EAAE6B,sBAAUK,IAnBP;AAoBpBjC,EAAAA,iBAAiB,EAAE4B,sBAAUK,IApBT;AAqBpB9C,EAAAA,eAAe,EAAEyC,sBAAUS,MArBP;AAsBpBpC,EAAAA,mBAAmB,EAAE2B,sBAAUS;AAtBX,CAAtB;AAyBO,IAAMI,WAAW,GAAG,wBAAW5F,MAAX,EAAmBgB,SAAnB,CAApB;;AAEP,IAAM6E,IAAI,GAAG,cAAb;AAEA,IAAMC,WAAW,GAAG;AAClBC,EAAAA,SADkB,qBACR7E,KADQ,EACD;AACf,WAAO;AACL2B,MAAAA,IAAI,EAAE3B,KAAK,CAACC,KAAN,CAAY0B,IADb;AAELwB,MAAAA,KAAK,EAAEnD,KAAK,CAACmD;AAFR,KAAP;AAID;AANiB,CAApB;AASA,IAAM2B,YAAY,GAAG,0BACnBH,IADmB,EAEnBC,WAFmB,EAGnB,UAACG,OAAD,EAAUC,OAAV;AAAA,SAAuB;AACrBxD,IAAAA,iBAAiB,EAAEuD,OAAO,CAACE,UAAR,EADE;AAErBvD,IAAAA,kBAAkB,EAAEqD,OAAO,CAACG,WAAR,EAFC;AAGrBjB,IAAAA,UAAU,EAAEe,OAAO,CAACf,UAAR;AAHS,GAAvB;AAAA,CAHmB,EAQnBS,WARmB,CAArB;AAUA,IAAMS,WAAW,GAAG;AAClBC,EAAAA,KADkB,mBACV;AACNvG,IAAAA,GAAG,CAAC,SAAD,CAAH;AACD,GAHiB;AAIlBwG,EAAAA,IAJkB,gBAIbrF,KAJa,EAINgF,OAJM,EAIG;AACnB,QAAMM,IAAI,GAAGN,OAAO,CAACO,OAAR,EAAb;AACA1G,IAAAA,GAAG,CAAC,eAAD,EAAkByG,IAAlB,EAAwB,UAAxB,EAAoCN,OAAO,CAACQ,OAAR,EAApC,CAAH;AAEAxF,IAAAA,KAAK,CAACyF,cAAN,CAAqBH,IAArB,EAA2BtF,KAAK,CAACmD,KAAjC;AACD;AATiB,CAApB;AAYA,IAAMuC,qBAAqB,GAAG,0BAC5Bf,IAD4B,EAE5BQ,WAF4B,EAG5B,UAACJ,OAAD,EAAUC,OAAV;AAAA,SAAuB;AACrBvD,IAAAA,iBAAiB,EAAEsD,OAAO,CAACY,UAAR,EADE;AAErBtB,IAAAA,MAAM,EAAEW,OAAO,CAACX,MAAR;AAFa,GAAvB;AAAA,CAH4B,EAO5BS,YAP4B,CAA9B;eASeY,qB","sourcesContent":["import React from 'react';\nimport debug from 'debug';\nimport PropTypes from 'prop-types';\nimport isEmpty from 'lodash/isEmpty';\nimport { DragSource, DropTarget } from 'react-dnd';\n\nimport { withStyles } from '@material-ui/core/styles';\nimport { color } from '@pie-lib/render-ui';\n\nimport {\n Block,\n BlockWidth,\n DragHandleSpace,\n ExpandedInput,\n PrimaryBlock,\n Row,\n SecondaryBlock,\n UnderlinedInput\n} from './common';\nimport { labelPlugins } from './utils';\n\nimport IconButton from '@material-ui/core/IconButton';\nimport MoreVertIcon from '@material-ui/icons/MoreVert';\nimport Menu from '@material-ui/core/Menu';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport DragIndicatorIcon from '@material-ui/icons/DragIndicator';\n\nconst log = debug('@pie-element:placement-ordering:configure:trait-tile');\n\nconst styles = {\n actions: {\n color: color.text()\n },\n controls: {\n display: 'flex',\n justifyContent: 'flex-end',\n position: 'absolute',\n top: '28px',\n right: '8px',\n cursor: 'pointer',\n },\n dragHandle: {\n position: 'absolute',\n top: '80px',\n left: `-${DragHandleSpace}px`,\n cursor: 'move'\n },\n removeLabel: {\n display: 'flex',\n whiteSpace: 'break-spaces'\n }\n};\n\nexport class TraitTile extends React.Component {\n state = {};\n\n UNSAFE_componentWillReceiveProps(nextProps) {\n if (nextProps.currentPosition !== this.props.currentPosition || (this.secondaryBlock && this.secondaryBlock.scrollLeft !== nextProps.currentPosition)) {\n this.scrollToPosition(nextProps.currentPosition);\n }\n }\n\n onTraitChanged = (params) => {\n const { trait, onTraitChanged } = this.props;\n\n if (isEmpty(params)) return;\n\n Object.keys(params).forEach(key => {\n trait[key] = params[key];\n });\n\n onTraitChanged(trait);\n };\n\n onScorePointDescriptorChange = ({ descriptor, value }) => {\n const { trait: { scorePointsDescriptors } } = this.props;\n\n if (value < 0 || value >= scorePointsDescriptors.length) return;\n\n scorePointsDescriptors[value] = descriptor;\n\n this.onTraitChanged({ scorePointsDescriptors });\n };\n\n handleClick = (event) => this.setState({ anchorEl: event.currentTarget });\n\n handleClose = () => this.setState({ anchorEl: null });\n\n scrollToPosition = position => this.secondaryBlock.scrollTo({ left: position });\n\n openMenu = () => {\n this.props.onTraitRemoved();\n this.handleClose();\n };\n\n render() {\n const {\n classes,\n connectDragSource,\n connectDropTarget,\n connectDragPreview,\n trait: {\n name,\n standards,\n description,\n scorePointsDescriptors\n },\n scorePointsValues,\n showStandards,\n showDescription,\n enableDragAndDrop,\n currentPosition,\n secondaryBlockWidth,\n spellCheck,\n uploadSoundSupport\n } = this.props;\n const { anchorEl } = this.state;\n\n const pluginProps = {\n image: { disabled: true },\n math: { disabled: true }\n };\n\n return (\n connectDragPreview(\n connectDropTarget(\n <div>\n <Row>\n <PrimaryBlock>\n {enableDragAndDrop ?\n connectDragSource(\n <span className={classes.dragHandle}>\n <DragIndicatorIcon className={classes.actions}/>\n </span>) : null\n }\n <div className={classes.controls}>\n <IconButton\n aria-label=\"more\"\n aria-controls=\"long-menu\"\n aria-haspopup=\"true\"\n onClick={this.handleClick}\n >\n <MoreVertIcon/>\n </IconButton>\n <Menu\n id=\"long-menu\"\n anchorEl={anchorEl}\n keepMounted\n open={!!anchorEl}\n onClose={this.handleClose}\n >\n <MenuItem onClick={this.openMenu}>\n <div\n className={classes.removeLabel}\n dangerouslySetInnerHTML={{__html: `Remove ${name}`}}\n />\n </MenuItem>\n </Menu>\n </div>\n\n <UnderlinedInput\n markup={name}\n onChange={name => this.onTraitChanged({ name })}\n pluginProps={labelPlugins}\n placeholder='Enter Trait'\n spellCheck={spellCheck}\n uploadSoundSupport={uploadSoundSupport}\n />\n </PrimaryBlock>\n <SecondaryBlock\n setRef={ref => {\n this.secondaryBlock = ref;\n }}\n width={`${secondaryBlockWidth}px`}\n >\n {showStandards && standards && (\n <Block>\n <ExpandedInput\n placeholder=\"Standards\"\n markup={standards.join(',')}\n onChange={standards => this.onTraitChanged({ standards: standards.split(',') })}\n pluginProps={pluginProps}\n spellCheck={spellCheck}\n uploadSoundSupport={uploadSoundSupport}\n />\n </Block>\n )}\n\n {showDescription && (\n <Block>\n <ExpandedInput\n placeholder=\"Description\"\n markup={description}\n onChange={description => this.onTraitChanged({ description })}\n pluginProps={pluginProps}\n spellCheck={spellCheck}\n uploadSoundSupport={uploadSoundSupport}\n />\n </Block>\n )}\n\n {(scorePointsValues || []).map((scorePointsValue, index) => {\n const adjustedBlockWidth = BlockWidth + 2 * 8; // 8 is padding\n const remainingSpace = secondaryBlockWidth - adjustedBlockWidth * index + currentPosition - 98;\n const value = scorePointsValues.length - index - 1;\n let scoreDescriptor;\n\n try {\n scoreDescriptor = scorePointsDescriptors[value] || '';\n } catch (e) {\n scoreDescriptor = '';\n }\n\n return (\n <Block key={`key-key-${index}`}>\n <ExpandedInput\n placeholder='Enter Description Here'\n markup={scoreDescriptor}\n onChange={descriptor => this.onScorePointDescriptorChange({ descriptor, value })}\n pluginProps={pluginProps}\n alignToRight={remainingSpace < 296} // 296 is the space required for the toolbar\n spellCheck={spellCheck}\n uploadSoundSupport={uploadSoundSupport}\n />\n </Block>\n )\n })}\n </SecondaryBlock>\n </Row>\n </div>\n ))\n );\n }\n}\n\nTraitTile.propTypes = {\n connectDragSource: PropTypes.func.isRequired,\n connectDropTarget: PropTypes.func.isRequired,\n connectDragPreview: PropTypes.func.isRequired,\n classes: PropTypes.object.isRequired,\n isDragging: PropTypes.bool.isRequired,\n id: PropTypes.any,\n isOver: PropTypes.bool,\n index: PropTypes.number,\n onTraitChanged: PropTypes.func.isRequired,\n onTraitRemoved: PropTypes.func.isRequired,\n trait: PropTypes.shape({\n name: PropTypes.string,\n standards: PropTypes.arrayOf(PropTypes.string),\n scorePointsDescriptors: PropTypes.arrayOf(PropTypes.string),\n description: PropTypes.string,\n }),\n scorePointsValues: PropTypes.arrayOf(PropTypes.number),\n showStandards: PropTypes.bool,\n showDescription: PropTypes.bool,\n enableDragAndDrop: PropTypes.bool,\n currentPosition: PropTypes.number,\n secondaryBlockWidth: PropTypes.number,\n};\n\nexport const StyledTrait = withStyles(styles)(TraitTile);\n\nconst NAME = 'trait-config';\n\nconst traitSource = {\n beginDrag(props) {\n return {\n name: props.trait.name,\n index: props.index\n };\n }\n};\n\nconst StyledSource = DragSource(\n NAME,\n traitSource,\n (connect, monitor) => ({\n connectDragSource: connect.dragSource(),\n connectDragPreview: connect.dragPreview(),\n isDragging: monitor.isDragging()\n })\n)(StyledTrait);\n\nconst traitTarget = {\n hover() {\n log('[hover]');\n },\n drop(props, monitor) {\n const item = monitor.getItem();\n log('[drop] item: ', item, 'didDrop?', monitor.didDrop());\n\n props.onTraitDropped(item, props.index);\n }\n};\n\nconst StyledSourceAndTarget = DropTarget(\n NAME,\n traitTarget,\n (connect, monitor) => ({\n connectDropTarget: connect.dropTarget(),\n isOver: monitor.isOver()\n })\n)(StyledSource);\n\nexport default StyledSourceAndTarget;\n"],"file":"trait.js"}
@@ -1,258 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = exports.TraitsHeaderTile = void 0;
9
-
10
- var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
11
-
12
- var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
13
-
14
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
15
-
16
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
17
-
18
- var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
19
-
20
- var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
21
-
22
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
23
-
24
- var _react = _interopRequireDefault(require("react"));
25
-
26
- var _propTypes = _interopRequireDefault(require("prop-types"));
27
-
28
- var _styles = require("@material-ui/core/styles");
29
-
30
- var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
31
-
32
- var _Menu = _interopRequireDefault(require("@material-ui/core/Menu"));
33
-
34
- var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
35
-
36
- var _MoreVert = _interopRequireDefault(require("@material-ui/icons/MoreVert"));
37
-
38
- var _renderUi = require("@pie-lib/render-ui");
39
-
40
- var _common = require("./common");
41
-
42
- var _utils = require("./utils");
43
-
44
- 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); }; }
45
-
46
- 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; } }
47
-
48
- var styles = {
49
- label: {
50
- textAlign: 'center',
51
- width: '140px',
52
- border: 'none',
53
- margin: '8px',
54
- padding: '10px 0',
55
- display: 'flex',
56
- alignItems: 'center',
57
- justifyContent: 'space-around'
58
- },
59
- greyHeader: {
60
- background: _renderUi.color.secondaryBackground(),
61
- borderRadius: '4px',
62
- position: 'relative'
63
- },
64
- primaryBlockGreyHeader: {
65
- paddingTop: '12px'
66
- }
67
- };
68
-
69
- var TraitsHeaderTile = /*#__PURE__*/function (_React$Component) {
70
- (0, _inherits2["default"])(TraitsHeaderTile, _React$Component);
71
-
72
- var _super = _createSuper(TraitsHeaderTile);
73
-
74
- function TraitsHeaderTile() {
75
- var _this;
76
-
77
- (0, _classCallCheck2["default"])(this, TraitsHeaderTile);
78
-
79
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
80
- args[_key] = arguments[_key];
81
- }
82
-
83
- _this = _super.call.apply(_super, [this].concat(args));
84
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
85
- anchorEl: null
86
- });
87
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onScorePointLabelChange", function (_ref) {
88
- var scorePointLabel = _ref.scorePointLabel,
89
- value = _ref.value;
90
- var _this$props = _this.props,
91
- scorePointsLabels = _this$props.scorePointsLabels,
92
- onScaleChange = _this$props.onScaleChange;
93
- if (value < 0 || value >= scorePointsLabels.length) return;
94
- scorePointsLabels[value] = scorePointLabel;
95
- onScaleChange({
96
- scorePointsLabels: scorePointsLabels
97
- });
98
- });
99
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClick", function (event) {
100
- return _this.setState({
101
- anchorEl: event.currentTarget
102
- });
103
- });
104
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClose", function () {
105
- return _this.setState({
106
- anchorEl: null
107
- });
108
- });
109
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "scrollToPosition", function (position) {
110
- return _this.secondaryBlock.scrollTo({
111
- left: position
112
- });
113
- });
114
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "openMenu", function () {
115
- _this.props.showDeleteScaleModal();
116
-
117
- _this.handleClose();
118
- });
119
- return _this;
120
- }
121
-
122
- (0, _createClass2["default"])(TraitsHeaderTile, [{
123
- key: "UNSAFE_componentWillReceiveProps",
124
- value: function UNSAFE_componentWillReceiveProps(nextProps) {
125
- if (nextProps.currentPosition !== this.props.currentPosition) {
126
- this.scrollToPosition(nextProps.currentPosition);
127
- }
128
- }
129
- }, {
130
- key: "render",
131
- value: function render() {
132
- var _this2 = this;
133
-
134
- var _this$props2 = this.props,
135
- scorePointsValues = _this$props2.scorePointsValues,
136
- scorePointsLabels = _this$props2.scorePointsLabels,
137
- traitLabel = _this$props2.traitLabel,
138
- classes = _this$props2.classes,
139
- currentPosition = _this$props2.currentPosition,
140
- showStandards = _this$props2.showStandards,
141
- onTraitLabelChange = _this$props2.onTraitLabelChange,
142
- showDescription = _this$props2.showDescription,
143
- showLevelTagInput = _this$props2.showLevelTagInput,
144
- maxPoints = _this$props2.maxPoints,
145
- updateMaxPointsFieldValue = _this$props2.updateMaxPointsFieldValue,
146
- scaleIndex = _this$props2.scaleIndex,
147
- showScorePointLabels = _this$props2.showScorePointLabels,
148
- secondaryBlockWidth = _this$props2.secondaryBlockWidth,
149
- setSecondaryBlockRef = _this$props2.setSecondaryBlockRef,
150
- spellCheck = _this$props2.spellCheck,
151
- uploadSoundSupport = _this$props2.uploadSoundSupport;
152
- var anchorEl = this.state.anchorEl;
153
- return /*#__PURE__*/_react["default"].createElement(_common.Row, {
154
- className: classes.greyHeader,
155
- height: showLevelTagInput ? _common.HeaderHeightLarge : _common.HeaderHeight
156
- }, /*#__PURE__*/_react["default"].createElement(_common.PrimaryBlock, {
157
- className: classes.primaryBlockGreyHeader
158
- }, showLevelTagInput && /*#__PURE__*/_react["default"].createElement(_common.SimpleInput, {
159
- markup: traitLabel || 'Trait',
160
- onChange: onTraitLabelChange,
161
- pluginProps: _utils.labelPlugins,
162
- spellCheck: spellCheck,
163
- label: "Level Label",
164
- uploadSoundSupport: uploadSoundSupport
165
- }), /*#__PURE__*/_react["default"].createElement(_common.ScaleSettings, null, /*#__PURE__*/_react["default"].createElement("div", null, "Scale ", scaleIndex + 1), /*#__PURE__*/_react["default"].createElement(_common.MaxPointsPicker, {
166
- maxPoints: maxPoints,
167
- onChange: updateMaxPointsFieldValue
168
- }), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
169
- "aria-label": "more",
170
- "aria-controls": "long-menu",
171
- "aria-haspopup": "true",
172
- onClick: this.handleClick
173
- }, /*#__PURE__*/_react["default"].createElement(_MoreVert["default"], null)), /*#__PURE__*/_react["default"].createElement(_Menu["default"], {
174
- id: "long-menu",
175
- anchorEl: anchorEl,
176
- keepMounted: true,
177
- open: !!anchorEl,
178
- onClose: this.handleClose
179
- }, ['Remove Scale'].map(function (option) {
180
- return /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
181
- key: option,
182
- onClick: _this2.openMenu
183
- }, option);
184
- }))))), /*#__PURE__*/_react["default"].createElement(_common.SecondaryBlock, {
185
- setRef: function setRef(ref) {
186
- if (ref) {
187
- _this2.secondaryBlock = ref;
188
- setSecondaryBlockRef(ref);
189
- }
190
- },
191
- width: "".concat(secondaryBlockWidth, "px")
192
- }, showStandards && /*#__PURE__*/_react["default"].createElement(_common.Block, null, /*#__PURE__*/_react["default"].createElement("div", {
193
- className: classes.label
194
- }, "Standard(s)")), showDescription && /*#__PURE__*/_react["default"].createElement(_common.Block, null, /*#__PURE__*/_react["default"].createElement("div", {
195
- className: classes.label
196
- }, "Description")), scorePointsValues.map(function (scorePointsValue, index) {
197
- var adjustedBlockWidth = _common.BlockWidth + 2 * 8; // 8 is padding
198
-
199
- var remainingSpace = secondaryBlockWidth - adjustedBlockWidth * index + currentPosition - 128;
200
- var value = scorePointsValues.length - index - 1;
201
- var scoreDescriptor;
202
-
203
- try {
204
- scoreDescriptor = scorePointsLabels[value] || '';
205
- } catch (e) {
206
- scoreDescriptor = '';
207
- }
208
-
209
- return /*#__PURE__*/_react["default"].createElement(_common.Block, {
210
- key: "secondary-block-part-".concat(index)
211
- }, /*#__PURE__*/_react["default"].createElement(_common.ScorePoint, {
212
- scorePointsValue: scorePointsValue,
213
- scoreDescriptor: scoreDescriptor,
214
- pluginProps: _utils.labelPlugins,
215
- showScorePointLabels: showScorePointLabels,
216
- onChange: function onChange(scorePointLabel) {
217
- return _this2.onScorePointLabelChange({
218
- scorePointLabel: scorePointLabel,
219
- value: value
220
- });
221
- },
222
- alignToRight: remainingSpace < 296 // 296 is the space required for the toolbar
223
- ,
224
- spellCheck: spellCheck,
225
- uploadSoundSupport: uploadSoundSupport
226
- }));
227
- })));
228
- }
229
- }]);
230
- return TraitsHeaderTile;
231
- }(_react["default"].Component);
232
-
233
- exports.TraitsHeaderTile = TraitsHeaderTile;
234
- TraitsHeaderTile.propTypes = {
235
- classes: _propTypes["default"].object.isRequired,
236
- onTraitLabelChange: _propTypes["default"].func,
237
- onScaleChange: _propTypes["default"].func,
238
- scorePointsValues: _propTypes["default"].arrayOf(_propTypes["default"].number),
239
- scorePointsLabels: _propTypes["default"].arrayOf(_propTypes["default"].string),
240
- traitLabel: _propTypes["default"].string,
241
- showStandards: _propTypes["default"].bool,
242
- showLevelTagInput: _propTypes["default"].bool,
243
- showDescription: _propTypes["default"].bool,
244
- maxPoints: _propTypes["default"].number,
245
- updateMaxPointsFieldValue: _propTypes["default"].func,
246
- scaleIndex: _propTypes["default"].number,
247
- currentPosition: _propTypes["default"].number,
248
- secondaryBlockWidth: _propTypes["default"].number,
249
- showDeleteScaleModal: _propTypes["default"].func,
250
- showScorePointLabels: _propTypes["default"].bool,
251
- setSecondaryBlockRef: _propTypes["default"].func,
252
- uploadSoundSupport: _propTypes["default"].object
253
- };
254
-
255
- var _default = (0, _styles.withStyles)(styles)(TraitsHeaderTile);
256
-
257
- exports["default"] = _default;
258
- //# sourceMappingURL=traitsHeader.js.map