@pie-element/complex-rubric 0.0.2-next.4424 → 0.1.0

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 (204) hide show
  1. package/dist/author/defaults.d.ts +232 -0
  2. package/dist/author/defaults.d.ts.map +1 -0
  3. package/dist/author/defaults.js +177 -0
  4. package/dist/author/index.d.ts +35 -0
  5. package/dist/author/index.d.ts.map +1 -0
  6. package/dist/author/index.js +86 -0
  7. package/dist/author/main.d.ts +24 -0
  8. package/dist/author/main.d.ts.map +1 -0
  9. package/dist/author/main.js +106 -0
  10. package/dist/controller/defaults.d.ts +40 -0
  11. package/dist/controller/defaults.d.ts.map +1 -0
  12. package/dist/controller/defaults.js +42 -0
  13. package/dist/controller/index.d.ts +26 -0
  14. package/dist/controller/index.d.ts.map +1 -0
  15. package/dist/controller/index.js +107 -0
  16. package/dist/controller/utils.d.ts +10 -0
  17. package/dist/controller/utils.d.ts.map +1 -0
  18. package/dist/controller/utils.js +4 -0
  19. package/dist/delivery/index.d.ts +24 -0
  20. package/dist/delivery/index.d.ts.map +1 -0
  21. package/dist/delivery/index.js +96 -0
  22. package/dist/index.d.ts +2 -0
  23. package/dist/index.d.ts.map +1 -0
  24. package/dist/index.iife.d.ts +9 -0
  25. package/dist/index.iife.d.ts.map +1 -0
  26. package/dist/index.iife.js +145 -0
  27. package/dist/index.js +2 -0
  28. package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_Symbol.js +5 -0
  29. package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_apply.js +12 -0
  30. package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_arrayLikeKeys.js +15 -0
  31. package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_baseGetTag.js +10 -0
  32. package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_baseIsArguments.js +9 -0
  33. package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_baseIsNative.js +11 -0
  34. package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_baseIsTypedArray.js +11 -0
  35. package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_baseKeysIn.js +13 -0
  36. package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_baseRest.js +9 -0
  37. package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_baseSetToString.js +14 -0
  38. package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_baseTimes.js +7 -0
  39. package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_baseUnary.js +8 -0
  40. package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_coreJsData.js +5 -0
  41. package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_defineProperty.js +10 -0
  42. package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_freeGlobal.js +4 -0
  43. package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_getNative.js +9 -0
  44. package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_getRawTag.js +14 -0
  45. package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_getValue.js +6 -0
  46. package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_isIndex.js +8 -0
  47. package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_isIterateeCall.js +12 -0
  48. package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_isMasked.js +11 -0
  49. package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_isPrototype.js +8 -0
  50. package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_nativeKeysIn.js +8 -0
  51. package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_nodeUtil.js +9 -0
  52. package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_objectToString.js +7 -0
  53. package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_overRest.js +13 -0
  54. package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_root.js +5 -0
  55. package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_setToString.js +6 -0
  56. package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_shortOut.js +14 -0
  57. package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_toSource.js +15 -0
  58. package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/constant.js +8 -0
  59. package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/defaults.js +16 -0
  60. package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/eq.js +6 -0
  61. package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/identity.js +6 -0
  62. package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/isArguments.js +10 -0
  63. package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/isArray.js +4 -0
  64. package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/isArrayLike.js +8 -0
  65. package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/isBuffer.js +6 -0
  66. package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/isFunction.js +11 -0
  67. package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/isLength.js +7 -0
  68. package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/isObject.js +7 -0
  69. package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/isObjectLike.js +6 -0
  70. package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/isTypedArray.js +7 -0
  71. package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/keysIn.js +9 -0
  72. package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/stubFalse.js +6 -0
  73. package/dist/print/index.d.ts +25 -0
  74. package/dist/print/index.d.ts.map +1 -0
  75. package/dist/print/index.js +84 -0
  76. package/package.json +65 -16
  77. package/src/author/defaults.tsx +223 -0
  78. package/{configure/src/index.js → src/author/index.ts} +69 -28
  79. package/src/author/main.tsx +172 -0
  80. package/src/controller/defaults.ts +49 -0
  81. package/src/controller/index.ts +230 -0
  82. package/src/controller/utils.ts +13 -0
  83. package/src/{index.js → delivery/index.ts} +65 -9
  84. package/src/index.iife.ts +16 -0
  85. package/src/index.ts +1 -0
  86. package/src/print/index.ts +150 -0
  87. package/LICENSE.md +0 -5
  88. package/README.md +0 -3
  89. package/configure/lib/defaults.js +0 -99
  90. package/configure/lib/defaults.js.map +0 -1
  91. package/configure/lib/index.js +0 -232
  92. package/configure/lib/index.js.map +0 -1
  93. package/configure/lib/main.js +0 -165
  94. package/configure/lib/main.js.map +0 -1
  95. package/configure/node_modules/@pie-element/multi-trait-rubric/CHANGELOG.json +0 -1
  96. package/configure/node_modules/@pie-element/multi-trait-rubric/CHANGELOG.md +0 -376
  97. package/configure/node_modules/@pie-element/multi-trait-rubric/LICENSE.md +0 -5
  98. package/configure/node_modules/@pie-element/multi-trait-rubric/README.md +0 -55
  99. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/CHANGELOG.json +0 -1
  100. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/CHANGELOG.md +0 -344
  101. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/common.js +0 -455
  102. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/common.js.map +0 -1
  103. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/defaults.js +0 -82
  104. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/defaults.js.map +0 -1
  105. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/index.js +0 -112
  106. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/index.js.map +0 -1
  107. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/main.js +0 -438
  108. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/main.js.map +0 -1
  109. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/modals.js +0 -324
  110. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/modals.js.map +0 -1
  111. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/scale.js +0 -490
  112. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/scale.js.map +0 -1
  113. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/trait.js +0 -334
  114. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/trait.js.map +0 -1
  115. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/traitsHeader.js +0 -254
  116. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/traitsHeader.js.map +0 -1
  117. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/utils.js +0 -29
  118. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/lib/utils.js.map +0 -1
  119. package/configure/node_modules/@pie-element/multi-trait-rubric/configure/package.json +0 -22
  120. package/configure/node_modules/@pie-element/multi-trait-rubric/controller/CHANGELOG.json +0 -1
  121. package/configure/node_modules/@pie-element/multi-trait-rubric/controller/CHANGELOG.md +0 -66
  122. package/configure/node_modules/@pie-element/multi-trait-rubric/controller/lib/defaults.js +0 -9
  123. package/configure/node_modules/@pie-element/multi-trait-rubric/controller/lib/defaults.js.map +0 -1
  124. package/configure/node_modules/@pie-element/multi-trait-rubric/controller/lib/index.js +0 -122
  125. package/configure/node_modules/@pie-element/multi-trait-rubric/controller/lib/index.js.map +0 -1
  126. package/configure/node_modules/@pie-element/multi-trait-rubric/controller/package.json +0 -15
  127. package/configure/node_modules/@pie-element/multi-trait-rubric/docs/config-schema.json +0 -226
  128. package/configure/node_modules/@pie-element/multi-trait-rubric/docs/config-schema.json.md +0 -169
  129. package/configure/node_modules/@pie-element/multi-trait-rubric/docs/demo/config.js +0 -8
  130. package/configure/node_modules/@pie-element/multi-trait-rubric/docs/demo/generate.js +0 -108
  131. package/configure/node_modules/@pie-element/multi-trait-rubric/docs/demo/index.html +0 -1
  132. package/configure/node_modules/@pie-element/multi-trait-rubric/docs/demo/session.js +0 -6
  133. package/configure/node_modules/@pie-element/multi-trait-rubric/docs/pie-schema.json +0 -282
  134. package/configure/node_modules/@pie-element/multi-trait-rubric/docs/pie-schema.json.md +0 -189
  135. package/configure/node_modules/@pie-element/multi-trait-rubric/lib/index.js +0 -85
  136. package/configure/node_modules/@pie-element/multi-trait-rubric/lib/index.js.map +0 -1
  137. package/configure/node_modules/@pie-element/multi-trait-rubric/lib/main.js +0 -99
  138. package/configure/node_modules/@pie-element/multi-trait-rubric/lib/main.js.map +0 -1
  139. package/configure/node_modules/@pie-element/multi-trait-rubric/lib/scale.js +0 -209
  140. package/configure/node_modules/@pie-element/multi-trait-rubric/lib/scale.js.map +0 -1
  141. package/configure/node_modules/@pie-element/multi-trait-rubric/lib/trait.js +0 -103
  142. package/configure/node_modules/@pie-element/multi-trait-rubric/lib/trait.js.map +0 -1
  143. package/configure/node_modules/@pie-element/multi-trait-rubric/package.json +0 -24
  144. package/configure/node_modules/@pie-element/rubric/CHANGELOG.json +0 -257
  145. package/configure/node_modules/@pie-element/rubric/CHANGELOG.md +0 -731
  146. package/configure/node_modules/@pie-element/rubric/LICENSE.md +0 -5
  147. package/configure/node_modules/@pie-element/rubric/README.md +0 -3
  148. package/configure/node_modules/@pie-element/rubric/configure/CHANGELOG.json +0 -197
  149. package/configure/node_modules/@pie-element/rubric/configure/CHANGELOG.md +0 -615
  150. package/configure/node_modules/@pie-element/rubric/configure/lib/index.js +0 -93
  151. package/configure/node_modules/@pie-element/rubric/configure/lib/index.js.map +0 -1
  152. package/configure/node_modules/@pie-element/rubric/configure/package.json +0 -16
  153. package/configure/node_modules/@pie-element/rubric/configure/src/index.js +0 -38
  154. package/configure/node_modules/@pie-element/rubric/controller/CHANGELOG.json +0 -17
  155. package/configure/node_modules/@pie-element/rubric/controller/CHANGELOG.md +0 -105
  156. package/configure/node_modules/@pie-element/rubric/controller/lib/index.js +0 -14
  157. package/configure/node_modules/@pie-element/rubric/controller/lib/index.js.map +0 -1
  158. package/configure/node_modules/@pie-element/rubric/controller/package.json +0 -9
  159. package/configure/node_modules/@pie-element/rubric/controller/src/__tests__/index.test.js +0 -35
  160. package/configure/node_modules/@pie-element/rubric/controller/src/index.js +0 -6
  161. package/configure/node_modules/@pie-element/rubric/docs/config-schema.json +0 -24
  162. package/configure/node_modules/@pie-element/rubric/docs/config-schema.json.md +0 -19
  163. package/configure/node_modules/@pie-element/rubric/docs/demo/config.js +0 -8
  164. package/configure/node_modules/@pie-element/rubric/docs/demo/generate.js +0 -8
  165. package/configure/node_modules/@pie-element/rubric/docs/demo/index.html +0 -3
  166. package/configure/node_modules/@pie-element/rubric/docs/pie-schema.json +0 -62
  167. package/configure/node_modules/@pie-element/rubric/docs/pie-schema.json.md +0 -35
  168. package/configure/node_modules/@pie-element/rubric/lib/index.js +0 -88
  169. package/configure/node_modules/@pie-element/rubric/lib/index.js.map +0 -1
  170. package/configure/node_modules/@pie-element/rubric/lib/main.js +0 -171
  171. package/configure/node_modules/@pie-element/rubric/lib/main.js.map +0 -1
  172. package/configure/node_modules/@pie-element/rubric/lib/print.js +0 -114
  173. package/configure/node_modules/@pie-element/rubric/lib/print.js.map +0 -1
  174. package/configure/node_modules/@pie-element/rubric/package.json +0 -25
  175. package/configure/node_modules/@pie-element/rubric/src/__tests__/__snapshots__/rubric-view.test.jsx.snap +0 -22767
  176. package/configure/node_modules/@pie-element/rubric/src/__tests__/rubric-view.test.jsx +0 -48
  177. package/configure/node_modules/@pie-element/rubric/src/index.js +0 -38
  178. package/configure/node_modules/@pie-element/rubric/src/main.jsx +0 -117
  179. package/configure/node_modules/@pie-element/rubric/src/print.js +0 -63
  180. package/configure/package.json +0 -22
  181. package/configure/src/__tests__/__snapshots__/main.test.jsx.snap +0 -106
  182. package/configure/src/__tests__/index.test.js +0 -41
  183. package/configure/src/__tests__/main.test.jsx +0 -104
  184. package/configure/src/defaults.js +0 -122
  185. package/configure/src/main.jsx +0 -117
  186. package/controller/lib/defaults.js +0 -99
  187. package/controller/lib/defaults.js.map +0 -1
  188. package/controller/lib/index.js +0 -147
  189. package/controller/lib/index.js.map +0 -1
  190. package/controller/package.json +0 -12
  191. package/controller/src/__tests__/index.test.js +0 -58
  192. package/controller/src/defaults.js +0 -121
  193. package/controller/src/index.js +0 -81
  194. package/docs/config-schema.json +0 -427
  195. package/docs/config-schema.json.md +0 -315
  196. package/docs/demo/config.js +0 -8
  197. package/docs/demo/generate.js +0 -119
  198. package/docs/demo/index.html +0 -1
  199. package/docs/demo/session.js +0 -6
  200. package/docs/pie-schema.json +0 -994
  201. package/docs/pie-schema.json.md +0 -660
  202. package/lib/index.js +0 -176
  203. package/lib/index.js.map +0 -1
  204. package/src/__tests__/index.test.js +0 -166
@@ -1,334 +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
- var anchorEl = this.state.anchorEl;
171
- var pluginProps = {
172
- image: {
173
- disabled: true
174
- },
175
- math: {
176
- disabled: true
177
- }
178
- };
179
- 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", {
180
- className: classes.dragHandle
181
- }, /*#__PURE__*/_react["default"].createElement(_DragIndicator["default"], {
182
- className: classes.actions
183
- }))) : null, /*#__PURE__*/_react["default"].createElement("div", {
184
- className: classes.controls
185
- }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
186
- "aria-label": "more",
187
- "aria-controls": "long-menu",
188
- "aria-haspopup": "true",
189
- onClick: this.handleClick
190
- }, /*#__PURE__*/_react["default"].createElement(_MoreVert["default"], null)), /*#__PURE__*/_react["default"].createElement(_Menu["default"], {
191
- id: "long-menu",
192
- anchorEl: anchorEl,
193
- keepMounted: true,
194
- open: !!anchorEl,
195
- onClose: this.handleClose
196
- }, /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
197
- onClick: this.openMenu
198
- }, /*#__PURE__*/_react["default"].createElement("div", {
199
- className: classes.removeLabel,
200
- dangerouslySetInnerHTML: {
201
- __html: "Remove ".concat(name)
202
- }
203
- })))), /*#__PURE__*/_react["default"].createElement(_common.UnderlinedInput, {
204
- markup: name,
205
- onChange: function onChange(name) {
206
- return _this2.onTraitChanged({
207
- name: name
208
- });
209
- },
210
- pluginProps: _utils.labelPlugins,
211
- placeholder: "Enter Trait",
212
- spellCheck: spellCheck
213
- })), /*#__PURE__*/_react["default"].createElement(_common.SecondaryBlock, {
214
- setRef: function setRef(ref) {
215
- _this2.secondaryBlock = ref;
216
- },
217
- width: "".concat(secondaryBlockWidth, "px")
218
- }, showStandards && standards && /*#__PURE__*/_react["default"].createElement(_common.Block, null, /*#__PURE__*/_react["default"].createElement(_common.ExpandedInput, {
219
- placeholder: "Standards",
220
- markup: standards.join(','),
221
- onChange: function onChange(standards) {
222
- return _this2.onTraitChanged({
223
- standards: standards.split(',')
224
- });
225
- },
226
- pluginProps: pluginProps,
227
- spellCheck: spellCheck
228
- })), showDescription && /*#__PURE__*/_react["default"].createElement(_common.Block, null, /*#__PURE__*/_react["default"].createElement(_common.ExpandedInput, {
229
- placeholder: "Description",
230
- markup: description,
231
- onChange: function onChange(description) {
232
- return _this2.onTraitChanged({
233
- description: description
234
- });
235
- },
236
- pluginProps: pluginProps,
237
- spellCheck: spellCheck
238
- })), (scorePointsValues || []).map(function (scorePointsValue, index) {
239
- var adjustedBlockWidth = _common.BlockWidth + 2 * 8; // 8 is padding
240
-
241
- var remainingSpace = secondaryBlockWidth - adjustedBlockWidth * index + currentPosition - 98;
242
- var value = scorePointsValues.length - index - 1;
243
- var scoreDescriptor;
244
-
245
- try {
246
- scoreDescriptor = scorePointsDescriptors[value] || '';
247
- } catch (e) {
248
- scoreDescriptor = '';
249
- }
250
-
251
- return /*#__PURE__*/_react["default"].createElement(_common.Block, {
252
- key: "key-key-".concat(index)
253
- }, /*#__PURE__*/_react["default"].createElement(_common.ExpandedInput, {
254
- placeholder: "Enter Description Here",
255
- markup: scoreDescriptor,
256
- onChange: function onChange(descriptor) {
257
- return _this2.onScorePointDescriptorChange({
258
- descriptor: descriptor,
259
- value: value
260
- });
261
- },
262
- pluginProps: pluginProps,
263
- alignToRight: remainingSpace < 296 // 296 is the space required for the toolbar
264
- ,
265
- spellCheck: spellCheck
266
- }));
267
- }))))));
268
- }
269
- }]);
270
- return TraitTile;
271
- }(_react["default"].Component);
272
-
273
- exports.TraitTile = TraitTile;
274
- TraitTile.propTypes = {
275
- connectDragSource: _propTypes["default"].func.isRequired,
276
- connectDropTarget: _propTypes["default"].func.isRequired,
277
- connectDragPreview: _propTypes["default"].func.isRequired,
278
- classes: _propTypes["default"].object.isRequired,
279
- isDragging: _propTypes["default"].bool.isRequired,
280
- id: _propTypes["default"].any,
281
- isOver: _propTypes["default"].bool,
282
- index: _propTypes["default"].number,
283
- onTraitChanged: _propTypes["default"].func.isRequired,
284
- onTraitRemoved: _propTypes["default"].func.isRequired,
285
- trait: _propTypes["default"].shape({
286
- name: _propTypes["default"].string,
287
- standards: _propTypes["default"].arrayOf(_propTypes["default"].string),
288
- scorePointsDescriptors: _propTypes["default"].arrayOf(_propTypes["default"].string),
289
- description: _propTypes["default"].string
290
- }),
291
- scorePointsValues: _propTypes["default"].arrayOf(_propTypes["default"].number),
292
- showStandards: _propTypes["default"].bool,
293
- showDescription: _propTypes["default"].bool,
294
- enableDragAndDrop: _propTypes["default"].bool,
295
- currentPosition: _propTypes["default"].number,
296
- secondaryBlockWidth: _propTypes["default"].number
297
- };
298
- var StyledTrait = (0, _styles.withStyles)(styles)(TraitTile);
299
- exports.StyledTrait = StyledTrait;
300
- var NAME = 'trait-config';
301
- var traitSource = {
302
- beginDrag: function beginDrag(props) {
303
- return {
304
- name: props.trait.name,
305
- index: props.index
306
- };
307
- }
308
- };
309
- var StyledSource = (0, _reactDnd.DragSource)(NAME, traitSource, function (connect, monitor) {
310
- return {
311
- connectDragSource: connect.dragSource(),
312
- connectDragPreview: connect.dragPreview(),
313
- isDragging: monitor.isDragging()
314
- };
315
- })(StyledTrait);
316
- var traitTarget = {
317
- hover: function hover() {
318
- log('[hover]');
319
- },
320
- drop: function drop(props, monitor) {
321
- var item = monitor.getItem();
322
- log('[drop] item: ', item, 'didDrop?', monitor.didDrop());
323
- props.onTraitDropped(item, props.index);
324
- }
325
- };
326
- var StyledSourceAndTarget = (0, _reactDnd.DropTarget)(NAME, traitTarget, function (connect, monitor) {
327
- return {
328
- connectDropTarget: connect.dropTarget(),
329
- isOver: monitor.isOver()
330
- };
331
- })(StyledSource);
332
- var _default = StyledSourceAndTarget;
333
- exports["default"] = _default;
334
- //# 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","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":"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","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 } = 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 />\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 />\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 />\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 />\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,254 +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
- var anchorEl = this.state.anchorEl;
152
- return /*#__PURE__*/_react["default"].createElement(_common.Row, {
153
- className: classes.greyHeader,
154
- height: showLevelTagInput ? _common.HeaderHeightLarge : _common.HeaderHeight
155
- }, /*#__PURE__*/_react["default"].createElement(_common.PrimaryBlock, {
156
- className: classes.primaryBlockGreyHeader
157
- }, showLevelTagInput && /*#__PURE__*/_react["default"].createElement(_common.SimpleInput, {
158
- markup: traitLabel || 'Trait',
159
- onChange: onTraitLabelChange,
160
- pluginProps: _utils.labelPlugins,
161
- spellCheck: spellCheck,
162
- label: "Level Label"
163
- }), /*#__PURE__*/_react["default"].createElement(_common.ScaleSettings, null, /*#__PURE__*/_react["default"].createElement("div", null, "Scale ", scaleIndex + 1), /*#__PURE__*/_react["default"].createElement(_common.MaxPointsPicker, {
164
- maxPoints: maxPoints,
165
- onChange: updateMaxPointsFieldValue
166
- }), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
167
- "aria-label": "more",
168
- "aria-controls": "long-menu",
169
- "aria-haspopup": "true",
170
- onClick: this.handleClick
171
- }, /*#__PURE__*/_react["default"].createElement(_MoreVert["default"], null)), /*#__PURE__*/_react["default"].createElement(_Menu["default"], {
172
- id: "long-menu",
173
- anchorEl: anchorEl,
174
- keepMounted: true,
175
- open: !!anchorEl,
176
- onClose: this.handleClose
177
- }, ['Remove Scale'].map(function (option) {
178
- return /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
179
- key: option,
180
- onClick: _this2.openMenu
181
- }, option);
182
- }))))), /*#__PURE__*/_react["default"].createElement(_common.SecondaryBlock, {
183
- setRef: function setRef(ref) {
184
- if (ref) {
185
- _this2.secondaryBlock = ref;
186
- setSecondaryBlockRef(ref);
187
- }
188
- },
189
- width: "".concat(secondaryBlockWidth, "px")
190
- }, showStandards && /*#__PURE__*/_react["default"].createElement(_common.Block, null, /*#__PURE__*/_react["default"].createElement("div", {
191
- className: classes.label
192
- }, "Standard(s)")), showDescription && /*#__PURE__*/_react["default"].createElement(_common.Block, null, /*#__PURE__*/_react["default"].createElement("div", {
193
- className: classes.label
194
- }, "Description")), scorePointsValues.map(function (scorePointsValue, index) {
195
- var adjustedBlockWidth = _common.BlockWidth + 2 * 8; // 8 is padding
196
-
197
- var remainingSpace = secondaryBlockWidth - adjustedBlockWidth * index + currentPosition - 128;
198
- var value = scorePointsValues.length - index - 1;
199
- var scoreDescriptor;
200
-
201
- try {
202
- scoreDescriptor = scorePointsLabels[value] || '';
203
- } catch (e) {
204
- scoreDescriptor = '';
205
- }
206
-
207
- return /*#__PURE__*/_react["default"].createElement(_common.Block, {
208
- key: "secondary-block-part-".concat(index)
209
- }, /*#__PURE__*/_react["default"].createElement(_common.ScorePoint, {
210
- scorePointsValue: scorePointsValue,
211
- scoreDescriptor: scoreDescriptor,
212
- pluginProps: _utils.labelPlugins,
213
- showScorePointLabels: showScorePointLabels,
214
- onChange: function onChange(scorePointLabel) {
215
- return _this2.onScorePointLabelChange({
216
- scorePointLabel: scorePointLabel,
217
- value: value
218
- });
219
- },
220
- alignToRight: remainingSpace < 296 // 296 is the space required for the toolbar
221
- ,
222
- spellCheck: spellCheck
223
- }));
224
- })));
225
- }
226
- }]);
227
- return TraitsHeaderTile;
228
- }(_react["default"].Component);
229
-
230
- exports.TraitsHeaderTile = TraitsHeaderTile;
231
- TraitsHeaderTile.propTypes = {
232
- classes: _propTypes["default"].object.isRequired,
233
- onTraitLabelChange: _propTypes["default"].func,
234
- onScaleChange: _propTypes["default"].func,
235
- scorePointsValues: _propTypes["default"].arrayOf(_propTypes["default"].number),
236
- scorePointsLabels: _propTypes["default"].arrayOf(_propTypes["default"].string),
237
- traitLabel: _propTypes["default"].string,
238
- showStandards: _propTypes["default"].bool,
239
- showLevelTagInput: _propTypes["default"].bool,
240
- showDescription: _propTypes["default"].bool,
241
- maxPoints: _propTypes["default"].number,
242
- updateMaxPointsFieldValue: _propTypes["default"].func,
243
- scaleIndex: _propTypes["default"].number,
244
- currentPosition: _propTypes["default"].number,
245
- secondaryBlockWidth: _propTypes["default"].number,
246
- showDeleteScaleModal: _propTypes["default"].func,
247
- showScorePointLabels: _propTypes["default"].bool,
248
- setSecondaryBlockRef: _propTypes["default"].func
249
- };
250
-
251
- var _default = (0, _styles.withStyles)(styles)(TraitsHeaderTile);
252
-
253
- exports["default"] = _default;
254
- //# sourceMappingURL=traitsHeader.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/traitsHeader.jsx"],"names":["styles","label","textAlign","width","border","margin","padding","display","alignItems","justifyContent","greyHeader","background","color","secondaryBackground","borderRadius","position","primaryBlockGreyHeader","paddingTop","TraitsHeaderTile","anchorEl","scorePointLabel","value","props","scorePointsLabels","onScaleChange","length","event","setState","currentTarget","secondaryBlock","scrollTo","left","showDeleteScaleModal","handleClose","nextProps","currentPosition","scrollToPosition","scorePointsValues","traitLabel","classes","showStandards","onTraitLabelChange","showDescription","showLevelTagInput","maxPoints","updateMaxPointsFieldValue","scaleIndex","showScorePointLabels","secondaryBlockWidth","setSecondaryBlockRef","spellCheck","state","HeaderHeightLarge","HeaderHeight","labelPlugins","handleClick","map","option","openMenu","ref","scorePointsValue","index","adjustedBlockWidth","BlockWidth","remainingSpace","scoreDescriptor","e","onScorePointLabelChange","React","Component","propTypes","PropTypes","object","isRequired","func","arrayOf","number","string","bool"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { withStyles } from '@material-ui/core/styles';\nimport IconButton from '@material-ui/core/IconButton';\nimport Menu from '@material-ui/core/Menu';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport MoreVertIcon from '@material-ui/icons/MoreVert';\nimport { color } from '@pie-lib/render-ui';\n\nimport {\n Block,\n BlockWidth,\n PrimaryBlock,\n Row,\n SecondaryBlock,\n ScorePoint,\n MaxPointsPicker,\n SimpleInput,\n ScaleSettings,\n HeaderHeight,\n HeaderHeightLarge\n} from './common';\nimport { labelPlugins } from './utils';\n\nconst styles = {\n label: {\n textAlign: 'center',\n width: '140px',\n border: 'none',\n margin: '8px',\n padding: '10px 0',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-around'\n },\n greyHeader: {\n background: color.secondaryBackground(),\n borderRadius: '4px',\n position: 'relative'\n },\n primaryBlockGreyHeader: {\n paddingTop: '12px'\n }\n};\n\nexport class TraitsHeaderTile extends React.Component {\n state = {\n anchorEl: null,\n };\n\n UNSAFE_componentWillReceiveProps(nextProps) {\n if (nextProps.currentPosition !== this.props.currentPosition) {\n this.scrollToPosition(nextProps.currentPosition);\n }\n }\n\n onScorePointLabelChange = ({ scorePointLabel, value }) => {\n const { scorePointsLabels, onScaleChange } = this.props;\n\n if (value < 0 || value >= scorePointsLabels.length) return;\n\n scorePointsLabels[value] = scorePointLabel;\n\n onScaleChange({ scorePointsLabels });\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.showDeleteScaleModal();\n this.handleClose();\n };\n\n render() {\n const {\n scorePointsValues,\n scorePointsLabels,\n traitLabel,\n classes,\n currentPosition,\n showStandards,\n onTraitLabelChange,\n showDescription,\n showLevelTagInput,\n maxPoints,\n updateMaxPointsFieldValue,\n scaleIndex,\n showScorePointLabels,\n secondaryBlockWidth,\n setSecondaryBlockRef,\n spellCheck\n } = this.props;\n const { anchorEl } = this.state;\n\n return (\n <Row className={classes.greyHeader} height={showLevelTagInput ? HeaderHeightLarge : HeaderHeight}>\n <PrimaryBlock className={classes.primaryBlockGreyHeader}>\n {showLevelTagInput && (\n <SimpleInput\n markup={traitLabel || 'Trait'}\n onChange={onTraitLabelChange}\n pluginProps={labelPlugins}\n spellCheck={spellCheck}\n label='Level Label'\n />\n )}\n\n <ScaleSettings>\n <div>\n Scale {scaleIndex + 1}\n </div>\n\n <MaxPointsPicker\n maxPoints={maxPoints}\n onChange={updateMaxPointsFieldValue}\n />\n\n <div>\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 {['Remove Scale'].map((option) => (\n <MenuItem\n key={option}\n onClick={this.openMenu}\n >\n {option}\n </MenuItem>\n ))}\n </Menu>\n </div>\n </ScaleSettings>\n </PrimaryBlock>\n\n <SecondaryBlock\n setRef={ref => {\n if (ref) {\n this.secondaryBlock = ref;\n setSecondaryBlockRef(ref);\n }\n }}\n width={`${secondaryBlockWidth}px`}\n >\n\n {showStandards && (\n <Block>\n <div className={classes.label}>\n Standard(s)\n </div>\n </Block>\n )}\n\n {showDescription && (\n <Block>\n <div className={classes.label}>\n Description\n </div>\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 - 128;\n const value = scorePointsValues.length - index - 1;\n let scoreDescriptor;\n\n try {\n scoreDescriptor = scorePointsLabels[value] || '';\n } catch (e) {\n scoreDescriptor = '';\n }\n\n return (\n <Block key={`secondary-block-part-${index}`}>\n <ScorePoint\n scorePointsValue={scorePointsValue}\n scoreDescriptor={scoreDescriptor}\n pluginProps={labelPlugins}\n showScorePointLabels={showScorePointLabels}\n onChange={scorePointLabel => this.onScorePointLabelChange({ scorePointLabel, value })}\n alignToRight={remainingSpace < 296} // 296 is the space required for the toolbar\n spellCheck={spellCheck}\n />\n </Block>\n )\n })}\n </SecondaryBlock>\n </Row>\n );\n }\n}\n\nTraitsHeaderTile.propTypes = {\n classes: PropTypes.object.isRequired,\n onTraitLabelChange: PropTypes.func,\n onScaleChange: PropTypes.func,\n scorePointsValues: PropTypes.arrayOf(PropTypes.number),\n scorePointsLabels: PropTypes.arrayOf(PropTypes.string),\n traitLabel: PropTypes.string,\n showStandards: PropTypes.bool,\n showLevelTagInput: PropTypes.bool,\n showDescription: PropTypes.bool,\n maxPoints: PropTypes.number,\n updateMaxPointsFieldValue: PropTypes.func,\n scaleIndex: PropTypes.number,\n currentPosition: PropTypes.number,\n secondaryBlockWidth: PropTypes.number,\n showDeleteScaleModal: PropTypes.func,\n showScorePointLabels: PropTypes.bool,\n setSecondaryBlockRef: PropTypes.func\n};\n\nexport default withStyles(styles)(TraitsHeaderTile);\n"],"file":"traitsHeader.js"}