survey-react 1.11.7 → 1.11.9

package/modern.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.11.7
+ * surveyjs - Survey JavaScript library v1.11.9
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */

package/modern.min.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.11.7
+ * surveyjs - Survey JavaScript library v1.11.9
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-react",
-  "version": "1.11.7",
+  "version": "1.11.9",
   "description": "survey.js is a JavaScript Survey Library. It is a modern way to add a survey to your website. It uses JSON for survey metadata and results.",
   "keywords": [
     "Survey",

package/survey.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.11.7
+ * surveyjs - Survey JavaScript library v1.11.9
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */

package/survey.min.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.11.7
+ * surveyjs - Survey JavaScript library v1.11.9
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */

package/survey.react.d.ts

@@ -912,6 +912,7 @@ declare module "utils/utils" {
         }>;
         mergedItems: Array<T>;
     };
+    export function roundTo2Decimals(number: number): number;
     export { mergeValues, getElementWidth, isContainerVisible, classesToSelector, compareVersions, confirmAction, confirmActionAsync, detectIEOrEdge, detectIEBrowser, loadFileFromBase64, isMobile, isShadowDOM, getElement, isElementVisible, findScrollableParent, scrollElementByChildId, navigateToUrl, wrapUrlForBackgroundImage, createSvg, getIconNameFromProxy, increaseHeightByContent, getOriginalEvent, preventDefaults, findParentByClassNames, getFirstVisibleChild, chooseFiles };
 }
 declare module "actions/container" {
@@ -2569,6 +2570,17 @@ declare module "calculatedValue" {
         private ensureExpression;
     }
 }
+declare module "panel-layout-column" {
+    import { Base } from "base";
+    export class PanelLayoutColumnModel extends Base {
+        width: number;
+        effectiveWidth: number;
+        questionTitleWidth: string;
+        constructor(width?: number, questionTitleWidth?: string);
+        getType(): string;
+        isEmpty(): boolean;
+    }
+}
 declare module "textPreProcessor" {
     import { Question } from "question";
     import { PanelModel } from "panel";
@@ -2704,6 +2716,7 @@ declare module "question_custom" {
     import { ISurveyImpl, ISurveyData, ITextProcessor, IPanel, IElement, IQuestion, IProgressInfo } from "base-interfaces";
     import { SurveyElement } from "survey-element";
     import { PanelModel } from "panel";
+    import { PanelLayoutColumnModel } from "panel-layout-column";
     import { HashTable } from "helpers";
     import { ItemValue } from "itemvalue";
     import { SurveyError } from "survey-error";
@@ -3039,10 +3052,13 @@ declare module "question_custom" {
         getFilteredValues(): any;
         getFilteredProperties(): any;
         findQuestionByName(name: string): IQuestion;
+        getEditingSurveyElement(): Base;
         addElement(element: IElement, index: number): void;
         removeElement(element: IElement): boolean;
         getQuestionTitleLocation(): string;
         getQuestionTitleWidth(): string;
+        getColumsForElement(el: IElement): Array<PanelLayoutColumnModel>;
+        updateColumns(): void;
         getQuestionStartIndex(): string;
         getChildrenLayoutType(): string;
         elementWidthChanged(el: IElement): void;
@@ -3106,6 +3122,12 @@ declare module "question_custom" {
         get contentPanel(): PanelModel;
         hasErrors(fireCallback?: boolean, rec?: any): boolean;
         updateElementCss(reNew?: boolean): void;
+        dispose(): void;
+        private editingObjValue;
+        private onEditingObjPropertyChanged;
+        private updateEditingObj;
+        private unConnectEditingObj;
+        getEditingSurveyElement(): Base;
         getTextProcessor(): ITextProcessor;
         findQuestionByName(name: string): IQuestion;
         protected clearValueIfInvisibleCore(reason: string): void;
@@ -3114,6 +3136,7 @@ declare module "question_custom" {
         get isContainer(): boolean;
         protected createPanel(): PanelModel;
         protected onReadOnlyChanged(): void;
+        updateValueFromSurvey(newValue: any, clearData?: boolean): void;
         onSurveyLoad(): void;
         private setIsContentElement;
         setVisibleIndex(val: number): number;
@@ -3210,6 +3233,7 @@ declare module "panel" {
     import { ActionContainer } from "actions/container";
     import { DragDropInfo } from "drag-drop-helper-v1";
     import { AnimationGroup } from "utils/animation";
+    import { PanelLayoutColumnModel } from "panel-layout-column";
     export class QuestionRowModel extends Base {
         panel: PanelModelBase;
         private static rowCounter;
@@ -3260,6 +3284,9 @@ declare module "panel" {
         private elementsValue;
         private isQuestionsReady;
         private questionsValue;
+        private _columns;
+        private _columnsReady;
+        layoutColumns: Array<PanelLayoutColumnModel>;
         addElementCallback: (element: IElement) => void;
         removeElementCallback: (element: IElement) => void;
         onGetQuestionTitleLocation: () => string;
@@ -3471,6 +3498,11 @@ declare module "panel" {
         addPanelsIntoList(list: Array<IPanel>, visibleOnly?: boolean, includingDesignTime?: boolean): void;
         private addElementsToList;
         private addElementsToListCore;
+        private calcMaxRowColSpan;
+        private updateColumnWidth;
+        private onColumnPropertyValueChangedCallback;
+        updateColumns(): void;
+        updateRootStyle(): void;
         updateCustomWidgets(): void;
         /**
          * Sets a title location relative to the input field for questions that belong to this panel/page.
@@ -3500,6 +3532,9 @@ declare module "panel" {
          */
         questionTitleWidth: string;
         getQuestionTitleWidth(): string;
+        get columns(): Array<PanelLayoutColumnModel>;
+        protected generateColumns(): void;
+        getColumsForElement(el: IElement): Array<PanelLayoutColumnModel>;
         protected getStartIndex(): string;
         getQuestionStartIndex(): string;
         getChildrenLayoutType(): string;
@@ -3650,6 +3685,7 @@ declare module "panel" {
         get no(): string;
         get cssError(): string;
         protected getCssError(cssClasses: any): string;
+        getSerializableColumnsValue(): Array<PanelLayoutColumnModel>;
         dispose(): void;
     }
     /**
@@ -3664,6 +3700,8 @@ declare module "panel" {
         getType(): string;
         get contentId(): string;
         getSurvey(live?: boolean): ISurvey;
+        get hasTextInTitle(): boolean;
+        private calcHasTextInTitle;
         onSurveyLoad(): void;
         protected onSetData(): void;
         get isPanel(): boolean;
@@ -4063,7 +4101,8 @@ declare module "question_file" {
         protected processResponsiveness(_: number, availableWidth: number): boolean;
         private rootElement;
         private canDragDrop;
-        afterRender(el: HTMLElement): void;
+        afterRenderQuestionElement(el: HTMLElement): void;
+        beforeDestroyQuestionElement(el: HTMLElement): void;
         private dragCounter;
         onDragEnter: (event: any) => void;
         onDragOver: (event: any) => boolean;
@@ -4754,11 +4793,6 @@ declare module "question_baseselect" {
         get hasHeadItems(): boolean;
         get hasFootItems(): boolean;
         get columns(): any[];
-        protected getObservedElementSelector(): string;
-        protected supportResponsiveness(): boolean;
-        allowMultiColumns: boolean;
-        protected onBeforeSetCompactRenderer(): void;
-        protected onBeforeSetDesktopRenderer(): void;
         get hasColumns(): boolean;
         get rowLayout(): boolean;
         get blockedRow(): boolean;
@@ -6261,6 +6295,7 @@ declare module "question_paneldynamic" {
     import { HashTable } from "helpers";
     import { IElement, IQuestion, IPanel, ISurveyData, ISurvey, ISurveyImpl, ITextProcessor, IProgressInfo, IPlainDataOptions } from "base-interfaces";
     import { LocalizableString } from "localizablestring";
+    import { Base } from "base";
     import { Question, IConditionObject, IQuestionPlainData } from "question";
     import { PanelModel } from "panel";
     import { SurveyError } from "survey-error";
@@ -6296,6 +6331,7 @@ declare module "question_paneldynamic" {
         getComment(name: string): string;
         setComment(name: string, newValue: string, locNotification: any): void;
         findQuestionByName(name: string): IQuestion;
+        getEditingSurveyElement(): Base;
         getAllValues(): any;
         getFilteredValues(): any;
         getFilteredProperties(): any;
@@ -8778,6 +8814,7 @@ declare module "question_text" {
         private hasToConvertToUTC;
         protected valueForSurveyCore(val: any): any;
         protected valueFromDataCore(val: any): any;
+        private dateValidationMessage;
         protected onCheckForErrors(errors: Array<SurveyError>, isOnValueChanged: boolean): void;
         protected canSetValueToSurvey(): boolean;
         protected convertFuncValuetoQuestionValue(val: any): any;
@@ -8816,6 +8853,7 @@ declare module "question_text" {
         private updateValueOnEvent;
         onCompositionUpdate: (event: any) => void;
         onKeyUp: (event: any) => void;
+        private updateDateValidationMessage;
         onKeyDown: (event: any) => void;
         onChange: (event: any) => void;
         onBlur: (event: any) => void;
@@ -8835,6 +8873,7 @@ declare module "question_multipletext" {
     import { ILocalizableOwner, LocalizableString } from "localizablestring";
     import { HashTable } from "helpers";
     import { InputMaskBase } from "mask/mask_base";
+    import { PanelLayoutColumnModel } from "panel-layout-column";
     export interface IMultipleTextData extends ILocalizableOwner, IPanel {
         getSurvey(): ISurvey;
         getTextProcessor(): ITextProcessor;
@@ -9010,6 +9049,7 @@ declare module "question_multipletext" {
         getFilteredValues(): any;
         getFilteredProperties(): any;
         findQuestionByName(name: string): IQuestion;
+        getEditingSurveyElement(): Base;
         getValidatorTitle(): string;
         get validatedValue(): any;
         set validatedValue(val: any);
@@ -9135,6 +9175,8 @@ declare module "question_multipletext" {
         removeElement(element: IElement): boolean;
         getQuestionTitleLocation(): string;
         getQuestionTitleWidth(): string;
+        getColumsForElement(el: IElement): Array<PanelLayoutColumnModel>;
+        updateColumns(): void;
         getQuestionStartIndex(): string;
         getChildrenLayoutType(): string;
         elementWidthChanged(el: IElement): void;
@@ -10965,6 +11007,7 @@ declare module "survey" {
         private onEditingObjPropertyChanged;
         get editingObj(): Base;
         set editingObj(val: Base);
+        private unConnectEditingObj;
         get isEditingSurveyElement(): boolean;
         private setCalculatedValuesIntoResult;
         getAllValues(): any;
@@ -11503,8 +11546,8 @@ declare module "survey" {
         updatePanelCssClasses(panel: PanelModel, cssClasses: any): void;
         updatePageCssClasses(page: PageModel, cssClasses: any): void;
         updateChoiceItemCss(question: IQuestion, options: any): void;
-        private isFirstPageRendering;
         private isCurrentPageRendering;
+        private isCurrentPageRendered;
         afterRenderPage(htmlElement: HTMLElement): void;
         afterRenderHeader(htmlElement: HTMLElement): void;
         afterRenderQuestion(question: Question, htmlElement: HTMLElement): void;
@@ -11677,6 +11720,7 @@ declare module "survey" {
          */
         getQuestionByName(name: string, caseInsensitive?: boolean): Question;
         findQuestionByName(name: string): IQuestion;
+        getEditingSurveyElement(): Base;
         /**
          * Returns a question with a specified [`valueName`](https://surveyjs.io/form-library/documentation/api-reference/question#valueName).
          *
@@ -12033,6 +12077,7 @@ declare module "survey" {
          */
         get showTimerPanelMode(): string;
         set showTimerPanelMode(val: string);
+        gridLayoutEnabled: boolean;
         /**
           * Specifies how to calculate the survey width.
           *
@@ -12333,6 +12378,9 @@ declare module "survey-element" {
         private static focusElementCore;
         static CreateDisabledDesignElements: boolean;
         disableDesignActions: boolean;
+        effectiveColSpan: number;
+        get colSpan(): number;
+        set colSpan(val: number);
         constructor(name: string);
         protected onPropertyValueChanged(name: string, oldValue: any, newValue: any): void;
         protected getSkeletonComponentNameCore(): string;
@@ -12617,9 +12665,8 @@ declare module "survey-element" {
         get paddingRight(): string;
         set paddingRight(val: string);
         allowRootStyle: boolean;
-        get rootStyle(): {
-            [index: string]: any;
-        };
+        rootStyle: any;
+        updateRootStyle(): void;
         private isContainsSelection;
         get clickTitleFunction(): any;
         protected needClickTitleFunction(): boolean;
@@ -12797,6 +12844,7 @@ declare module "question" {
         themeChanged(theme: ITheme): void;
         isMobile: boolean;
         forceIsInputReadOnly: boolean;
+        ariaExpanded: "true" | "false";
         constructor(name: string);
         protected getDefaultTitle(): string;
         protected createLocTitleProperty(): LocalizableString;
@@ -12989,6 +13037,7 @@ declare module "question" {
         private notifySurveyVisibilityChanged;
         protected clearValueOnHidding(isClearOnHidden: boolean): void;
         get titleWidth(): string;
+        getPercentQuestionTitleWidth(): number;
         /**
          * Returns title location calculated based on the question's `titleLocation` property and the `questionTitleLocation` property of the question's containers (survey, page, or panel).
          * @see titleLocation
@@ -13142,6 +13191,7 @@ declare module "question" {
          */
         focus(onError?: boolean, scrollIfVisible?: boolean): void;
         private focuscore;
+        focusInputElement(onError: boolean): void;
         expandAllParents(): void;
         private expandAllParentsCore;
         focusIn(): void;
@@ -13613,7 +13663,6 @@ declare module "question" {
         get ariaInvalid(): "true" | "false";
         get ariaLabelledBy(): string;
         get ariaDescribedBy(): string;
-        get ariaExpanded(): string;
         get ariaErrormessage(): string;
         get a11y_input_ariaRole(): string;
         get a11y_input_ariaRequired(): "true" | "false";
@@ -13954,6 +14003,7 @@ declare module "question_matrixdropdownbase" {
         getComment(name: string): string;
         setComment(name: string, newValue: string, locNotification: any): void;
         findQuestionByName(name: string): IQuestion;
+        getEditingSurveyElement(): Base;
         private setValueCore;
         private updateQuestionsValue;
         runTriggers(name: string, value: any): void;
@@ -14380,6 +14430,7 @@ declare module "base-interfaces" {
     import { Base } from "base";
     import { IAction } from "actions/action";
     import { PanelModel } from "panel";
+    import { PanelLayoutColumnModel } from "panel-layout-column";
     import { QuestionPanelDynamicModel } from "question_paneldynamic";
     import { DragDropAllowEvent } from "survey-events-api";
     import { PopupModel } from "popup";
@@ -14394,6 +14445,7 @@ declare module "base-interfaces" {
         getFilteredValues(): any;
         getFilteredProperties(): any;
         findQuestionByName(name: string): IQuestion;
+        getEditingSurveyElement(): Base;
     }
     export interface ITextProcessor {
         processText(text: string, returnDisplayValue: boolean): string;
@@ -14438,6 +14490,7 @@ declare module "base-interfaces" {
         getRendererForString(element: Base, name: string): string;
         getRendererContextForString(element: Base, locStr: LocalizableString): any;
         getExpressionDisplayValue(question: IQuestion, value: any, displayValue: string): string;
+        gridLayoutEnabled: boolean;
         isDisplayMode: boolean;
         isDesignMode: boolean;
         areInvisibleElementsShowing: boolean;
@@ -14586,6 +14639,7 @@ declare module "base-interfaces" {
         isCollapsed: boolean;
         rightIndent: number;
         startWithNewLine: boolean;
+        colSpan?: number;
         registerPropertyChangedHandlers(propertyNames: Array<string>, handler: any, key: string): void;
         registerFunctionOnPropertyValueChanged(name: string, func: any, key: string): void;
         unRegisterFunctionOnPropertyValueChanged(name: string, key: string): void;
@@ -14599,6 +14653,7 @@ declare module "base-interfaces" {
         clearErrors(): any;
         dispose(): void;
         needResponsiveWidth(): boolean;
+        updateRootStyle(): void;
     }
     export interface IQuestion extends IElement, ISurveyErrorOwner {
         hasTitle: boolean;
@@ -14629,6 +14684,8 @@ declare module "base-interfaces" {
         getQuestionTitleWidth(): string;
         getQuestionStartIndex(): string;
         getQuestionErrorLocation(): string;
+        getColumsForElement(el: IElement): Array<PanelLayoutColumnModel>;
+        updateColumns(): void;
         parent: IPanel;
         elementWidthChanged(el: IElement): any;
         indexOf(el: IElement): number;
@@ -14710,7 +14767,7 @@ declare module "jsonobject" {
             onGetTextCallback?: (str: string) => string;
             defaultStr?: string;
         } | boolean;
-        onSet?: (val: T, objectInstance: any) => void;
+        onSet?: (val: T, objectInstance: any, prevVal?: T) => void;
     }
     export function property(options?: IPropertyDecoratorOptions): (target: any, key: string) => void;
     export interface IArrayPropertyDecoratorOptions {
@@ -14830,7 +14887,7 @@ declare module "jsonobject" {
         onPropertyEditorUpdate: (obj: any, propEditor: any) => any;
         constructor(classInfo: JsonMetadataClass, name: string, isRequired?: boolean);
         uniqueProperty?: string;
-        dependsOn?: string | string[];
+        dependsOn?: string | Array<string>;
         default?: any;
         defaultFunc?: (obj: Base) => any;
         get id(): number;
@@ -15043,6 +15100,7 @@ declare module "jsonobject" {
         toJsonObject(obj: any, options?: ISaveToJSONOptions | boolean): any;
         toObject(jsonObj: any, obj: any, options?: ILoadFromJSONOptions): void;
         toObjectCore(jsonObj: any, obj: any, options?: ILoadFromJSONOptions): void;
+        private setPropertyValueToObj;
         toJsonObjectCore(obj: any, property: JsonObjectProperty, options?: ISaveToJSONOptions | boolean): any;
         private getDynamicProperties;
         private addDynamicProperties;
@@ -16230,6 +16288,35 @@ declare module "settings" {
                 [key: string]: RegExp;
             };
         };
+        /**
+         * Specifies whether to store date-time values in the following format: `"YYYY-MM-DDThh:mm:ss.sssZ"`. Applies only to form fields with [`inputType`](https://surveyjs.io/form-library/documentation/api-reference/text-entry-question-model#inputType) set to `"datetime-local"`.
+         *
+         * Default value: `false`
+         *
+         * If you enable this setting, date-time values are converted from local time to UTC when they are saved to the survey's [`data`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#data) object, while the question values remain in local time. Therefore, when you specify default values using a question's [`defaultValue`](https://surveyjs.io/form-library/documentation/api-reference/text-entry-question-model#defaultValue) property, you need to use local time, but if you specify them using the `data` object, use a UTC date-time value in the following format: `"YYYY-MM-DDThh:mm:ss.sssZ"`.
+         *
+         * ```js
+         * const surveyJson = {
+         *   "elements": [{
+         *     "name": "datetime",
+         *     "type": "text",
+         *     "title": "Select a date and time",
+         *     "inputType": "datetime-local",
+         *     "defaultValue": "2024-07-16T12:15:00" // Local date-time value
+         *   }]
+         * }
+         * ```
+         *
+         * ```js
+         * import { Model } from "survey-core";
+         * const surveyJson = { ... }
+         * const survey = new Model(surveyJson);
+         *
+         * survey.data = {
+         *   datetime: "2024-07-16T12:15:00.000Z" // UTC date-time value
+         * }
+         * ```
+         */
         storeUtcDates: boolean;
     };
 }
@@ -16356,7 +16443,7 @@ declare module "dropdownListModel" {
         get showHintString(): boolean;
         get hintStringSuffix(): string;
         get hintStringMiddle(): string;
-        private qustionPropertyChangedHandler;
+        private questionPropertyChangedHandler;
         constructor(question: Question, onSelectionChanged?: (item: IAction, ...params: any[]) => void);
         get popupModel(): PopupModel;
         get noTabIndex(): boolean;
@@ -16521,7 +16608,6 @@ declare module "question_dropdown" {
         get dropdownListModel(): DropdownListModel;
         set dropdownListModel(val: DropdownListModel);
         get popupModel(): PopupModel;
-        get ariaExpanded(): string;
         onOpened: EventBase<QuestionDropdownModel>;
         onOpenedCallBack(): void;
         protected onSelectedItemValuesChangedHandler(newValue: any): void;
@@ -16532,6 +16618,7 @@ declare module "question_dropdown" {
         protected getFirstInputElementId(): string;
         getInputId(): string;
         clearValue(keepComment?: boolean): void;
+        afterRenderCore(el: any): void;
         onClick(e: any): void;
         onKeyUp(event: any): void;
         dispose(): void;
@@ -17087,7 +17174,6 @@ declare module "question_tagbox" {
         getType(): string;
         get ariaRole(): string;
         get popupModel(): PopupModel;
-        get ariaExpanded(): string;
         getControlClass(): string;
         onOpened: EventBase<QuestionTagboxModel>;
         onOpenedCallBack(): void;
@@ -17878,7 +17964,6 @@ declare module "question_rating" {
         protected onBeforeSetCompactRenderer(): void;
         protected getCompactRenderAs(): string;
         protected getDesktopRenderAs(): string;
-        get ariaExpanded(): string;
         private dropdownListModelValue;
         set dropdownListModel(val: DropdownListModel);
         get dropdownListModel(): DropdownListModel;
@@ -26808,6 +26893,7 @@ declare module "react/reactquestion_element" {
     }
     export class SurveyQuestionElementBase extends SurveyElementBase<any, any> {
         control: HTMLElement;
+        content: HTMLElement;
         constructor(props: any);
         componentDidUpdate(prevProps: any, prevState: any): void;
         componentDidMount(): void;
@@ -26821,6 +26907,7 @@ declare module "react/reactquestion_element" {
         protected get isDisplayMode(): boolean;
         protected wrapCell(cell: any, element: JSX.Element, reason: string): JSX.Element;
         setControl(element: HTMLElement | null): void;
+        setContent(element: HTMLElement | null): void;
     }
     export class SurveyQuestionUncontrolledElement<T extends Question> extends SurveyQuestionElementBase {
         constructor(props: any);
@@ -27707,6 +27794,7 @@ declare module "react/components/list/list" {
         handleMouseMove: (event: any) => void;
         getStateElement(): ListModel<import("survey-core").Action>;
         componentDidMount(): void;
+        componentDidUpdate(prevProps: any, prevState: any): void;
         componentWillUnmount(): void;
         renderElement(): JSX.Element;
         renderList(): JSX.Element;