@elicecontents/content-ui 1.0.18 → 1.0.19-rc.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 (13) hide show
  1. package/cjs/components/answer-feedback/AnswerFeedback.d.ts +7 -1
  2. package/cjs/components/answer-feedback/AnswerFeedback.js +11 -2
  3. package/cjs/components/answer-feedback/Correct.d.ts +4 -1
  4. package/cjs/components/answer-feedback/Correct.js +6 -4
  5. package/cjs/components/answer-feedback/Incorrect.d.ts +4 -1
  6. package/cjs/components/answer-feedback/Incorrect.js +6 -4
  7. package/es/components/answer-feedback/AnswerFeedback.d.ts +7 -1
  8. package/es/components/answer-feedback/AnswerFeedback.js +11 -2
  9. package/es/components/answer-feedback/Correct.d.ts +4 -1
  10. package/es/components/answer-feedback/Correct.js +6 -4
  11. package/es/components/answer-feedback/Incorrect.d.ts +4 -1
  12. package/es/components/answer-feedback/Incorrect.js +6 -4
  13. package/package.json +1 -1
package/cjs/components/answer-feedback/AnswerFeedback.d.ts CHANGED
@@ -1,5 +1,11 @@
1
+ /// <reference types="react" />
2
+ import { SxProps } from '@mui/material';
1
3
  export interface EliceAnswerFeedbackProps {
2
4
  isCorrect?: boolean;
5
+ sx?: SxProps;
6
+ size?: number;
7
+ correctComponent?: React.ReactNode;
8
+ incorrectComponent?: React.ReactNode;
3
9
  }
4
- declare const AnswerFeedback: ({ isCorrect }: EliceAnswerFeedbackProps) => import("react/jsx-runtime").JSX.Element;
10
+ declare const AnswerFeedback: ({ isCorrect, sx, size, correctComponent, incorrectComponent, }: EliceAnswerFeedbackProps) => import("react/jsx-runtime").JSX.Element;
5
11
  export default AnswerFeedback;
package/cjs/components/answer-feedback/AnswerFeedback.js CHANGED
@@ -8,7 +8,11 @@ var Correct = require('./Correct.js');
8
8
  var Incorrect = require('./Incorrect.js');
9
9
 
10
10
  var AnswerFeedback = function AnswerFeedback(_ref) {
11
- var isCorrect = _ref.isCorrect;
11
+ var isCorrect = _ref.isCorrect,
12
+ sx = _ref.sx,
13
+ size = _ref.size,
14
+ correctComponent = _ref.correctComponent,
15
+ incorrectComponent = _ref.incorrectComponent;
12
16
  return jsxRuntime.jsx(material.Stack, {
13
17
  position: "absolute",
14
18
  zIndex: 99999,
@@ -18,7 +22,12 @@ var AnswerFeedback = function AnswerFeedback(_ref) {
18
22
  left: 0,
19
23
  alignItems: "center",
20
24
  justifyContent: "center",
21
- children: isCorrect ? jsxRuntime.jsx(Correct.default, {}) : jsxRuntime.jsx(Incorrect.default, {})
25
+ sx: Object.assign({}, sx),
26
+ children: isCorrect ? correctComponent !== null && correctComponent !== void 0 ? correctComponent : jsxRuntime.jsx(Correct.default, {
27
+ size: size
28
+ }) : incorrectComponent !== null && incorrectComponent !== void 0 ? incorrectComponent : jsxRuntime.jsx(Incorrect.default, {
29
+ size: size
30
+ })
22
31
  });
23
32
  };
24
33
 
package/cjs/components/answer-feedback/Correct.d.ts CHANGED
@@ -1,2 +1,5 @@
1
- declare const Correct: () => import("react/jsx-runtime").JSX.Element;
1
+ interface CorrectType {
2
+ size?: number;
3
+ }
4
+ declare const Correct: ({ size }: CorrectType) => import("react/jsx-runtime").JSX.Element;
2
5
  export default Correct;
package/cjs/components/answer-feedback/Correct.js CHANGED
@@ -5,13 +5,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var jsxRuntime = require('react/jsx-runtime');
6
6
  var material = require('@mui/material');
7
7
 
8
- var Correct = function Correct() {
8
+ var Correct = function Correct(_ref) {
9
+ var _ref$size = _ref.size,
10
+ size = _ref$size === void 0 ? 318 : _ref$size;
9
11
  var _a, _b;
10
12
  var theme = material.useTheme();
11
13
  return jsxRuntime.jsxs("svg", {
12
- width: "319",
13
- height: "318",
14
- viewBox: "0 0 319 318",
14
+ width: size + 1,
15
+ height: size,
16
+ viewBox: "0 0 ".concat(size + 1, " ").concat(size),
15
17
  fill: "none",
16
18
  xmlns: "http://www.w3.org/2000/svg",
17
19
  children: [jsxRuntime.jsxs("g", {
package/cjs/components/answer-feedback/Incorrect.d.ts CHANGED
@@ -1,2 +1,5 @@
1
- declare const Incorrect: () => import("react/jsx-runtime").JSX.Element;
1
+ interface IncorrectType {
2
+ size?: number;
3
+ }
4
+ declare const Incorrect: ({ size }: IncorrectType) => import("react/jsx-runtime").JSX.Element;
2
5
  export default Incorrect;
package/cjs/components/answer-feedback/Incorrect.js CHANGED
@@ -5,13 +5,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var jsxRuntime = require('react/jsx-runtime');
6
6
  var material = require('@mui/material');
7
7
 
8
- var Incorrect = function Incorrect() {
8
+ var Incorrect = function Incorrect(_ref) {
9
+ var _ref$size = _ref.size,
10
+ size = _ref$size === void 0 ? 318 : _ref$size;
9
11
  var _a, _b;
10
12
  var theme = material.useTheme();
11
13
  return jsxRuntime.jsxs("svg", {
12
- width: "319",
13
- height: "318",
14
- viewBox: "0 0 319 318",
14
+ width: size + 1,
15
+ height: size,
16
+ viewBox: "0 0 ".concat(size + 1, " ").concat(size),
15
17
  fill: "none",
16
18
  xmlns: "http://www.w3.org/2000/svg",
17
19
  children: [jsxRuntime.jsxs("g", {
package/es/components/answer-feedback/AnswerFeedback.d.ts CHANGED
@@ -1,5 +1,11 @@
1
+ /// <reference types="react" />
2
+ import { SxProps } from '@mui/material';
1
3
  export interface EliceAnswerFeedbackProps {
2
4
  isCorrect?: boolean;
5
+ sx?: SxProps;
6
+ size?: number;
7
+ correctComponent?: React.ReactNode;
8
+ incorrectComponent?: React.ReactNode;
3
9
  }
4
- declare const AnswerFeedback: ({ isCorrect }: EliceAnswerFeedbackProps) => import("react/jsx-runtime").JSX.Element;
10
+ declare const AnswerFeedback: ({ isCorrect, sx, size, correctComponent, incorrectComponent, }: EliceAnswerFeedbackProps) => import("react/jsx-runtime").JSX.Element;
5
11
  export default AnswerFeedback;
package/es/components/answer-feedback/AnswerFeedback.js CHANGED
@@ -4,7 +4,11 @@ import Correct from './Correct.js';
4
4
  import Incorrect from './Incorrect.js';
5
5
 
6
6
  var AnswerFeedback = function AnswerFeedback(_ref) {
7
- var isCorrect = _ref.isCorrect;
7
+ var isCorrect = _ref.isCorrect,
8
+ sx = _ref.sx,
9
+ size = _ref.size,
10
+ correctComponent = _ref.correctComponent,
11
+ incorrectComponent = _ref.incorrectComponent;
8
12
  return jsx(Stack, {
9
13
  position: "absolute",
10
14
  zIndex: 99999,
@@ -14,7 +18,12 @@ var AnswerFeedback = function AnswerFeedback(_ref) {
14
18
  left: 0,
15
19
  alignItems: "center",
16
20
  justifyContent: "center",
17
- children: isCorrect ? jsx(Correct, {}) : jsx(Incorrect, {})
21
+ sx: Object.assign({}, sx),
22
+ children: isCorrect ? correctComponent !== null && correctComponent !== void 0 ? correctComponent : jsx(Correct, {
23
+ size: size
24
+ }) : incorrectComponent !== null && incorrectComponent !== void 0 ? incorrectComponent : jsx(Incorrect, {
25
+ size: size
26
+ })
18
27
  });
19
28
  };
20
29
 
package/es/components/answer-feedback/Correct.d.ts CHANGED
@@ -1,2 +1,5 @@
1
- declare const Correct: () => import("react/jsx-runtime").JSX.Element;
1
+ interface CorrectType {
2
+ size?: number;
3
+ }
4
+ declare const Correct: ({ size }: CorrectType) => import("react/jsx-runtime").JSX.Element;
2
5
  export default Correct;
package/es/components/answer-feedback/Correct.js CHANGED
@@ -1,13 +1,15 @@
1
1
  import { jsxs, jsx } from 'react/jsx-runtime';
2
2
  import { useTheme } from '@mui/material';
3
3
 
4
- var Correct = function Correct() {
4
+ var Correct = function Correct(_ref) {
5
+ var _ref$size = _ref.size,
6
+ size = _ref$size === void 0 ? 318 : _ref$size;
5
7
  var _a, _b;
6
8
  var theme = useTheme();
7
9
  return jsxs("svg", {
8
- width: "319",
9
- height: "318",
10
- viewBox: "0 0 319 318",
10
+ width: size + 1,
11
+ height: size,
12
+ viewBox: "0 0 ".concat(size + 1, " ").concat(size),
11
13
  fill: "none",
12
14
  xmlns: "http://www.w3.org/2000/svg",
13
15
  children: [jsxs("g", {
package/es/components/answer-feedback/Incorrect.d.ts CHANGED
@@ -1,2 +1,5 @@
1
- declare const Incorrect: () => import("react/jsx-runtime").JSX.Element;
1
+ interface IncorrectType {
2
+ size?: number;
3
+ }
4
+ declare const Incorrect: ({ size }: IncorrectType) => import("react/jsx-runtime").JSX.Element;
2
5
  export default Incorrect;
package/es/components/answer-feedback/Incorrect.js CHANGED
@@ -1,13 +1,15 @@
1
1
  import { jsxs, jsx } from 'react/jsx-runtime';
2
2
  import { useTheme } from '@mui/material';
3
3
 
4
- var Incorrect = function Incorrect() {
4
+ var Incorrect = function Incorrect(_ref) {
5
+ var _ref$size = _ref.size,
6
+ size = _ref$size === void 0 ? 318 : _ref$size;
5
7
  var _a, _b;
6
8
  var theme = useTheme();
7
9
  return jsxs("svg", {
8
- width: "319",
9
- height: "318",
10
- viewBox: "0 0 319 318",
10
+ width: size + 1,
11
+ height: size,
12
+ viewBox: "0 0 ".concat(size + 1, " ").concat(size),
11
13
  fill: "none",
12
14
  xmlns: "http://www.w3.org/2000/svg",
13
15
  children: [jsxs("g", {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elicecontents/content-ui",
3
- "version": "1.0.18",
3
+ "version": "1.0.19-rc.0",
4
4
  "description": "A set of UI components for creating content of Elice",
5
5
  "author": "Elice <contact@elice.io>",
6
6
  "license": "UNLICENSED",