case-editor-tools 1.0.0-beta.15 → 1.0.0-beta.19

package/constants/key-definitions.d.ts

@@ -11,3 +11,4 @@ export declare const inputKey = "ic";
 export declare const numericInputKey = "num";
 export declare const datePickerKey = "date";
 export declare const matrixKey = "mat";
+export declare const clozeKey = "cloze";

package/constants/key-definitions.js

@@ -14,8 +14,10 @@ const sliderCategoricalKey = "scc";
 const inputKey = "ic";
 const numericInputKey = "num";
 const datePickerKey = "date";
-const matrixKey = "mat";
+const matrixKey = "mat";
+const clozeKey = "cloze";
 
+exports.clozeKey = clozeKey;
 exports.datePickerKey = datePickerKey;
 exports.dropDownKey = dropDownKey;
 exports.inputKey = inputKey;

package/constants/key-definitions.js.map

@@ -1 +1 @@
-{"version":3,"file":"key-definitions.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"key-definitions.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/expression-utils/expressionGen.d.ts

@@ -1,2 +1,2 @@
-import { Expression, ExpressionName } from "survey-engine/lib/data_types";
+import { Expression, ExpressionName } from "survey-engine/data_types";
 export declare const generateExpression: (name: ExpressionName, returnType?: "string" | "float" | undefined, ...args: any[]) => Expression;

package/expression-utils/studyEngineExpressions.d.ts

@@ -1,4 +1,4 @@
-import { Expression } from "survey-engine/lib/data_types";
+import { Expression } from "survey-engine/data_types";
 import { Duration } from "../types/duration";
 export declare const NativeStudyEngineExpressions: {
     checkEventType: (equalsType: 'ENTER' | 'SUBMIT' | 'TIMER') => Expression;

package/{item-editor-7f825952.js → item-editor-c6933791.js}

@@ -8,57 +8,74 @@ var data_types = {};
 
 var expression = {};
 
-Object.defineProperty(expression, "__esModule", { value: true });
-expression.isExpression = (value) => {
-    return typeof (value) === 'object' && value.name !== undefined && value.name.length > 0;
-};
-expression.expressionArgParser = (arg) => {
-    switch (arg.dtype) {
-        case 'num':
-            return arg.num;
-        case 'str':
-            return arg.str;
-        case 'exp':
-            return arg.exp;
-        default:
-            return arg.str;
-    }
+Object.defineProperty(expression, '__esModule', { value: true });
+
+const isExpression = (value) => {
+    return typeof (value) === 'object' && value.name !== undefined && value.name.length > 0;
+};
+const expressionArgParser = (arg) => {
+    switch (arg.dtype) {
+        case 'num':
+            return arg.num;
+        case 'str':
+            return arg.str;
+        case 'exp':
+            return arg.exp;
+        default:
+            return arg.str;
+    }
 };
 
+expression.expressionArgParser = expressionArgParser;
+expression.isExpression = isExpression;
+
 var surveyItem = {};
 
-Object.defineProperty(surveyItem, "__esModule", { value: true });
-surveyItem.isSurveyGroupItem = (item) => {
-    const items = item.items;
-    return items !== undefined && items.length > 0;
+Object.defineProperty(surveyItem, '__esModule', { value: true });
+
+const isSurveyGroupItem$1 = (item) => {
+    const items = item.items;
+    return items !== undefined && items.length > 0;
 };
 
+surveyItem.isSurveyGroupItem = isSurveyGroupItem$1;
+
 var surveyItemComponent = {};
 
-Object.defineProperty(surveyItemComponent, "__esModule", { value: true });
-surveyItemComponent.isItemGroupComponent = (item) => {
-    const items = item.items;
-    return items !== undefined && items.length > 0;
+Object.defineProperty(surveyItemComponent, '__esModule', { value: true });
+
+const isItemGroupComponent$1 = (item) => {
+    const items = item.items;
+    return items !== undefined && items.length > 0;
 };
 
+surveyItemComponent.isItemGroupComponent = isItemGroupComponent$1;
+
 var response = {};
 
-Object.defineProperty(response, "__esModule", { value: true });
-response.isSurveyGroupItemResponse = (item) => {
-    const items = item.items;
-    return items !== undefined && items.length > 0;
+Object.defineProperty(response, '__esModule', { value: true });
+
+const isSurveyGroupItemResponse = (item) => {
+    const items = item.items;
+    return items !== undefined && items.length > 0;
 };
 
-(function (exports) {
-function __export(m) {
-    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-}
-Object.defineProperty(exports, "__esModule", { value: true });
-__export(expression);
-__export(surveyItem);
-__export(surveyItemComponent);
-__export(response);
-}(data_types));
+response.isSurveyGroupItemResponse = isSurveyGroupItemResponse;
+
+Object.defineProperty(data_types, '__esModule', { value: true });
+
+var data_types_expression = expression;
+var data_types_surveyItem = surveyItem;
+var data_types_surveyItemComponent = surveyItemComponent;
+var data_types_response = response;
+
+
+
+data_types.expressionArgParser = data_types_expression.expressionArgParser;
+data_types.isExpression = data_types_expression.isExpression;
+var isSurveyGroupItem = data_types.isSurveyGroupItem = data_types_surveyItem.isSurveyGroupItem;
+var isItemGroupComponent = data_types.isItemGroupComponent = data_types_surveyItemComponent.isItemGroupComponent;
+data_types.isSurveyGroupItemResponse = data_types_response.isSurveyGroupItemResponse;
 
 const initialRootComp = () => {
     return {
@@ -282,7 +299,7 @@ class ItemEditor {
                 obj = currentItem.components.items[ind];
                 continue;
             }
-            if (!data_types.isItemGroupComponent(obj)) {
+            if (!isItemGroupComponent(obj)) {
                 obj.items = [];
                 // leaf found
                 break;
@@ -341,7 +358,7 @@ class ItemEditor {
                 obj = currentItem.components.items[ind];
                 continue;
             }
-            if (!data_types.isItemGroupComponent(obj)) {
+            if (!isItemGroupComponent(obj)) {
                 obj.items = [];
                 // leaf found
                 break;
@@ -393,7 +410,7 @@ class ItemEditor {
         const parentIds = ids.slice(1, ids.length - 1);
         let obj = responseGroup;
         for (const currentKey of parentIds) {
-            if (!data_types.isItemGroupComponent(obj)) {
+            if (!isItemGroupComponent(obj)) {
                 // leaf found
                 break;
             }
@@ -434,7 +451,7 @@ class ItemEditor {
         const parentIds = ids.slice(1, ids.length - 1);
         let obj = responseGroup;
         for (const currentKey of parentIds) {
-            if (!data_types.isItemGroupComponent(obj)) {
+            if (!isItemGroupComponent(obj)) {
                 // leaf found
                 break;
             }
@@ -469,7 +486,7 @@ class ItemEditor {
                 obj = currentItem.components.items[ind];
                 continue;
             }
-            if (!data_types.isItemGroupComponent(obj)) {
+            if (!isItemGroupComponent(obj)) {
                 obj.items = [];
                 // leaf found
                 break;
@@ -518,5 +535,5 @@ class ItemEditor {
 }
 
 exports.ItemEditor = ItemEditor;
-exports.data_types = data_types;
-//# sourceMappingURL=item-editor-7f825952.js.map
+exports.isSurveyGroupItem = isSurveyGroupItem;
+//# sourceMappingURL=item-editor-c6933791.js.map

package/item-editor-c6933791.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item-editor-c6933791.js","sources":["../node_modules/survey-engine/data_types/expression.js","../node_modules/survey-engine/data_types/survey-item.js","../node_modules/survey-engine/data_types/survey-item-component.js","../node_modules/survey-engine/data_types/response.js","../node_modules/survey-engine/data_types/index.js"],"sourcesContent":["'use strict';\n\nObject.defineProperty(exports, '__esModule', { value: true });\n\nconst isExpression = (value) => {\r\n    return typeof (value) === 'object' && value.name !== undefined && value.name.length > 0;\r\n};\r\nconst expressionArgParser = (arg) => {\r\n    switch (arg.dtype) {\r\n        case 'num':\r\n            return arg.num;\r\n        case 'str':\r\n            return arg.str;\r\n        case 'exp':\r\n            return arg.exp;\r\n        default:\r\n            return arg.str;\r\n    }\r\n};\n\nexports.expressionArgParser = expressionArgParser;\nexports.isExpression = isExpression;\n//# sourceMappingURL=expression.js.map\n","'use strict';\n\nObject.defineProperty(exports, '__esModule', { value: true });\n\nconst isSurveyGroupItem = (item) => {\r\n    const items = item.items;\r\n    return items !== undefined && items.length > 0;\r\n};\n\nexports.isSurveyGroupItem = isSurveyGroupItem;\n//# sourceMappingURL=survey-item.js.map\n","'use strict';\n\nObject.defineProperty(exports, '__esModule', { value: true });\n\nconst isItemGroupComponent = (item) => {\r\n    const items = item.items;\r\n    return items !== undefined && items.length > 0;\r\n};\n\nexports.isItemGroupComponent = isItemGroupComponent;\n//# sourceMappingURL=survey-item-component.js.map\n","'use strict';\n\nObject.defineProperty(exports, '__esModule', { value: true });\n\nconst isSurveyGroupItemResponse = (item) => {\r\n    const items = item.items;\r\n    return items !== undefined && items.length > 0;\r\n};\n\nexports.isSurveyGroupItemResponse = isSurveyGroupItemResponse;\n//# sourceMappingURL=response.js.map\n","'use strict';\n\nObject.defineProperty(exports, '__esModule', { value: true });\n\nvar data_types_expression = require('./expression.js');\nvar data_types_surveyItem = require('./survey-item.js');\nvar data_types_surveyItemComponent = require('./survey-item-component.js');\nvar data_types_response = require('./response.js');\n\n\n\nexports.expressionArgParser = data_types_expression.expressionArgParser;\nexports.isExpression = data_types_expression.isExpression;\nexports.isSurveyGroupItem = data_types_surveyItem.isSurveyGroupItem;\nexports.isItemGroupComponent = data_types_surveyItemComponent.isItemGroupComponent;\nexports.isSurveyGroupItemResponse = data_types_response.isSurveyGroupItemResponse;\n//# sourceMappingURL=index.js.map\n"],"names":["isSurveyGroupItem","isItemGroupComponent","require$$0","require$$1","require$$2","require$$3"],"mappings":"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"}

package/package.json

@@ -1,25 +1,25 @@
 {
   "name": "case-editor-tools",
   "description": "Javascript tools to simplify survey and study coding for CASE.",
-  "version": "1.0.0-beta.15",
+  "version": "1.0.0-beta.19",
   "main": "index.js",
   "license": "Apache-2.0",
   "repository": "github:case-framework/case-editor-tools",
   "devDependencies": {
     "@rollup/plugin-commonjs": "^21.0.1",
-    "@rollup/plugin-node-resolve": "^13.0.6",
-    "rollup": "^2.59.0",
+    "@rollup/plugin-node-resolve": "^13.1.1",
+    "rollup": "^2.61.1",
     "rollup-plugin-copy": "^3.4.0",
     "rollup-plugin-delete": "^2.0.0",
     "rollup-plugin-multi-input": "^1.3.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-typescript2": "^0.30.0",
+    "rollup-plugin-typescript2": "^0.31.1",
     "typescript": "^4.4.4"
   },
   "scripts": {
     "build": "rollup -c"
   },
   "dependencies": {
-    "survey-engine": "^0.10.0"
+    "survey-engine": "^1.0.2"
   }
 }

package/surveys/index.js

@@ -6,7 +6,7 @@ var surveys_surveyItems = require('./survey-items.js');
 var surveys_utils_optionDefGenerators = require('./utils/optionDefGenerators.js');
 var surveys_surveyEngineExpressions = require('./survey-engine-expressions.js');
 require('./survey-editor/component-editor.js');
-require('../item-editor-7f825952.js');
+require('../item-editor-c6933791.js');
 require('./utils/randomKeyGenerator.js');
 require('../logger/logger.js');
 require('./utils/componentGenerators.js');
@@ -14,6 +14,8 @@ require('./utils/simple-generators.js');
 require('../types/duration.js');
 require('../constants/key-definitions.js');
 require('./utils/simple-question-editor.js');
+require('./responseTypeGenerators/optionGroupComponents.js');
+require('./responseTypeGenerators/likertGroupComponents.js');
 require('../expression-utils/expressionGen.js');
 
 

package/surveys/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/surveys/responseTypeGenerators/likertGroupComponents.d.ts

@@ -0,0 +1,27 @@
+import { Expression, ItemComponent, ItemGroupComponent } from "survey-engine/data_types";
+import { ResponsiveBipolarLikertArrayProps, ResponsiveSingleChoiceArrayProps } from "../types";
+export interface LikertGroupRow {
+    key: string;
+    content: Map<string, string>;
+    descriptions?: ItemComponent[];
+    hideTopBorder?: boolean;
+    hideLabels?: boolean;
+    optionDisabled?: Array<{
+        optionKey: string;
+        exp: Expression;
+    }>;
+    displayCondition?: Expression;
+}
+export declare const initLikertScaleGroup: (key: string, rows: Array<LikertGroupRow>, scaleOptions: {
+    key: string;
+    className?: string | undefined;
+    content: Map<string, string>;
+}[], stackOnSmallScreen?: boolean | undefined, displayCondition?: Expression | undefined) => ItemGroupComponent;
+export declare const initResponsiveSingleChoiceArray: (rgKey: string, props: ResponsiveSingleChoiceArrayProps, displayCondition?: Expression | undefined) => ItemGroupComponent;
+export declare const initResponsiveBipolarLikertArray: (rgKey: string, props: ResponsiveBipolarLikertArrayProps, displayCondition?: Expression | undefined) => ItemGroupComponent;
+export declare const initLikertScaleItem: (key: string, options: {
+    key: string;
+    className?: string | undefined;
+    content?: Map<string, string> | undefined;
+    disabled?: Expression | undefined;
+}[], stackOnSmallScreen?: boolean | undefined, displayCondition?: Expression | undefined) => ItemGroupComponent;

package/surveys/responseTypeGenerators/likertGroupComponents.js

@@ -0,0 +1,347 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var surveys_surveyEditor_componentEditor = require('../survey-editor/component-editor.js');
+var surveys_utils_randomKeyGenerator = require('../utils/randomKeyGenerator.js');
+var surveys_utils_simpleGenerators = require('../utils/simple-generators.js');
+
+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();
+};
+
+exports.initLikertScaleGroup = initLikertScaleGroup;
+exports.initLikertScaleItem = initLikertScaleItem;
+exports.initResponsiveBipolarLikertArray = initResponsiveBipolarLikertArray;
+exports.initResponsiveSingleChoiceArray = initResponsiveSingleChoiceArray;
+//# sourceMappingURL=likertGroupComponents.js.map

package/surveys/responseTypeGenerators/likertGroupComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"likertGroupComponents.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}