@elice/material-quiz 1.240718.0-trasncript.2 → 1.240718.1

package/cjs/components/shared/QuizDraggbleOption.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
 var blocks = require('@elice/blocks');
 var designTokens = require('@elice/design-tokens');
 var icons = require('@elice/icons');
@@ -11,27 +11,25 @@ var EbDraggable = require('../eb-sortable/EbDraggable.js');
 var MaterialQuizContext = require('../material-quiz/context/MaterialQuizContext.js');
 var StyledMarkdown = require('./StyledMarkdown.js');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-
-var StyledQuizDraggbleOptionHandle = styled__default.default.div.withConfig({
+const StyledQuizDraggbleOptionHandle = styled.div.withConfig({
   componentId: "sc-19b0zkq-0"
 })(["display:flex;align-items:center;justify-content:center;background-color:", ";width:1.5rem;flex:none;"], designTokens.base.color.navy5);
-var StyledQuizDraggbleOptionContent = styled__default.default.div.withConfig({
+const StyledQuizDraggbleOptionContent = styled.div.withConfig({
   componentId: "sc-19b0zkq-1"
-})(["display:flex;justify-content:space-between;min-width:0;align-items:center;flex:auto;padding:0.875rem 1rem;line-height:24px;border:", ";background-color:", ";"], function (_ref) {
-  var role = _ref.role;
+})(["display:flex;justify-content:space-between;min-width:0;align-items:center;flex:auto;padding:0.875rem 1rem;line-height:24px;border:", ";background-color:", ";"], ({
+  role
+}) => {
   switch (role) {
     case 'correct':
-      return "1px solid ".concat(designTokens.base.color.primary6);
+      return `1px solid ${designTokens.base.color.primary6}`;
     case 'wrong':
-      return "1px solid ".concat(designTokens.base.color.red6);
+      return `1px solid ${designTokens.base.color.red6}`;
     default:
       return '';
   }
-}, function (_ref2) {
-  var role = _ref2.role;
+}, ({
+  role
+}) => {
   switch (role) {
     case 'answer':
       return designTokens.base.color.primary6;
@@ -39,13 +37,14 @@ var StyledQuizDraggbleOptionContent = styled__default.default.div.withConfig({
       return '';
   }
 });
-var StyledOrder = styled__default.default.div.withConfig({
+const StyledOrder = styled.div.withConfig({
   componentId: "sc-19b0zkq-2"
 })(["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);
-var StyledQuizDraggbleOption = styled__default.default(EbDraggable.default).withConfig({
+const StyledQuizDraggbleOption = styled(EbDraggable.default).withConfig({
   componentId: "sc-19b0zkq-3"
-})(["display:flex;border-radius:8px;border:1px solid ", ";background-color:", ";overflow:hidden;z-index:980 !important;&:not(:last-of-type){margin-bottom:1rem;}", "{background-color:", ";color:", ";}", "{background-color:", ";& *{color:", ";}}", "{background-color:", ";color:", ";}&.ui-draggable-dragging{z-index:1000 !important;color:", " !important;border:none !important;", "{background-color:", ";}", "{background-color:", ";border:1px solid ", " !important;}", "{color:", ";background-color:", ";}& *{color:", " !important;}}&.ui-draggable-dragging.quiz-answer{width:calc(100% - 1rem * 2);}"], designTokens.base.color.navy4, designTokens.base.color.navy5, StyledQuizDraggbleOptionHandle, function (_ref3) {
-  var role = _ref3.role;
+})(["display:flex;border-radius:8px;border:1px solid ", ";background-color:", ";overflow:hidden;z-index:980 !important;&:not(:last-of-type){margin-bottom:1rem;}", "{background-color:", ";color:", ";}", "{background-color:", ";& *{color:", ";}}", "{background-color:", ";color:", ";}&.ui-draggable-dragging{z-index:1000 !important;color:", " !important;border:none !important;", "{background-color:", ";}", "{background-color:", ";border:1px solid ", " !important;}", "{color:", ";background-color:", ";}& *{color:", " !important;}}&.ui-draggable-dragging.quiz-answer{width:calc(100% - 1rem * 2);}"], designTokens.base.color.navy4, designTokens.base.color.navy5, StyledQuizDraggbleOptionHandle, ({
+  role
+}) => {
   switch (role) {
     case 'answer':
       return designTokens.base.color.primary4;
@@ -57,8 +56,9 @@ var StyledQuizDraggbleOption = styled__default.default(EbDraggable.default).with
     default:
       return designTokens.base.color.navy3;
   }
-}, function (_ref4) {
-  var role = _ref4.role;
+}, ({
+  role
+}) => {
   switch (role) {
     case 'answer':
       return designTokens.base.color.primary9;
@@ -70,8 +70,9 @@ var StyledQuizDraggbleOption = styled__default.default(EbDraggable.default).with
     default:
       return designTokens.base.color.navy5;
   }
-}, StyledQuizDraggbleOptionContent, function (_ref5) {
-  var role = _ref5.role;
+}, StyledQuizDraggbleOptionContent, ({
+  role
+}) => {
   switch (role) {
     case 'answer':
       return designTokens.base.color.primary1;
@@ -83,8 +84,9 @@ var StyledQuizDraggbleOption = styled__default.default(EbDraggable.default).with
     default:
       return designTokens.base.color.navy5;
   }
-}, function (_ref6) {
-  var role = _ref6.role;
+}, ({
+  role
+}) => {
   switch (role) {
     case 'answer':
       return designTokens.base.color.primary9;
@@ -96,8 +98,9 @@ var StyledQuizDraggbleOption = styled__default.default(EbDraggable.default).with
     default:
       return designTokens.base.color.navy0;
   }
-}, StyledOrder, function (_ref7) {
-  var role = _ref7.role;
+}, StyledOrder, ({
+  role
+}) => {
   switch (role) {
     case 'answer':
       return designTokens.base.color.primary3;
@@ -109,8 +112,9 @@ var StyledQuizDraggbleOption = styled__default.default(EbDraggable.default).with
     default:
       return designTokens.base.color.navy4;
   }
-}, function (_ref8) {
-  var role = _ref8.role;
+}, ({
+  role
+}) => {
   switch (role) {
     case 'answer':
       return designTokens.base.color.primary9;
@@ -123,49 +127,39 @@ var StyledQuizDraggbleOption = styled__default.default(EbDraggable.default).with
       return designTokens.base.color.navy0;
   }
 }, designTokens.base.color.navy0, StyledQuizDraggbleOptionHandle, designTokens.base.color.navy5, StyledQuizDraggbleOptionContent, designTokens.base.color.navy4, designTokens.base.color.navy4, StyledOrder, designTokens.base.color.navy0, designTokens.base.color.navy5, designTokens.base.color.navy0);
-var QuizDraggbleOption = function QuizDraggbleOption(_ref9) {
-  var id = _ref9.id,
-    className = _ref9.className,
-    content = _ref9.content,
-    _ref9$disabled = _ref9.disabled,
-    disabled = _ref9$disabled === void 0 ? false : _ref9$disabled,
-    _ref9$role = _ref9.role,
-    role = _ref9$role === void 0 ? 'default' : _ref9$role,
-    indexOrder = _ref9.indexOrder,
-    _ref9$clone = _ref9.clone,
-    clone = _ref9$clone === void 0 ? false : _ref9$clone,
-    _ref9$isMarkdown = _ref9.isMarkdown,
-    isMarkdown = _ref9$isMarkdown === void 0 ? false : _ref9$isMarkdown;
-  var _useMaterialQuizState = MaterialQuizContext.useMaterialQuizState(),
-    vertical = _useMaterialQuizState.vertical;
-  return jsxRuntime.jsxs(StyledQuizDraggbleOption, {
+const QuizDraggbleOption = ({
+  id,
+  className,
+  content,
+  disabled = false,
+  role = 'default',
+  indexOrder,
+  clone = false,
+  isMarkdown = false
+}) => {
+  const {
+    vertical
+  } = MaterialQuizContext.useMaterialQuizState();
+  return React.createElement(StyledQuizDraggbleOption, {
     id: id,
     className: className,
     disabled: disabled,
     role: role,
     clone: clone,
-    vertical: vertical,
-    children: [jsxRuntime.jsx(StyledQuizDraggbleOptionHandle, {
-      children: jsxRuntime.jsx(blocks.Icon, {
-        size: "large",
-        icon: icons.eilDraggableVertical
-      })
-    }), jsxRuntime.jsxs(StyledQuizDraggbleOptionContent, {
-      children: [isMarkdown ? jsxRuntime.jsx(StyledMarkdown.default, {
-        children: content,
-        dark: true,
-        paddingx: 0,
-        paddingy: 0
-      }) : jsxRuntime.jsx(blocks.Text, {
-        userSelect: "none",
-        wordBreak: "break-all",
-        role: role === 'answer' ? 'white' : 'default',
-        children: content
-      }), indexOrder ? jsxRuntime.jsx(StyledOrder, {
-        children: indexOrder
-      }) : null]
-    })]
-  });
+    vertical: vertical
+  }, React.createElement(StyledQuizDraggbleOptionHandle, null, React.createElement(blocks.Icon, {
+    size: "large",
+    icon: icons.eilDraggableVertical
+  })), React.createElement(StyledQuizDraggbleOptionContent, null, isMarkdown ? React.createElement(StyledMarkdown.default, {
+    children: content,
+    dark: true,
+    paddingx: 0,
+    paddingy: 0
+  }) : React.createElement(blocks.Text, {
+    userSelect: "none",
+    wordBreak: "break-all",
+    role: role === 'answer' ? 'white' : 'default'
+  }, content), indexOrder ? React.createElement(StyledOrder, null, indexOrder) : null));
 };
 
 exports.default = QuizDraggbleOption;

package/cjs/components/shared/StyledMarkdown.js

@@ -5,11 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var markdown = require('@elice/markdown');
 var styled = require('styled-components');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-
-var StyledMarkdown = styled__default.default(markdown.Markdown).withConfig({
+const StyledMarkdown = styled(markdown.Markdown).withConfig({
   componentId: "sc-l6r531-0"
 })(["p{margin:0 !important;}code{white-space:pre-wrap;word-break:break-all;}"]);
 

package/cjs/components/shared/question-checkbox/QuestionCheckbox.js

@@ -3,25 +3,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
-var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
 var styled = require('styled-components');
 var QuestionCheckboxContext = require('./QuestionCheckboxContext.js');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-
-var StyledQuestionCheckbox = styled__default.default.div.withConfig({
+const StyledQuestionCheckbox = styled.div.withConfig({
   componentId: "sc-1jgy6x5-0"
 })(["display:flex;flex-direction:column;"]);
-var QuestionCheckbox = function QuestionCheckbox(_a) {
-  var children = _a.children,
+const QuestionCheckbox = _a => {
+  var {
+      children
+    } = _a,
     props = tslib.__rest(_a, ["children"]);
-  return jsxRuntime.jsx(QuestionCheckboxContext.QuestionCheckboxContextProvider, Object.assign({}, props, {
-    children: jsxRuntime.jsx(StyledQuestionCheckbox, {
-      children: children
-    })
-  }));
+  return React.createElement(QuestionCheckboxContext.QuestionCheckboxContextProvider, Object.assign({}, props), React.createElement(StyledQuestionCheckbox, null, children));
 };
 
 exports.default = QuestionCheckbox;

package/cjs/components/shared/question-checkbox/QuestionCheckboxContext.d.ts

@@ -4,6 +4,6 @@ type Value = Pick<QuestionCheckboxProps, 'selectedOptions' | 'disabled' | 'onSel
 interface QuestionCheckboxProviderProps extends QuestionCheckboxProps {
     children: React.ReactNode;
 }
-declare function QuestionCheckboxContextProvider({ selectedOptions, onSelect, disabled, children, }: QuestionCheckboxProviderProps): JSX.Element;
+declare function QuestionCheckboxContextProvider({ selectedOptions, onSelect, disabled, children, }: QuestionCheckboxProviderProps): React.JSX.Element;
 declare function useQuestionCheckboxContext(): Value;
 export { QuestionCheckboxContextProvider, useQuestionCheckboxContext };

package/cjs/components/shared/question-checkbox/QuestionCheckboxContext.js

@@ -1,35 +1,28 @@
 'use strict';
 
-var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
-var QuestionCheckboxContext = React__default.default.createContext(undefined);
+const QuestionCheckboxContext = React.createContext(undefined);
 QuestionCheckboxContext.displayName = 'QuestionCheckboxContext';
-function QuestionCheckboxContextProvider(_ref) {
-  var selectedOptions = _ref.selectedOptions,
-    onSelect = _ref.onSelect,
-    disabled = _ref.disabled,
-    children = _ref.children;
+function QuestionCheckboxContextProvider({
+  selectedOptions,
+  onSelect,
+  disabled,
+  children
+}) {
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  var onSelectValue = React__default.default.useCallback(onSelect, []);
-  var value = React__default.default.useMemo(function () {
-    return {
-      selectedOptions: selectedOptions,
-      disabled: disabled,
-      onSelect: onSelectValue
-    };
-  }, [selectedOptions, disabled, onSelectValue]);
-  return jsxRuntime.jsx(QuestionCheckboxContext.Provider, {
-    value: value,
-    children: children
-  });
+  const onSelectValue = React.useCallback(onSelect, []);
+  const value = React.useMemo(() => ({
+    selectedOptions,
+    disabled,
+    onSelect: onSelectValue
+  }), [selectedOptions, disabled, onSelectValue]);
+  return React.createElement(QuestionCheckboxContext.Provider, {
+    value: value
+  }, children);
 }
 function useQuestionCheckboxContext() {
-  var context = React__default.default.useContext(QuestionCheckboxContext);
+  const context = React.useContext(QuestionCheckboxContext);
   if (context === undefined) {
     throw new Error('useQuestionCheckboxContext must be used within a QuestionCheckboxContextProvider');
   }

package/cjs/components/shared/question-checkbox/QuestionCheckboxOption.js

@@ -2,23 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var designTokens = require('@elice/design-tokens');
 var styled = require('styled-components');
 var getQuestionStatusStyle = require('../utils/getQuestionStatusStyle.js');
 var QuestionCheckboxContext = require('./QuestionCheckboxContext.js');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-
-var StyledQuestionCheckboxOption = styled__default.default.div.withConfig({
+const StyledQuestionCheckboxOption = styled.div.withConfig({
   componentId: "sc-1erloup-0"
-})(["display:flex;align-items:center;padding:0.875rem 1rem;border-radius:8px;background-color:", ";&:not(:last-of-type){margin-bottom:1rem;}&:hover,& *:hover{cursor:", ";}", ""], function (_ref) {
-  var checked = _ref.checked,
-    status = _ref.status;
+})(["display:flex;align-items:center;padding:0.875rem 1rem;border-radius:8px;background-color:", ";&:not(:last-of-type){margin-bottom:1rem;}&:hover,& *:hover{cursor:", ";}", ""], ({
+  checked,
+  status
+}) => {
   switch (status) {
     case 'correct':
       return designTokens.base.color.green1;
@@ -27,21 +22,20 @@ var StyledQuestionCheckboxOption = styled__default.default.div.withConfig({
     default:
       return checked ? designTokens.base.color.primary1 : designTokens.base.color.navy6;
   }
-}, function (_ref2) {
-  var disabled = _ref2.disabled;
-  return disabled ? 'not-allowed' : 'pointer';
-}, function (_ref3) {
-  var isAnswer = _ref3.isAnswer;
-  return isAnswer ? "border: 3px solid ".concat(designTokens.base.color.green5) : '';
-});
-var StyledCustomCheckboxButton = styled__default.default.span.withConfig({
+}, ({
+  disabled
+}) => disabled ? 'not-allowed' : 'pointer', ({
+  isAnswer
+}) => isAnswer ? `border: 3px solid ${designTokens.base.color.green5}` : '');
+const StyledCustomCheckboxButton = styled.span.withConfig({
   componentId: "sc-1erloup-1"
 })([""]);
-var StyledQuestionCheckboxInput = styled__default.default.input.withConfig({
+const StyledQuestionCheckboxInput = styled.input.withConfig({
   componentId: "sc-1erloup-2"
-})(["flex:none;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:1rem;height:1rem;margin-right:0.875rem;background-color:", ";border:", ";", ""], function (_ref4) {
-  var checked = _ref4.checked,
-    status = _ref4.status;
+})(["flex:none;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:1rem;height:1rem;margin-right:0.875rem;background-color:", ";border:", ";", ""], ({
+  checked,
+  status
+}) => {
   switch (status) {
     case 'correct':
       return designTokens.base.color.green9;
@@ -50,21 +44,23 @@ var StyledQuestionCheckboxInput = styled__default.default.input.withConfig({
     default:
       return checked ? designTokens.base.color.primary6 : 'transparent';
   }
-}, function (_ref5) {
-  var checked = _ref5.checked,
-    status = _ref5.status;
+}, ({
+  checked,
+  status
+}) => {
   switch (status) {
     case 'correct':
       return designTokens.base.color.green9;
     case 'wrong':
       return designTokens.base.color.red9;
     default:
-      return checked ? designTokens.base.color.primary6 : "1px solid ".concat(designTokens.base.color.gray3);
+      return checked ? designTokens.base.color.primary6 : `1px solid ${designTokens.base.color.gray3}`;
   }
-}, function (_ref6) {
-  var status = _ref6.status,
-    checked = _ref6.checked;
-  var bgColor;
+}, ({
+  status,
+  checked
+}) => {
+  let bgColor;
   switch (status) {
     case 'correct':
       bgColor = designTokens.base.color.green9;
@@ -76,7 +72,7 @@ var StyledQuestionCheckboxInput = styled__default.default.input.withConfig({
       bgColor = 'transparent';
       break;
   }
-  var borderColor;
+  let borderColor;
   switch (status) {
     case 'correct':
       borderColor = designTokens.base.color.green1;
@@ -88,46 +84,59 @@ var StyledQuestionCheckboxInput = styled__default.default.input.withConfig({
       borderColor = checked ? designTokens.base.color.primary1 : status ? designTokens.base.color.navy5 : 'transparent';
       break;
   }
-  return "\n          &:after {\n            content: '';\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            width: 3px;\n            height: 7px;\n            border: solid ".concat(borderColor, ";\n            transform: translate(-50%, -50%) rotate(45deg);\n            border-width: 0 2px 2px 0;\n            background-color: ").concat(bgColor, ";\n          }\n        ");
+  return `
+          &:after {
+            content: '';
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            width: 3px;
+            height: 7px;
+            border: solid ${borderColor};
+            transform: translate(-50%, -50%) rotate(45deg);
+            border-width: 0 2px 2px 0;
+            background-color: ${bgColor};
+          }
+        `;
 });
-var StyledLabel = styled__default.default.label.withConfig({
+const StyledLabel = styled.label.withConfig({
   componentId: "sc-1erloup-3"
 })(["word-break:break-all;margin-right:0.875rem;font-size:", ";line-height:24px;", ""], designTokens.base.size.body3, getQuestionStatusStyle.getQuestionStatusStyle());
-var QuestionCheckboxOption = React__default.default.memo(function (_ref7) {
-  var value = _ref7.value,
-    status = _ref7.status,
-    isAnswer = _ref7.isAnswer,
-    children = _ref7.children;
-  var _useQuestionCheckboxC = QuestionCheckboxContext.useQuestionCheckboxContext(),
-    selectedOptions = _useQuestionCheckboxC.selectedOptions,
-    disabled = _useQuestionCheckboxC.disabled,
-    onSelect = _useQuestionCheckboxC.onSelect;
-  var checked = selectedOptions.includes(value);
-  return jsxRuntime.jsxs(StyledQuestionCheckboxOption, {
+const QuestionCheckboxOption = React.memo(({
+  value,
+  status,
+  isAnswer,
+  children
+}) => {
+  const {
+    selectedOptions,
+    disabled,
+    onSelect
+  } = QuestionCheckboxContext.useQuestionCheckboxContext();
+  const checked = selectedOptions.includes(value);
+  return React.createElement(StyledQuestionCheckboxOption, {
     isAnswer: isAnswer,
     disabled: disabled,
     checked: checked,
-    onClick: function onClick(e) {
+    onClick: e => {
       e.preventDefault();
       if (disabled) {
         return;
       }
       onSelect(value);
     },
-    status: status,
-    children: [jsxRuntime.jsx(StyledCustomCheckboxButton, {}), jsxRuntime.jsx(StyledQuestionCheckboxInput, {
-      id: value,
-      readOnly: true,
-      type: "checkbox",
-      checked: checked,
-      status: status
-    }), jsxRuntime.jsx(StyledLabel, {
-      htmlFor: value,
-      checked: checked,
-      status: status,
-      children: children
-    })]
-  });
+    status: status
+  }, React.createElement(StyledCustomCheckboxButton, null), React.createElement(StyledQuestionCheckboxInput, {
+    id: value,
+    readOnly: true,
+    type: "checkbox",
+    checked: checked,
+    status: status
+  }), React.createElement(StyledLabel, {
+    htmlFor: value,
+    checked: checked,
+    status: status
+  }, children));
 });
 
 exports.default = QuestionCheckboxOption;

package/cjs/components/shared/question-radio/QuestionRadio.js

@@ -3,25 +3,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
-var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
 var styled = require('styled-components');
 var QuestionRadioContext = require('./QuestionRadioContext.js');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-
-var StyledQuestionRadio = styled__default.default.div.withConfig({
+const StyledQuestionRadio = styled.div.withConfig({
   componentId: "sc-s7wqiy-0"
 })(["display:flex;flex-direction:column;"]);
-var QuestionRadio = function QuestionRadio(_a) {
-  var children = _a.children,
+const QuestionRadio = _a => {
+  var {
+      children
+    } = _a,
     props = tslib.__rest(_a, ["children"]);
-  return jsxRuntime.jsx(QuestionRadioContext.QuestionRadioContextProvider, Object.assign({}, props, {
-    children: jsxRuntime.jsx(StyledQuestionRadio, {
-      children: children
-    })
-  }));
+  return React.createElement(QuestionRadioContext.QuestionRadioContextProvider, Object.assign({}, props), React.createElement(StyledQuestionRadio, null, children));
 };
 
 exports.default = QuestionRadio;

package/cjs/components/shared/question-radio/QuestionRadioContext.d.ts

@@ -4,6 +4,6 @@ type Value = Pick<QuestionRadioProps, 'selectedValue' | 'disabled' | 'onSelect'>
 interface QuestionRadioProviderProps extends QuestionRadioProps {
     children: React.ReactNode;
 }
-declare function QuestionRadioContextProvider({ selectedValue, onSelect, disabled, children, }: QuestionRadioProviderProps): JSX.Element;
+declare function QuestionRadioContextProvider({ selectedValue, onSelect, disabled, children, }: QuestionRadioProviderProps): React.JSX.Element;
 declare function useQuestionRadioContext(): Value;
 export { QuestionRadioContextProvider, useQuestionRadioContext };

package/cjs/components/shared/question-radio/QuestionRadioContext.js

@@ -1,35 +1,28 @@
 'use strict';
 
-var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
-var QuestionRadioContext = React__default.default.createContext(undefined);
+const QuestionRadioContext = React.createContext(undefined);
 QuestionRadioContext.displayName = 'QuestionRadioContext';
-function QuestionRadioContextProvider(_ref) {
-  var selectedValue = _ref.selectedValue,
-    onSelect = _ref.onSelect,
-    disabled = _ref.disabled,
-    children = _ref.children;
+function QuestionRadioContextProvider({
+  selectedValue,
+  onSelect,
+  disabled,
+  children
+}) {
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  var onSelectValue = React__default.default.useCallback(onSelect, []);
-  var value = React__default.default.useMemo(function () {
-    return {
-      selectedValue: selectedValue,
-      disabled: disabled,
-      onSelect: onSelectValue
-    };
-  }, [selectedValue, disabled, onSelectValue]);
-  return jsxRuntime.jsx(QuestionRadioContext.Provider, {
-    value: value,
-    children: children
-  });
+  const onSelectValue = React.useCallback(onSelect, []);
+  const value = React.useMemo(() => ({
+    selectedValue,
+    disabled,
+    onSelect: onSelectValue
+  }), [selectedValue, disabled, onSelectValue]);
+  return React.createElement(QuestionRadioContext.Provider, {
+    value: value
+  }, children);
 }
 function useQuestionRadioContext() {
-  var context = React__default.default.useContext(QuestionRadioContext);
+  const context = React.useContext(QuestionRadioContext);
   if (context === undefined) {
     throw new Error('useQuestionRadioContext must be used within a QuestionRadioContextProvider');
   }