case-editor-tools 1.0.0-beta.9 → 1.0.2

package/surveys/survey-items.js

@@ -3,19 +3,22 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var surveys_surveyEditor_componentEditor = require('./survey-editor/component-editor.js');
-var surveys_surveyEditor_itemEditor = require('../item-editor-cb5ebc1a.js');
+var surveys_surveyEditor_itemEditor = require('../item-editor-59f51ecc.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_types_itemProperties = require('./types/item-properties.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 simpleEditor = new surveys_utils_simpleQuestionEditor.SimpleQuestionEditor(props.parentKey, props.itemKey, props.version ? props.version : 1);
+const commonQuestionGenerator = (props, rg_inner) => {
+    const simpleEditor = new surveys_utils_simpleQuestionEditor.SimpleQuestionEditor(props.parentKey, props.itemKey, props.version ? props.version : 1, props.confidentialMode);
     // QUESTION TEXT
     simpleEditor.setTitle(props.questionText, props.questionSubText, props.titleClassName);
     if (props.condition) {
@@ -27,13 +30,30 @@ 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({
             key: 'inputMaxWidth', value: props.inputMaxWidth,
         });
     }
-    if (props.contentBehindInput) {
+    if (props.labelBehindInput) {
         style.push({ key: 'labelPlacement', value: 'after' });
     }
     const rg_inner = {
@@ -44,242 +64,84 @@ const generateNumericInputQuestion = (props) => {
             max: ((_b = props.componentProperties) === null || _b === void 0 ? void 0 : _b.max) !== undefined ? (typeof ((_c = props.componentProperties) === null || _c === void 0 ? void 0 : _c.max) === 'number' ? { dtype: 'num', num: props.componentProperties.max } : props.componentProperties.max) : undefined,
             stepSize: ((_d = props.componentProperties) === null || _d === void 0 ? void 0 : _d.stepSize) ? (typeof (props.componentProperties.stepSize) === 'number' ? { dtype: 'num', num: props.componentProperties.stepSize } : props.componentProperties.stepSize) : undefined,
         },
-        content: surveys_utils_simpleGenerators.generateLocStrings(props.content),
+        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, undefined, undefined, undefined, props.placeholder);
+    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' }
-            ]
+            rule: surveys_utils_simpleGenerators.expWithArgs('and', ...props.rows.map(r => {
+                const hasRespExp = 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));
+                if (r.displayCondition === undefined) {
+                    return hasRespExp;
+                }
+                return surveys_surveyEngineExpressions.SurveyEngine.logic.or(surveys_surveyEngineExpressions.SurveyEngine.logic.not(r.displayCondition), hasRespExp);
+            }))
         });
     }
-    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' }
-            ]
+            rule: surveys_utils_simpleGenerators.expWithArgs('and', ...props.rows.map(r => {
+                const hasRespExp = 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));
+                if (r.displayCondition === undefined) {
+                    return hasRespExp;
+                }
+                return surveys_surveyEngineExpressions.SurveyEngine.logic.or(surveys_surveyEngineExpressions.SurveyEngine.logic.not(r.displayCondition), hasRespExp);
+            }))
         });
     }
-    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),
@@ -290,31 +152,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: {
@@ -329,20 +169,125 @@ 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));
+    return commonQuestionGenerator(props, rg_inner);
+};
+const generateTimeInput = (props) => {
+    const style = [];
+    if (props.minTime) {
+        style.push({
+            key: 'minTime', value: props.minTime,
+        });
     }
-    if (props.isRequired) {
-        simpleEditor.addHasResponseValidation();
+    if (props.maxTime) {
+        style.push({
+            key: 'maxTime', value: props.maxTime,
+        });
     }
-    if (props.footnoteText) {
-        simpleEditor.addDisplayComponent(surveys_utils_componentGenerators.ComponentGenerators.footnote({ content: props.footnoteText }));
+    if (props.defaultValue) {
+        style.push({
+            key: 'defaultValue', value: props.defaultValue,
+        });
     }
-    return simpleEditor.getItem();
+    if (props.labelBehindInput) {
+        style.push({ key: 'labelPlacement', value: 'after' });
+    }
+    const rg_inner = {
+        key: constants_keyDefinitions.timeInputKey, role: 'timeInput',
+        properties: {
+            stepSize: props.step,
+        },
+        content: props.inputLabelText ? surveys_utils_simpleGenerators.generateLocStrings(props.inputLabelText) : undefined,
+        style: style.length > 0 ? style : undefined,
+    };
+    return commonQuestionGenerator(props, rg_inner);
+};
+const generateTextInputQuestion = (props) => {
+    const style = [];
+    if (props.maxLength !== undefined) {
+        style.push({ key: 'maxLength', value: props.maxLength.toFixed(0) });
+    }
+    if (props.className !== undefined) {
+        style.push({ key: 'className', value: props.className });
+    }
+    if (props.inputMaxWidth !== undefined) {
+        style.push({ key: 'inputMaxWidth', value: props.inputMaxWidth });
+    }
+    const rg_inner = {
+        key: constants_keyDefinitions.inputKey, role: 'input',
+        content: props.inputLabel ? surveys_utils_simpleGenerators.generateLocStrings(props.inputLabel) : undefined,
+        description: props.placeholderText ? surveys_utils_simpleGenerators.generateLocStrings(props.placeholderText) : undefined,
+        style: style.length > 0 ? [...style] : undefined,
+        disabled: props.disabled,
+    };
+    return commonQuestionGenerator(props, rg_inner);
+};
+const generateConsentQuestion = (props) => {
+    const style = props.className ? [{ key: 'className', value: props.className }] : undefined;
+    const rg_inner = {
+        key: constants_keyDefinitions.consentKey, role: 'consent',
+        items: [
+            {
+                key: 'label', role: 'label',
+                content: !Array.isArray(props.checkBoxLabel) ? surveys_utils_simpleGenerators.generateLocStrings(props.checkBoxLabel) : undefined,
+                items: Array.isArray(props.checkBoxLabel) ? props.checkBoxLabel.map((item, index) => {
+                    if (surveys_types_itemProperties.isDateDisplayComponentProp(item)) {
+                        return surveys_utils_simpleGenerators.generateDateDisplayComp(index.toFixed(), item);
+                    }
+                    return {
+                        key: index.toFixed(),
+                        role: 'text',
+                        content: surveys_utils_simpleGenerators.generateLocStrings(item.content),
+                        style: item.className ? [{ key: 'className', value: item.className }] : undefined
+                    };
+                }) : undefined,
+            },
+            {
+                key: 'title', role: 'title', content: surveys_utils_simpleGenerators.generateLocStrings(props.dialogTitle)
+            },
+            {
+                key: 'content', role: 'content', content: surveys_utils_simpleGenerators.generateLocStrings(props.dialogContent)
+            },
+            {
+                key: 'acceptBtn', role: 'acceptBtn', content: surveys_utils_simpleGenerators.generateLocStrings(props.acceptBtn)
+            },
+            {
+                key: 'rejectBtn', role: 'rejectBtn', content: surveys_utils_simpleGenerators.generateLocStrings(props.rejectBtn)
+            },
+        ],
+        style: style,
+    };
+    return commonQuestionGenerator(props, rg_inner);
 };
 const generateMultilineInput = (props) => {
-    const simpleEditor = new surveys_utils_simpleQuestionEditor.SimpleQuestionEditor(props.parentKey, props.itemKey, props.version ? props.version : 1);
+    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
+    };
+    return commonQuestionGenerator(props, rg_inner);
+};
+const generateClozeQuestion = (props) => {
+    const rg_inner = {
+        key: constants_keyDefinitions.clozeKey, role: 'cloze',
+        items: props.items.map((item) => {
+            const clozeItem = item;
+            const comp = surveys_responseTypeGenerators_optionGroupComponents.optionDefToItemComponent(clozeItem);
+            return comp;
+        })
+    };
+    return commonQuestionGenerator(props, rg_inner);
+};
+const generateCustomQuestion = (props) => {
+    const items = [];
+    props.responseItemDefs.forEach(item => {
+        const rolePrefix = item.mapToRole !== undefined ? `${item.mapToRole}` : '';
+        const role = `${rolePrefix}:${item.role}`;
+        delete item['mapToRole'];
+        const rg_inner = Object.assign(Object.assign({}, item), { role: role });
+        items.push(rg_inner);
+    });
+    const simpleEditor = new surveys_utils_simpleQuestionEditor.SimpleQuestionEditor(props.parentKey, props.itemKey, props.version ? props.version : 1, props.confidentialMode);
     // QUESTION TEXT
     simpleEditor.setTitle(props.questionText, props.questionSubText, props.titleClassName);
     if (props.condition) {
@@ -354,18 +299,20 @@ const generateMultilineInput = (props) => {
     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,
-    };
-    simpleEditor.setResponseGroupWithContent(rg_inner);
+    simpleEditor.editor.addExistingResponseComponent({
+        key: constants_keyDefinitions.responseGroupKey,
+        role: 'responseGroup',
+        items,
+    });
     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 }));
     }
@@ -388,198 +335,6 @@ const generateSurveyEnd = (parentKey, content, condition) => {
     editor.setCondition(condition);
     return editor.getItem();
 };
-const SurveyItems = {
-    singleChoice: generateSingleChoiceQuestion,
-    responsiveSingleChoiceArray: generateResponsiveSingleChoiceArrayQuestion,
-    responsiveBipolarLikertArray: generateResponsiveBipolarLikertArray,
-    multipleChoice: generateMultipleChoiceQuestion,
-    simpleLikertGroup: generateSimpleLikertGroupQuestion,
-    dateInput: generateDatePickerInput,
-    multilineTextInput: generateMultilineInput,
-    dropDown: generateDropDownQuestion,
-    numericSlider: generateNumericSliderQuestion,
-    numericInput: generateNumericInputQuestion,
-    display: generateDisplay,
-    surveyEnd: generateSurveyEnd,
-};
-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 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 => {
-        const optEditor = new surveys_surveyEditor_componentEditor.ComponentEditor(undefined, {
-            key: optionDef.key,
-            role: optionDef.role,
-        });
-        if (optionDef.content) {
-            optEditor.setContent(surveys_utils_simpleGenerators.generateLocStrings(optionDef.content));
-        }
-        if (optionDef.description) {
-            optEditor.setDescription(surveys_utils_simpleGenerators.generateLocStrings(optionDef.description));
-        }
-        if (optionDef.items) {
-            optionDef.items.forEach((item, index) => {
-                optEditor.addItemComponent({
-                    key: index.toFixed(),
-                    role: 'text',
-                    content: surveys_utils_simpleGenerators.generateLocStrings(item.content),
-                    style: item.className ? [{ key: 'className', value: item.className }] : undefined
-                });
-            });
-        }
-        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);
-        }
-        groupEdit.addItemComponent(optEditor.getComponent());
-    });
-    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, {
@@ -601,349 +356,29 @@ 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' }
-        ]);
+const SurveyItems = {
+    consent: generateConsentQuestion,
+    singleChoice: generateSingleChoiceQuestion,
+    responsiveSingleChoiceArray: generateResponsiveSingleChoiceArrayQuestion,
+    responsiveBipolarLikertArray: generateResponsiveBipolarLikertArray,
+    multipleChoice: generateMultipleChoiceQuestion,
+    dateInput: generateDatePickerInput,
+    timeInput: generateTimeInput,
+    textInput: generateTextInputQuestion,
+    // eq5dSlider: todo,
+    clozeQuestion: generateClozeQuestion,
+    numericInput: generateNumericInputQuestion,
+    multilineTextInput: generateMultilineInput,
+    dropDown: generateDropDownQuestion,
+    numericSlider: generateNumericSliderQuestion,
+    display: generateDisplay,
+    surveyEnd: generateSurveyEnd,
+    customQuestion: generateCustomQuestion,
+    old: {
+        simpleLikertGroup: generateSimpleLikertGroupQuestion,
     }
-    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();
 };
 
 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