survey-react 1.11.7 → 1.11.8

package/modern.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.11.7
+ * surveyjs - Survey JavaScript library v1.11.8
  * 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.8
  * 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.8",
   "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.8
  * 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.8
  * 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";
@@ -3043,6 +3056,8 @@ declare module "question_custom" {
         removeElement(element: IElement): boolean;
         getQuestionTitleLocation(): string;
         getQuestionTitleWidth(): string;
+        getColumsForElement(el: IElement): Array<PanelLayoutColumnModel>;
+        updateColumns(): void;
         getQuestionStartIndex(): string;
         getChildrenLayoutType(): string;
         elementWidthChanged(el: IElement): void;
@@ -3210,6 +3225,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 +3276,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 +3490,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 +3524,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 +3677,7 @@ declare module "panel" {
         get no(): string;
         get cssError(): string;
         protected getCssError(cssClasses: any): string;
+        getSerializableColumnsValue(): Array<PanelLayoutColumnModel>;
         dispose(): void;
     }
     /**
@@ -3664,6 +3692,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;
@@ -8835,6 +8865,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;
@@ -9135,6 +9166,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;
@@ -12033,6 +12066,7 @@ declare module "survey" {
          */
         get showTimerPanelMode(): string;
         set showTimerPanelMode(val: string);
+        gridLayoutEnabled: boolean;
         /**
           * Specifies how to calculate the survey width.
           *
@@ -12333,6 +12367,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 +12654,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 +12833,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 +13026,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 +13180,7 @@ declare module "question" {
          */
         focus(onError?: boolean, scrollIfVisible?: boolean): void;
         private focuscore;
+        focusInputElement(onError: boolean): void;
         expandAllParents(): void;
         private expandAllParentsCore;
         focusIn(): void;
@@ -13613,7 +13652,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";
@@ -14380,6 +14418,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";
@@ -14438,6 +14477,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 +14626,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 +14640,7 @@ declare module "base-interfaces" {
         clearErrors(): any;
         dispose(): void;
         needResponsiveWidth(): boolean;
+        updateRootStyle(): void;
     }
     export interface IQuestion extends IElement, ISurveyErrorOwner {
         hasTitle: boolean;
@@ -14629,6 +14671,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 +14754,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 {
@@ -16230,6 +16274,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 +16429,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 +16594,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 +16604,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 +17160,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 +17950,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;