survey-react 1.9.87 → 1.9.88

package/modern.css

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

package/survey.react.d.ts

@@ -1681,6 +1681,7 @@ declare module "popup" {
         onVisibilityChanged: EventBase<PopupModel>;
         onFooterActionsCreated: EventBase<Base>;
         onRecalculatePosition: EventBase<Base>;
+        private refreshInnerModel;
         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);
@@ -1698,12 +1699,16 @@ declare module "actions/action" {
     export type actionModeType = "large" | "small" | "popup" | "removed";
     /**
      * An action item.
+     *
      * Action items are used in the Toolbar, matrix rows, titles of pages, panels, questions, and other survey elements.
-    
+     *
+     * [View Demo](/form-library/examples/add-custom-navigation-button/ (linkStyle))
      */
     export interface IAction {
         /**
          * A unique action item identifier.
+         *
+         * [View Demo](/form-library/examples/add-custom-navigation-button/ (linkStyle))
          */
         id?: string;
         /**
@@ -1714,6 +1719,8 @@ declare module "actions/action" {
         visible?: boolean;
         /**
          * The action item's title.
+         *
+         * [View Demo](/form-library/examples/add-custom-navigation-button/ (linkStyle))
          * @see showTitle
          * @see disableShrink
          */
@@ -1739,19 +1746,29 @@ declare module "actions/action" {
         showTitle?: boolean;
         /**
          * A function that is executed when users click the action item.
+         *
+         * [View Demo](/form-library/examples/add-custom-navigation-button/ (linkStyle))
          */
         action?: (context?: any) => void;
         /**
          * One or several CSS classes that you want to apply to the outer `<div>` element.
+         *
          * In the markup, an action item is rendered as an `<input>` wrapped in a `<div>`. The `css` property applies classes to the `<div>`.
-         * To apply several classes, separate them with a space character: "myclass1 myclass2".
+         *
+         * To apply several classes, separate them with a space character: `"myclass1 myclass2"`.
+         *
+         * [View Demo](/form-library/examples/add-custom-navigation-button/ (linkStyle))
          * @see innerCss
          */
         css?: string;
         /**
          * One or several CSS classes that you want to apply to the inner `<input>` element.
+         *
          * In the markup, an action item is rendered as an `<input>` wrapped in a `<div>`. The `innerCss` property applies classes to the `<input>`.
-         * To apply several classes, separate them with a space character: "myclass1 myclass2".
+         *
+         * To apply several classes, separate them with a space character: `"myclass1 myclass2"`.
+         *
+         * [View Demo](/form-library/examples/add-custom-navigation-button/ (linkStyle))
          * @see css
          */
         innerCss?: string;
@@ -1763,7 +1780,8 @@ declare module "actions/action" {
         needSeparator?: boolean;
         /**
          * Specifies whether the action item is active.
-         * Use it as a flag to specify different action item appearances in different states.
+         *
+         * Use this property as a flag to specify different action item appearances in different states.
          * @see enabled
          * @see visible
          */
@@ -1810,6 +1828,11 @@ declare module "actions/action" {
         disableShrink?: boolean;
         disableHide?: boolean;
         mode?: actionModeType;
+        /**
+         * A number that specifies the action's position relative to other actions.
+         *
+         * [View Demo](/form-library/examples/add-custom-navigation-button/ (linkStyle))
+         */
         visibleIndex?: number;
         needSpace?: boolean;
         ariaChecked?: boolean;
@@ -5110,6 +5133,7 @@ declare module "question_paneldynamic" {
     import { IAction } from "actions/action";
     export interface IQuestionPanelDynamicData {
         getItemIndex(item: ISurveyData): number;
+        getVisibleItemIndex(item: ISurveyData): number;
         getPanelItemData(item: ISurveyData): any;
         setPanelItemData(item: ISurveyData, name: string, val: any): any;
         getSharedQuestionFromArray(name: string, panelIndex: number): Question;
@@ -5120,6 +5144,7 @@ declare module "question_paneldynamic" {
         static ItemVariableName: string;
         static ParentItemVariableName: string;
         static IndexVariableName: string;
+        static VisibleIndexVariableName: string;
         private panelValue;
         private data;
         private textPreProcessor;
@@ -5193,6 +5218,11 @@ declare module "question_paneldynamic" {
         get templateElements(): Array<IElement>;
         /**
          * A template for panel titles.
+         *
+         * The template can contain the following placeholders:
+         *
+         * - `{panelIndex}` - A zero-based index of a panel in the [`panels`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#panels) array.
+         * - `{visiblePanelIndex}` - A zero-based index of a panel in the [`visiblePanels`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#visiblePanels) array.
          * @see template
          * @see templateDescription
          * @see templateElements
@@ -5204,6 +5234,11 @@ declare module "question_paneldynamic" {
         get locTemplateTitle(): LocalizableString;
         /**
          * A template for tab titles. Applies when [`renderMode`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#renderMode) is `"tab"`.
+         *
+         * The template can contain the following placeholders:
+         *
+         * - `{panelIndex}` - A zero-based index of a panel in the [`panels`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#panels) array.
+         * - `{visiblePanelIndex}` - A zero-based index of a panel in the [`visiblePanels`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#visiblePanels) array.
          * @see templateTitle
          * @see renderMode
          */
@@ -5221,6 +5256,19 @@ declare module "question_paneldynamic" {
         get templateDescription(): string;
         set templateDescription(newValue: string);
         get locTemplateDescription(): LocalizableString;
+        /**
+         * A Boolean expression that is evaluated against each panel. If the expression evaluates to `false`, the panel becomes hidden.
+         *
+         * A survey parses and runs all expressions on startup. If any values used in the expression change, the survey re-evaluates it.
+         *
+         * Use the `{panel}` placeholder to reference the current panel in the expression.
+         *
+         * Refer to the following help topic for more information: [Conditional Visibility](https://surveyjs.io/form-library/documentation/design-survey/conditional-logic#conditional-visibility).
+         * @see visibleIf
+         * @see visiblePanels
+         */
+        get templateVisibleIf(): string;
+        set templateVisibleIf(val: string);
         protected get items(): Array<ISurveyData>;
         /**
          * An array of `PanelModel` objects created based on a panel template.
@@ -5229,6 +5277,14 @@ declare module "question_paneldynamic" {
          * @see panelCount
          */
         get panels(): Array<PanelModel>;
+        /**
+         * An array of currently visible panels ([`PanelModel`](https://surveyjs.io/form-library/documentation/api-reference/panel-model) objects).
+         * @see templateVisibleIf
+         */
+        get visiblePanels(): Array<PanelModel>;
+        private onPanelAdded;
+        private onPanelRemoved;
+        private onPanelRemovedCore;
         /**
          * A zero-based index of the currently displayed panel.
          *
@@ -5240,8 +5296,6 @@ declare module "question_paneldynamic" {
          */
         get currentIndex(): number;
         set currentIndex(val: number);
-        private get currentIndexValue();
-        private set currentIndexValue(value);
         /**
          * A `PanelModel` object that is the currently displayed panel.
          *
@@ -5252,6 +5306,7 @@ declare module "question_paneldynamic" {
          * @see renderMode
          */
         get currentPanel(): PanelModel;
+        set currentPanel(val: PanelModel);
         /**
          * Specifies whether to display a confirmation dialog when a respondent wants to delete a panel.
          * @see confirmDeleteText
@@ -5334,7 +5389,7 @@ declare module "question_paneldynamic" {
         get isNextButtonVisible(): boolean;
         get isNextButtonShowing(): boolean;
         /**
-         * Returns true when showRangeInProgress equals to true, renderMode doesn't equal to "list" and panelCount is >= 2.
+         * Returns true when showRangeInProgress equals to true, renderMode doesn't equal to "list" and visiblePanelCount is >= 2.
          */
         get isRangeShowing(): boolean;
         getElementsInDesign(includeHidden?: boolean): Array<IElement>;
@@ -5353,6 +5408,11 @@ declare module "question_paneldynamic" {
          */
         get panelCount(): number;
         set panelCount(val: number);
+        /**
+         * Returns the number of visible panels in Dynamic Panel.
+         * @see templateVisibleIf
+         */
+        get visiblePanelCount(): number;
         /**
          * Specifies whether users can expand and collapse panels. Applies if `renderMode` is `"list"` and the `templateTitle` property is specified.
          *
@@ -5561,7 +5621,7 @@ declare module "question_paneldynamic" {
          * @see template
          */
         removePanel(value: any): void;
-        private getPanelIndex;
+        private getVisualPanelIndex;
         private getPanelIndexById;
         locStrsChanged(): void;
         clearIncorrectValues(): void;
@@ -5609,6 +5669,7 @@ declare module "question_paneldynamic" {
         recalculateIsReadyValue(): void;
         protected onSetData(): void;
         getItemIndex(item: ISurveyData): number;
+        getVisibleItemIndex(item: ISurveyData): number;
         getPanelItemData(item: ISurveyData): any;
         private isSetPanelItemData;
         private static maxCheckCount;
@@ -21402,10 +21463,9 @@ declare module "react/reactquestion_dropdown" {
 }
 declare module "react/tagbox-item" {
     import { ReactSurveyElement } from "react/reactquestion_element";
-    import { Base, QuestionTagboxModel, ItemValue } from "entries/core";
+    import { QuestionTagboxModel, ItemValue } from "entries/core";
     export class SurveyQuestionTagboxItem extends ReactSurveyElement {
         constructor(props: any);
-        protected getStateElement(): Base;
         protected get question(): QuestionTagboxModel;
         protected get item(): ItemValue;
         protected canRender(): boolean;