survey-react 1.9.74 → 1.9.75
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +10 -208
- package/defaultV2.css +93 -59
- package/defaultV2.min.css +2 -2
- package/modern.css +50 -15
- package/modern.min.css +2 -2
- package/package.json +1 -1
- package/survey.css +12 -19
- package/survey.min.css +2 -2
- package/survey.react.d.ts +75 -9
- package/survey.react.js +346 -88
- package/survey.react.min.js +3 -3
package/survey.react.d.ts
CHANGED
@@ -82,6 +82,10 @@ declare module "settings" {
|
|
82
82
|
* Maximum rowCount that returns in addConditionObjectsByContext function
|
83
83
|
*/
|
84
84
|
matrixMaxRowCountInCondition: number;
|
85
|
+
/**
|
86
|
+
* Maximum panelCount that returns in addConditionObjectsByContext function
|
87
|
+
*/
|
88
|
+
panelDynamicMaxPanelCountInCondition: number;
|
85
89
|
/**
|
86
90
|
* Set this property to false, to render matrix dynamic remove action as button.
|
87
91
|
* It is rendered as icon in new themes ("defaultV2") by default.
|
@@ -256,6 +260,7 @@ declare module "helpers" {
|
|
256
260
|
static getNumber(value: any): number;
|
257
261
|
private static prepareStringToNumber;
|
258
262
|
static getMaxLength(maxLength: number, surveyLength: number): any;
|
263
|
+
static getRemainingCharacterCounterText(newValue: string | undefined, maxLength: number | null): string;
|
259
264
|
static getNumberByIndex(index: number, startIndexStr: string): string;
|
260
265
|
static isCharNotLetterAndDigit(ch: string): boolean;
|
261
266
|
static isCharDigit(ch: string): boolean;
|
@@ -644,6 +649,7 @@ declare module "jsonobject" {
|
|
644
649
|
classNamePart: string;
|
645
650
|
baseClassName: string;
|
646
651
|
defaultValueValue: any;
|
652
|
+
defaultValueFunc: () => any;
|
647
653
|
serializationProperty: string;
|
648
654
|
displayName: string;
|
649
655
|
category: string;
|
@@ -2423,6 +2429,7 @@ declare module "defaultCss/defaultV2Css" {
|
|
2423
2429
|
titleRequired: string;
|
2424
2430
|
indent: number;
|
2425
2431
|
footer: string;
|
2432
|
+
commentArea: string;
|
2426
2433
|
formGroup: string;
|
2427
2434
|
hasError: string;
|
2428
2435
|
collapsed: string;
|
@@ -2537,6 +2544,8 @@ declare module "defaultCss/defaultV2Css" {
|
|
2537
2544
|
root: string;
|
2538
2545
|
small: string;
|
2539
2546
|
controlDisabled: string;
|
2547
|
+
content: string;
|
2548
|
+
remainingCharacterCounter: string;
|
2540
2549
|
onError: string;
|
2541
2550
|
};
|
2542
2551
|
multipletext: {
|
@@ -2709,6 +2718,8 @@ declare module "defaultCss/defaultV2Css" {
|
|
2709
2718
|
root: string;
|
2710
2719
|
small: string;
|
2711
2720
|
controlDisabled: string;
|
2721
|
+
content: string;
|
2722
|
+
remainingCharacterCounter: string;
|
2712
2723
|
onError: string;
|
2713
2724
|
};
|
2714
2725
|
expression: string;
|
@@ -2788,6 +2799,7 @@ declare module "defaultCss/defaultV2Css" {
|
|
2788
2799
|
item: string;
|
2789
2800
|
itemContent: string;
|
2790
2801
|
itemIndex: string;
|
2802
|
+
itemIndexEmptyMode: string;
|
2791
2803
|
controlLabel: string;
|
2792
2804
|
itemGhostNode: string;
|
2793
2805
|
itemIconContainer: string;
|
@@ -3100,7 +3112,6 @@ declare module "stylesmanager" {
|
|
3100
3112
|
};
|
3101
3113
|
export class StylesManager {
|
3102
3114
|
private static SurveyJSStylesSheetId;
|
3103
|
-
private sheet;
|
3104
3115
|
static Logger: Logger;
|
3105
3116
|
static Styles: {
|
3106
3117
|
[key: string]: string;
|
@@ -3132,7 +3143,7 @@ declare module "stylesmanager" {
|
|
3132
3143
|
static applyTheme(themeName?: string, themeSelector?: string): void;
|
3133
3144
|
static Enabled: boolean;
|
3134
3145
|
constructor();
|
3135
|
-
|
3146
|
+
static insertStylesRulesIntoDocument(): any;
|
3136
3147
|
}
|
3137
3148
|
}
|
3138
3149
|
declare module "surveytimer" {
|
@@ -7898,7 +7909,7 @@ declare module "panel" {
|
|
7898
7909
|
protected getCssError(cssClasses: any): string;
|
7899
7910
|
protected onVisibleChanged(): void;
|
7900
7911
|
needResponsiveWidth(): boolean;
|
7901
|
-
focusIn
|
7912
|
+
focusIn(): void;
|
7902
7913
|
getContainerCss(): string;
|
7903
7914
|
}
|
7904
7915
|
}
|
@@ -8369,7 +8380,7 @@ declare module "question" {
|
|
8369
8380
|
*/
|
8370
8381
|
focus(onError?: boolean): void;
|
8371
8382
|
private expandAllParents;
|
8372
|
-
focusIn
|
8383
|
+
focusIn(): void;
|
8373
8384
|
protected fireCallback(callback: () => void): void;
|
8374
8385
|
getOthersMaxLength(): any;
|
8375
8386
|
protected onCreating(): void;
|
@@ -8606,6 +8617,7 @@ declare module "question" {
|
|
8606
8617
|
*/
|
8607
8618
|
get comment(): string;
|
8608
8619
|
set comment(newValue: string);
|
8620
|
+
getCommentAreaCss(isOther?: boolean): string;
|
8609
8621
|
protected getQuestionComment(): string;
|
8610
8622
|
protected setQuestionComment(newValue: string): void;
|
8611
8623
|
/**
|
@@ -11248,6 +11260,11 @@ declare module "question_matrix" {
|
|
11248
11260
|
declare module "question_textbase" {
|
11249
11261
|
import { Question } from "question";
|
11250
11262
|
import { LocalizableString } from "localizablestring";
|
11263
|
+
import { Base } from "base";
|
11264
|
+
export class CharacterCounter extends Base {
|
11265
|
+
remainingCharacterCounter: string;
|
11266
|
+
updateRemainingCharacterCounter(newValue: string, maxLength: number): void;
|
11267
|
+
}
|
11251
11268
|
/**
|
11252
11269
|
* A base class for the [Text](https://surveyjs.io/form-library/documentation/questiontextmodel) and [Comment](https://surveyjs.io/form-library/documentation/questioncommentmodel) question types.
|
11253
11270
|
*/
|
@@ -11262,6 +11279,8 @@ declare module "question_textbase" {
|
|
11262
11279
|
get maxLength(): number;
|
11263
11280
|
set maxLength(val: number);
|
11264
11281
|
getMaxLength(): any;
|
11282
|
+
characterCounter: CharacterCounter;
|
11283
|
+
updateRemainingCharacterCounter(newValue: string): void;
|
11265
11284
|
/**
|
11266
11285
|
* A placeholder for the input field.
|
11267
11286
|
*/
|
@@ -11292,6 +11311,7 @@ declare module "question_textbase" {
|
|
11292
11311
|
localeChanged(): void;
|
11293
11312
|
protected calcRenderedPlaceholder(): void;
|
11294
11313
|
protected hasPlaceHolder(): boolean;
|
11314
|
+
protected setNewValue(newValue: any): void;
|
11295
11315
|
getControlClass(): string;
|
11296
11316
|
get ariaRole(): string;
|
11297
11317
|
}
|
@@ -11872,6 +11892,7 @@ declare module "dropdownMultiSelectListModel" {
|
|
11872
11892
|
import { MultiSelectListModel } from "multiSelectListModel";
|
11873
11893
|
import { Question } from "question";
|
11874
11894
|
export class DropdownMultiSelectListModel extends DropdownListModel {
|
11895
|
+
protected popupCssClasses: string;
|
11875
11896
|
filterStringPlaceholder: string;
|
11876
11897
|
closeOnSelect: boolean;
|
11877
11898
|
private updateListState;
|
@@ -12146,6 +12167,7 @@ declare module "question_ranking" {
|
|
12146
12167
|
protected getItemClassCore(item: ItemValue, options: any): string;
|
12147
12168
|
protected isItemCurrentDropTarget(item: ItemValue): boolean;
|
12148
12169
|
get ghostPositionCssClass(): string;
|
12170
|
+
getItemIndexClasses(): string;
|
12149
12171
|
getNumberByIndex(index: number): string;
|
12150
12172
|
setSurveyImpl(value: ISurveyImpl, isLight?: boolean): void;
|
12151
12173
|
isAnswerCorrect(): boolean;
|
@@ -13540,7 +13562,7 @@ declare module "entries/chunks/model" {
|
|
13540
13562
|
export { QuestionRadiogroupModel } from "question_radiogroup";
|
13541
13563
|
export { QuestionRatingModel, RenderedRatingItem } from "question_rating";
|
13542
13564
|
export { QuestionExpressionModel } from "question_expression";
|
13543
|
-
export { QuestionTextBase } from "question_textbase";
|
13565
|
+
export { QuestionTextBase, CharacterCounter } from "question_textbase";
|
13544
13566
|
export { QuestionTextModel } from "question_text";
|
13545
13567
|
export { QuestionBooleanModel } from "question_boolean";
|
13546
13568
|
export { QuestionImagePickerModel, ImageItemValue } from "question_imagepicker";
|
@@ -13719,6 +13741,7 @@ declare module "defaultCss/cssstandard" {
|
|
13719
13741
|
item: string;
|
13720
13742
|
itemContent: string;
|
13721
13743
|
itemIndex: string;
|
13744
|
+
itemIndexEmptyMode: string;
|
13722
13745
|
controlLabel: string;
|
13723
13746
|
itemGhostNode: string;
|
13724
13747
|
itemIconContainer: string;
|
@@ -13728,7 +13751,9 @@ declare module "defaultCss/cssstandard" {
|
|
13728
13751
|
itemGhostMod: string;
|
13729
13752
|
itemDragMod: string;
|
13730
13753
|
};
|
13731
|
-
comment:
|
13754
|
+
comment: {
|
13755
|
+
remainingCharacterCounter: string;
|
13756
|
+
};
|
13732
13757
|
dropdown: {
|
13733
13758
|
root: string;
|
13734
13759
|
popup: string;
|
@@ -13875,7 +13900,10 @@ declare module "defaultCss/cssstandard" {
|
|
13875
13900
|
itemText: string;
|
13876
13901
|
maxText: string;
|
13877
13902
|
};
|
13878
|
-
text:
|
13903
|
+
text: {
|
13904
|
+
root: string;
|
13905
|
+
remainingCharacterCounter: string;
|
13906
|
+
};
|
13879
13907
|
expression: string;
|
13880
13908
|
file: {
|
13881
13909
|
root: string;
|
@@ -14098,6 +14126,7 @@ declare module "defaultCss/cssmodern" {
|
|
14098
14126
|
item: string;
|
14099
14127
|
itemContent: string;
|
14100
14128
|
itemIndex: string;
|
14129
|
+
itemIndexEmptyMode: string;
|
14101
14130
|
controlLabel: string;
|
14102
14131
|
itemGhostNode: string;
|
14103
14132
|
itemIconContainer: string;
|
@@ -14166,6 +14195,7 @@ declare module "defaultCss/cssmodern" {
|
|
14166
14195
|
text: {
|
14167
14196
|
root: string;
|
14168
14197
|
small: string;
|
14198
|
+
remainingCharacterCounter: string;
|
14169
14199
|
onError: string;
|
14170
14200
|
};
|
14171
14201
|
multipletext: {
|
@@ -14304,6 +14334,7 @@ declare module "defaultCss/cssmodern" {
|
|
14304
14334
|
comment: {
|
14305
14335
|
root: string;
|
14306
14336
|
small: string;
|
14337
|
+
remainingCharacterCounter: string;
|
14307
14338
|
};
|
14308
14339
|
expression: string;
|
14309
14340
|
file: {
|
@@ -14536,6 +14567,7 @@ declare module "plugins/themes/bootstrap/cssbootstrap" {
|
|
14536
14567
|
item: string;
|
14537
14568
|
itemContent: string;
|
14538
14569
|
itemIndex: string;
|
14570
|
+
itemIndexEmptyMode: string;
|
14539
14571
|
controlLabel: string;
|
14540
14572
|
itemGhostNode: string;
|
14541
14573
|
itemIconContainer: string;
|
@@ -14880,6 +14912,7 @@ declare module "plugins/themes/bootstrapmaterial/cssbootstrapmaterial" {
|
|
14880
14912
|
item: string;
|
14881
14913
|
itemContent: string;
|
14882
14914
|
itemIndex: string;
|
14915
|
+
itemIndexEmptyMode: string;
|
14883
14916
|
controlLabel: string;
|
14884
14917
|
itemGhostNode: string;
|
14885
14918
|
itemIconContainer: string;
|
@@ -15340,6 +15373,7 @@ declare module "entries/plugins" {
|
|
15340
15373
|
item: string;
|
15341
15374
|
itemContent: string;
|
15342
15375
|
itemIndex: string;
|
15376
|
+
itemIndexEmptyMode: string;
|
15343
15377
|
controlLabel: string;
|
15344
15378
|
itemGhostNode: string;
|
15345
15379
|
itemIconContainer: string;
|
@@ -15682,6 +15716,7 @@ declare module "entries/plugins" {
|
|
15682
15716
|
item: string;
|
15683
15717
|
itemContent: string;
|
15684
15718
|
itemIndex: string;
|
15719
|
+
itemIndexEmptyMode: string;
|
15685
15720
|
controlLabel: string;
|
15686
15721
|
itemGhostNode: string;
|
15687
15722
|
itemIconContainer: string;
|
@@ -19506,6 +19541,18 @@ declare module "react/reactquestion_factory" {
|
|
19506
19541
|
createQuestion(questionType: string, params: any): JSX.Element | null;
|
19507
19542
|
}
|
19508
19543
|
}
|
19544
|
+
declare module "react/components/character-counter" {
|
19545
|
+
import { Base, CharacterCounter } from "entries/core";
|
19546
|
+
import { SurveyElementBase } from "react/reactquestion_element";
|
19547
|
+
export interface ICharacterCounterComponentProps {
|
19548
|
+
counter: CharacterCounter;
|
19549
|
+
remainingCharacterCounter: string;
|
19550
|
+
}
|
19551
|
+
export class CharacterCounterComponent extends SurveyElementBase<ICharacterCounterComponentProps, any> {
|
19552
|
+
protected getStateElement(): Base;
|
19553
|
+
renderElement(): JSX.Element | null;
|
19554
|
+
}
|
19555
|
+
}
|
19509
19556
|
declare module "react/reactquestion_comment" {
|
19510
19557
|
import { ReactSurveyElement, SurveyQuestionUncontrolledElement } from "react/reactquestion_element";
|
19511
19558
|
import { QuestionCommentModel } from "entries/core";
|
@@ -20544,15 +20591,33 @@ declare module "react/reactSurveyProgressButtons" {
|
|
20544
20591
|
componentWillUnmount(): void;
|
20545
20592
|
}
|
20546
20593
|
}
|
20594
|
+
declare module "react/components/rating/rating-item" {
|
20595
|
+
import { QuestionRatingModel, RenderedRatingItem } from "entries/core";
|
20596
|
+
import { SurveyElementBase } from "react/reactquestion_element";
|
20597
|
+
interface IRatingItemProps {
|
20598
|
+
question: QuestionRatingModel;
|
20599
|
+
data: RenderedRatingItem;
|
20600
|
+
index: any;
|
20601
|
+
handleOnClick: any;
|
20602
|
+
isDisplayMode: boolean;
|
20603
|
+
}
|
20604
|
+
export class RatingItem extends SurveyElementBase<IRatingItemProps, any> {
|
20605
|
+
get question(): QuestionRatingModel;
|
20606
|
+
get item(): RenderedRatingItem;
|
20607
|
+
get index(): any;
|
20608
|
+
getStateElement(): RenderedRatingItem;
|
20609
|
+
render(): JSX.Element | null;
|
20610
|
+
componentDidMount(): void;
|
20611
|
+
}
|
20612
|
+
}
|
20547
20613
|
declare module "react/reactquestion_rating" {
|
20548
20614
|
import { SurveyQuestionElementBase } from "react/reactquestion_element";
|
20549
|
-
import { QuestionRatingModel
|
20615
|
+
import { QuestionRatingModel } from "entries/core";
|
20550
20616
|
export class SurveyQuestionRating extends SurveyQuestionElementBase {
|
20551
20617
|
constructor(props: any);
|
20552
20618
|
protected get question(): QuestionRatingModel;
|
20553
20619
|
handleOnClick(event: any): void;
|
20554
20620
|
protected renderElement(): JSX.Element;
|
20555
|
-
protected renderItem(key: string, item: RenderedRatingItem, index: number, cssClasses: any): JSX.Element;
|
20556
20621
|
}
|
20557
20622
|
}
|
20558
20623
|
declare module "react/rating-dropdown" {
|
@@ -20845,6 +20910,7 @@ declare module "entries/react-ui-model" {
|
|
20845
20910
|
export { MatrixRow } from "react/components/matrix/row";
|
20846
20911
|
export { Skeleton } from "react/components/skeleton";
|
20847
20912
|
export { NotifierComponent } from "react/components/notifier";
|
20913
|
+
export { CharacterCounterComponent } from "react/components/character-counter";
|
20848
20914
|
export { SurveyLocStringViewer } from "react/string-viewer";
|
20849
20915
|
export { SurveyLocStringEditor } from "react/string-editor";
|
20850
20916
|
}
|