survey-react-ui 1.8.77 → 1.9.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-react-ui",
-  "version": "1.8.77",
+  "version": "1.9.1",
   "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.77
+/*Type definitions for Survey JavaScript library v1.9.1
 Copyright (c) 2015-2021 Devsoft Baltic OÜ  - http://surveyjs.io/
 Definitions by: Devsoft Baltic OÜ <https://github.com/surveyjs/>
 */
@@ -219,26 +219,35 @@ export declare class SurveyElementErrors extends ReactSurveyElement {
     protected get element(): SurveyElement;
     protected get location(): string;
     protected canRender(): boolean;
+    componentDidUpdate(prevProps: any, prevState: any): void;
+    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;
 }
@@ -396,8 +405,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);
@@ -424,6 +437,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;
 }
 
@@ -500,8 +514,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;
@@ -666,10 +680,12 @@ export declare class PopupContainer extends SurveyElementBase<any, any> {
     renderPointer(): JSX.Element;
     renderHeader(): JSX.Element;
     renderContent(): JSX.Element;
+    renderCancelButton(): JSX.Element;
+    renderApplyButton(): JSX.Element;
     renderFooter(): JSX.Element;
     render(): JSX.Element;
 }
-export declare function showModal(componentName: string, data: any, onApply: () => boolean, onCancel?: () => void, cssClass?: string, title?: string): void;
+export declare function showModal(componentName: string, data: any, onApply: () => boolean, onCancel?: () => void, cssClass?: string, title?: string, displayMode?: "popup" | "overlay"): void;
 export {};
 
 interface IListProps {
@@ -796,6 +812,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;
@@ -821,7 +838,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?: {
@@ -913,6 +930,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;
@@ -936,7 +954,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 {
@@ -1091,6 +1108,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;
@@ -1125,7 +1143,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;
@@ -1389,9 +1407,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.
             */
@@ -1480,6 +1496,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.
@@ -1495,8 +1518,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 {
@@ -1846,6 +1867,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;
@@ -2086,13 +2108,14 @@ export declare class PopupModel<T = any> extends Base {
     onShow: () => void;
     cssClass: string;
     title: string;
+    displayMode: "popup" | "overlay";
     constructor(contentComponentName: string, contentComponentData: T, verticalPosition?: VerticalPosition, horizontalPosition?: HorizontalPosition, showPointer?: boolean, isModal?: boolean, onCancel?: () => void, onApply?: () => boolean, onHide?: () => void, onShow?: () => void, cssClass?: string, title?: string);
     get isVisible(): boolean;
     set isVisible(value: boolean);
     toggleVisibility(): void;
     onVisibilityChanged: (isVisible: boolean) => void;
 }
-export declare function createPopupModalViewModel(componentName: string, data: any, onApply: () => boolean, onCancel?: () => void, onHide?: () => void, onShow?: () => void, cssClass?: string, title?: string): PopupBaseViewModel;
+export declare function createPopupModalViewModel(componentName: string, data: any, onApply: () => boolean, onCancel?: () => void, onHide?: () => void, onShow?: () => void, cssClass?: string, title?: string, displayMode?: "popup" | "overlay"): PopupBaseViewModel;
 export declare class PopupBaseViewModel extends Base {
     targetElement?: HTMLElement;
     top: string;
@@ -2110,6 +2133,8 @@ export declare class PopupBaseViewModel extends Base {
     get contentComponentData(): any;
     get showPointer(): boolean;
     get isModal(): boolean;
+    get showFooter(): boolean;
+    get isOverlay(): boolean;
     get styleClass(): string;
     onKeyDown(event: any): void;
     updateOnShowing(): void;
@@ -2176,6 +2201,7 @@ export interface IAction {
             * Set this property to true to activate the toolbar item (page)
             */
         active?: boolean;
+        pressed?: boolean;
         /**
             * Toolbar item template name
             */
@@ -2209,6 +2235,10 @@ export interface IAction {
             * Set it to true to make the tabIndex -1 to disable keyboard navigation to this item
             */
         disableTabStop?: boolean;
+        /**
+            * Set it to false to force action "large" mode even if has icon and does not fit to action bar space
+            */
+        disableShrink?: boolean;
         /**
             * Action button display mode
             */
@@ -2235,12 +2265,14 @@ export declare class Action extends Base implements IAction {
         popupModel: any;
         needSeparator: boolean;
         active: boolean;
+        pressed: boolean;
         template: string;
         component: string;
         items: any;
         visibleIndex: number;
         mode: "large" | "small" | "popup";
         disableTabStop: boolean;
+        disableShrink: boolean;
         get disabled(): boolean;
         get hasTitle(): boolean;
         get isVisible(): boolean;
@@ -2334,9 +2366,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
@@ -2563,6 +2595,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.
             */
@@ -2629,6 +2662,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.
@@ -2675,6 +2710,10 @@ export declare class Question extends SurveyElement implements IQuestion, ICondi
         createValueCopy(): any;
         protected getUnbindValue(value: any): any;
         protected isValueSurveyElement(val: any): boolean;
+        /**
+            * Return true if there is a parent (page or panel) and it is visible
+            */
+        get isParentVisible(): boolean;
         clearValueIfInvisible(): void;
         get displayValue(): any;
         /**
@@ -2693,6 +2732,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)
@@ -2987,6 +3027,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;
@@ -3303,6 +3344,7 @@ export declare class QuestionMatrixDropdownModelBase extends QuestionMatrixBaseM
         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;
@@ -3333,6 +3375,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;
@@ -3393,6 +3439,7 @@ export declare class SurveyElement extends SurveyElementCore implements ISurveyE
         stateChangedCallback: () => void;
         static getProgressInfoByElements(children: Array<SurveyElement>, isRequired: boolean): IProgressInfo;
         dragTypeOverMe: DragTypeOverMeEnum;
+        isDragMe: boolean;
         readOnlyChangedCallback: () => void;
         static ScrollElementToTop(elementId: string): boolean;
         static GetFirstNonTextElement(elements: any, removeSpaces?: boolean): any;
@@ -3555,6 +3602,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 {
@@ -3713,7 +3764,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;
@@ -3726,6 +3776,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;
@@ -3879,6 +3930,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;
@@ -4050,6 +4102,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;
@@ -4162,8 +4215,6 @@ export declare class PanelModelBase extends SurveyElement implements IPanel, ICo
     * It may contain questions and other panels.
     */
 export declare class PanelModel extends PanelModelBase implements IElement {
-        minWidth?: string;
-        maxWidth?: string;
         constructor(name?: string);
         getType(): string;
         get contentId(): string;
@@ -4235,6 +4286,16 @@ export declare class PanelModel extends PanelModelBase implements IElement {
             */
         get width(): string;
         set width(val: string);
+        /**
+            * Use it to set the specific minWidth constraint to the panel like css style (%, px, em etc).
+            */
+        get minWidth(): string;
+        set minWidth(val: string);
+        /**
+            * Use it to set the specific maxWidth constraint to the panel like css style (%, px, em etc).
+            */
+        get maxWidth(): string;
+        set maxWidth(val: string);
         /**
             * The left indent. Set this property to increase the panel left indent.
             */
@@ -4279,6 +4340,7 @@ export declare class PanelModel extends PanelModelBase implements IElement {
         protected onVisibleChanged(): void;
         needResponsiveWidth(): boolean;
         focusIn: () => void;
+        getContainerCss(): string;
 }
 
 export interface IMatrixColumnOwner extends ILocalizableOwner {