case-editor-tools 1.0.0-beta.17 → 1.0.0-beta.18

package/surveys/survey-items.js

@@ -7,15 +7,16 @@ var surveys_surveyEditor_itemEditor = require('../item-editor-7f825952.js');
 var surveys_utils_componentGenerators = require('./utils/componentGenerators.js');
 var types_duration = require('../types/duration.js');
 var constants_keyDefinitions = require('../constants/key-definitions.js');
-var surveys_utils_randomKeyGenerator = require('./utils/randomKeyGenerator.js');
 var surveys_utils_simpleGenerators = require('./utils/simple-generators.js');
 var surveys_utils_simpleQuestionEditor = require('./utils/simple-question-editor.js');
 var surveys_surveyEngineExpressions = require('./survey-engine-expressions.js');
+var surveys_responseTypeGenerators_optionGroupComponents = require('./responseTypeGenerators/optionGroupComponents.js');
+var surveys_responseTypeGenerators_likertGroupComponents = require('./responseTypeGenerators/likertGroupComponents.js');
+require('./utils/randomKeyGenerator.js');
 require('../logger/logger.js');
 require('../expression-utils/expressionGen.js');
 
-const generateNumericInputQuestion = (props) => {
-    var _a, _b, _c, _d;
+const commonQuestionGenerator = (props, rg_inner) => {
     const simpleEditor = new surveys_utils_simpleQuestionEditor.SimpleQuestionEditor(props.parentKey, props.itemKey, props.version ? props.version : 1);
     // QUESTION TEXT
     simpleEditor.setTitle(props.questionText, props.questionSubText, props.titleClassName);
@@ -28,6 +29,23 @@ const generateNumericInputQuestion = (props) => {
     if (props.topDisplayCompoments) {
         props.topDisplayCompoments.forEach(comp => simpleEditor.addDisplayComponent(comp));
     }
+    simpleEditor.setResponseGroupWithContent(rg_inner);
+    if (props.bottomDisplayCompoments) {
+        props.bottomDisplayCompoments.forEach(comp => simpleEditor.addDisplayComponent(comp));
+    }
+    if (props.isRequired) {
+        simpleEditor.addHasResponseValidation();
+    }
+    if (props.customValidations) {
+        props.customValidations.forEach(v => simpleEditor.editor.addValidation(v));
+    }
+    if (props.footnoteText) {
+        simpleEditor.addDisplayComponent(surveys_utils_componentGenerators.ComponentGenerators.footnote({ content: props.footnoteText }));
+    }
+    return simpleEditor.getItem();
+};
+const generateNumericInputQuestion = (props) => {
+    var _a, _b, _c, _d;
     const style = [];
     if (props.inputMaxWidth) {
         style.push({
@@ -48,239 +66,69 @@ const generateNumericInputQuestion = (props) => {
         content: surveys_utils_simpleGenerators.generateLocStrings(props.inputLabel),
         style: style.length > 0 ? style : undefined,
     };
-    simpleEditor.setResponseGroupWithContent(rg_inner);
-    if (props.bottomDisplayCompoments) {
-        props.bottomDisplayCompoments.forEach(comp => simpleEditor.addDisplayComponent(comp));
-    }
-    if (props.isRequired) {
-        simpleEditor.addHasResponseValidation();
-    }
-    if (props.customValidations) {
-        props.customValidations.forEach(v => simpleEditor.editor.addValidation(v));
-    }
-    if (props.footnoteText) {
-        simpleEditor.addDisplayComponent({
-            role: 'footnote', content: surveys_utils_simpleGenerators.generateLocStrings(props.footnoteText), style: [
-                { key: 'className', value: 'fs-small fst-italic text-center' }
-            ]
-        });
-    }
-    return simpleEditor.getItem();
+    return commonQuestionGenerator(props, rg_inner);
 };
 const generateSingleChoiceQuestion = (props) => {
-    const simpleEditor = new surveys_utils_simpleQuestionEditor.SimpleQuestionEditor(props.parentKey, props.itemKey, props.version ? props.version : 1);
-    // QUESTION TEXT
-    simpleEditor.setTitle(props.questionText, props.questionSubText, props.titleClassName);
-    if (props.condition) {
-        simpleEditor.setCondition(props.condition);
-    }
-    if (props.helpGroupContent) {
-        simpleEditor.editor.setHelpGroupComponent(surveys_utils_simpleGenerators.generateHelpGroupComponent(props.helpGroupContent));
-    }
-    if (props.topDisplayCompoments) {
-        props.topDisplayCompoments.forEach(comp => simpleEditor.addDisplayComponent(comp));
-    }
-    const rg_inner = initSingleChoiceGroup(constants_keyDefinitions.singleChoiceKey, props.responseOptions);
-    simpleEditor.setResponseGroupWithContent(rg_inner);
-    if (props.bottomDisplayCompoments) {
-        props.bottomDisplayCompoments.forEach(comp => simpleEditor.addDisplayComponent(comp));
-    }
-    if (props.isRequired) {
-        simpleEditor.addHasResponseValidation();
-    }
-    if (props.customValidations) {
-        props.customValidations.forEach(v => simpleEditor.editor.addValidation(v));
-    }
-    if (props.footnoteText) {
-        simpleEditor.addDisplayComponent({
-            role: 'footnote', content: surveys_utils_simpleGenerators.generateLocStrings(props.footnoteText), style: [
-                { key: 'className', value: 'fs-small fst-italic text-center' }
-            ]
-        });
-    }
-    return simpleEditor.getItem();
+    const rg_inner = surveys_responseTypeGenerators_optionGroupComponents.initSingleChoiceGroup(constants_keyDefinitions.singleChoiceKey, props.responseOptions);
+    return commonQuestionGenerator(props, rg_inner);
 };
 const generateDropDownQuestion = (props) => {
-    const simpleEditor = new surveys_utils_simpleQuestionEditor.SimpleQuestionEditor(props.parentKey, props.itemKey, props.version ? props.version : 1);
-    // QUESTION TEXT
-    simpleEditor.setTitle(props.questionText, props.questionSubText, props.titleClassName);
-    if (props.condition) {
-        simpleEditor.setCondition(props.condition);
-    }
-    if (props.helpGroupContent) {
-        simpleEditor.editor.setHelpGroupComponent(surveys_utils_simpleGenerators.generateHelpGroupComponent(props.helpGroupContent));
-    }
-    if (props.topDisplayCompoments) {
-        props.topDisplayCompoments.forEach(comp => simpleEditor.addDisplayComponent(comp));
-    }
-    const rg_inner = initDropdownGroup(constants_keyDefinitions.dropDownKey, props.responseOptions);
-    simpleEditor.setResponseGroupWithContent(rg_inner);
-    if (props.bottomDisplayCompoments) {
-        props.bottomDisplayCompoments.forEach(comp => simpleEditor.addDisplayComponent(comp));
-    }
-    if (props.isRequired) {
-        simpleEditor.addHasResponseValidation();
-    }
-    if (props.footnoteText) {
-        simpleEditor.addDisplayComponent({
-            role: 'footnote', content: surveys_utils_simpleGenerators.generateLocStrings(props.footnoteText), style: [
-                { key: 'className', value: 'fs-small fst-italic text-center' }
-            ]
-        });
-    }
-    return simpleEditor.getItem();
+    const rg_inner = surveys_responseTypeGenerators_optionGroupComponents.initDropdownGroup(constants_keyDefinitions.dropDownKey, props.responseOptions);
+    return commonQuestionGenerator(props, rg_inner);
 };
 const generateMultipleChoiceQuestion = (props) => {
-    const simpleEditor = new surveys_utils_simpleQuestionEditor.SimpleQuestionEditor(props.parentKey, props.itemKey, props.version ? props.version : 1);
-    // QUESTION TEXT
-    simpleEditor.setTitle(props.questionText, props.questionSubText, props.titleClassName);
-    if (props.condition) {
-        simpleEditor.setCondition(props.condition);
-    }
-    if (props.helpGroupContent) {
-        simpleEditor.editor.setHelpGroupComponent(surveys_utils_simpleGenerators.generateHelpGroupComponent(props.helpGroupContent));
-    }
-    if (props.topDisplayCompoments) {
-        props.topDisplayCompoments.forEach(comp => simpleEditor.addDisplayComponent(comp));
-    }
-    const rg_inner = initMultipleChoiceGroup(constants_keyDefinitions.multipleChoiceKey, props.responseOptions);
-    simpleEditor.setResponseGroupWithContent(rg_inner);
-    if (props.bottomDisplayCompoments) {
-        props.bottomDisplayCompoments.forEach(comp => simpleEditor.addDisplayComponent(comp));
-    }
-    if (props.isRequired) {
-        simpleEditor.addHasResponseValidation();
-    }
-    if (props.customValidations) {
-        props.customValidations.forEach(v => simpleEditor.editor.addValidation(v));
-    }
-    if (props.footnoteText) {
-        simpleEditor.addDisplayComponent({
-            role: 'footnote', content: surveys_utils_simpleGenerators.generateLocStrings(props.footnoteText), style: [
-                { key: 'className', value: 'fs-small fst-italic text-center' }
-            ]
-        });
-    }
-    return simpleEditor.getItem();
+    const rg_inner = surveys_responseTypeGenerators_optionGroupComponents.initMultipleChoiceGroup(constants_keyDefinitions.multipleChoiceKey, props.responseOptions);
+    return commonQuestionGenerator(props, rg_inner);
 };
 const generateSimpleLikertGroupQuestion = (props) => {
-    const simpleEditor = new surveys_utils_simpleQuestionEditor.SimpleQuestionEditor(props.parentKey, props.itemKey, props.version ? props.version : 1);
-    // QUESTION TEXT
-    simpleEditor.setTitle(props.questionText, props.questionSubText, props.titleClassName);
-    if (props.condition) {
-        simpleEditor.setCondition(props.condition);
-    }
-    if (props.helpGroupContent) {
-        simpleEditor.editor.setHelpGroupComponent(surveys_utils_simpleGenerators.generateHelpGroupComponent(props.helpGroupContent));
-    }
-    if (props.topDisplayCompoments) {
-        props.topDisplayCompoments.forEach(comp => simpleEditor.addDisplayComponent(comp));
-    }
-    const rg_inner = initLikertScaleGroup(constants_keyDefinitions.likertScaleGroupKey, props.rows, props.scaleOptions, props.stackOnSmallScreen);
-    simpleEditor.setResponseGroupWithContent(rg_inner);
-    if (props.bottomDisplayCompoments) {
-        props.bottomDisplayCompoments.forEach(comp => simpleEditor.addDisplayComponent(comp));
-    }
+    var _a;
+    const rg_inner = surveys_responseTypeGenerators_likertGroupComponents.initLikertScaleGroup(constants_keyDefinitions.likertScaleGroupKey, props.rows, props.scaleOptions, props.stackOnSmallScreen);
+    // Add extra validation for likert
     if (props.isRequired) {
-        simpleEditor.editor.addValidation({
+        if (!props.customValidations) {
+            props.customValidations = [];
+        }
+        (_a = props.customValidations) === null || _a === void 0 ? void 0 : _a.push({
             key: 'r',
             type: 'hard',
             rule: surveys_utils_simpleGenerators.expWithArgs('and', ...props.rows.map(r => surveys_utils_simpleGenerators.expWithArgs('responseHasKeysAny', [props.parentKey, props.itemKey].join('.'), [constants_keyDefinitions.responseGroupKey, constants_keyDefinitions.likertScaleGroupKey, r.key].join('.'), ...props.scaleOptions.map(o => o.key))))
         });
-        simpleEditor.addHasResponseValidation();
     }
-    if (props.footnoteText) {
-        simpleEditor.addDisplayComponent({
-            role: 'footnote', content: surveys_utils_simpleGenerators.generateLocStrings(props.footnoteText), style: [
-                { key: 'className', value: 'fs-small fst-italic text-center' }
-            ]
-        });
-    }
-    return simpleEditor.getItem();
+    return commonQuestionGenerator(props, rg_inner);
 };
 const generateResponsiveSingleChoiceArrayQuestion = (props) => {
-    const simpleEditor = new surveys_utils_simpleQuestionEditor.SimpleQuestionEditor(props.parentKey, props.itemKey, props.version ? props.version : 1);
-    // QUESTION TEXT
-    simpleEditor.setTitle(props.questionText, props.questionSubText, props.titleClassName);
-    if (props.condition) {
-        simpleEditor.setCondition(props.condition);
-    }
-    if (props.helpGroupContent) {
-        simpleEditor.editor.setHelpGroupComponent(surveys_utils_simpleGenerators.generateHelpGroupComponent(props.helpGroupContent));
-    }
-    if (props.topDisplayCompoments) {
-        props.topDisplayCompoments.forEach(comp => simpleEditor.addDisplayComponent(comp));
-    }
-    const rg_inner = initResponsiveSingleChoiceArray(constants_keyDefinitions.responsiveSingleChoiceArrayKey, Object.assign({}, props));
-    simpleEditor.setResponseGroupWithContent(rg_inner);
-    if (props.bottomDisplayCompoments) {
-        props.bottomDisplayCompoments.forEach(comp => simpleEditor.addDisplayComponent(comp));
-    }
+    var _a;
+    const rg_inner = surveys_responseTypeGenerators_likertGroupComponents.initResponsiveSingleChoiceArray(constants_keyDefinitions.responsiveSingleChoiceArrayKey, Object.assign({}, props));
+    // Add extra validation
     if (props.isRequired) {
-        simpleEditor.editor.addValidation({
+        if (!props.customValidations) {
+            props.customValidations = [];
+        }
+        (_a = props.customValidations) === null || _a === void 0 ? void 0 : _a.push({
             key: 'r',
             type: 'hard',
             rule: surveys_utils_simpleGenerators.expWithArgs('and', ...props.rows.map(r => surveys_utils_simpleGenerators.expWithArgs('responseHasKeysAny', [props.parentKey, props.itemKey].join('.'), [constants_keyDefinitions.responseGroupKey, constants_keyDefinitions.responsiveSingleChoiceArrayKey, r.key].join('.'), ...props.scaleOptions.map(o => o.key))))
         });
-        simpleEditor.addHasResponseValidation();
     }
-    if (props.footnoteText) {
-        simpleEditor.addDisplayComponent({
-            role: 'footnote', content: surveys_utils_simpleGenerators.generateLocStrings(props.footnoteText), style: [
-                { key: 'className', value: 'fs-small fst-italic text-center' }
-            ]
-        });
-    }
-    return simpleEditor.getItem();
+    return commonQuestionGenerator(props, rg_inner);
 };
 const generateResponsiveBipolarLikertArray = (props) => {
-    const simpleEditor = new surveys_utils_simpleQuestionEditor.SimpleQuestionEditor(props.parentKey, props.itemKey, props.version ? props.version : 1);
-    // QUESTION TEXT
-    simpleEditor.setTitle(props.questionText, props.questionSubText, props.titleClassName);
-    if (props.condition) {
-        simpleEditor.setCondition(props.condition);
-    }
-    if (props.helpGroupContent) {
-        simpleEditor.editor.setHelpGroupComponent(surveys_utils_simpleGenerators.generateHelpGroupComponent(props.helpGroupContent));
-    }
-    if (props.topDisplayCompoments) {
-        props.topDisplayCompoments.forEach(comp => simpleEditor.addDisplayComponent(comp));
-    }
-    const rg_inner = initResponsiveBipolarLikertArray(constants_keyDefinitions.responsiveBipolarLikertArrayKey, Object.assign({}, props));
-    simpleEditor.setResponseGroupWithContent(rg_inner);
-    if (props.bottomDisplayCompoments) {
-        props.bottomDisplayCompoments.forEach(comp => simpleEditor.addDisplayComponent(comp));
-    }
+    var _a;
+    const rg_inner = surveys_responseTypeGenerators_likertGroupComponents.initResponsiveBipolarLikertArray(constants_keyDefinitions.responsiveBipolarLikertArrayKey, Object.assign({}, props));
+    // Add extra validation
     if (props.isRequired) {
-        simpleEditor.editor.addValidation({
+        if (!props.customValidations) {
+            props.customValidations = [];
+        }
+        (_a = props.customValidations) === null || _a === void 0 ? void 0 : _a.push({
             key: 'r',
             type: 'hard',
             rule: surveys_utils_simpleGenerators.expWithArgs('and', ...props.rows.map(r => surveys_utils_simpleGenerators.expWithArgs('responseHasKeysAny', [props.parentKey, props.itemKey].join('.'), [constants_keyDefinitions.responseGroupKey, constants_keyDefinitions.responsiveBipolarLikertArrayKey, r.key].join('.'), ...props.scaleOptions.map(o => o.key))))
         });
-        simpleEditor.addHasResponseValidation();
     }
-    if (props.footnoteText) {
-        simpleEditor.addDisplayComponent({
-            role: 'footnote', content: surveys_utils_simpleGenerators.generateLocStrings(props.footnoteText), style: [
-                { key: 'className', value: 'fs-small fst-italic text-center' }
-            ]
-        });
-    }
-    return simpleEditor.getItem();
+    return commonQuestionGenerator(props, rg_inner);
 };
 const generateNumericSliderQuestion = (props) => {
-    const simpleEditor = new surveys_utils_simpleQuestionEditor.SimpleQuestionEditor(props.parentKey, props.itemKey, props.version ? props.version : 1);
-    // QUESTION TEXT
-    simpleEditor.setTitle(props.questionText, props.questionSubText, props.titleClassName);
-    if (props.condition) {
-        simpleEditor.setCondition(props.condition);
-    }
-    if (props.helpGroupContent) {
-        simpleEditor.editor.setHelpGroupComponent(surveys_utils_simpleGenerators.generateHelpGroupComponent(props.helpGroupContent));
-    }
-    if (props.topDisplayCompoments) {
-        props.topDisplayCompoments.forEach(comp => simpleEditor.addDisplayComponent(comp));
-    }
     const rg_inner = {
         key: 'slider', role: 'sliderNumeric',
         content: surveys_utils_simpleGenerators.generateLocStrings(props.sliderLabel),
@@ -291,31 +139,9 @@ const generateNumericSliderQuestion = (props) => {
             stepSize: props.stepSize ? (typeof (props.stepSize) === 'number' ? { dtype: 'num', num: props.stepSize } : props.stepSize) : undefined,
         }
     };
-    simpleEditor.setResponseGroupWithContent(rg_inner);
-    if (props.bottomDisplayCompoments) {
-        props.bottomDisplayCompoments.forEach(comp => simpleEditor.addDisplayComponent(comp));
-    }
-    if (props.isRequired) {
-        simpleEditor.addHasResponseValidation();
-    }
-    if (props.footnoteText) {
-        simpleEditor.addDisplayComponent(surveys_utils_componentGenerators.ComponentGenerators.footnote({ content: props.footnoteText }));
-    }
-    return simpleEditor.getItem();
+    return commonQuestionGenerator(props, rg_inner);
 };
 const generateDatePickerInput = (props) => {
-    const simpleEditor = new surveys_utils_simpleQuestionEditor.SimpleQuestionEditor(props.parentKey, props.itemKey, props.version ? props.version : 1);
-    // QUESTION TEXT
-    simpleEditor.setTitle(props.questionText, props.questionSubText, props.titleClassName);
-    if (props.condition) {
-        simpleEditor.setCondition(props.condition);
-    }
-    if (props.helpGroupContent) {
-        simpleEditor.editor.setHelpGroupComponent(surveys_utils_simpleGenerators.generateHelpGroupComponent(props.helpGroupContent));
-    }
-    if (props.topDisplayCompoments) {
-        props.topDisplayCompoments.forEach(comp => simpleEditor.addDisplayComponent(comp));
-    }
     const rg_inner = {
         key: constants_keyDefinitions.datePickerKey, role: 'dateInput',
         properties: {
@@ -330,31 +156,9 @@ const generateDatePickerInput = (props) => {
         content: props.inputLabelText ? surveys_utils_simpleGenerators.generateLocStrings(props.inputLabelText) : undefined,
         description: props.placeholderText ? surveys_utils_simpleGenerators.generateLocStrings(props.placeholderText) : undefined,
     };
-    simpleEditor.setResponseGroupWithContent(rg_inner);
-    if (props.bottomDisplayCompoments) {
-        props.bottomDisplayCompoments.forEach(comp => simpleEditor.addDisplayComponent(comp));
-    }
-    if (props.isRequired) {
-        simpleEditor.addHasResponseValidation();
-    }
-    if (props.footnoteText) {
-        simpleEditor.addDisplayComponent(surveys_utils_componentGenerators.ComponentGenerators.footnote({ content: props.footnoteText }));
-    }
-    return simpleEditor.getItem();
+    return commonQuestionGenerator(props, rg_inner);
 };
 const generateTextInputQuestion = (props) => {
-    const simpleEditor = new surveys_utils_simpleQuestionEditor.SimpleQuestionEditor(props.parentKey, props.itemKey, props.version ? props.version : 1);
-    // QUESTION TEXT
-    simpleEditor.setTitle(props.questionText, props.questionSubText, props.titleClassName);
-    if (props.condition) {
-        simpleEditor.setCondition(props.condition);
-    }
-    if (props.helpGroupContent) {
-        simpleEditor.editor.setHelpGroupComponent(surveys_utils_simpleGenerators.generateHelpGroupComponent(props.helpGroupContent));
-    }
-    if (props.topDisplayCompoments) {
-        props.topDisplayCompoments.forEach(comp => simpleEditor.addDisplayComponent(comp));
-    }
     const style = [];
     if (props.maxLength !== undefined) {
         style.push({ key: 'maxLength', value: props.maxLength.toFixed(0) });
@@ -372,81 +176,33 @@ const generateTextInputQuestion = (props) => {
         style: style.length > 0 ? [...style] : undefined,
         disabled: props.disabled,
     };
-    simpleEditor.setResponseGroupWithContent(rg_inner);
-    if (props.bottomDisplayCompoments) {
-        props.bottomDisplayCompoments.forEach(comp => simpleEditor.addDisplayComponent(comp));
-    }
-    if (props.isRequired) {
-        simpleEditor.addHasResponseValidation();
-    }
-    if (props.footnoteText) {
-        simpleEditor.addDisplayComponent(surveys_utils_componentGenerators.ComponentGenerators.footnote({ content: props.footnoteText }));
-    }
-    return simpleEditor.getItem();
+    return commonQuestionGenerator(props, rg_inner);
 };
 const generateMultilineInput = (props) => {
-    const simpleEditor = new surveys_utils_simpleQuestionEditor.SimpleQuestionEditor(props.parentKey, props.itemKey, props.version ? props.version : 1);
-    // QUESTION TEXT
-    simpleEditor.setTitle(props.questionText, props.questionSubText, props.titleClassName);
-    if (props.condition) {
-        simpleEditor.setCondition(props.condition);
-    }
-    if (props.helpGroupContent) {
-        simpleEditor.editor.setHelpGroupComponent(surveys_utils_simpleGenerators.generateHelpGroupComponent(props.helpGroupContent));
-    }
-    if (props.topDisplayCompoments) {
-        props.topDisplayCompoments.forEach(comp => simpleEditor.addDisplayComponent(comp));
-    }
     const rg_inner = {
         key: constants_keyDefinitions.inputKey, role: 'multilineTextInput',
         content: props.inputLabelText ? surveys_utils_simpleGenerators.generateLocStrings(props.inputLabelText) : undefined,
         description: props.placeholderText ? surveys_utils_simpleGenerators.generateLocStrings(props.placeholderText) : undefined,
         style: props.maxLength !== undefined ? [{ key: 'maxLength', value: props.maxLength.toFixed(0) }] : undefined
     };
-    simpleEditor.setResponseGroupWithContent(rg_inner);
-    if (props.bottomDisplayCompoments) {
-        props.bottomDisplayCompoments.forEach(comp => simpleEditor.addDisplayComponent(comp));
-    }
-    if (props.isRequired) {
-        simpleEditor.addHasResponseValidation();
-    }
-    if (props.footnoteText) {
-        simpleEditor.addDisplayComponent(surveys_utils_componentGenerators.ComponentGenerators.footnote({ content: props.footnoteText }));
-    }
-    return simpleEditor.getItem();
+    return commonQuestionGenerator(props, rg_inner);
 };
 const generateClozeQuestion = (props) => {
-    const simpleEditor = new surveys_utils_simpleQuestionEditor.SimpleQuestionEditor(props.parentKey, props.itemKey, props.version ? props.version : 1);
-    // QUESTION TEXT
-    simpleEditor.setTitle(props.questionText, props.questionSubText, props.titleClassName);
-    if (props.condition) {
-        simpleEditor.setCondition(props.condition);
-    }
-    if (props.helpGroupContent) {
-        simpleEditor.editor.setHelpGroupComponent(surveys_utils_simpleGenerators.generateHelpGroupComponent(props.helpGroupContent));
-    }
-    if (props.topDisplayCompoments) {
-        props.topDisplayCompoments.forEach(comp => simpleEditor.addDisplayComponent(comp));
-    }
     const rg_inner = {
         key: constants_keyDefinitions.clozeKey, role: 'cloze',
         items: props.items.map((item) => {
             const clozeItem = item;
-            const comp = optionDefToItemComponent(clozeItem);
+            const comp = surveys_responseTypeGenerators_optionGroupComponents.optionDefToItemComponent(clozeItem);
             return comp;
         })
     };
-    simpleEditor.setResponseGroupWithContent(rg_inner);
-    if (props.bottomDisplayCompoments) {
-        props.bottomDisplayCompoments.forEach(comp => simpleEditor.addDisplayComponent(comp));
-    }
-    if (props.isRequired) {
-        simpleEditor.addHasResponseValidation();
-    }
-    if (props.footnoteText) {
-        simpleEditor.addDisplayComponent(surveys_utils_componentGenerators.ComponentGenerators.footnote({ content: props.footnoteText }));
-    }
-    return simpleEditor.getItem();
+    return commonQuestionGenerator(props, rg_inner);
+};
+const generateCustomQuestion = (props) => {
+    const roleSuffix = props.responseItemDef.mapToRole !== undefined ? `:${props.responseItemDef.mapToRole}` : '';
+    const role = `${props.responseItemDef}${roleSuffix}`;
+    const rg_inner = Object.assign(Object.assign({}, props.responseItemDef), { role: role });
+    return commonQuestionGenerator(props, rg_inner);
 };
 const generateDisplay = (props) => {
     const simpleEditor = new surveys_utils_simpleQuestionEditor.SimpleQuestionEditor(props.parentKey, props.itemKey, 1);
@@ -465,204 +221,6 @@ const generateSurveyEnd = (parentKey, content, condition) => {
     editor.setCondition(condition);
     return editor.getItem();
 };
-const initSingleChoiceGroup = (key, optionItems, order) => {
-    // init group
-    return initResponseGroup('singleChoiceGroup', key, optionItems, order);
-};
-const initMultipleChoiceGroup = (key, optionItems, order) => {
-    // init group
-    return initResponseGroup('multipleChoiceGroup', key, optionItems, order);
-};
-const initDropdownGroup = (key, optionItems, order, groupDisabled, groupContent, groupDescription) => {
-    // init group
-    return initResponseGroup('dropDownGroup', key, optionItems, order, groupDisabled, groupContent ? surveys_utils_simpleGenerators.generateLocStrings(groupContent) : undefined, groupDescription ? surveys_utils_simpleGenerators.generateLocStrings(groupDescription) : undefined);
-};
-const initSliderCategoricalGroup = (key, optionItems, order, groupDisabled) => {
-    // init group
-    return initResponseGroup('sliderCategorical', key, optionItems, order, groupDisabled);
-};
-const optionDefToItemComponent = (optionDef) => {
-    const isGroup = optionDef.items && optionDef.items.length > 0;
-    const optEditor = new surveys_surveyEditor_componentEditor.ComponentEditor(undefined, {
-        key: optionDef.key,
-        role: optionDef.role,
-        isGroup: isGroup
-    });
-    if (isGroup) {
-        optEditor.setOrder({
-            name: 'sequential'
-        });
-    }
-    if (optionDef.content) {
-        optEditor.setContent(surveys_utils_simpleGenerators.generateLocStrings(optionDef.content));
-    }
-    if (optionDef.description) {
-        optEditor.setDescription(surveys_utils_simpleGenerators.generateLocStrings(optionDef.description));
-    }
-    switch (optionDef.role) {
-        case 'date':
-            optEditor.setDType('date');
-            break;
-        case 'numberInput':
-            optEditor.setDType('number');
-            break;
-    }
-    if (optionDef.displayCondition) {
-        optEditor.setDisplayCondition(optionDef.displayCondition);
-    }
-    if (optionDef.disabled) {
-        optEditor.setDisabled(optionDef.disabled);
-    }
-    if (optionDef.style) {
-        optEditor.setStyles(optionDef.style);
-    }
-    if (optionDef.optionProps) {
-        if (typeof (optionDef.optionProps.min) === 'number') {
-            optionDef.optionProps.min = { dtype: 'num', num: optionDef.optionProps.min };
-        }
-        if (typeof (optionDef.optionProps.max) === 'number') {
-            optionDef.optionProps.max = { dtype: 'num', num: optionDef.optionProps.max };
-        }
-        if (typeof (optionDef.optionProps.stepSize) === 'number') {
-            optionDef.optionProps.stepSize = { dtype: 'num', num: optionDef.optionProps.stepSize };
-        }
-        optEditor.setProperties(optionDef.optionProps);
-    }
-    if (optionDef.items) {
-        if (optionDef.role === 'text') {
-            optionDef.items.forEach((item, index) => {
-                const textItem = item;
-                optEditor.addItemComponent({
-                    key: index.toFixed(),
-                    role: 'text',
-                    content: surveys_utils_simpleGenerators.generateLocStrings(textItem.content),
-                    style: textItem.className ? [{ key: 'className', value: textItem.className }] : undefined
-                });
-            });
-        }
-        else {
-            optionDef.items.forEach((item) => {
-                const clozeItem = item;
-                const comp = optionDefToItemComponent(clozeItem);
-                optEditor.addItemComponent(comp);
-            });
-        }
-    }
-    return optEditor.getComponent();
-};
-const initResponseGroup = (type, key, optionItems, order, groupDisabled, groupContent, groupDescription) => {
-    // init group
-    const groupEdit = new surveys_surveyEditor_componentEditor.ComponentEditor(undefined, {
-        key: key,
-        isGroup: true,
-        role: type,
-    });
-    groupEdit.setOrder(order ? order : {
-        name: 'sequential'
-    });
-    if (groupDisabled) {
-        groupEdit.setDisabled(groupDisabled);
-    }
-    if (groupContent) {
-        groupEdit.setContent(groupContent);
-    }
-    if (groupDescription) {
-        groupEdit.setDescription(groupDescription);
-    }
-    // add option items
-    optionItems.forEach(optionDef => {
-        groupEdit.addItemComponent(optionDefToItemComponent(optionDef));
-    });
-    return groupEdit.getComponent();
-};
-const initMatrixQuestion = (key, rows, order) => {
-    // init group
-    const groupEdit = new surveys_surveyEditor_componentEditor.ComponentEditor(undefined, {
-        key: key,
-        isGroup: true,
-        role: 'matrix',
-    });
-    groupEdit.setOrder(order ? order : {
-        name: 'sequential'
-    });
-    // init rows
-    rows.forEach(rowDef => {
-        const rowEditor = new surveys_surveyEditor_componentEditor.ComponentEditor(undefined, {
-            key: rowDef.key,
-            role: rowDef.role,
-        });
-        if (rowDef.displayCondition) {
-            rowEditor.setDisplayCondition(rowDef.displayCondition);
-        }
-        if (rowDef.disabled) {
-            rowEditor.setDisabled(rowDef.disabled);
-        }
-        switch (rowDef.role) {
-            case 'headerRow':
-                rowDef.cells.forEach(cell => {
-                    const cellEditor = new surveys_surveyEditor_componentEditor.ComponentEditor(undefined, {
-                        key: cell.key,
-                        role: cell.role,
-                    });
-                    if (cell.content) {
-                        cellEditor.setContent(surveys_utils_simpleGenerators.generateLocStrings(cell.content));
-                    }
-                    if (cell.description) {
-                        cellEditor.setDescription(surveys_utils_simpleGenerators.generateLocStrings(cell.description));
-                    }
-                    rowEditor.addItemComponent(cellEditor.getComponent());
-                });
-                break;
-            case 'radioRow':
-                rowDef.cells.forEach(cell => {
-                    const cellEditor = new surveys_surveyEditor_componentEditor.ComponentEditor(undefined, {
-                        key: cell.key,
-                        role: cell.role,
-                    });
-                    if (cell.content) {
-                        cellEditor.setContent(surveys_utils_simpleGenerators.generateLocStrings(cell.content));
-                    }
-                    if (cell.description) {
-                        cellEditor.setDescription(surveys_utils_simpleGenerators.generateLocStrings(cell.description));
-                    }
-                    rowEditor.addItemComponent(cellEditor.getComponent());
-                });
-                break;
-            case 'responseRow':
-                rowDef.cells.forEach(cell => {
-                    const cellEditor = new surveys_surveyEditor_componentEditor.ComponentEditor(undefined, {
-                        key: cell.key,
-                        role: cell.role,
-                    });
-                    if (cell.content) {
-                        cellEditor.setContent(surveys_utils_simpleGenerators.generateLocStrings(cell.content));
-                    }
-                    if (cell.description) {
-                        cellEditor.setDescription(surveys_utils_simpleGenerators.generateLocStrings(cell.description));
-                    }
-                    cellEditor.setProperties(cell.properties);
-                    if (cell.items) {
-                        cell.items.forEach(opt => {
-                            const cellOptionEditor = new surveys_surveyEditor_componentEditor.ComponentEditor(undefined, {
-                                key: opt.key,
-                                role: opt.role,
-                            });
-                            if (opt.content) {
-                                cellOptionEditor.setContent(surveys_utils_simpleGenerators.generateLocStrings(opt.content));
-                            }
-                            cellOptionEditor.setDisabled(opt.disabled);
-                            cellOptionEditor.setDisplayCondition(opt.displayCondition);
-                            cellEditor.addItemComponent(cellOptionEditor.getComponent());
-                        });
-                    }
-                    rowEditor.addItemComponent(cellEditor.getComponent());
-                });
-                break;
-        }
-        groupEdit.addItemComponent(rowEditor.getComponent());
-    });
-    return groupEdit.getComponent();
-};
 const initEQ5DHealthIndicatorQuestion = (props) => {
     // init group
     const groupEdit = new surveys_surveyEditor_componentEditor.ComponentEditor(undefined, {
@@ -684,339 +242,6 @@ const initEQ5DHealthIndicatorQuestion = (props) => {
     groupEdit.addItemComponent(maxHealthTextEditor.getComponent());
     return groupEdit.getComponent();
 };
-const initLikertScaleGroup = (key, rows, scaleOptions, stackOnSmallScreen, displayCondition) => {
-    const groupEdit = new surveys_surveyEditor_componentEditor.ComponentEditor(undefined, {
-        key: key,
-        isGroup: true,
-        role: 'likertGroup',
-    });
-    if (displayCondition) {
-        groupEdit.setDisplayCondition(displayCondition);
-    }
-    rows.forEach((row, index) => {
-        groupEdit.addItemComponent({
-            key: surveys_utils_randomKeyGenerator.generateRandomKey(4),
-            role: 'text',
-            style: [{
-                    key: 'className', value: 'fw-bold' + (index !== 0 ? ' pt-1 mt-2' : '') + ((!row.hideTopBorder && index > 0) ? ' border-top border-1 border-grey-2' : '') + (row.descriptions ? ' mb-0' : ' mb-1')
-                }, { key: 'variant', value: 'h6' }],
-            content: surveys_utils_simpleGenerators.generateLocStrings(row.content),
-        });
-        if (row.descriptions) {
-            row.descriptions.forEach(desc => {
-                groupEdit.addItemComponent(desc);
-            });
-        }
-        const item = initLikertScaleItem(row.key, scaleOptions.map(option => {
-            var _a, _b;
-            return {
-                key: option.key,
-                className: option.className,
-                content: row.hideLabels ? undefined : option.content,
-                disabled: (_b = (_a = row.optionDisabled) === null || _a === void 0 ? void 0 : _a.find(cond => cond.optionKey === option.key)) === null || _b === void 0 ? void 0 : _b.exp,
-            };
-        }), stackOnSmallScreen, row.displayCondition);
-        groupEdit.addItemComponent(item);
-    });
-    return groupEdit.getComponent();
-};
-const initResponsiveSingleChoiceArray = (rgKey, props, displayCondition) => {
-    var _a, _b;
-    const groupEdit = new surveys_surveyEditor_componentEditor.ComponentEditor(undefined, {
-        key: rgKey,
-        isGroup: true,
-        role: 'responsiveSingleChoiceArray',
-    });
-    if (displayCondition) {
-        groupEdit.setDisplayCondition(displayCondition);
-    }
-    const style = [
-        { key: 'defaultMode', value: props.defaultMode },
-    ];
-    if (props.responsiveModes) {
-        if (props.responsiveModes.sm) {
-            style.push({ key: 'smMode', value: props.responsiveModes.sm });
-        }
-        if (props.responsiveModes.md) {
-            style.push({ key: 'mdMode', value: props.responsiveModes.md });
-        }
-        if (props.responsiveModes.lg) {
-            style.push({ key: 'lgMode', value: props.responsiveModes.lg });
-        }
-        if (props.responsiveModes.xl) {
-            style.push({ key: 'xlMode', value: props.responsiveModes.xl });
-        }
-        if (props.responsiveModes.xxl) {
-            style.push({ key: 'xxlMode', value: props.responsiveModes.xxl });
-        }
-    }
-    if (props.rgClassName) {
-        style.push({ key: 'className', value: props.rgClassName });
-    }
-    if (props.verticalModeProps) {
-        if (props.verticalModeProps.useReverseOptionOrder) {
-            style.push({ key: 'verticalModeReverseOrder', value: 'true' });
-        }
-    }
-    if (props.tableModeProps) {
-        style.push({ key: 'tableModeClassName', value: 'table-borderless mb-0 ' + props.tableModeProps.className });
-        if (props.tableModeProps.layout) {
-            style.push({ key: 'tableModeLayout', value: props.tableModeProps.layout });
-        }
-        if (props.tableModeProps.firstColWidth) {
-            style.push({ key: 'tableModeFirstColWidth', value: props.tableModeProps.firstColWidth });
-        }
-    }
-    groupEdit.setStyles(style);
-    const defaultBorderClass = 'border-bottom border-grey-2';
-    let tableModeOptionHeaderClassName = undefined;
-    if (!((_a = props.tableModeProps) === null || _a === void 0 ? void 0 : _a.hideRowBorder)) {
-        tableModeOptionHeaderClassName = defaultBorderClass;
-    }
-    if ((_b = props.tableModeProps) === null || _b === void 0 ? void 0 : _b.optionHeaderClassName) {
-        tableModeOptionHeaderClassName += ' ' + props.tableModeProps.optionHeaderClassName;
-    }
-    const optionStyles = [];
-    if (tableModeOptionHeaderClassName) {
-        optionStyles.push({ key: 'tableModeClassName', value: tableModeOptionHeaderClassName });
-    }
-    groupEdit.addItemComponent({
-        key: 'header',
-        role: 'options',
-        style: optionStyles.length > 0 ? optionStyles : undefined,
-        items: props.scaleOptions.map(option => {
-            return {
-                key: option.key,
-                role: 'option',
-                style: option.className ? [{ key: 'className', value: option.className }] : undefined,
-                content: !Array.isArray(option.content) ? surveys_utils_simpleGenerators.generateLocStrings(option.content) : undefined,
-                items: Array.isArray(option.content) ? option.content.map((cont, index) => {
-                    return {
-                        key: index.toFixed(),
-                        role: 'text',
-                        content: surveys_utils_simpleGenerators.generateLocStrings(cont.content),
-                        style: cont.className ? [{ key: 'className', value: cont.className }] : undefined,
-                    };
-                }) : [],
-            };
-        })
-    });
-    props.rows.forEach((row, index) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-        let tableModeRowClassName = undefined;
-        let horizontalModeRowClassName = undefined;
-        let verticalModeRowClassName = undefined;
-        const isLast = index === props.rows.length - 1;
-        if (!((_a = props.tableModeProps) === null || _a === void 0 ? void 0 : _a.hideRowBorder) && !isLast) {
-            tableModeRowClassName = defaultBorderClass;
-        }
-        if ((_b = row.tableModeProps) === null || _b === void 0 ? void 0 : _b.className) {
-            tableModeRowClassName += ' ' + ((_c = row.tableModeProps) === null || _c === void 0 ? void 0 : _c.className);
-        }
-        if (!((_d = props.horizontalModeProps) === null || _d === void 0 ? void 0 : _d.hideRowBorder) && !isLast) {
-            horizontalModeRowClassName = defaultBorderClass;
-        }
-        if ((_e = row.horizontalModeProps) === null || _e === void 0 ? void 0 : _e.className) {
-            horizontalModeRowClassName += ' ' + ((_f = row.horizontalModeProps) === null || _f === void 0 ? void 0 : _f.className);
-        }
-        if (!((_g = props.verticalModeProps) === null || _g === void 0 ? void 0 : _g.hideRowBorder) && !isLast) {
-            verticalModeRowClassName = defaultBorderClass;
-        }
-        if ((_h = row.verticalModeProps) === null || _h === void 0 ? void 0 : _h.className) {
-            verticalModeRowClassName += ' ' + ((_j = row.verticalModeProps) === null || _j === void 0 ? void 0 : _j.className);
-        }
-        const rowStyles = [];
-        if (tableModeRowClassName) {
-            rowStyles.push({ key: 'tableModeClassName', value: tableModeRowClassName });
-        }
-        if (horizontalModeRowClassName) {
-            rowStyles.push({ key: 'horizontalModeClassName', value: horizontalModeRowClassName });
-        }
-        if (verticalModeRowClassName) {
-            rowStyles.push({ key: 'verticalModeClassName', value: verticalModeRowClassName });
-        }
-        if ((_k = row.horizontalModeProps) === null || _k === void 0 ? void 0 : _k.labelPlacement) {
-            rowStyles.push({ key: 'horizontalModeLabelPlacement', value: row.horizontalModeProps.labelPlacement });
-        }
-        groupEdit.addItemComponent({
-            key: row.key,
-            role: 'row',
-            style: rowStyles.length > 0 ? rowStyles : undefined,
-            content: !Array.isArray(row.content) ? surveys_utils_simpleGenerators.generateLocStrings(row.content) : undefined,
-            items: Array.isArray(row.content) ? row.content.map((cont, index) => {
-                return {
-                    key: index.toFixed(),
-                    role: 'text',
-                    content: surveys_utils_simpleGenerators.generateLocStrings(cont.content),
-                    style: cont.className ? [{ key: 'className', value: cont.className }] : undefined,
-                };
-            }) : [],
-        });
-    });
-    return groupEdit.getComponent();
-};
-const initResponsiveBipolarLikertArray = (rgKey, props, displayCondition) => {
-    var _a;
-    const groupEdit = new surveys_surveyEditor_componentEditor.ComponentEditor(undefined, {
-        key: rgKey,
-        isGroup: true,
-        role: 'responsiveBipolarLikertScaleArray',
-    });
-    if (displayCondition) {
-        groupEdit.setDisplayCondition(displayCondition);
-    }
-    const style = [
-        { key: 'defaultMode', value: props.defaultMode },
-    ];
-    if (props.responsiveModes) {
-        if (props.responsiveModes.sm) {
-            style.push({ key: 'smMode', value: props.responsiveModes.sm });
-        }
-        if (props.responsiveModes.md) {
-            style.push({ key: 'mdMode', value: props.responsiveModes.md });
-        }
-        if (props.responsiveModes.lg) {
-            style.push({ key: 'lgMode', value: props.responsiveModes.lg });
-        }
-        if (props.responsiveModes.xl) {
-            style.push({ key: 'xlMode', value: props.responsiveModes.xl });
-        }
-        if (props.responsiveModes.xxl) {
-            style.push({ key: 'xxlMode', value: props.responsiveModes.xxl });
-        }
-    }
-    if (props.rgClassName) {
-        style.push({ key: 'className', value: props.rgClassName });
-    }
-    if (props.withLabelRowModeProps) {
-        if (props.withLabelRowModeProps.maxLabelWidth) {
-            style.push({ key: 'labelRowMaxLabelWidth', value: props.withLabelRowModeProps.maxLabelWidth });
-        }
-    }
-    style.push({ key: 'labelRowPosition', value: ((_a = props.withLabelRowModeProps) === null || _a === void 0 ? void 0 : _a.useBottomLabel) ? 'bottom' : 'top' });
-    if (props.tableModeProps) {
-        style.push({ key: 'tableModeClassName', value: 'table-borderless mb-0 ' + props.tableModeProps.className });
-        if (props.tableModeProps.layout) {
-            style.push({ key: 'tableModeLayout', value: props.tableModeProps.layout });
-        }
-        if (props.tableModeProps.labelColWidth) {
-            style.push({ key: 'tableModeLabelColWidth', value: props.tableModeProps.labelColWidth });
-        }
-    }
-    groupEdit.setStyles(style);
-    const defaultBorderClass = 'border-bottom border-grey-2';
-    groupEdit.addItemComponent({
-        key: 'options',
-        role: 'options',
-        items: props.scaleOptions.map(option => {
-            return {
-                key: option.key,
-                role: 'option',
-            };
-        })
-    });
-    props.rows.forEach((row, index) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        let tableModeRowClassName = undefined;
-        let withLabelRowModeClassName = undefined;
-        let verticalModeRowClassName = undefined;
-        const isLast = index === props.rows.length - 1;
-        if (!((_a = props.tableModeProps) === null || _a === void 0 ? void 0 : _a.hideRowBorder) && !isLast) {
-            tableModeRowClassName = defaultBorderClass;
-        }
-        if ((_b = row.tableModeProps) === null || _b === void 0 ? void 0 : _b.className) {
-            tableModeRowClassName += ' ' + ((_c = row.tableModeProps) === null || _c === void 0 ? void 0 : _c.className);
-        }
-        if (!((_d = props.withLabelRowModeProps) === null || _d === void 0 ? void 0 : _d.hideRowBorder) && !isLast) {
-            withLabelRowModeClassName = defaultBorderClass;
-        }
-        if ((_e = row.withLabelRowModeProps) === null || _e === void 0 ? void 0 : _e.className) {
-            withLabelRowModeClassName += ' ' + ((_f = row.withLabelRowModeProps) === null || _f === void 0 ? void 0 : _f.className);
-        }
-        if (!((_g = props.verticalModeProps) === null || _g === void 0 ? void 0 : _g.hideRowBorder) && !isLast) {
-            verticalModeRowClassName = defaultBorderClass;
-        }
-        if ((_h = row.verticalModeProps) === null || _h === void 0 ? void 0 : _h.className) {
-            verticalModeRowClassName += ' ' + ((_j = row.verticalModeProps) === null || _j === void 0 ? void 0 : _j.className);
-        }
-        const rowStyles = [];
-        if (tableModeRowClassName) {
-            rowStyles.push({ key: 'tableModeClassName', value: tableModeRowClassName });
-        }
-        if (withLabelRowModeClassName) {
-            rowStyles.push({ key: 'withLabelRowModeClassName', value: withLabelRowModeClassName });
-        }
-        if (verticalModeRowClassName) {
-            rowStyles.push({ key: 'verticalModeClassName', value: verticalModeRowClassName });
-        }
-        const startLabel = {
-            key: 'start',
-            role: 'start',
-            content: !Array.isArray(row.startLabel) ? surveys_utils_simpleGenerators.generateLocStrings(row.startLabel) : undefined,
-            items: Array.isArray(row.startLabel) ? row.startLabel.map((cont, index) => {
-                return {
-                    key: index.toFixed(),
-                    role: 'text',
-                    content: surveys_utils_simpleGenerators.generateLocStrings(cont.content),
-                    style: cont.className ? [{ key: 'className', value: cont.className }] : undefined,
-                };
-            }) : [],
-        };
-        const endLabel = {
-            key: 'end',
-            role: 'end',
-            content: !Array.isArray(row.endLabel) ? surveys_utils_simpleGenerators.generateLocStrings(row.endLabel) : undefined,
-            items: Array.isArray(row.endLabel) ? row.endLabel.map((cont, index) => {
-                return {
-                    key: index.toFixed(),
-                    role: 'text',
-                    content: surveys_utils_simpleGenerators.generateLocStrings(cont.content),
-                    style: cont.className ? [{ key: 'className', value: cont.className }] : undefined,
-                };
-            }) : [],
-        };
-        groupEdit.addItemComponent({
-            key: row.key,
-            role: 'row',
-            style: rowStyles.length > 0 ? rowStyles : undefined,
-            items: [
-                startLabel, endLabel
-            ],
-        });
-    });
-    return groupEdit.getComponent();
-};
-const initLikertScaleItem = (key, options, stackOnSmallScreen, displayCondition) => {
-    // init group
-    const groupEdit = new surveys_surveyEditor_componentEditor.ComponentEditor(undefined, {
-        key: key,
-        isGroup: true,
-        role: 'likert',
-    });
-    groupEdit.setDisplayCondition(displayCondition);
-    if (stackOnSmallScreen) {
-        groupEdit.setStyles([
-            { key: 'responsive', value: 'stackOnSmallScreen' }
-        ]);
-    }
-    options.forEach((option) => {
-        const optionComponent = new surveys_surveyEditor_componentEditor.ComponentEditor(undefined, {
-            key: option.key,
-            role: 'option',
-        });
-        if (option.content) {
-            optionComponent.setContent(surveys_utils_simpleGenerators.generateLocStrings(option.content));
-        }
-        if (option.className) {
-            optionComponent.setStyles([{
-                    key: 'className', value: option.className
-                }]);
-        }
-        optionComponent.setDisabled(option.disabled);
-        groupEdit.addItemComponent(optionComponent.getComponent());
-    });
-    return groupEdit.getComponent();
-};
 const SurveyItems = {
     singleChoice: generateSingleChoiceQuestion,
     responsiveSingleChoiceArray: generateResponsiveSingleChoiceArrayQuestion,
@@ -1032,20 +257,12 @@ const SurveyItems = {
     numericSlider: generateNumericSliderQuestion,
     display: generateDisplay,
     surveyEnd: generateSurveyEnd,
+    customQuestion: generateCustomQuestion,
     old: {
         simpleLikertGroup: generateSimpleLikertGroupQuestion,
     }
 };
 
 exports.SurveyItems = SurveyItems;
-exports.initDropdownGroup = initDropdownGroup;
 exports.initEQ5DHealthIndicatorQuestion = initEQ5DHealthIndicatorQuestion;
-exports.initLikertScaleGroup = initLikertScaleGroup;
-exports.initLikertScaleItem = initLikertScaleItem;
-exports.initMatrixQuestion = initMatrixQuestion;
-exports.initMultipleChoiceGroup = initMultipleChoiceGroup;
-exports.initResponsiveBipolarLikertArray = initResponsiveBipolarLikertArray;
-exports.initResponsiveSingleChoiceArray = initResponsiveSingleChoiceArray;
-exports.initSingleChoiceGroup = initSingleChoiceGroup;
-exports.initSliderCategoricalGroup = initSliderCategoricalGroup;
 //# sourceMappingURL=survey-items.js.map