case-editor-tools 1.6.0 → 1.6.2

package/expression-utils/studyEngineExpressions.d.ts

@@ -49,6 +49,7 @@ export declare const NativeStudyEngineExpressions: {
     not: (arg: Expression) => Expression;
     timestampWithOffset: (delta: Duration, reference?: number | Expression) => Expression;
     parseValueAsNum: (valueRef: Expression | string | number) => Expression;
+    generateRandomNumber: (min: number, max: number) => Expression;
     externalEventEval: (serviceName: string, route?: string, expectFloat?: boolean) => Expression;
 };
 export declare const StudyEngineActions: {
@@ -202,5 +203,6 @@ export declare const StudyEngine: {
     not: (arg: Expression) => Expression;
     timestampWithOffset: (delta: Duration, reference?: number | Expression) => Expression;
     parseValueAsNum: (valueRef: Expression | string | number) => Expression;
+    generateRandomNumber: (min: number, max: number) => Expression;
     externalEventEval: (serviceName: string, route?: string, expectFloat?: boolean) => Expression;
 };

package/expression-utils/studyEngineExpressions.js

@@ -451,6 +451,7 @@ const NativeStudyEngineExpressions = {
     // Other
     timestampWithOffset,
     parseValueAsNum,
+    generateRandomNumber: (min, max) => expressionUtils_expressionGen.generateExpression('generateRandomNumber', undefined, min, max),
     externalEventEval,
 };
 const StudyEngineActions = {

package/expression-utils/studyEngineExpressions.js.map

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "case-editor-tools",
   "description": "Javascript tools to simplify survey and study coding for CASE.",
-  "version": "1.6.0",
+  "version": "1.6.2",
   "main": "index.js",
   "license": "Apache-2.0",
   "repository": "github:case-framework/case-editor-tools",

package/surveys/index.js

@@ -11,8 +11,8 @@ require('../index-8e5154bb.js');
 require('./utils/randomKeyGenerator.js');
 require('../logger/logger.js');
 require('./utils/componentGenerators.js');
-require('./utils/simple-generators.js');
 require('./types/item-properties.js');
+require('./utils/simple-generators.js');
 require('../types/duration.js');
 require('../constants/key-definitions.js');
 require('./utils/simple-question-editor.js');

package/surveys/responseTypeGenerators/likertGroupComponents.js

@@ -3,9 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var surveys_surveyEditor_componentEditor = require('../survey-editor/component-editor.js');
+require('../../logger/logger.js');
+require('../../index-8e5154bb.js');
 var surveys_utils_randomKeyGenerator = require('../utils/randomKeyGenerator.js');
 var surveys_utils_simpleGenerators = require('../utils/simple-generators.js');
-require('../types/item-properties.js');
+var surveys_types_itemProperties = require('../types/item-properties.js');
 
 const initLikertScaleGroup = (key, rows, scaleOptions, stackOnSmallScreen, displayCondition) => {
     const groupEdit = new surveys_surveyEditor_componentEditor.ComponentEditor(undefined, {
@@ -114,6 +116,9 @@ const initResponsiveSingleChoiceArray = (rgKey, props, displayCondition) => {
                 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) => {
+                    if (surveys_types_itemProperties.isExpressionDisplayProp(cont)) {
+                        return surveys_utils_simpleGenerators.generateExpressionDisplayComp(index.toFixed(), cont);
+                    }
                     return {
                         key: index.toFixed(),
                         role: 'text',
@@ -168,6 +173,9 @@ const initResponsiveSingleChoiceArray = (rgKey, props, displayCondition) => {
             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) => {
+                if (surveys_types_itemProperties.isExpressionDisplayProp(cont)) {
+                    return surveys_utils_simpleGenerators.generateExpressionDisplayComp(index.toFixed(), cont);
+                }
                 return {
                     key: index.toFixed(),
                     role: 'text',
@@ -278,6 +286,9 @@ const initResponsiveBipolarLikertArray = (rgKey, props, displayCondition) => {
             role: 'start',
             content: !Array.isArray(row.startLabel) ? surveys_utils_simpleGenerators.generateLocStrings(row.startLabel) : undefined,
             items: Array.isArray(row.startLabel) ? row.startLabel.map((cont, index) => {
+                if (surveys_types_itemProperties.isExpressionDisplayProp(cont)) {
+                    return surveys_utils_simpleGenerators.generateExpressionDisplayComp(index.toFixed(), cont);
+                }
                 return {
                     key: index.toFixed(),
                     role: 'text',
@@ -291,6 +302,9 @@ const initResponsiveBipolarLikertArray = (rgKey, props, displayCondition) => {
             role: 'end',
             content: !Array.isArray(row.endLabel) ? surveys_utils_simpleGenerators.generateLocStrings(row.endLabel) : undefined,
             items: Array.isArray(row.endLabel) ? row.endLabel.map((cont, index) => {
+                if (surveys_types_itemProperties.isExpressionDisplayProp(cont)) {
+                    return surveys_utils_simpleGenerators.generateExpressionDisplayComp(index.toFixed(), cont);
+                }
                 return {
                     key: index.toFixed(),
                     role: 'text',
@@ -346,6 +360,9 @@ const initResponsiveMatrixItem = (rgKey, props, displayCondition) => {
                 role: 'category',
                 content: !Array.isArray(option.label) ? surveys_utils_simpleGenerators.generateLocStrings(option.label) : undefined,
                 items: Array.isArray(option.label) ? option.label.map((cont, index) => {
+                    if (surveys_types_itemProperties.isExpressionDisplayProp(cont)) {
+                        return surveys_utils_simpleGenerators.generateExpressionDisplayComp(index.toFixed(), cont);
+                    }
                     return {
                         key: index.toFixed(),
                         role: 'text',
@@ -389,6 +406,9 @@ const initResponsiveMatrixItem = (rgKey, props, displayCondition) => {
             style: rowStyles.length > 0 ? rowStyles : undefined,
             content: !Array.isArray(row.label) ? surveys_utils_simpleGenerators.generateLocStrings(row.label) : undefined,
             items: Array.isArray(row.label) ? row.label.map((cont, index) => {
+                if (surveys_types_itemProperties.isExpressionDisplayProp(cont)) {
+                    return surveys_utils_simpleGenerators.generateExpressionDisplayComp(index.toFixed(), cont);
+                }
                 return {
                     key: index.toFixed(),
                     role: 'text',

package/surveys/responseTypeGenerators/likertGroupComponents.js.map

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

package/surveys/responseTypeGenerators/optionGroupComponents.js

@@ -3,8 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var surveys_surveyEditor_componentEditor = require('../survey-editor/component-editor.js');
+require('../../logger/logger.js');
+require('../../index-8e5154bb.js');
 var surveys_utils_simpleGenerators = require('../utils/simple-generators.js');
-require('../types/item-properties.js');
+var surveys_types_itemProperties = require('../types/item-properties.js');
 require('../utils/randomKeyGenerator.js');
 
 const optionDefToItemComponent = (optionDef) => {
@@ -60,6 +62,10 @@ const optionDefToItemComponent = (optionDef) => {
     if (optionDef.items) {
         if (optionDef.role === 'text') {
             optionDef.items.forEach((item, index) => {
+                if (surveys_types_itemProperties.isExpressionDisplayProp(item)) {
+                    optEditor.addItemComponent(surveys_utils_simpleGenerators.generateExpressionDisplayComp(index.toFixed(), item));
+                    return;
+                }
                 const textItem = item;
                 optEditor.addItemComponent({
                     key: index.toFixed(),

package/surveys/responseTypeGenerators/optionGroupComponents.js.map

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

package/surveys/survey-items.js

@@ -264,6 +264,9 @@ const generateConsentQuestion = (props) => {
                     if (surveys_types_itemProperties.isDateDisplayComponentProp(item)) {
                         return surveys_utils_simpleGenerators.generateDateDisplayComp(index.toFixed(), item);
                     }
+                    if (surveys_types_itemProperties.isExpressionDisplayProp(item)) {
+                        return surveys_utils_simpleGenerators.generateExpressionDisplayComp(index.toFixed(), item);
+                    }
                     return {
                         key: index.toFixed(),
                         role: 'text',

package/surveys/survey-items.js.map

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

package/surveys/types/index.js

@@ -19,5 +19,6 @@ require('../survey-editor/survey-editor.js');
 exports.Group = surveys_types_group.Group;
 exports.Item = surveys_types_item.Item;
 exports.isDateDisplayComponentProp = surveys_types_itemProperties.isDateDisplayComponentProp;
+exports.isExpressionDisplayProp = surveys_types_itemProperties.isExpressionDisplayProp;
 exports.SurveyDefinition = surveys_types_surveyDefinition.SurveyDefinition;
 //# sourceMappingURL=index.js.map

package/surveys/types/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/types/item-properties.d.ts

@@ -10,12 +10,18 @@ export interface DateDisplayComponentProp {
     dateFormat: string;
     className?: string;
 }
+export interface ExpressionDisplayProp {
+    languageCodes: string[];
+    expression: Expression;
+    className?: string;
+}
 export declare const isDateDisplayComponentProp: (value: DateDisplayComponentProp | any) => value is DateDisplayComponentProp;
+export declare const isExpressionDisplayProp: (value: ExpressionDisplayProp | any) => value is ExpressionDisplayProp;
 export interface OptionDef {
     key: string;
     role: string;
     content?: Map<string, string>;
-    items?: Array<StyledTextComponentProp> | Array<OptionDef>;
+    items?: Array<StyledTextComponentProp | ExpressionDisplayProp> | Array<OptionDef>;
     description?: Map<string, string>;
     displayCondition?: Expression;
     disabled?: Expression;
@@ -29,7 +35,7 @@ export interface GenericQuestionProps {
     parentKey: string;
     itemKey: string;
     version?: number;
-    questionText: Map<string, string> | Array<StyledTextComponentProp | DateDisplayComponentProp>;
+    questionText: Map<string, string> | Array<StyledTextComponentProp | DateDisplayComponentProp | ExpressionDisplayProp>;
     questionSubText?: Map<string, string>;
     titleClassName?: string;
     helpGroupContent?: Array<{
@@ -119,7 +125,7 @@ export declare type ClozeQuestionProps = ClozeProps & GenericQuestionProps;
  * Consent Question
  */
 export interface ConsentProps {
-    checkBoxLabel: Map<string, string> | Array<StyledTextComponentProp | DateDisplayComponentProp>;
+    checkBoxLabel: Map<string, string> | Array<StyledTextComponentProp | DateDisplayComponentProp | ExpressionDisplayProp>;
     dialogTitle: Map<string, string>;
     dialogContent: Map<string, string>;
     acceptBtn: Map<string, string>;
@@ -135,12 +141,12 @@ export interface ResponsiveSingleChoiceArrayProps {
     scaleOptions: Array<{
         key: string;
         className?: string;
-        content: Map<string, string> | StyledTextComponentProp[];
+        content: Map<string, string> | Array<StyledTextComponentProp | ExpressionDisplayProp>;
     }>;
     rows: Array<{
         key: string;
         displayCondition?: Expression;
-        content: Map<string, string> | StyledTextComponentProp[];
+        content: Map<string, string> | Array<StyledTextComponentProp | ExpressionDisplayProp>;
         horizontalModeProps?: {
             labelPlacement?: 'none' | 'top' | 'bottom';
             className?: string;
@@ -187,8 +193,8 @@ export interface ResponsiveBipolarLikertArrayProps {
     }>;
     rows: Array<{
         key: string;
-        startLabel: Map<string, string> | StyledTextComponentProp[];
-        endLabel: Map<string, string> | StyledTextComponentProp[];
+        startLabel: Map<string, string> | Array<StyledTextComponentProp | ExpressionDisplayProp>;
+        endLabel: Map<string, string> | Array<StyledTextComponentProp | ExpressionDisplayProp>;
         displayCondition?: Expression;
         withLabelRowModeProps?: {
             className?: string;
@@ -234,12 +240,12 @@ export interface ResponsiveMatrixProps {
     breakpoint?: 'sm' | 'md' | 'lg' | 'xl';
     columns: Array<{
         key: string;
-        label: Map<string, string> | StyledTextComponentProp[];
+        label: Map<string, string> | Array<StyledTextComponentProp | ExpressionDisplayProp>;
     }>;
     rows: Array<{
         key: string;
         role: 'row' | 'category';
-        label: Map<string, string> | StyledTextComponentProp[];
+        label: Map<string, string> | Array<StyledTextComponentProp | ExpressionDisplayProp>;
         displayCondition?: Expression;
         className?: string;
     }>;

package/surveys/types/item-properties.js

@@ -4,7 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const isDateDisplayComponentProp = (value) => {
     return typeof (value) === 'object' && value.date !== undefined && value.dateFormat !== undefined && value.languageCodes !== undefined;
+};
+const isExpressionDisplayProp = (value) => {
+    return typeof (value) === 'object' && value.expression !== undefined && value.languageCodes !== undefined;
 };
 
 exports.isDateDisplayComponentProp = isDateDisplayComponentProp;
+exports.isExpressionDisplayProp = isExpressionDisplayProp;
 //# sourceMappingURL=item-properties.js.map

package/surveys/types/item-properties.js.map

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

package/surveys/utils/componentGenerators.d.ts

@@ -1,12 +1,12 @@
 import { Expression, ItemComponent } from "survey-engine/data_types";
-import { StyledTextComponentProp } from "../types/item-properties";
+import { ExpressionDisplayProp, StyledTextComponentProp } from "../types/item-properties";
 export interface CommonProps {
     key?: string;
-    content?: Map<string, string> | StyledTextComponentProp[];
+    content?: Map<string, string> | Array<StyledTextComponentProp | ExpressionDisplayProp>;
     displayCondition?: Expression;
 }
 export interface TextProps extends CommonProps {
-    content: Map<string, string>;
+    content: Map<string, string> | Array<StyledTextComponentProp | ExpressionDisplayProp>;
     variant?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'li';
     className?: string;
 }

package/surveys/utils/componentGenerators.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var surveys_types_itemProperties = require('../types/item-properties.js');
 var surveys_utils_randomKeyGenerator = require('./randomKeyGenerator.js');
 var surveys_utils_simpleGenerators = require('./simple-generators.js');
 require('../survey-editor/component-editor.js');
-require('../types/item-properties.js');
 
 const text = (props) => {
     var _a;
@@ -20,11 +20,21 @@ const text = (props) => {
             key: 'variant', value: props.variant
         });
     }
+    const content = !Array.isArray(props.content) ? surveys_utils_simpleGenerators.generateLocStrings(props.content) : undefined;
+    const items = Array.isArray(props.content) ? props.content.map((item, index) => {
+        return surveys_types_itemProperties.isExpressionDisplayProp(item) ? surveys_utils_simpleGenerators.generateExpressionDisplayComp(surveys_utils_randomKeyGenerator.generateRandomKey(6), item) : {
+            key: index.toFixed(),
+            role: 'text',
+            content: surveys_utils_simpleGenerators.generateLocStrings(item.content),
+            style: item.className ? [{ key: 'className', value: item.className }] : undefined,
+        };
+    }) : undefined;
     return {
         key: (_a = props.key) !== null && _a !== void 0 ? _a : surveys_utils_randomKeyGenerator.generateRandomKey(3),
         role: 'text',
         style: styles.length > 0 ? styles : undefined,
-        content: surveys_utils_simpleGenerators.generateLocStrings(props.content),
+        content: content,
+        items: items,
         displayCondition: props.displayCondition,
     };
 };

package/surveys/utils/componentGenerators.js.map

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

package/surveys/utils/optionDefGenerators.d.ts

@@ -1,8 +1,8 @@
 import { Expression } from "survey-engine/data_types";
-import { ClozeProps, DateInputProps, NumericInputProps, OptionDef, StyledTextComponentProp, TextInputProps, TimeInputProps } from "../types/item-properties";
+import { ClozeProps, DateInputProps, ExpressionDisplayProp, NumericInputProps, OptionDef, StyledTextComponentProp, TextInputProps, TimeInputProps } from "../types/item-properties";
 interface CommonProps {
     key?: string;
-    content?: Map<string, string> | StyledTextComponentProp[];
+    content?: Map<string, string> | Array<StyledTextComponentProp | ExpressionDisplayProp>;
     displayCondition?: Expression;
 }
 interface OptionProps {
@@ -14,7 +14,7 @@ interface OptionTextProps extends CommonProps {
     className?: string;
 }
 export declare const SingleChoiceOptionTypes: {
-    option: (key: string, content: Map<string, string> | StyledTextComponentProp[], extraProps?: OptionProps) => OptionDef;
+    option: (key: string, content: Map<string, string> | Array<StyledTextComponentProp | ExpressionDisplayProp>, extraProps?: OptionProps) => OptionDef;
     textInput: (props: TextInputProps & {
         key: string;
         displayCondition?: Expression;
@@ -40,7 +40,7 @@ export declare const SingleChoiceOptionTypes: {
     }) => OptionDef;
 };
 export declare const MultipleChoiceOptionTypes: {
-    option: (key: string, content: Map<string, string> | StyledTextComponentProp[], extraProps?: OptionProps) => OptionDef;
+    option: (key: string, content: Map<string, string> | Array<StyledTextComponentProp | ExpressionDisplayProp>, extraProps?: OptionProps) => OptionDef;
     subtitle: (props: OptionTextProps) => OptionDef;
     textInput: (props: TextInputProps & {
         key: string;

package/surveys/utils/simple-generators.d.ts

@@ -1,8 +1,9 @@
 import { LocalizedString, ItemComponent, ExpressionName, Expression, ItemGroupComponent, SurveySingleItem } from "survey-engine/data_types";
-import { DateDisplayComponentProp, StyledTextComponentProp } from "../types/item-properties";
+import { DateDisplayComponentProp, ExpressionDisplayProp, StyledTextComponentProp } from "../types/item-properties";
 export declare const generateLocStrings: (translations: Map<string, string>) => LocalizedString[];
 export declare const generateDateDisplayComp: (key: string, item: DateDisplayComponentProp) => ItemComponent;
-export declare const generateTitleComponent: (content: Map<string, string> | Array<StyledTextComponentProp | DateDisplayComponentProp>, description?: Map<string, string>, className?: string) => ItemComponent;
+export declare const generateExpressionDisplayComp: (key: string, item: ExpressionDisplayProp) => ItemComponent;
+export declare const generateTitleComponent: (content: Map<string, string> | Array<StyledTextComponentProp | DateDisplayComponentProp | ExpressionDisplayProp>, description?: Map<string, string>, className?: string) => ItemComponent;
 export declare const generateHelpGroupComponent: (items: Array<{
     content: Map<string, string>;
     style?: Array<{

package/surveys/utils/simple-generators.js

@@ -42,6 +42,27 @@ const generateDateDisplayComp = (key, item) => {
         style: styleArray,
     };
 };
+const generateExpressionDisplayComp = (key, item) => {
+    const styleArray = [];
+    if (item.className) {
+        styleArray.push({ key: 'className', value: item.className });
+    }
+    const locString = new Array();
+    const exp = item.expression;
+    item.languageCodes.forEach((code) => {
+        const translatedItem = {
+            code: code,
+            parts: [{ dtype: 'exp', exp: exp }]
+        };
+        locString.push(translatedItem);
+    });
+    return {
+        key: key,
+        role: 'text',
+        content: locString,
+        style: styleArray,
+    };
+};
 const generateTitleComponent = (content, description, className) => {
     let items = undefined;
     let currentContent = undefined;
@@ -50,6 +71,9 @@ const generateTitleComponent = (content, description, className) => {
             if (surveys_types_itemProperties.isDateDisplayComponentProp(item)) {
                 return generateDateDisplayComp(index.toFixed(), item);
             }
+            if (surveys_types_itemProperties.isExpressionDisplayProp(item)) {
+                return generateExpressionDisplayComp(index.toFixed(), item);
+            }
             return {
                 key: index.toFixed(),
                 role: 'text',
@@ -123,6 +147,7 @@ const generatePageBreak = (parentKey, key) => {
 
 exports.expWithArgs = expWithArgs;
 exports.generateDateDisplayComp = generateDateDisplayComp;
+exports.generateExpressionDisplayComp = generateExpressionDisplayComp;
 exports.generateHelpGroupComponent = generateHelpGroupComponent;
 exports.generateLocStrings = generateLocStrings;
 exports.generatePageBreak = generatePageBreak;

package/surveys/utils/simple-generators.js.map

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

package/surveys/utils/simple-question-editor.d.ts

@@ -1,6 +1,6 @@
 import { ConfidentialMode, Expression, ItemComponent } from "survey-engine/data_types";
 import { ItemEditor } from "../survey-editor/item-editor";
-import { DateDisplayComponentProp, StyledTextComponentProp } from "../types/item-properties";
+import { DateDisplayComponentProp, ExpressionDisplayProp, StyledTextComponentProp } from "../types/item-properties";
 export declare class SimpleQuestionEditor {
     editor: ItemEditor;
     key: string;
@@ -8,7 +8,7 @@ export declare class SimpleQuestionEditor {
         [key: string]: string;
     });
     getItem(): import("survey-engine/data_types").SurveyItem;
-    setTitle(title: Map<string, string> | Array<StyledTextComponentProp | DateDisplayComponentProp>, description?: Map<string, string>, className?: string): void;
+    setTitle(title: Map<string, string> | Array<StyledTextComponentProp | DateDisplayComponentProp | ExpressionDisplayProp>, description?: Map<string, string>, className?: string): void;
     setCondition(exp: Expression): void;
     addDisplayComponent(comp: ItemComponent, atPosition?: number): void;
     addHasResponseValidation(): void;