survey-react 1.9.74 → 1.9.76

package/survey.react.d.ts

@@ -82,6 +82,10 @@ declare module "settings" {
          * Maximum rowCount that returns in addConditionObjectsByContext function
          */
         matrixMaxRowCountInCondition: number;
+        /**
+         * Maximum panelCount that returns in addConditionObjectsByContext function
+         */
+        panelDynamicMaxPanelCountInCondition: number;
         /**
          * Set this property to false, to render matrix dynamic remove action as button.
          * It is rendered as icon in new themes ("defaultV2") by default.
@@ -95,6 +99,11 @@ declare module "settings" {
          * Maximum rate value count in rating question
          */
         ratingMaximumRateValueCount: number;
+        /**
+         * Specifies whether to close the drop-down menu of a [TagBox](https://surveyjs.io/form-library/examples/how-to-create-multiselect-tag-box/) question after a user selects a value.
+         * This setting applies to all TagBox questions on a page. You can use the [closeOnSelect](https://surveyjs.io/form-library/documentation/api-reference/dropdown-tag-box-model#closeOnSelect) property to specify the same setting for an individual TagBox question.
+         */
+        tagboxCloseOnSelect: boolean;
         /**
          * Disable the question while choices are getting from the web service
          */
@@ -256,6 +265,7 @@ declare module "helpers" {
         static getNumber(value: any): number;
         private static prepareStringToNumber;
         static getMaxLength(maxLength: number, surveyLength: number): any;
+        static getRemainingCharacterCounterText(newValue: string | undefined, maxLength: number | null): string;
         static getNumberByIndex(index: number, startIndexStr: string): string;
         static isCharNotLetterAndDigit(ch: string): boolean;
         static isCharDigit(ch: string): boolean;
@@ -644,6 +654,7 @@ declare module "jsonobject" {
         classNamePart: string;
         baseClassName: string;
         defaultValueValue: any;
+        defaultValueFunc: () => any;
         serializationProperty: string;
         displayName: string;
         category: string;
@@ -2157,6 +2168,7 @@ declare module "survey-element" {
          */
         get rightIndent(): number;
         set rightIndent(val: number);
+        getRootStyle(): object;
         get paddingLeft(): string;
         set paddingLeft(val: string);
         get paddingRight(): string;
@@ -2423,6 +2435,7 @@ declare module "defaultCss/defaultV2Css" {
             titleRequired: string;
             indent: number;
             footer: string;
+            commentArea: string;
             formGroup: string;
             hasError: string;
             collapsed: string;
@@ -2537,6 +2550,8 @@ declare module "defaultCss/defaultV2Css" {
             root: string;
             small: string;
             controlDisabled: string;
+            content: string;
+            remainingCharacterCounter: string;
             onError: string;
         };
         multipletext: {
@@ -2709,6 +2724,8 @@ declare module "defaultCss/defaultV2Css" {
             root: string;
             small: string;
             controlDisabled: string;
+            content: string;
+            remainingCharacterCounter: string;
             onError: string;
         };
         expression: string;
@@ -2788,6 +2805,7 @@ declare module "defaultCss/defaultV2Css" {
             item: string;
             itemContent: string;
             itemIndex: string;
+            itemIndexEmptyMode: string;
             controlLabel: string;
             itemGhostNode: string;
             itemIconContainer: string;
@@ -3100,7 +3118,6 @@ declare module "stylesmanager" {
     };
     export class StylesManager {
         private static SurveyJSStylesSheetId;
-        private sheet;
         static Logger: Logger;
         static Styles: {
             [key: string]: string;
@@ -3132,7 +3149,7 @@ declare module "stylesmanager" {
         static applyTheme(themeName?: string, themeSelector?: string): void;
         static Enabled: boolean;
         constructor();
-        initializeStyles(sheet: CSSStyleSheet): any;
+        static insertStylesRulesIntoDocument(): any;
     }
 }
 declare module "surveytimer" {
@@ -7898,7 +7915,7 @@ declare module "panel" {
         protected getCssError(cssClasses: any): string;
         protected onVisibleChanged(): void;
         needResponsiveWidth(): boolean;
-        focusIn: () => void;
+        focusIn(): void;
         getContainerCss(): string;
     }
 }
@@ -8369,7 +8386,7 @@ declare module "question" {
          */
         focus(onError?: boolean): void;
         private expandAllParents;
-        focusIn: () => void;
+        focusIn(): void;
         protected fireCallback(callback: () => void): void;
         getOthersMaxLength(): any;
         protected onCreating(): void;
@@ -8606,6 +8623,7 @@ declare module "question" {
          */
         get comment(): string;
         set comment(newValue: string);
+        getCommentAreaCss(isOther?: boolean): string;
         protected getQuestionComment(): string;
         protected setQuestionComment(newValue: string): void;
         /**
@@ -11248,6 +11266,11 @@ declare module "question_matrix" {
 declare module "question_textbase" {
     import { Question } from "question";
     import { LocalizableString } from "localizablestring";
+    import { Base } from "base";
+    export class CharacterCounter extends Base {
+        remainingCharacterCounter: string;
+        updateRemainingCharacterCounter(newValue: string, maxLength: number): void;
+    }
     /**
      * A base class for the [Text](https://surveyjs.io/form-library/documentation/questiontextmodel) and [Comment](https://surveyjs.io/form-library/documentation/questioncommentmodel) question types.
      */
@@ -11262,6 +11285,8 @@ declare module "question_textbase" {
         get maxLength(): number;
         set maxLength(val: number);
         getMaxLength(): any;
+        characterCounter: CharacterCounter;
+        updateRemainingCharacterCounter(newValue: string): void;
         /**
          * A placeholder for the input field.
          */
@@ -11292,6 +11317,7 @@ declare module "question_textbase" {
         localeChanged(): void;
         protected calcRenderedPlaceholder(): void;
         protected hasPlaceHolder(): boolean;
+        protected setNewValue(newValue: any): void;
         getControlClass(): string;
         get ariaRole(): string;
     }
@@ -11872,6 +11898,7 @@ declare module "dropdownMultiSelectListModel" {
     import { MultiSelectListModel } from "multiSelectListModel";
     import { Question } from "question";
     export class DropdownMultiSelectListModel extends DropdownListModel {
+        protected popupCssClasses: string;
         filterStringPlaceholder: string;
         closeOnSelect: boolean;
         private updateListState;
@@ -11935,6 +11962,10 @@ declare module "question_tagbox" {
          * @see SurveyModel.onChoicesLazyLoad
          */
         choicesLazyLoadPageSize: number;
+        /**
+         * Specifies whether to close the drop-down menu after a user selects a value.
+         */
+        closeOnSelect: number;
         /**
          * A text displayed in the input field when it doesn't have a value.
          */
@@ -12146,6 +12177,7 @@ declare module "question_ranking" {
         protected getItemClassCore(item: ItemValue, options: any): string;
         protected isItemCurrentDropTarget(item: ItemValue): boolean;
         get ghostPositionCssClass(): string;
+        getItemIndexClasses(): string;
         getNumberByIndex(index: number): string;
         setSurveyImpl(value: ISurveyImpl, isLight?: boolean): void;
         isAnswerCorrect(): boolean;
@@ -13308,6 +13340,7 @@ declare module "popup-view-model" {
         protected getShowHeader(): boolean;
         protected getPopupHeaderTemplate(): string;
         protected createFooterActionBar(): void;
+        protected resetDimensionsAndPositionStyleProperties(): void;
         private setupModel;
         private _model;
         get model(): PopupModel;
@@ -13540,7 +13573,7 @@ declare module "entries/chunks/model" {
     export { QuestionRadiogroupModel } from "question_radiogroup";
     export { QuestionRatingModel, RenderedRatingItem } from "question_rating";
     export { QuestionExpressionModel } from "question_expression";
-    export { QuestionTextBase } from "question_textbase";
+    export { QuestionTextBase, CharacterCounter } from "question_textbase";
     export { QuestionTextModel } from "question_text";
     export { QuestionBooleanModel } from "question_boolean";
     export { QuestionImagePickerModel, ImageItemValue } from "question_imagepicker";
@@ -13719,6 +13752,7 @@ declare module "defaultCss/cssstandard" {
             item: string;
             itemContent: string;
             itemIndex: string;
+            itemIndexEmptyMode: string;
             controlLabel: string;
             itemGhostNode: string;
             itemIconContainer: string;
@@ -13728,7 +13762,9 @@ declare module "defaultCss/cssstandard" {
             itemGhostMod: string;
             itemDragMod: string;
         };
-        comment: string;
+        comment: {
+            remainingCharacterCounter: string;
+        };
         dropdown: {
             root: string;
             popup: string;
@@ -13875,7 +13911,10 @@ declare module "defaultCss/cssstandard" {
             itemText: string;
             maxText: string;
         };
-        text: string;
+        text: {
+            root: string;
+            remainingCharacterCounter: string;
+        };
         expression: string;
         file: {
             root: string;
@@ -14098,6 +14137,7 @@ declare module "defaultCss/cssmodern" {
             item: string;
             itemContent: string;
             itemIndex: string;
+            itemIndexEmptyMode: string;
             controlLabel: string;
             itemGhostNode: string;
             itemIconContainer: string;
@@ -14166,6 +14206,7 @@ declare module "defaultCss/cssmodern" {
         text: {
             root: string;
             small: string;
+            remainingCharacterCounter: string;
             onError: string;
         };
         multipletext: {
@@ -14304,6 +14345,7 @@ declare module "defaultCss/cssmodern" {
         comment: {
             root: string;
             small: string;
+            remainingCharacterCounter: string;
         };
         expression: string;
         file: {
@@ -14536,6 +14578,7 @@ declare module "plugins/themes/bootstrap/cssbootstrap" {
             item: string;
             itemContent: string;
             itemIndex: string;
+            itemIndexEmptyMode: string;
             controlLabel: string;
             itemGhostNode: string;
             itemIconContainer: string;
@@ -14880,6 +14923,7 @@ declare module "plugins/themes/bootstrapmaterial/cssbootstrapmaterial" {
             item: string;
             itemContent: string;
             itemIndex: string;
+            itemIndexEmptyMode: string;
             controlLabel: string;
             itemGhostNode: string;
             itemIconContainer: string;
@@ -15340,6 +15384,7 @@ declare module "entries/plugins" {
             item: string;
             itemContent: string;
             itemIndex: string;
+            itemIndexEmptyMode: string;
             controlLabel: string;
             itemGhostNode: string;
             itemIconContainer: string;
@@ -15682,6 +15727,7 @@ declare module "entries/plugins" {
             item: string;
             itemContent: string;
             itemIndex: string;
+            itemIndexEmptyMode: string;
             controlLabel: string;
             itemGhostNode: string;
             itemIconContainer: string;
@@ -19506,6 +19552,18 @@ declare module "react/reactquestion_factory" {
         createQuestion(questionType: string, params: any): JSX.Element | null;
     }
 }
+declare module "react/components/character-counter" {
+    import { Base, CharacterCounter } from "entries/core";
+    import { SurveyElementBase } from "react/reactquestion_element";
+    export interface ICharacterCounterComponentProps {
+        counter: CharacterCounter;
+        remainingCharacterCounter: string;
+    }
+    export class CharacterCounterComponent extends SurveyElementBase<ICharacterCounterComponentProps, any> {
+        protected getStateElement(): Base;
+        renderElement(): JSX.Element | null;
+    }
+}
 declare module "react/reactquestion_comment" {
     import { ReactSurveyElement, SurveyQuestionUncontrolledElement } from "react/reactquestion_element";
     import { QuestionCommentModel } from "entries/core";
@@ -20544,15 +20602,33 @@ declare module "react/reactSurveyProgressButtons" {
         componentWillUnmount(): void;
     }
 }
+declare module "react/components/rating/rating-item" {
+    import { QuestionRatingModel, RenderedRatingItem } from "entries/core";
+    import { SurveyElementBase } from "react/reactquestion_element";
+    interface IRatingItemProps {
+        question: QuestionRatingModel;
+        data: RenderedRatingItem;
+        index: any;
+        handleOnClick: any;
+        isDisplayMode: boolean;
+    }
+    export class RatingItem extends SurveyElementBase<IRatingItemProps, any> {
+        get question(): QuestionRatingModel;
+        get item(): RenderedRatingItem;
+        get index(): any;
+        getStateElement(): RenderedRatingItem;
+        render(): JSX.Element | null;
+        componentDidMount(): void;
+    }
+}
 declare module "react/reactquestion_rating" {
     import { SurveyQuestionElementBase } from "react/reactquestion_element";
-    import { QuestionRatingModel, RenderedRatingItem } from "entries/core";
+    import { QuestionRatingModel } from "entries/core";
     export class SurveyQuestionRating extends SurveyQuestionElementBase {
         constructor(props: any);
         protected get question(): QuestionRatingModel;
         handleOnClick(event: any): void;
         protected renderElement(): JSX.Element;
-        protected renderItem(key: string, item: RenderedRatingItem, index: number, cssClasses: any): JSX.Element;
     }
 }
 declare module "react/rating-dropdown" {
@@ -20845,6 +20921,7 @@ declare module "entries/react-ui-model" {
     export { MatrixRow } from "react/components/matrix/row";
     export { Skeleton } from "react/components/skeleton";
     export { NotifierComponent } from "react/components/notifier";
+    export { CharacterCounterComponent } from "react/components/character-counter";
     export { SurveyLocStringViewer } from "react/string-viewer";
     export { SurveyLocStringEditor } from "react/string-editor";
 }