@elice/material-quiz 1.231103.0 → 1.231127.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 (7) hide show
  1. package/cjs/components/material-quiz/MaterialQuizSelectMultipleOrder.js +3 -0
  2. package/cjs/components/shared/QuizDraggbleDummyOption.d.ts +1 -0
  3. package/cjs/components/shared/QuizDraggbleDummyOption.js +3 -2
  4. package/es/components/material-quiz/MaterialQuizSelectMultipleOrder.js +3 -0
  5. package/es/components/shared/QuizDraggbleDummyOption.d.ts +1 -0
  6. package/es/components/shared/QuizDraggbleDummyOption.js +3 -2
  7. package/package.json +4 -4
package/cjs/components/material-quiz/MaterialQuizSelectMultipleOrder.js CHANGED
@@ -388,6 +388,9 @@ var MaterialQuizSelectMultipleOrder = function MaterialQuizSelectMultipleOrder()
388
388
  };
389
389
  if (option.value === null) {
390
390
  return React__default["default"].createElement(QuizDraggbleDummyOption["default"], {
391
+ children: intl.formatMessage({
392
+ id: 'materialQuiz.selectMultipleOrder.answer.title'
393
+ }),
391
394
  key: index$1,
392
395
  indexOrder: index$1 + 1,
393
396
  onDrop: function onDrop(event, ui) {
package/cjs/components/shared/QuizDraggbleDummyOption.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
2
  import type { EbDroppableProps } from '../eb-sortable/EbDroppable';
3
3
  interface QuizDraggbleDummyOptionProps {
4
+ children?: React.ReactNode;
4
5
  indexOrder: number;
5
6
  onDrop: EbDroppableProps['onDrop'];
6
7
  }
package/cjs/components/shared/QuizDraggbleDummyOption.js CHANGED
@@ -20,7 +20,8 @@ var StyledOrder = styled__default["default"].div.withConfig({
20
20
  componentId: "sc-1ayp8c1-1"
21
21
  })(["width:1.5rem;height:1.5rem;display:flex;border-radius:4px;align-items:center;justify-content:center;color:", ";background-color:", ";flex:none;margin-left:0.5rem;"], designTokens.base.color.navy0, designTokens.base.color.navy4);
22
22
  var QuizDraggbleDummyOption = function QuizDraggbleDummyOption(_ref) {
23
- var indexOrder = _ref.indexOrder,
23
+ var children = _ref.children,
24
+ indexOrder = _ref.indexOrder,
24
25
  onDrop = _ref.onDrop;
25
26
  return React__default["default"].createElement(StyledQuizDraggbleDummyOption, {
26
27
  onDrop: onDrop
@@ -29,7 +30,7 @@ var QuizDraggbleDummyOption = function QuizDraggbleDummyOption(_ref) {
29
30
  customStyles: {
30
31
  color: designTokens.base.color.navy0
31
32
  }
32
- }, '답안을 드래그 앤 드롭하세요.'), React__default["default"].createElement(StyledOrder, null, indexOrder));
33
+ }, children !== null && children !== void 0 ? children : 'drag here...'), React__default["default"].createElement(StyledOrder, null, indexOrder));
33
34
  };
34
35
 
35
36
  exports["default"] = QuizDraggbleDummyOption;
package/es/components/material-quiz/MaterialQuizSelectMultipleOrder.js CHANGED
@@ -379,6 +379,9 @@ var MaterialQuizSelectMultipleOrder = function MaterialQuizSelectMultipleOrder()
379
379
  };
380
380
  if (option.value === null) {
381
381
  return React.createElement(QuizDraggbleDummyOption, {
382
+ children: intl.formatMessage({
383
+ id: 'materialQuiz.selectMultipleOrder.answer.title'
384
+ }),
382
385
  key: index,
383
386
  indexOrder: index + 1,
384
387
  onDrop: function onDrop(event, ui) {
package/es/components/shared/QuizDraggbleDummyOption.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
2
  import type { EbDroppableProps } from '../eb-sortable/EbDroppable';
3
3
  interface QuizDraggbleDummyOptionProps {
4
+ children?: React.ReactNode;
4
5
  indexOrder: number;
5
6
  onDrop: EbDroppableProps['onDrop'];
6
7
  }
package/es/components/shared/QuizDraggbleDummyOption.js CHANGED
@@ -11,7 +11,8 @@ var StyledOrder = styled.div.withConfig({
11
11
  componentId: "sc-1ayp8c1-1"
12
12
  })(["width:1.5rem;height:1.5rem;display:flex;border-radius:4px;align-items:center;justify-content:center;color:", ";background-color:", ";flex:none;margin-left:0.5rem;"], base.color.navy0, base.color.navy4);
13
13
  var QuizDraggbleDummyOption = function QuizDraggbleDummyOption(_ref) {
14
- var indexOrder = _ref.indexOrder,
14
+ var children = _ref.children,
15
+ indexOrder = _ref.indexOrder,
15
16
  onDrop = _ref.onDrop;
16
17
  return React.createElement(StyledQuizDraggbleDummyOption, {
17
18
  onDrop: onDrop
@@ -20,7 +21,7 @@ var QuizDraggbleDummyOption = function QuizDraggbleDummyOption(_ref) {
20
21
  customStyles: {
21
22
  color: base.color.navy0
22
23
  }
23
- }, '답안을 드래그 앤 드롭하세요.'), React.createElement(StyledOrder, null, indexOrder));
24
+ }, children !== null && children !== void 0 ? children : 'drag here...'), React.createElement(StyledOrder, null, indexOrder));
24
25
  };
25
26
 
26
27
  export { QuizDraggbleDummyOption as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elice/material-quiz",
3
- "version": "1.231103.0",
3
+ "version": "1.231127.0",
4
4
  "description": "User view and editing components of Elice material quiz",
5
5
  "repository": "https://git.elicer.io/elice/frontend/library/elice-material",
6
6
  "license": "UNLICENSED",
@@ -54,8 +54,8 @@
54
54
  "@elice/icons": "^1.230814.0",
55
55
  "@elice/icons-legacy": "npm:@elice/icons@0.230814.0",
56
56
  "@elice/markdown": "^1.220815.0",
57
- "@elice/material-shared-types": "1.231103.0",
58
- "@elice/material-shared-utils": "1.231103.0",
57
+ "@elice/material-shared-types": "1.231127.0",
58
+ "@elice/material-shared-utils": "1.231127.0",
59
59
  "@elice/types": "^1.230815.0",
60
60
  "@types/classnames": "^2.3.1",
61
61
  "@types/jquery": "^3.5.13",
@@ -69,5 +69,5 @@
69
69
  "react-use": "^17.2.4",
70
70
  "styled-components": "^5.3.0"
71
71
  },
72
- "gitHead": "f617fd87ac50d26998ed038719439b76d438158b"
72
+ "gitHead": "db81417d6e0a36601cc7680d99b221b5b51c2671"
73
73
  }