@roqua/quby-frontend 0.10.3 → 0.10.5

package/dist/components/QuestionWrapper.d.ts

@@ -3,7 +3,7 @@ import { IFieldState, IQuestion } from "../core";
 interface Props {
     question: IQuestion;
     fieldState: IFieldState<any>;
-    setQuestionRef: (key: string, ref: React.RefObject<HTMLElement>) => void;
+    setQuestionRef: (key: string, ref: React.RefObject<HTMLElement | null>) => void;
 }
 export declare const QuestionWrapper: React.FunctionComponent<React.PropsWithChildren<Props>>;
 export {};

package/dist/components/questions/CheckBoxQuestion.d.ts

@@ -1,10 +1,10 @@
 import React from "react";
-import { ICheckBoxQuestion, IFieldState } from "../../core";
+import { ICheckBoxQuestion, IFieldState, SetQuestionRef } from "../../core";
 type CheckBoxFieldState = IFieldState<Set<string>>;
 interface Props {
     question: ICheckBoxQuestion;
     fieldState: CheckBoxFieldState;
-    setQuestionRef: (key: string, ref: React.RefObject<HTMLElement>) => void;
+    setQuestionRef: SetQuestionRef;
 }
 export declare const CheckBoxQuestion: React.FunctionComponent<Props>;
 export {};

package/dist/components/questions/CountrySelectQuestion.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
-import { IStringQuestion, IFieldState } from "../../core";
+import { IFieldState, IStringQuestion, SetQuestionRef } from "../../core";
 interface Props {
     question: IStringQuestion;
     fieldState: IFieldState<string>;
-    setQuestionRef: (key: string, ref: React.RefObject<HTMLElement>) => void;
+    setQuestionRef: SetQuestionRef;
 }
 export declare const CountrySelectQuestion: React.FunctionComponent<Props>;
 export {};

package/dist/components/questions/DatePartsQuestion.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
-import { DatePartsComponent, IFieldState, IDatePartsQuestion } from "../../core";
+import { DatePartsComponent, IDatePartsQuestion, IFieldState, SetQuestionRef } from "../../core";
 interface Props {
     question: IDatePartsQuestion;
     fieldState: IFieldState<Map<DatePartsComponent, string>>;
-    setQuestionRef: (key: string, ref: React.RefObject<HTMLElement>) => void;
+    setQuestionRef: SetQuestionRef;
 }
 export declare const DatePartsQuestion: React.FunctionComponent<Props>;
 export {};

package/dist/components/questions/FloatQuestion.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
-import { IFloatQuestion, IFieldState } from "../../core";
+import { IFieldState, IFloatQuestion, SetQuestionRef } from "../../core";
 interface Props {
     question: IFloatQuestion;
     fieldState: IFieldState<number>;
-    setQuestionRef: (key: string, ref: React.RefObject<HTMLElement>) => void;
+    setQuestionRef: SetQuestionRef;
 }
 export declare const FloatQuestion: React.FunctionComponent<Props>;
 export {};

package/dist/components/questions/IntegerQuestion.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
-import { IIntegerQuestion, IFieldState } from "../../core";
+import { IFieldState, IIntegerQuestion, SetQuestionRef } from "../../core";
 interface Props {
     question: IIntegerQuestion;
     fieldState: IFieldState<number>;
-    setQuestionRef: (key: string, ref: React.RefObject<HTMLElement>) => void;
+    setQuestionRef: SetQuestionRef;
 }
 export declare const IntegerQuestion: React.FunctionComponent<Props>;
 export {};

package/dist/components/questions/OldSliderQuestion.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
-import { IFieldState, ISliderQuestion } from "../../core";
+import { IFieldState, ISliderQuestion, SetQuestionRef } from "../../core";
 interface Props {
     question: ISliderQuestion;
     fieldState: IFieldState<number>;
-    setQuestionRef: (key: string, ref: React.RefObject<HTMLElement>) => void;
+    setQuestionRef: SetQuestionRef;
 }
 export declare const OldSliderQuestion: React.FunctionComponent<Props>;
 export {};

package/dist/components/questions/RadioQuestion.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
-import { IFieldState, IRadioQuestion } from "../../core";
+import { IFieldState, IRadioQuestion, SetQuestionRef } from "../../core";
 interface Props {
     question: IRadioQuestion;
     fieldState: IFieldState<string>;
-    setQuestionRef: (key: string, ref: React.RefObject<HTMLElement>) => void;
+    setQuestionRef: SetQuestionRef;
 }
 export declare const RadioQuestion: React.FunctionComponent<Props>;
 export {};

package/dist/components/questions/ScaleQuestion.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
-import { IFieldState, IScaleQuestion } from "../../core";
+import { IFieldState, IScaleQuestion, SetQuestionRef } from "../../core";
 interface Props {
     question: IScaleQuestion;
     fieldState: IFieldState<string>;
-    setQuestionRef: (key: string, ref: React.RefObject<HTMLElement>) => void;
+    setQuestionRef: SetQuestionRef;
 }
 export declare const ScaleQuestion: React.FunctionComponent<Props>;
 export {};

package/dist/components/questions/SelectQuestion.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
-import { IFieldState, ISelectQuestion } from "../../core";
+import { IFieldState, ISelectQuestion, SetQuestionRef } from "../../core";
 interface Props {
     question: ISelectQuestion;
     fieldState: IFieldState<string>;
-    setQuestionRef: (key: string, ref: React.RefObject<HTMLElement>) => void;
+    setQuestionRef: SetQuestionRef;
 }
 export declare const SelectQuestion: React.FunctionComponent<Props>;
 export {};

package/dist/components/questions/SliderQuestion.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
-import { IFieldState, ISliderQuestion } from "../../core";
+import { IFieldState, ISliderQuestion, SetQuestionRef } from "../../core";
 interface Props {
     question: ISliderQuestion;
     fieldState: IFieldState<number>;
-    setQuestionRef: (key: string, ref: React.RefObject<HTMLElement>) => void;
+    setQuestionRef: SetQuestionRef;
 }
 export declare const SliderQuestion: React.FunctionComponent<Props>;
 export {};

package/dist/components/questions/SplitToUnitsQuestion.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
-import { ISplitToUnitsQuestion, IFieldState } from "../../core";
+import { IFieldState, ISplitToUnitsQuestion, SetQuestionRef } from "../../core";
 interface Props {
     question: ISplitToUnitsQuestion;
     fieldState: IFieldState<number>;
-    setQuestionRef: (key: string, ref: React.RefObject<HTMLElement>) => void;
+    setQuestionRef: SetQuestionRef;
 }
 export declare const SplitToUnitsQuestion: React.FunctionComponent<Props>;
 export {};

package/dist/components/questions/StringQuestion.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
-import { IFieldState, IStringQuestion } from "../../core";
+import { IFieldState, IStringQuestion, SetQuestionRef } from "../../core";
 interface Props {
     question: IStringQuestion;
     fieldState: IFieldState<string>;
-    setQuestionRef: (key: string, ref: React.RefObject<HTMLElement>) => void;
+    setQuestionRef: SetQuestionRef;
 }
 export declare const StringQuestion: React.FunctionComponent<Props>;
 export {};

package/dist/components/questions/TextareaQuestion.d.ts

@@ -3,7 +3,7 @@ import { ITextareaQuestion, IFieldState } from "../../core";
 interface Props {
     question: ITextareaQuestion;
     fieldState: IFieldState<string>;
-    setQuestionRef: (key: string, ref: React.RefObject<HTMLElement>) => void;
+    setQuestionRef: (key: string, ref: React.RefObject<HTMLElement | null>) => void;
 }
 export declare const TextareaQuestion: React.FunctionComponent<Props>;
 export {};

package/dist/core/quby_context.d.ts

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

package/dist/core/questionnaire_json.d.ts

@@ -9,6 +9,10 @@ export type IValidation = IRequiresAnswerValidation | IValidIntegerValidation |
 export interface IRequiresAnswerValidation {
     type: "requires_answer";
     fieldKey: string;
+    dependsOnQuestions?: string[];
+    dependsOnOptions?: {
+        [key: string]: string[];
+    };
 }
 export interface IValidIntegerValidation {
     type: "valid_integer";
@@ -230,6 +234,12 @@ export interface IVisibilityIfEqual {
     fieldKey: string;
     value: string;
 }
+export interface IVisibilityNumericCompare {
+    type: "numeric_compare";
+    fieldKey: string;
+    op: "gt" | "gteq" | "lt" | "lteq" | "eq";
+    value: number;
+}
 export interface IVisibilityIfContains {
     type: "contains";
     fieldKey: string;
@@ -256,7 +266,7 @@ export interface IVisibilityThenHide {
     type: "hide_question";
     fieldKey: string;
 }
-export type VisibilityIf = IVisibilityIfEqual | IVisibilityIfContains | IVisibilityConditionAlways | IVisibilityConditionFlagEqual | IVisibilityConditionAnswered;
+export type VisibilityIf = IVisibilityIfEqual | IVisibilityNumericCompare | IVisibilityIfContains | IVisibilityConditionAlways | IVisibilityConditionFlagEqual | IVisibilityConditionAnswered;
 export type VisibilityThen = IVisibilityThenShow | IVisibilityThenHide;
 export interface IVisibilityRule {
     condition: VisibilityIf;

package/dist/core/validators.d.ts

@@ -10,6 +10,9 @@ export declare abstract class BaseValidator<T> {
 }
 export declare class RequiresAnswerValidator extends BaseValidator<IRequiresAnswerValidation> {
     validate(response: ValidatableResponse): void;
+    ignoreDueToDependsOn(response: ValidatableResponse): boolean;
+    dependsOnQuestionAnswered(response: ValidatableResponse): boolean;
+    dependsOnOptionSelected(response: ValidatableResponse): boolean;
 }
 export declare class ValidDateValidator extends BaseValidator<IValidDateValidation> {
     validate(response: ValidatableResponse): void;

package/dist/logic/use_question_shortkeys.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
 import { Response, Questionnaire } from "../core";
-export declare const useQuestionShortkeys: (response: Response, questionnaire: Questionnaire, qubyRef: React.RefObject<HTMLDivElement>) => void;
+export declare const useQuestionShortkeys: (response: Response, questionnaire: Questionnaire, qubyRef: React.RefObject<HTMLDivElement | null>) => void;