@roqua/quby-frontend 0.11.1 → 0.12.0

package/dist/components/AnswerPage.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
-import { IDisplayOptions, IInterpolateTextvars, Questionnaire, Response } from '../core';
-export declare const InterpolateCurliesContext: React.Context<IInterpolateTextvars>;
+import { IDisplayOptions, Questionnaire, Response } from '../core';
 interface Props {
     questionnaire: Questionnaire;
     response: Response;

package/dist/components/Footer.d.ts

@@ -0,0 +1 @@
+export declare const Footer: () => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/QuestionDescription.d.ts

@@ -1,9 +1,8 @@
 import { default as React } from 'react';
-interface HasDescription {
-    description?: string;
-}
 interface Props {
-    question: HasDescription;
+    question: {
+        key: string;
+    };
 }
 export declare const QuestionDescription: React.FunctionComponent<Props>;
 export {};

package/dist/components/TranslationCurlies.d.ts

@@ -0,0 +1,4 @@
+export declare const TranslationCurlies: React.FunctionComponent<{
+    i18nKey: string;
+    Component: React.ElementType;
+}>;

package/dist/core/calculations.d.ts

@@ -12,7 +12,7 @@ export declare class Calculations {
     };
     constructor(sexpVariables: ISexpVariables, response: Response);
     getResult(key: string): string | number | boolean | null;
-    handleValueChanged(key: string): void;
+    handleValueChanged(questionKey: string): string[];
     calculate(calculation: ICalculation): string | number | null | boolean;
     calculateNumber: (calculation: INumberCalculation) => number | null;
     calculateBoolean: (calculation: IBooleanCalculation) => boolean | null;

package/dist/core/index.d.ts

@@ -1,7 +1,7 @@
 export * from './questionnaire_json';
 export * from './questionnaire';
 export * from './response';
+export * from './questionnaire_translations_curlies';
 export * from './quby_context';
 export * from './validators';
 export * from './response_json';
-export * from './curlies_interpolator';

package/dist/core/quby_context.d.ts

@@ -1,10 +1,11 @@
 import { default as React } from 'react';
-import { Response, Questionnaire, IDisplayOptions } from '.';
+import { Response, Questionnaire, IDisplayOptions, QuestionnaireTranslationsCurlies } from '.';
 export type SetQuestionRef = (key: string, ref: React.RefObject<HTMLElement | null>) => void;
 export interface IQubyContext {
     questionnaire: Questionnaire;
     response: Response;
     setQuestionRef: SetQuestionRef;
     displayOptions: IDisplayOptions;
+    translationsCurlies: QuestionnaireTranslationsCurlies;
 }
 export declare const QubyContext: React.Context<IQubyContext>;

package/dist/core/questionnaire.d.ts

@@ -1,10 +1,9 @@
-import { IQuestionnaire, IQuestion, IPanel, ITextvar, IValidation, IQuestions, ISexpVariables, ISelectOption, IRadioOption } from './questionnaire_json';
+import { IQuestionnaire, IQuestion, IPanel, ITextvar, IValidation, IQuestions, ISexpVariables, ISelectOption, IRadioOption, ICheckBoxOption } from './questionnaire_json';
 import { VisibilityRule } from './visibility_rules';
 export declare class Questionnaire {
     #private;
     key: string;
     panels: IPanel[];
-    footer?: string;
     questions: IQuestions;
     validations: IValidation[];
     visibilityRules: VisibilityRule[];
@@ -15,9 +14,16 @@ export declare class Questionnaire {
         [key: string]: string | number;
     } | undefined;
     layoutVersion: "v1" | "v2";
+    defaultLanguage: string;
+    translations: {
+        [language: string]: {
+            [key: string]: string;
+        };
+    };
     constructor(data: IQuestionnaire);
     getField(key: string): IQuestion;
     getQuestionsInSameGroup(questionKey: string): IQuestion[];
-    getFlatOptions(questionKey: string): (ISelectOption | IRadioOption)[];
+    getChildQuestionKeys(questionKey: string): string[];
+    getFlatOptions(questionKey: string): (ISelectOption | IRadioOption | ICheckBoxOption)[];
     getOptionNumberValue(questionKey: string, optionKey: string): number | null;
 }

package/dist/core/questionnaire_json.d.ts

@@ -78,10 +78,7 @@ export interface IMinimumCheckedRequiredValidation {
 }
 interface IBaseField {
     key: string;
-    title?: string;
-    description?: string;
-    contextDescription?: string;
-    presentation: "horizontal" | "vertical";
+    presentation?: "horizontal" | "vertical";
     questionGroup?: string | null;
     as?: string | null;
     parentKey?: string;
@@ -130,9 +127,9 @@ export interface IFloatQuestion extends IBaseField, INumberQuestion {
 export interface ISliderQuestion extends IBaseField {
     type: "float" | "integer";
     as: "slider";
+    labelsI18nKey?: string;
     step: number;
     defaultPosition: number;
-    labels: string[];
     startThumbHidden: boolean;
     valueTooltip: boolean;
     minimum: number;
@@ -150,7 +147,6 @@ export interface ISelectQuestion extends IBaseField {
     type: "select";
     as: "select";
     children: (ISelectOption | IOptgroup)[];
-    placeholder: string;
 }
 export interface IRadioQuestion extends IBaseField {
     type: "radio";
@@ -180,35 +176,22 @@ export interface IOption {
 }
 export interface ICheckBoxOption extends IOption {
     questions: IQuestion[];
-    label?: string;
-    description?: string;
 }
 export interface IRadioOption extends IOption {
     value: number;
     questions: IQuestion[];
-    label?: string;
-    description?: string;
 }
 export interface IOptgroup {
     type: "optgroup";
     key: string;
-    label: string;
     options: ISelectOption[];
 }
 export interface ISelectOption extends IOption {
     value: number;
-    label?: string;
-    description?: string;
 }
 export interface IHtmlOption {
     type: "html";
     key: string;
-    html: string;
-}
-export interface IPlaceholderOption {
-    type: "placeholder";
-    key: string;
-    description: string;
 }
 export type IQuestion = IDatePartsQuestion | IStringQuestion | ITextareaQuestion | IIntegerQuestion | IFloatQuestion | ISliderQuestion | ISplitToUnitsQuestion | IRadioQuestion | IScaleQuestion | ISelectQuestion | ICheckBoxQuestion;
 export interface IQuestions {
@@ -216,7 +199,7 @@ export interface IQuestions {
 }
 export interface IHtmlItem {
     type: 'html';
-    html: string;
+    key: string;
 }
 export interface IQuestionItem {
     type: "question";
@@ -227,14 +210,14 @@ export interface ITableItem {
 }
 export interface IInfoItem {
     type: "info";
+    subtype?: "info" | "question-bar";
     key: string;
-    html: string;
     startOpen: boolean;
     items: Array<IHtmlItem | IQuestionItem>;
 }
 export type IPanelItem = IHtmlItem | IQuestionItem | ITableItem | IInfoItem;
 export interface IPanel {
-    title?: string;
+    key: string;
     items: IPanelItem[];
     questionKeys: string[];
 }
@@ -331,10 +314,14 @@ export type ISexpVariables = {
         calculation: ICalculation;
     };
 };
+export type ITranslations = {
+    [language: string]: {
+        [key: string]: string;
+    };
+};
 export interface IQuestionnaire {
     key: string;
     title: string;
-    footer?: string;
     language: string;
     panels: IPanel[];
     questions: IQuestions;
@@ -349,6 +336,7 @@ export interface IQuestionnaire {
         [key: string]: string;
     };
     layoutVersion?: "v1" | "v2";
+    translations: ITranslations;
 }
 export interface IDisplayOptions {
     displayMode: "paged" | "single_page" | "bulk";

package/dist/core/questionnaire_translations_curlies.d.ts

@@ -0,0 +1,21 @@
+import { Questionnaire } from './questionnaire';
+import { Response } from './response';
+export declare class QuestionnaireTranslationsCurlies {
+    response: Response;
+    questionnaire: Questionnaire;
+    keyToInterpolatedString: Map<string, string>;
+    keyToInterpolatedStringArray: Map<string, string[]>;
+    variableToKeys: Map<string, string[]>;
+    language: string;
+    translations: {
+        [key: string]: string;
+    };
+    callbacks: Map<string, Set<() => void>>;
+    subscribeMethods: Map<string, (callback: () => void) => () => void>;
+    constructor(response: Response, questionnaire: Questionnaire, language: string);
+    subscribeToKey(key: string): (cb: () => void) => () => void;
+    fetch(key: string): string | undefined;
+    fetchArray(key: string): string[];
+    private interpolateCurlies;
+    private buildVariableToKeys;
+}

package/dist/core/response.d.ts

@@ -32,6 +32,7 @@ export interface IVisibility {
     hidden: boolean;
 }
 export interface IValidated {
+    key: string;
     showErrors: boolean;
     valid: boolean;
     errors: IError[];
@@ -50,7 +51,7 @@ export interface IValidationFieldState<T extends IValue> {
     value: T;
     addError: (error: IError) => void;
 }
-export type IChangeCallback = (response: Response, type?: "valueChanged") => void;
+export type IChangeCallback = (response: Response, type: "valueChanged" | "visibilityChanged" | "textvarChanged" | "sexpVariableChanged", key?: string) => void;
 export declare class Response {
     questionnaire: Questionnaire;
     values: IValues;
@@ -59,6 +60,9 @@ export declare class Response {
     errors: Map<string, IError[]>;
     visibility: Map<string, IVisibility>;
     changeHandlers: IChangeCallback[];
+    questionCallbacks: Map<string, () => void>;
+    subscribeMethods: Map<string, (callback: () => void) => () => void>;
+    fieldStates: Map<string, IFieldState<IValue>>;
     flags: IFlags;
     textvars: ITextvars;
     activeQuestionKey: string | null;
@@ -68,11 +72,15 @@ export declare class Response {
     cleanValues(): IValues;
     onChange(callback: IChangeCallback): void;
     offChange(callback: IChangeCallback): void;
+    subscribeToQuestion(questionKey: string): (callback: () => void) => () => void;
     getFieldState<T extends IValue>(key: string): IFieldState<T>;
     getValidationFieldState<T extends IValue>(key: string): IValidationFieldState<T>;
+    getVisibilityFieldState(key: string): Pick<IFieldState<IValue>, "value" | "hidden" | "disabled">;
     setTextvar(key: string, value: string | null): void;
     initTextvars(fromServer: ITextvars): Map<string, string>;
     setValue<T extends IValue>(key: string, value: T | null): void;
+    handleCalculations(questionKey: string): void;
+    fieldStateChanged(key: string): void;
     setActiveQuestion(key: string | null): void;
     addError(key: string, error: IError): void;
     valueHasChanged(): boolean;

package/dist/logic/index.d.ts

@@ -1,3 +1,4 @@
 export * from './use_might_become_valid';
 export * from './use_question_shortkeys';
 export * from './map_css_vars';
+export * from './use_translation_curlies_for';

package/dist/logic/use_translation_curlies_for.d.ts

@@ -0,0 +1,2 @@
+export declare const useTranslationCurliesFor: (i18nKey: string) => string | undefined;
+export declare const useTranslationCurliesArrayFor: (i18nKey: string) => string[];