survey-react-ui 1.8.78 → 1.9.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-react-ui",
-  "version": "1.8.78",
+  "version": "1.9.2",
   "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",
@@ -26,7 +26,7 @@
   "typings": "survey-react-ui.d.ts",
   "dependencies": {
     "survey-core": "*",
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1"
+    "react": "^16.5.0 || ^17.0.1",
+    "react-dom": "^16.5.0 || ^17.0.1"
   }
 }

package/survey-react-ui.d.ts

@@ -1,4 +1,4 @@
-/*Type definitions for Survey JavaScript library v1.8.78
+/*Type definitions for Survey JavaScript library v1.9.2
 Copyright (c) 2015-2021 Devsoft Baltic OÜ  - http://surveyjs.io/
 Definitions by: Devsoft Baltic OÜ <https://github.com/surveyjs/>
 */
@@ -168,6 +168,7 @@ export declare class SurveyPanel extends SurveyPanelBase {
     constructor(props: any);
     get panel(): PanelModel;
     protected renderElement(): JSX.Element;
+    protected renderHeader(): JSX.Element;
     protected wrapElement(element: JSX.Element): JSX.Element;
     protected renderContent(style: any, rows: JSX.Element[], className: string): JSX.Element;
     protected renderTitle(): JSX.Element;
@@ -223,24 +224,31 @@ export declare class SurveyElementErrors extends ReactSurveyElement {
     componentWillUnmount(): void;
     protected renderElement(): JSX.Element;
 }
-export declare class SurveyQuestionAndErrorsCell extends ReactSurveyElement {
+export declare abstract class SurveyQuestionAndErrorsWrapped extends ReactSurveyElement {
     [index: string]: any;
-    protected cellRef: React.RefObject<HTMLTableCellElement>;
     constructor(props: any);
     protected getStateElement(): Base;
-    protected get itemCss(): string;
     protected get question(): Question;
     protected get creator(): ISurveyCreator;
     protected getQuestion(): Question;
+    protected get itemCss(): string;
     componentDidMount(): void;
-    componentWillUnmount(): void;
     componentDidUpdate(prevProps: any, prevState: any): void;
     protected doAfterRender(): void;
     protected canRender(): boolean;
-    protected renderElement(): JSX.Element;
+    protected renderErrors(errorsLocation: string): JSX.Element;
+    protected renderContent(): JSX.Element;
+    protected abstract renderElement(): JSX.Element;
     protected getShowErrors(): boolean;
-    protected getCellStyle(): any;
     protected renderQuestion(): JSX.Element;
+}
+export declare class SurveyQuestionAndErrorsCell extends SurveyQuestionAndErrorsWrapped {
+    [index: string]: any;
+    protected cellRef: React.RefObject<HTMLTableCellElement>;
+    constructor(props: any);
+    componentWillUnmount(): void;
+    protected renderElement(): JSX.Element;
+    protected getCellStyle(): any;
     protected getHeaderText(): string;
     protected wrapCell(cell: QuestionMatrixDropdownRenderedCell, element: JSX.Element): JSX.Element;
 }
@@ -391,6 +399,7 @@ export declare class SurveyQuestionFile extends SurveyQuestionElementBase {
     protected renderElement(): JSX.Element;
     protected renderFileDecorator(): JSX.Element;
     protected renderClearButton(className: string): JSX.Element;
+    protected renderFileSign(className: string, val: any): JSX.Element;
     protected renderPreview(): JSX.Element;
 }
 
@@ -398,8 +407,12 @@ export declare class SurveyQuestionMultipleText extends SurveyQuestionElementBas
     constructor(props: any);
     protected get question(): QuestionMultipleTextModel;
     protected renderElement(): JSX.Element;
+    protected renderItemTooltipError(item: MultipleTextItemModel, cssClasses: any): JSX.Element;
     protected renderRow(rowIndex: number, items: Array<MultipleTextItemModel>, cssClasses: any): JSX.Element;
 }
+export declare class SurveyMultipleTextItemEditor extends SurveyQuestionAndErrorsWrapped {
+    protected renderElement(): JSX.Element;
+}
 
 export declare class SurveyQuestionRadiogroup extends SurveyQuestionElementBase {
     constructor(props: any);
@@ -426,6 +439,7 @@ export declare class SurveyQuestionRadioItem extends ReactSurveyElement {
 
 export declare class SurveyQuestionText extends SurveyQuestionUncontrolledElement<QuestionTextModel> {
     constructor(props: any);
+    protected renderInput(): JSX.Element;
     protected renderElement(): JSX.Element;
 }
 
@@ -502,8 +516,8 @@ export declare class SurveyQuestionPanelDynamic extends SurveyQuestionElementBas
     handleOnRangeChange(event: any): void;
     protected renderElement(): JSX.Element;
     protected renderNavigator(): JSX.Element;
-    protected rendrerPrevButton(viewBox?: string, icon?: JSX.Element): JSX.Element;
-    protected rendrerNextButton(viewBox?: string, icon?: JSX.Element): JSX.Element;
+    protected rendrerPrevButton(): JSX.Element;
+    protected rendrerNextButton(): JSX.Element;
     protected renderRange(): JSX.Element;
     protected renderAddRowButton(): JSX.Element;
     protected renderNavigatorV2(): JSX.Element;
@@ -800,6 +814,7 @@ interface IDimensions {
 export declare class ResponsivityManager {
     protected container: HTMLDivElement;
     protected minDimensionConst: number;
+    protected recalcMinDimensionConst: boolean;
     getComputedStyle: (elt: Element) => CSSStyleDeclaration;
     constructor(container: HTMLDivElement, model: AdaptiveActionContainer, itemsSelector: string, dotsItemSize?: number);
     protected getDimensions(element: HTMLElement): IDimensions;
@@ -825,7 +840,7 @@ declare function isElementVisible(element: HTMLElement, threshold?: number): boo
 declare function findScrollableParent(element: HTMLElement): HTMLElement;
 declare function scrollElementByChildId(id: string): void;
 declare function getIconNameFromProxy(iconName: string): string;
-declare function createSvg(size: number, width: number, height: number, iconName: string, svgElem: any): void;
+declare function createSvg(size: number | string, width: number, height: number, iconName: string, svgElem: any): void;
 export declare function unwrap<T>(value: T | (() => T)): T;
 export declare function getSize(value: any): any;
 declare function doKey2ClickUp(evt: KeyboardEvent, options?: {
@@ -917,6 +932,7 @@ export declare class QuestionCheckboxModel extends QuestionCheckboxBase {
         protected onEnableItemCallBack(item: ItemValue): boolean;
         protected onAfterRunItemsEnableCondition(): void;
         protected getItemClassCore(item: any, options: any): string;
+        updateValueFromSurvey(newValue: any): void;
         protected setNewValue(newValue: any): void;
         protected getIsMultipleValue(): boolean;
         protected getCommentFromValue(newValue: any): string;
@@ -940,7 +956,6 @@ export declare class QuestionCheckboxModel extends QuestionCheckboxBase {
         protected renderedValueFromDataCore(val: any): any;
         protected rendredValueToDataCore(val: any): any;
         get checkBoxSvgPath(): string;
-        getItemId(item: ItemValue): string;
 }
 
 export declare class Bindings {
@@ -1095,6 +1110,7 @@ export declare class Base {
             * @param val new property value
             */
         setPropertyValue(name: string, val: any): void;
+        protected setArrayPropertyDirectly(name: string, val: any, sendNotification?: boolean): void;
         protected setPropertyValueDirectly(name: string, val: any): void;
         protected clearPropertyValue(name: string): void;
         onPropertyValueChangedCallback(name: string, oldValue: any, newValue: any, sender: Base, arrayChanges: ArrayChanges): void;
@@ -1129,7 +1145,7 @@ export declare class Base {
             */
         unRegisterFunctionOnPropertiesValueChanged(names: Array<string>, key?: string): void;
         createCustomLocalizableObj(name: string): void;
-        protected createLocalizableString(name: string, owner: ILocalizableOwner, useMarkDown?: boolean, hasDefaultValue?: boolean): LocalizableString;
+        protected createLocalizableString(name: string, owner: ILocalizableOwner, useMarkDown?: boolean, defaultStr?: boolean | string): LocalizableString;
         getLocalizableString(name: string): LocalizableString;
         getLocalizableStringText(name: string, defaultStr?: string): string;
         setLocalizableStringText(name: string, value: string): void;
@@ -1393,9 +1409,7 @@ export declare class QuestionSelectBase extends Question {
         /**
             *  Use this property to set the place holder text for other or comment field  .
             */
-        get otherPlaceHolder(): string;
-        set otherPlaceHolder(val: string);
-        get locOtherPlaceHolder(): LocalizableString;
+        otherPlaceHolder: string;
         /**
             * The text that shows when the other item is choosed by the other input is empty.
             */
@@ -1484,6 +1498,13 @@ export declare class QuestionSelectBase extends Question {
         choicesLoaded(): void;
         getItemValueWrapperComponentName(item: ItemValue): string;
         getItemValueWrapperComponentData(item: ItemValue): any;
+        ariaItemChecked(item: ItemValue): "true" | "false";
+        isOtherItem(item: ItemValue): boolean;
+        get itemSvgIcon(): string;
+        ariaItemLabel(item: ItemValue): string;
+        getItemId(item: ItemValue): string;
+        get questionName(): string;
+        getItemEnabled(item: ItemValue): any;
 }
 /**
     * A base class for checkbox and radiogroup questions. It introduced a colCount property.
@@ -1499,8 +1520,6 @@ export declare class QuestionCheckboxBase extends QuestionSelectBase {
         protected onParentChanged(): void;
         protected onParentQuestionChanged(): void;
         protected getSearchableItemValueKeys(keys: Array<string>): void;
-        getItemEnabled(item: ItemValue): any;
-        isOtherItem(item: ItemValue): boolean;
 }
 
 export interface ILocalizableOwner {
@@ -1850,6 +1869,7 @@ export interface ISurvey extends ITextProcessor, ISurveyErrorOwner {
     requiredText: string;
     beforeSettingQuestionErrors(question: IQuestion, errors: Array<SurveyError>): void;
     beforeSettingPanelErrors(question: IPanel, errors: Array<SurveyError>): void;
+    getSurveyErrorCustomText(obj: Base, text: string, error: SurveyError): string;
     getElementTitleTagName(element: Base, tagName: string): string;
     questionTitlePattern: string;
     getUpdatedQuestionTitle(question: IQuestion, title: string): string;
@@ -2183,6 +2203,7 @@ export interface IAction {
             * Set this property to true to activate the toolbar item (page)
             */
         active?: boolean;
+        pressed?: boolean;
         /**
             * Toolbar item template name
             */
@@ -2246,6 +2267,7 @@ export declare class Action extends Base implements IAction {
         popupModel: any;
         needSeparator: boolean;
         active: boolean;
+        pressed: boolean;
         template: string;
         component: string;
         items: any;
@@ -2326,8 +2348,6 @@ export declare class Question extends SurveyElement implements IQuestion, ICondi
             */
         onReadyChanged: EventBase<Question>;
         isReadOnlyRenderDiv(): boolean;
-        get isErrorsModeTooltip(): boolean;
-        get hasParent(): boolean;
         constructor(name: string);
         protected createLocTitleProperty(): LocalizableString;
         getSurvey(live?: boolean): ISurvey;
@@ -2348,9 +2368,9 @@ export declare class Question extends SurveyElement implements IQuestion, ICondi
         /**
             * A11Y properties
             */
-        get ariaRequired(): boolean;
+        get ariaRequired(): "true" | "false";
         get ariaLabel(): string;
-        get ariaInvalid(): boolean;
+        get ariaInvalid(): "true" | "false";
         get ariaDescribedBy(): string;
         /**
             * Get is question ready to use
@@ -2577,6 +2597,7 @@ export declare class Question extends SurveyElement implements IQuestion, ICondi
             */
         get renderWidth(): string;
         set renderWidth(val: string);
+        get renderCssRoot(): string;
         /**
             * Set it different from 0 to increase the left padding.
             */
@@ -2643,6 +2664,8 @@ export declare class Question extends SurveyElement implements IQuestion, ICondi
             */
         get isReadOnly(): boolean;
         get isInputReadOnly(): boolean;
+        get renderedInputReadOnly(): string;
+        get renderedInputDisabled(): string;
         protected onReadOnlyChanged(): void;
         /**
             * An expression that returns true or false. If it returns false the Question becomes read only and an end-user will not able to answer on the qustion. The library runs the expression on survey start and on changing a question value. If the property is empty then readOnly property is used.
@@ -2711,6 +2734,7 @@ export declare class Question extends SurveyElement implements IQuestion, ICondi
         set defaultValue(val: any);
         get defaultValueExpression(): any;
         set defaultValueExpression(val: any);
+        get resizeStyle(): "none" | "both";
         /**
             * Returns question answer data as a plain object: with question title, name, value and displayValue.
             * For complex questions (like matrix, etc.) isNode flag is set to true and data contains array of nested objects (rows)
@@ -3005,6 +3029,7 @@ export interface IMatrixDropdownData {
         getRenderer(name: string): string;
         getRendererContext(locStr: LocalizableString): any;
         getProcessedText(text: string): string;
+        getParentTextProcessor(): ITextProcessor;
         getSharedQuestionByName(columnName: string, row: MatrixDropdownRowModelBase): Question;
         onTotalValueChanged(): any;
         getSurvey(): ISurvey;
@@ -3318,9 +3343,11 @@ export declare class QuestionMatrixDropdownModelBase extends QuestionMatrixBaseM
         setIsDetailPanelShowing(row: MatrixDropdownRowModelBase, val: boolean): void;
         getDetailPanelButtonCss(row: MatrixDropdownRowModelBase): string;
         getDetailPanelIconCss(row: MatrixDropdownRowModelBase): string;
+        getDetailPanelIconId(row: MatrixDropdownRowModelBase): string;
         createRowDetailPanel(row: MatrixDropdownRowModelBase): PanelModel;
         getSharedQuestionByName(columnName: string, row: MatrixDropdownRowModelBase): Question;
         onTotalValueChanged(): any;
+        getParentTextProcessor(): ITextProcessor;
         getQuestionFromArray(name: string, index: number): IQuestion;
         getCellTemplateData(cell: QuestionMatrixDropdownRenderedCell): any;
         getCellWrapperComponentName(cell: MatrixDropdownCell): string;
@@ -3351,6 +3378,10 @@ export declare class PopupUtils {
         height: number;
         top: number;
     };
+    static updateHorizontalDimensions(left: number, width: number, windowWidth: number, horizontalPosition: HorizontalPosition): {
+        width: number;
+        left: number;
+    };
     static updateVerticalPosition(targetRect: ClientRect, height: number, verticalPosition: VerticalPosition, showPointer: boolean, windowHeight: number): VerticalPosition;
     static calculatePopupDirection(verticalPosition: VerticalPosition, horizontalPosition: HorizontalPosition): string;
     static calculatePointerTarget(targetRect: ClientRect, top: number, left: number, verticalPosition: VerticalPosition, horizontalPosition: HorizontalPosition): INumberPosition;
@@ -3508,6 +3539,7 @@ export declare class SurveyElement extends SurveyElementCore implements ISurveyE
         protected updateElementCssCore(cssClasses: any): void;
         get cssError(): string;
         updateElementCss(reNew?: boolean): void;
+        protected clearCssClasses(): void;
         protected getIsLoadingFromJson(): boolean;
         /**
             * This is the identifier of a survey element - question or panel.
@@ -3574,6 +3606,10 @@ export declare class SurveyElement extends SurveyElementCore implements ISurveyE
         protected moveToBase(parent: IPanel, container: IPanel, insertBefore?: any): boolean;
         protected setPage(parent: IPanel, newPage: IPage): void;
         protected getSearchableLocKeys(keys: Array<string>): void;
+        protected get isDefaultV2Theme(): boolean;
+        get isErrorsModeTooltip(): boolean;
+        get hasParent(): boolean;
+        protected get hasFrameV2(): boolean;
 }
 
 export declare class ValidatorResult {
@@ -3732,7 +3768,6 @@ export declare class TextPreProcessorValue {
 }
 export declare class TextPreProcessor {
     onProcess: (textValue: TextPreProcessorValue) => void;
-    constructor();
     process(text: string, returnDisplayValue?: boolean, doEncoding?: boolean): string;
     processValue(name: string, returnDisplayValue: boolean): TextPreProcessorValue;
     get hasAllValuesOnLastRun(): boolean;
@@ -3745,6 +3780,7 @@ export declare class QuestionTextProcessor implements ITextProcessor {
     protected get panel(): PanelModel;
     protected getValues(): any;
     protected getQuestionByName(name: string): Question;
+    protected getParentTextProcessor(): ITextProcessor;
     protected onCustomProcessText(textValue: TextPreProcessorValue): boolean;
     processText(text: string, returnDisplayValue: boolean): string;
     processTextEx(text: string, returnDisplayValue: boolean): any;
@@ -3805,6 +3841,8 @@ export declare class QuestionMatrixBaseModel<TRow, TColumn> extends Question {
         constructor(name: string);
         getType(): string;
         get isCompositeQuestion(): boolean;
+        get showColumnHeader(): boolean;
+        set showColumnHeader(val: boolean);
         /**
             * Set this property to false, to hide table header. The default value is true.
             */
@@ -3898,6 +3936,7 @@ export declare class PanelModelBase extends SurveyElement implements IPanel, ICo
         setSurveyImpl(value: ISurveyImpl, isLight?: boolean): void;
         endLoadingFromJson(): void;
         get hasTitle(): boolean;
+        get hasDescription(): boolean;
         protected canShowTitle(): boolean;
         get _showDescription(): boolean;
         localeChanged(): void;
@@ -4069,6 +4108,7 @@ export declare class PanelModelBase extends SurveyElement implements IPanel, ICo
         protected createRow(): QuestionRowModel;
         onSurveyLoad(): void;
         onFirstRendering(): void;
+        updateRows(): void;
         get rows(): Array<QuestionRowModel>;
         ensureRowsVisibility(): void;
         protected onRowsChanged(): void;
@@ -4306,6 +4346,7 @@ export declare class PanelModel extends PanelModelBase implements IElement {
         protected onVisibleChanged(): void;
         needResponsiveWidth(): boolean;
         focusIn: () => void;
+        getContainerCss(): string;
 }
 
 export interface IMatrixColumnOwner extends ILocalizableOwner {
@@ -4477,6 +4518,7 @@ export declare class QuestionMatrixDropdownRenderedCell {
     set className(val: string);
     get className(): string;
     get headers(): string;
+    getTitle(): string;
     calculateFinalClassName(matrixCssClasses: any): string;
 }
 export declare class QuestionMatrixDropdownRenderedRow extends Base {