survey-react 1.9.60 → 1.9.61

package/defaultV2.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.60
+ * surveyjs - Survey JavaScript library v1.9.61
  * Copyright (c) 2015-2022 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */

package/defaultV2.min.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.60
+ * surveyjs - Survey JavaScript library v1.9.61
  * Copyright (c) 2015-2022 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */

package/modern.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.60
+ * surveyjs - Survey JavaScript library v1.9.61
  * Copyright (c) 2015-2022 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.9.60
+ * surveyjs - Survey JavaScript library v1.9.61
  * Copyright (c) 2015-2022 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.9.60",
+  "version": "1.9.61",
   "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.9.60
+ * surveyjs - Survey JavaScript library v1.9.61
  * Copyright (c) 2015-2022 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.9.60
+ * surveyjs - Survey JavaScript library v1.9.61
  * Copyright (c) 2015-2022 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */

package/survey.react.d.ts

@@ -1,5 +1,5 @@
 /*
-* Type definition for Survey JavaScript library for React v1.9.60
+* Type definition for Survey JavaScript library for React v1.9.61
 * Copyright (c) 2015-2022 Devsoft Baltic OÜ  - https://surveyjs.io/
 * License: MIT (http://www.opensource.org/licenses/mit-license.php)
 */
@@ -1410,7 +1410,7 @@ export declare class ReactElementFactory {
   registerElement(elementType: string, elementCreator: (props: any) => JSX.Element): void;
   getAllTypes(): Array<any>;
   isElementRegistered(elementType: string): boolean;
-  createElement(elementType: string, params: any): JSX.Element;
+  createElement(elementType: string, params: any): any;
 }
 export declare class ReactQuestionFactory {
   static Instance: ReactQuestionFactory;
@@ -1496,7 +1496,7 @@ export declare class SurveyElementBase<P, S> extends React.Component<P, S> {
   protected renderElement(): JSX.Element;
   protected get changedStatePropName(): string;
   protected getStateElements(): Array<Base>;
-  protected getStateElement(): Base;
+  protected getStateElement(): any;
   protected get isDisplayMode(): boolean;
   protected renderLocString(locStr: any, style?: any, key?: string): JSX.Element;
   protected canUsePropInState(key: string): boolean;
@@ -1637,7 +1637,7 @@ export declare class TitleContent extends React.Component<any, any> {
 }
 export declare class TitleElement extends React.Component<any, any> {
   constructor(props: any);
-  render(): JSX.Element;
+  render(): any;
 }
 export declare class TooltipManager {
   constructor(tooltipElement: any);
@@ -1908,7 +1908,7 @@ export declare class ChoicesRestful extends Base {
   * url: "https://surveyjs.io/api/CountriesExample?region={region}"
   * ```
   * 
-  * [View Example](https://surveyjs.io/Examples/Library/?id=questiontype-dropdownrestfull (linkStyle))
+  * [View Demo](https://surveyjs.io/Examples/Library/?id=questiontype-dropdownrestfull (linkStyle))
   */
   get url(): string;
   set url(val: string);
@@ -1931,7 +1931,7 @@ export declare class ChoicesRestful extends Base {
   /*
   * Specifies which property in the obtained data object contains choice values.
   * 
-  * [View Example](https://surveyjs.io/Examples/Library/?id=questiontype-dropdownrestfull (linkStyle))
+  * [View Demo](https://surveyjs.io/Examples/Library/?id=questiontype-dropdownrestfull (linkStyle))
   */
   get valueName(): string;
   set valueName(val: string);
@@ -3172,7 +3172,7 @@ export declare class SurveyPanelBase extends SurveyElementBase<any, any> {
   protected get css(): any;
   get panelBase(): any;
   protected getPanelBase(): PanelModelBase;
-  protected getSurvey(): SurveyModel;
+  protected getSurvey(): any;
   protected getCss(): any;
   componentDidMount(): void;
   componentWillUnmount(): void;
@@ -3208,7 +3208,7 @@ export declare class SurveyProgressButtons extends SurveyNavigationBase {
 export declare class SurveyQuestion extends SurveyElementBase<any, any> {
   constructor(props: any);
   isNeedFocus: boolean;
-  static renderQuestionBody(creator: ISurveyCreator, question: any): JSX.Element;
+  static renderQuestionBody(creator: ISurveyCreator, question: any): any;
   rootRef: any;
   protected getStateElement(): Base;
   protected get question(): any;
@@ -3240,6 +3240,7 @@ export declare class SurveyQuestionElementBase extends SurveyElementBase<any, an
   shouldComponentUpdate(nextProps: any, nextState: any): boolean;
   protected get isDisplayMode(): boolean;
   protected wrapCell(cell: any, element: JSX.Element, reason: string): JSX.Element;
+  setControl(element: any): void;
 }
 export declare class SurveyRow extends SurveyElementBase<any, any> {
   constructor(props: any);
@@ -4095,7 +4096,7 @@ export declare class SurveyModel extends SurveyElementCore implements ISurvey, I
   * - `options.showDataSavingClear` - call this method to hide the text about the saving progress.
   * - `options.isCompleteOnTrigger` - returns true if the survey is completed on "complete" trigger.
   * 
-  * > NOTE: Do not disable the [`showCompletedPage`](https://surveyjs.io/form-library/documentation/surveymodel#showCompletedPage) property if you call one of the `options.showDataSaving...` methods described above. This is required because the UI that indicates data saving progress is integrated into the Complete page. If you hide the Complete page, the UI also becomes invisible.
+  * > Do not disable the [`showCompletedPage`](https://surveyjs.io/form-library/documentation/surveymodel#showCompletedPage) property if you call one of the `options.showDataSaving...` methods described above. This is required because the UI that indicates data saving progress is integrated into the Complete page. If you hide the Complete page, the UI also becomes invisible.
   */
   onComplete: EventBase<SurveyModel>;
   /*
@@ -4381,6 +4382,8 @@ export declare class SurveyModel extends SurveyElementCore implements ISurvey, I
   * - `options.name` - the question name.
   * - `options.files` - the Javascript File objects array to upload.
   * - `options.callback` - a callback function to get the file upload status and the updloaded file content.
+  * 
+  * [View Demo](https://surveyjs.io/form-library/examples/questiontype-file/ (linkStyle))
   */
   onUploadFiles: EventBase<SurveyModel>;
   /*
@@ -4391,6 +4394,8 @@ export declare class SurveyModel extends SurveyElementCore implements ISurvey, I
   * - `options.content` - the file content.
   * - `options.fileValue` - single file question value.
   * - `options.callback` - a callback function to get the file downloading status and the downloaded file content.
+  * 
+  * [View Demo](https://surveyjs.io/form-library/examples/questiontype-file/ (linkStyle))
   */
   onDownloadFile: EventBase<SurveyModel>;
   /*
@@ -4401,6 +4406,8 @@ export declare class SurveyModel extends SurveyElementCore implements ISurvey, I
   * - `options.value` - the question value.
   * - `options.fileName` - a removed file's name, set it to `null` to clear all files.
   * - `options.callback` - a callback function to get the operation status.
+  * 
+  * [View Demo](https://surveyjs.io/form-library/examples/file-delayed-upload/ (linkStyle))
   */
   onClearFiles: EventBase<SurveyModel>;
   /*
@@ -4969,7 +4976,7 @@ export declare class SurveyModel extends SurveyElementCore implements ISurvey, I
   * - `autogonext` - navigate to the next page automatically but do not submit survey data.
   * - `false` - do not navigate to the next page and do not submit survey data automatically.
   * 
-  * > NOTE: If any of the following questions is answered last, the survey won't be switched to the next page: Checkbox, Boolean (rendered as Checkbox), Comment, Signature Pad, Image Picker (with Multi Select), File, Single-Choice Matrix (not all rows are answered), Dynamic Matrix, Panel Dynamic.
+  * > If any of the following questions is answered last, the survey won't be switched to the next page: Checkbox, Boolean (rendered as Checkbox), Comment, Signature Pad, Image Picker (with Multi Select), File, Single-Choice Matrix (not all rows are answered), Dynamic Matrix, Panel Dynamic.
   */
   get goNextPageAutomatic(): boolean | "autogonext";
   set goNextPageAutomatic(val: boolean | "autogonext");
@@ -5248,7 +5255,7 @@ export declare class SurveyModel extends SurveyElementCore implements ISurvey, I
   /*
   * Gets or sets question title location relative to the input field: `"top"`, `"bottom"`, or `"left"`.
   * 
-  * > NOTE: Certain question types (Matrix, Multiple Text) do not support the `"left"` value. For them, the `"top"` value is used.
+  * > Certain question types (Matrix, Multiple Text) do not support the `"left"` value. For them, the `"top"` value is used.
   * 
   * You can override this setting if you specify the `questionTitleLocation` property for an [individual page](https://surveyjs.io/form-library/documentation/pagemodel#questionTitleLocation) or [panel](https://surveyjs.io/form-library/documentation/panelmodel#questionTitleLocation) or set the `titleLocation` property for a [specific question](https://surveyjs.io/form-library/documentation/question#titleLocation).
   */
@@ -6008,7 +6015,7 @@ export declare class SurveyMultipleTextItem extends ReactSurveyElement {
 }
 export declare class SurveyNavigationButton extends ReactSurveyElement {
   constructor(props: any);
-  protected get item(): Action;
+  protected get item(): any;
   protected canRender(): boolean;
   protected renderElement(): JSX.Element;
 }
@@ -6071,7 +6078,7 @@ export declare class SurveyQuestionButtonGroup extends SurveyQuestionElementBase
 }
 export declare class SurveyQuestionCheckbox extends SurveyQuestionElementBase {
   constructor(props: any);
-  protected get question(): QuestionCheckboxModel;
+  protected get question(): any;
   protected renderElement(): JSX.Element;
   protected getHeader(): any;
   protected getFooter(): any;
@@ -6081,12 +6088,12 @@ export declare class SurveyQuestionCheckbox extends SurveyQuestionElementBase {
   protected getItems(cssClasses: any, choices: any): Array<any>;
   protected get textStyle(): any;
   protected renderOther(): JSX.Element;
-  protected renderItem(key: string, item: any, isFirst: boolean, cssClasses: any, index: string): JSX.Element;
+  protected renderItem(key: string, item: any, isFirst: boolean, cssClasses: any, index?: string): JSX.Element;
 }
 export declare class SurveyQuestionCheckboxItem extends ReactSurveyElement {
   constructor(props: any);
   protected getStateElement(): Base;
-  protected get question(): QuestionCheckboxModel;
+  protected get question(): any;
   protected get item(): any;
   protected get textStyle(): any;
   protected get isFirst(): any;
@@ -6210,7 +6217,7 @@ export declare class SurveyQuestionMatrixDynamicRemoveButton extends ReactSurvey
 }
 export declare class SurveyQuestionMatrixHeaderRequired extends ReactSurveyElement {
   constructor(props: any);
-  get column(): MatrixDropdownColumn;
+  get column(): any;
   get question(): any;
   protected getStateElement(): Base;
   protected renderElement(): JSX.Element;
@@ -6286,7 +6293,7 @@ export declare class SurveyQuestionRanking extends SurveyQuestionElementBase {
   protected get question(): any;
   protected renderElement(): JSX.Element;
   protected getItems(): Array<any>;
-  protected renderItem(item: ItemValue, i: number, handleKeydown: (event: any) => void, handlePointerDown: (event: any) => void, cssClasses: any, itemClass: string, question: any): JSX.Element;
+  protected renderItem(item: any, i: number, handleKeydown: (event: any) => void, handlePointerDown: (event: any) => void, cssClasses: any, itemClass: string, question: any): JSX.Element;
 }
 export declare class SurveyQuestionRankingItem extends ReactSurveyElement {
   constructor(props: any);
@@ -6318,7 +6325,7 @@ export declare class SurveyQuestionTagboxItem extends ReactSurveyElement {
   constructor(props: any);
   protected getStateElement(): Base;
   protected get question(): any;
-  protected get item(): ItemValue;
+  protected get item(): any;
   protected canRender(): boolean;
   protected renderElement(): JSX.Element;
 }
@@ -6551,7 +6558,7 @@ export declare class PanelModelBase extends SurveyElement<Question> implements I
   * 
   * Call this method after you assign new question values in code to ensure that they are acceptable.
   * 
-  * > NOTE: This method does not remove values for invisible questions and values that fail validation. Call the `hasErrors()` method to validate newly assigned values.
+  * > This method does not remove values for invisible questions and values that fail validation. Call the `hasErrors()` method to validate newly assigned values.
   */
   clearIncorrectValues(): void;
   /*
@@ -6619,7 +6626,7 @@ export declare class PanelModelBase extends SurveyElement<Question> implements I
   * - `"left"` - Displays the title to the left of the input field.
   * - `"hidden"` - Hides the question title.
   * 
-  * > NOTE: Certain question types (Matrix, Multiple Text) do not support the `"left"` value. For them, the `"top"` value is used.
+  * > Certain question types (Matrix, Multiple Text) do not support the `"left"` value. For them, the `"top"` value is used.
   */
   get questionTitleLocation(): string;
   set questionTitleLocation(val: string);
@@ -6897,7 +6904,7 @@ export declare class Question extends SurveyElement<Question> implements IQuesti
   * - `"left"` - Displays the title to the left of the input field.
   * - `"hidden"` - Hides the question title.
   * 
-  * > NOTE: Certain question types (Matrix, Multiple Text) do not support the `"left"` value. For them, the `"top"` value is used.
+  * > Certain question types (Matrix, Multiple Text) do not support the `"left"` value. For them, the `"top"` value is used.
   */
   get titleLocation(): string;
   set titleLocation(val: string);
@@ -7268,7 +7275,7 @@ export declare class Question extends SurveyElement<Question> implements IQuesti
   * 
   * Call this method after you assign new question values in code to ensure that they are acceptable.
   * 
-  * > NOTE: This method does not remove values that do not pass validation. Call the `hasErrors()` method to validate newly assigned values.
+  * > This method does not remove values that do not pass validation. Call the `hasErrors()` method to validate newly assigned values.
   */
   clearIncorrectValues(): void;
   clearOnDeletingContainer(): void;
@@ -7390,7 +7397,7 @@ export declare class SurveyQuestionPanelDynamicAddButton extends SurveyQuestionP
 }
 export declare class SurveyQuestionPanelDynamicItem extends SurveyPanel {
   constructor(props: any);
-  protected getSurvey(): SurveyModel;
+  protected getSurvey(): any;
   protected getCss(): any;
   render(): JSX.Element;
   protected renderButton(): JSX.Element;
@@ -7416,7 +7423,6 @@ export declare class SurveyQuestionPanelDynamicRemoveButton extends SurveyQuesti
 }
 export declare class SurveyQuestionText extends SurveyQuestionUncontrolledElement<QuestionTextModel> {
   constructor(props: any);
-  _isWaitingForEnter: boolean;
   protected renderInput(): JSX.Element;
   protected renderElement(): JSX.Element;
 }
@@ -7502,7 +7508,9 @@ export declare class SurveyWindow extends PopupSurvey {
   constructor(props: any);
 }
 /*
-* The page object. It has elements collection, that contains questions and panels.
+* The `PageModel` object describes a survey page and contains properties and methods that allow you to control the page and access its elements (panels and questions).
+* 
+* [View Demo](https://surveyjs.io/form-library/examples/nps-question/ (linkStyle))
 */
 export declare class PageModel extends PanelModelBase implements IPage {
   constructor(name?: string);
@@ -7513,7 +7521,9 @@ export declare class PageModel extends PanelModelBase implements IPage {
   protected canShowPageNumber(): boolean;
   protected canShowTitle(): boolean;
   /*
-  * Use this property to show title in navigation buttons. If the value is empty then page name is used.
+  * A caption displayed on a navigation button in the progress bar. Applies only when [`showProgressBar`](https://surveyjs.io/form-library/documentation/surveymodel#showProgressBar) is `true` and [`progressBarType`](https://surveyjs.io/form-library/documentation/surveymodel#progressBarType) is `"buttons"`.
+  * 
+  * If this property is undefined, the navigation button displays the page's [`name`](https://surveyjs.io/form-library/documentation/pagemodel#name).
   */
   get navigationTitle(): string;
   set navigationTitle(val: string);
@@ -7533,7 +7543,9 @@ export declare class PageModel extends PanelModelBase implements IPage {
   set visibleIndex(val: number);
   protected canRenderFirstRows(): boolean;
   /*
-  * Returns true, if the page is started page in the survey. It can be shown on the start only and the end-user could not comeback to it after it passed it.
+  * Returns `true` if this page is a start page.
+  * 
+  * Refer to the following help topic for more information on how to configure a start page: [Start Page](https://surveyjs.io/form-library/documentation/design-survey-create-a-multi-page-survey#start-page).
   */
   get isStarted(): boolean;
   protected calcCssClasses(css: any): any;
@@ -7546,25 +7558,29 @@ export declare class PageModel extends PanelModelBase implements IPage {
   get navigationButtonsVisibility(): string;
   set navigationButtonsVisibility(val: string);
   /*
-  * The property returns true, if the page has been shown to the end-user.
+  * Returns `true` if the respondent has already seen this page during the current session.
   */
   get wasShown(): boolean;
   get hasShown(): boolean;
   setWasShown(val: boolean): void;
   /*
-  * Call it to scroll to the page top.
+  * Scrolls this page to the top.
   */
   scrollToTop(): void;
   /*
-  * Time in seconds end-user spent on this page
+  * A time period that a respondent spent on this page; measured in seconds. Applies only to [quiz surveys](https://surveyjs.io/form-library/documentation/design-survey-create-a-quiz).
   */
   timeSpent: number;
   /*
-  * Returns the list of all panels in the page
+  * Returns a list of all panels on this page.
   */
   getPanels(visibleOnly?: boolean, includingDesignTime?: boolean): Array<IPanel>;
   /*
-  * The maximum time in seconds that end-user has to complete the page. If the value is 0 or less, the end-user has unlimited number of time to finish the page.
+  * A time period that a respondent has to complete this page; measured in seconds. Applies only to [quiz surveys](https://surveyjs.io/form-library/documentation/design-survey-create-a-quiz).
+  * 
+  * A negative value or 0 sets an unlimited time period.
+  * 
+  * Alternatively, you can use the `SurveyModel`'s [`maxTimeToFinishPage`](https://surveyjs.io/form-library/documentation/surveymodel#maxTimeToFinishPage) property to specify identical time periods for all survey pages.
   */
   get maxTimeToFinish(): number;
   set maxTimeToFinish(val: number);
@@ -7920,7 +7936,7 @@ export declare class QuestionFileModel extends Question {
   /*
   * Disable this property only to implement a custom preview.
   * 
-  * [View "Custom Preview" Demo](https://surveyjs.io/form-library/examples/file-custom-preview/ (linkStyle))
+  * [View Demo](https://surveyjs.io/form-library/examples/file-custom-preview/ (linkStyle))
   */
   get showPreview(): boolean;
   set showPreview(val: boolean);
@@ -8808,7 +8824,7 @@ export declare class QuestionSelectBase extends Question {
   /*
   * Configures access to a RESTful service that returns choice items. Refer to the [ChoicesRestful](https://surveyjs.io/form-library/documentation/choicesrestful) class description for more information.
   * 
-  * [View "Dropdown + RESTful" demo](https://surveyjs.io/form-library/examples/questiontype-dropdownrestfull/ (linkStyle))
+  * [View Demo](https://surveyjs.io/form-library/examples/questiontype-dropdownrestfull/ (linkStyle))
   */
   get choicesByUrl(): ChoicesRestful;
   set choicesByUrl(val: ChoicesRestful);
@@ -8993,6 +9009,7 @@ export declare class QuestionSelectBase extends Question {
   getItemEnabled(item: ItemValue): any;
   protected rootElement: any;
   afterRender(el: any): void;
+  beforeDestroyQuestionElement(el: any): void;
   prevIsOtherSelected: boolean;
   protected onValueChanged(): void;
   protected getDefaultItemComponent(): string;
@@ -9096,7 +9113,7 @@ export declare class QuestionTextBase extends Question {
   * - `"onTyping"` - Updates the value on every key press.
   * - `"default"` (default) - Inherits the value from the `SurveyModel`'s [`textUpdateMode`](https://surveyjs.io/form-library/documentation/surveymodel#textUpdateMode) property.
   * 
-  * > NOTE: Do not use the `"onTyping"` mode if your survey contains many expressions. Expressions are reevaluated each time a question value is changed. In `"onTyping"` mode, the question value changes frequently. This may cause performance degradation.
+  * > Do not use the `"onTyping"` mode if your survey contains many expressions. Expressions are reevaluated each time a question value is changed. In `"onTyping"` mode, the question value changes frequently. This may cause performance degradation.
   */
   get textUpdateMode(): string;
   set textUpdateMode(val: string);
@@ -9118,7 +9135,7 @@ export declare class SurveyQuestionDropdown extends SurveyQuestionDropdownBase<Q
 export declare class SurveyQuestionMatrixDropdownCell extends SurveyQuestionAndErrorsCell {
   constructor(props: any);
   protected get itemCss(): string;
-  protected getQuestion(): Question;
+  protected getQuestion(): any;
   protected doAfterRender(): void;
   protected getShowErrors(): boolean;
   protected getCellStyle(): any;
@@ -9218,6 +9235,7 @@ export declare class QuestionCommentModel extends QuestionTextBase {
   getType(): string;
   afterRenderQuestionElement(el: any): void;
   updateElement(): void;
+  beforeDestroyQuestionElement(el: any): void;
   onInput(event: any): void;
   onKeyDown(event: any): void;
   onValueChanged(): void;
@@ -9937,6 +9955,12 @@ export declare class QuestionTextModel extends QuestionTextBase {
   protected hasPlaceHolder(): boolean;
   isReadOnlyRenderDiv(): boolean;
   get inputStyle(): any;
+  _isWaitingForEnter: boolean;
+  onCompositionUpdate: (event: any) => void;
+  onKeyUp: (event: any) => void;
+  onKeyDown: (event: any) => void;
+  onChange: (event: any) => void;
+  onBlur: (event: any) => void;
 }
 export declare class SurveyQuestionDropdownSelect extends SurveyQuestionDropdown {
   constructor(props: any);
@@ -10009,7 +10033,7 @@ export declare class QuestionCheckboxModel extends QuestionCheckboxBase {
   * 
   * Default value: 0 (unlimited)
   * 
-  * > NOTE: This property only limits the number of choice items that can be selected by users. You can select any number of choice items in code, regardless of the `maxSelectedChoices` value.
+  * > This property only limits the number of choice items that can be selected by users. You can select any number of choice items in code, regardless of the `maxSelectedChoices` value.
   */
   get maxSelectedChoices(): number;
   set maxSelectedChoices(val: number);
@@ -10527,11 +10551,11 @@ export declare function createDropdownActionModel(actionOptions: IAction, dropdo
 export declare function createDropdownActionModelAdvanced(actionOptions: IAction, listOptions: IListModel, popupOptions?: IPopupOptionsBase, locOwner?: any): Action;
 export declare function getCurrecyCodes(): Array<any>;
 export declare function createPopupModalViewModel(options: IDialogOptions): PopupBaseViewModel;
-export declare function createPopupViewModel(model: any, targetElement: any): PopupBaseViewModel;
+export declare function createPopupViewModel(model: any, targetElement?: any): PopupBaseViewModel;
 export declare function checkLibraryVersion(ver: string, libraryName: string): void;
 export declare function showModal(componentName: string, data: any, onApply: any, onCancel?: any, cssClass?: string, title?: string, displayMode?: "popup" | "overlay"): PopupBaseViewModel;
 export declare function showDialog(dialogOptions: any): PopupBaseViewModel;
-export declare function attachKey2click(element: JSX.Element, viewModel?: any, options?: IAttachKey2clickOptions): JSX.Element;
+export declare function attachKey2click(element: JSX.Element, viewModel?: any, options?: any): JSX.Element;
 /*
 * Global survey settings
 */