survey-react-ui 2.5.13 → 3.0.0-beta.0
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/fesm/survey-react-ui.mjs +41 -214
- package/fesm/survey-react-ui.mjs.map +1 -1
- package/package.json +2 -2
- package/survey-react-ui.js +45 -287
- package/survey-react-ui.js.map +1 -1
- package/survey-react-ui.min.js +1 -1
- package/survey-react-ui.min.js.LICENSE.txt +2 -2
- package/typings/entries/react-ui-model.d.ts +1 -8
- package/typings/src/components/action-bar/action-bar-item.d.ts +3 -0
- package/typings/src/components/paneldynamic-actions/paneldynamic-progress-text.d.ts +5 -2
- package/typings/src/progressButtons.d.ts +2 -1
- package/typings/src/reactSurveyNavigationBase.d.ts +2 -2
- package/typings/src/reactquestion_matrixdynamic.d.ts +4 -11
- package/typings/src/reactquestion_paneldynamic.d.ts +2 -4
- package/typings/src/components/matrix-actions/detail-button/detail-button.d.ts +0 -12
- package/typings/src/components/matrix-actions/remove-button/remove-button.d.ts +0 -9
- package/typings/src/components/paneldynamic-actions/paneldynamic-add-btn.d.ts +0 -12
- package/typings/src/components/paneldynamic-actions/paneldynamic-next-btn.d.ts +0 -6
- package/typings/src/components/paneldynamic-actions/paneldynamic-prev-btn.d.ts +0 -6
- package/typings/src/components/paneldynamic-actions/paneldynamic-remove-btn.d.ts +0 -6
- package/typings/src/components/survey-actions/survey-nav-button.d.ts +0 -8
package/fesm/survey-react-ui.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* surveyjs - Survey JavaScript library
|
|
2
|
+
* surveyjs - Survey JavaScript library v3.0.0-beta.0
|
|
3
3
|
* Copyright (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
|
|
4
4
|
* License: MIT (http://www.opensource.org/licenses/mit-license.php)
|
|
5
5
|
*/
|
|
@@ -530,6 +530,10 @@ class SurveyAction extends SurveyElementBase {
|
|
|
530
530
|
}
|
|
531
531
|
}
|
|
532
532
|
class SurveyActionBarItem extends SurveyElementBase {
|
|
533
|
+
constructor() {
|
|
534
|
+
super(...arguments);
|
|
535
|
+
this.ref = React.createRef();
|
|
536
|
+
}
|
|
533
537
|
get item() {
|
|
534
538
|
return this.props.item;
|
|
535
539
|
}
|
|
@@ -556,9 +560,17 @@ class SurveyActionBarItem extends SurveyElementBase {
|
|
|
556
560
|
const title = this.item.tooltip || this.item.title;
|
|
557
561
|
const buttonContent = this.renderButtonContent();
|
|
558
562
|
const tabIndex = this.item.disableTabStop ? -1 : undefined;
|
|
559
|
-
const button = attachKey2click(React.createElement("button", { className: className, type: "button", disabled: this.item.disabled, onMouseDown: (args) => this.item.doMouseDown(args), onFocus: (args) => this.item.doFocus(args), onClick: (args) => this.item.doAction(args), title: title, tabIndex: tabIndex, "aria-checked": this.item.ariaChecked, "aria-expanded": this.item.ariaExpanded, "aria-labelledby": this.item.ariaLabelledBy, role: this.item.ariaRole }, buttonContent), this.item, { processEsc: false });
|
|
563
|
+
const button = attachKey2click(React.createElement("button", { ref: this.ref, className: className, type: "button", disabled: this.item.disabled, onMouseDown: (args) => this.item.doMouseDown(args), onFocus: (args) => this.item.doFocus(args), onClick: (args) => this.item.doAction(args), title: title, tabIndex: tabIndex, "aria-checked": this.item.ariaChecked, "aria-expanded": this.item.ariaExpanded, "aria-controls": this.item.ariaControls, "aria-labelledby": this.item.ariaLabelledBy, role: this.item.ariaRole }, buttonContent), this.item, { processEsc: false });
|
|
560
564
|
return button;
|
|
561
565
|
}
|
|
566
|
+
componentDidMount() {
|
|
567
|
+
super.componentDidMount();
|
|
568
|
+
this.props.item.setInputElement(this.ref.current);
|
|
569
|
+
}
|
|
570
|
+
componentWillUnmount() {
|
|
571
|
+
super.componentWillUnmount();
|
|
572
|
+
this.props.item.setInputElement(undefined);
|
|
573
|
+
}
|
|
562
574
|
}
|
|
563
575
|
ReactElementFactory.Instance.registerElement("sv-action-bar-item", (props) => {
|
|
564
576
|
return React.createElement(SurveyActionBarItem, props);
|
|
@@ -1795,7 +1807,7 @@ function attachKey2click(element, viewModel, options = { processEsc: true, disab
|
|
|
1795
1807
|
return React.cloneElement(element, props);
|
|
1796
1808
|
}
|
|
1797
1809
|
|
|
1798
|
-
class SurveyNavigationBase extends
|
|
1810
|
+
class SurveyNavigationBase extends SurveyElementBase {
|
|
1799
1811
|
constructor(props) {
|
|
1800
1812
|
super(props);
|
|
1801
1813
|
this.updateStateFunction = null;
|
|
@@ -4881,52 +4893,30 @@ class SurveyQuestionMatrixDynamic extends SurveyQuestionMatrixDropdownBase {
|
|
|
4881
4893
|
? this.renderTableDiv()
|
|
4882
4894
|
: this.renderNoRowsContent(cssClasses);
|
|
4883
4895
|
return (React.createElement("div", null,
|
|
4884
|
-
this.
|
|
4896
|
+
this.renderTopToolbar(),
|
|
4885
4897
|
mainDiv,
|
|
4886
|
-
this.
|
|
4898
|
+
this.renderBottomToolbar()));
|
|
4887
4899
|
}
|
|
4888
|
-
|
|
4889
|
-
|
|
4900
|
+
renderToolbar() {
|
|
4901
|
+
return React.createElement("div", { className: this.matrix.cssClasses.footer }, ReactElementFactory.Instance.createElement("sv-action-bar", { model: this.matrix.toolbar }));
|
|
4902
|
+
}
|
|
4903
|
+
renderTopToolbar() {
|
|
4904
|
+
if (!this.matrix.getShowToolbar("top"))
|
|
4890
4905
|
return null;
|
|
4891
|
-
return this.
|
|
4906
|
+
return this.renderToolbar();
|
|
4892
4907
|
}
|
|
4893
|
-
|
|
4894
|
-
if (!this.matrix.
|
|
4908
|
+
renderBottomToolbar() {
|
|
4909
|
+
if (!this.matrix.getShowToolbar("bottom"))
|
|
4895
4910
|
return null;
|
|
4896
|
-
return this.
|
|
4911
|
+
return this.renderToolbar();
|
|
4897
4912
|
}
|
|
4898
4913
|
renderNoRowsContent(cssClasses) {
|
|
4899
4914
|
return ReactElementFactory.Instance.createElement("sv-placeholder-matrixdynamic", { cssClasses: cssClasses, question: this.matrix });
|
|
4900
4915
|
}
|
|
4901
|
-
renderAddRowButton(cssClasses, isEmptySection = false) {
|
|
4902
|
-
return ReactElementFactory.Instance.createElement("sv-matrixdynamic-add-btn", {
|
|
4903
|
-
question: this.question, cssClasses, isEmptySection
|
|
4904
|
-
});
|
|
4905
|
-
}
|
|
4906
4916
|
}
|
|
4907
4917
|
ReactQuestionFactory.Instance.registerQuestion("matrixdynamic", (props) => {
|
|
4908
4918
|
return React.createElement(SurveyQuestionMatrixDynamic, props);
|
|
4909
4919
|
});
|
|
4910
|
-
class SurveyQuestionMatrixDynamicAddButton extends ReactSurveyElement {
|
|
4911
|
-
constructor(props) {
|
|
4912
|
-
super(props);
|
|
4913
|
-
this.handleOnRowAddClick = this.handleOnRowAddClick.bind(this);
|
|
4914
|
-
}
|
|
4915
|
-
get matrix() {
|
|
4916
|
-
return this.props.question;
|
|
4917
|
-
}
|
|
4918
|
-
handleOnRowAddClick(event) {
|
|
4919
|
-
this.matrix.addRowUI();
|
|
4920
|
-
}
|
|
4921
|
-
renderElement() {
|
|
4922
|
-
const addRowText = this.renderLocString(this.matrix.locAddRowText);
|
|
4923
|
-
const addButton = (React.createElement("button", { className: this.matrix.getAddRowButtonCss(this.props.isEmptySection), type: "button", disabled: this.matrix.isInputReadOnly, onClick: this.matrix.isDesignMode ? undefined : this.handleOnRowAddClick },
|
|
4924
|
-
addRowText,
|
|
4925
|
-
React.createElement("span", { className: this.props.cssClasses.iconAdd }, this.cssClasses.iconAddId && React.createElement("svg", null,
|
|
4926
|
-
React.createElement("use", { xlinkHref: this.cssClasses.iconAddId })))));
|
|
4927
|
-
return (this.props.isEmptySection ? addButton : React.createElement("div", { className: this.props.cssClasses.footer }, addButton));
|
|
4928
|
-
}
|
|
4929
|
-
}
|
|
4930
4920
|
class SurveyQuestionMatrixDynamicPlaceholder extends ReactSurveyElement {
|
|
4931
4921
|
constructor(props) {
|
|
4932
4922
|
super(props);
|
|
@@ -4934,21 +4924,14 @@ class SurveyQuestionMatrixDynamicPlaceholder extends ReactSurveyElement {
|
|
|
4934
4924
|
renderElement() {
|
|
4935
4925
|
const cssClasses = this.props.cssClasses;
|
|
4936
4926
|
const matrix = this.props.question;
|
|
4937
|
-
const showAddButton = matrix.renderedTable.showAddRow;
|
|
4938
4927
|
const text = this.renderLocString(matrix.locNoRowsText);
|
|
4939
4928
|
const textDiv = React.createElement("div", { className: cssClasses.noRowsText }, text);
|
|
4940
|
-
const
|
|
4929
|
+
const toolbar = matrix.getShowToolbar() ? ReactElementFactory.Instance.createElement("sv-action-bar", { model: matrix.toolbar }) : null;
|
|
4941
4930
|
return (React.createElement("div", { className: cssClasses.noRowsSection },
|
|
4942
4931
|
textDiv,
|
|
4943
|
-
|
|
4944
|
-
}
|
|
4945
|
-
renderAddRowButton(cssClasses, question) {
|
|
4946
|
-
return ReactElementFactory.Instance.createElement("sv-matrixdynamic-add-btn", {
|
|
4947
|
-
question: question, cssClasses: cssClasses, isEmptySection: true
|
|
4948
|
-
});
|
|
4932
|
+
toolbar));
|
|
4949
4933
|
}
|
|
4950
4934
|
}
|
|
4951
|
-
ReactElementFactory.Instance.registerElement("sv-matrixdynamic-add-btn", (props) => { return React.createElement(SurveyQuestionMatrixDynamicAddButton, props); });
|
|
4952
4935
|
ReactElementFactory.Instance.registerElement("sv-placeholder-matrixdynamic", (props) => { return React.createElement(SurveyQuestionMatrixDynamicPlaceholder, props); });
|
|
4953
4936
|
|
|
4954
4937
|
class SurveyQuestionPanelDynamic extends SurveyQuestionElementBase {
|
|
@@ -4992,7 +4975,7 @@ class SurveyQuestionPanelDynamic extends SurveyQuestionElementBase {
|
|
|
4992
4975
|
const rangeTop = this.question.isRangeShowing && this.question.isProgressTopShowing
|
|
4993
4976
|
? this.renderRange()
|
|
4994
4977
|
: null;
|
|
4995
|
-
const
|
|
4978
|
+
const navigation = this.renderNavigator();
|
|
4996
4979
|
const noEntriesPlaceholder = this.renderPlaceholder(cssClasses);
|
|
4997
4980
|
return (React.createElement("div", { className: cssClasses.root },
|
|
4998
4981
|
this.question.hasTabbedMenu ? React.createElement("div", { className: this.question.getTabsContainerCss() },
|
|
@@ -5000,18 +4983,13 @@ class SurveyQuestionPanelDynamic extends SurveyQuestionElementBase {
|
|
|
5000
4983
|
noEntriesPlaceholder,
|
|
5001
4984
|
rangeTop,
|
|
5002
4985
|
React.createElement("div", { className: this.question.cssClasses.panelsContainer }, panels),
|
|
5003
|
-
|
|
4986
|
+
navigation));
|
|
5004
4987
|
}
|
|
5005
4988
|
renderRange() {
|
|
5006
4989
|
return (React.createElement("div", { className: this.question.cssClasses.progress },
|
|
5007
4990
|
React.createElement("div", { className: this.question.cssClasses.progressBar, style: { width: this.question.progress }, role: "progressbar", "aria-label": this.question.progressBarAriaLabel })));
|
|
5008
4991
|
}
|
|
5009
|
-
|
|
5010
|
-
return ReactElementFactory.Instance.createElement("sv-paneldynamic-add-btn", {
|
|
5011
|
-
data: { question: this.question }
|
|
5012
|
-
});
|
|
5013
|
-
}
|
|
5014
|
-
renderNavigatorV2() {
|
|
4992
|
+
renderNavigator() {
|
|
5015
4993
|
if (!this.question.showNavigation)
|
|
5016
4994
|
return null;
|
|
5017
4995
|
const range = this.question.isRangeShowing && this.question.isProgressBottomShowing ? this.renderRange() : null;
|
|
@@ -5055,9 +5033,7 @@ class SurveyQuestionPanelDynamicItem extends SurveyPanel {
|
|
|
5055
5033
|
renderButton() {
|
|
5056
5034
|
if (!this.question.canRenderRemovePanelOnRight(this.panel))
|
|
5057
5035
|
return null;
|
|
5058
|
-
return
|
|
5059
|
-
data: { question: this.question, panel: this.panel }
|
|
5060
|
-
});
|
|
5036
|
+
return React.createElement(SurveyAction, { item: this.question.getRemovePanelAction(this.panel) });
|
|
5061
5037
|
}
|
|
5062
5038
|
}
|
|
5063
5039
|
ReactQuestionFactory.Instance.registerQuestion("paneldynamic", props => {
|
|
@@ -5072,12 +5048,7 @@ class SurveyQuestionPanelDynamicPlaceholder extends ReactSurveyElement {
|
|
|
5072
5048
|
const question = this.props.question;
|
|
5073
5049
|
return (React.createElement("div", { className: cssClasses.noEntriesPlaceholder },
|
|
5074
5050
|
React.createElement("span", null, this.renderLocString(question.locNoEntriesText)),
|
|
5075
|
-
this.
|
|
5076
|
-
}
|
|
5077
|
-
renderAddRowButton(question) {
|
|
5078
|
-
return ReactElementFactory.Instance.createElement("sv-paneldynamic-add-btn", {
|
|
5079
|
-
data: { question: question }
|
|
5080
|
-
});
|
|
5051
|
+
React.createElement(SurveyActionBar, { model: this.props.question.footerToolbar })));
|
|
5081
5052
|
}
|
|
5082
5053
|
}
|
|
5083
5054
|
ReactElementFactory.Instance.registerElement("sv-placeholder-paneldynamic", (props) => { return React.createElement(SurveyQuestionPanelDynamicPlaceholder, props); });
|
|
@@ -5132,6 +5103,9 @@ class SurveyProgressButtons extends SurveyNavigationBase {
|
|
|
5132
5103
|
get container() {
|
|
5133
5104
|
return this.props.container;
|
|
5134
5105
|
}
|
|
5106
|
+
getStateElement() {
|
|
5107
|
+
return this.model;
|
|
5108
|
+
}
|
|
5135
5109
|
onResize(canShowItemTitles) {
|
|
5136
5110
|
this.setState({ canShowItemTitles });
|
|
5137
5111
|
this.setState({ canShowHeader: !canShowItemTitles });
|
|
@@ -5144,7 +5118,7 @@ class SurveyProgressButtons extends SurveyNavigationBase {
|
|
|
5144
5118
|
this.setState({ canShowFooter: !this.model.showItemTitles });
|
|
5145
5119
|
}
|
|
5146
5120
|
render() {
|
|
5147
|
-
return (React.createElement("div", { className: this.model.getRootCss(this.props.container), style: { "maxWidth": this.model.progressWidth, ["--sd-progress-buttons-pages-count"]: this.
|
|
5121
|
+
return (React.createElement("div", { className: this.model.getRootCss(this.props.container), style: { "maxWidth": this.model.progressWidth, ["--sd-progress-buttons-pages-count"]: this.model.visiblePages.length }, role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": this.model.progressBarAriaLabel },
|
|
5148
5122
|
this.state.canShowHeader ? React.createElement("div", { className: this.css.progressButtonsHeader },
|
|
5149
5123
|
React.createElement("div", { className: this.css.progressButtonsPageTitle, title: this.model.headerText }, this.model.headerText)) : null,
|
|
5150
5124
|
React.createElement("div", { className: this.css.progressButtonsContainer },
|
|
@@ -5157,7 +5131,7 @@ class SurveyProgressButtons extends SurveyNavigationBase {
|
|
|
5157
5131
|
}
|
|
5158
5132
|
getListElements() {
|
|
5159
5133
|
let buttons = [];
|
|
5160
|
-
this.
|
|
5134
|
+
this.model.visiblePages.forEach((page, index) => {
|
|
5161
5135
|
buttons.push(this.renderListElement(page, index));
|
|
5162
5136
|
});
|
|
5163
5137
|
return buttons;
|
|
@@ -6075,145 +6049,13 @@ ReactElementFactory.Instance.registerElement("sv-logo-image", (props) => {
|
|
|
6075
6049
|
return React.createElement(LogoImage, props);
|
|
6076
6050
|
});
|
|
6077
6051
|
|
|
6078
|
-
class
|
|
6079
|
-
constructor(props) {
|
|
6080
|
-
super(props);
|
|
6081
|
-
this.handleOnRowRemoveClick = this.handleOnRowRemoveClick.bind(this);
|
|
6082
|
-
}
|
|
6083
|
-
get question() {
|
|
6084
|
-
return this.props.item.data.question;
|
|
6085
|
-
}
|
|
6086
|
-
get row() {
|
|
6087
|
-
return this.props.item.data.row;
|
|
6088
|
-
}
|
|
6089
|
-
handleOnRowRemoveClick(event) {
|
|
6090
|
-
this.question.removeRowUI(this.row);
|
|
6091
|
-
}
|
|
6092
|
-
renderElement() {
|
|
6093
|
-
var removeRowText = this.renderLocString(this.question.locRemoveRowText);
|
|
6094
|
-
return (React.createElement("button", { className: this.question.getRemoveRowButtonCss(), type: "button", onClick: this.handleOnRowRemoveClick, disabled: this.question.isInputReadOnly },
|
|
6095
|
-
removeRowText,
|
|
6096
|
-
React.createElement("span", { className: this.question.cssClasses.iconRemove })));
|
|
6097
|
-
}
|
|
6098
|
-
}
|
|
6099
|
-
ReactElementFactory.Instance.registerElement("sv-matrix-remove-button", (props) => {
|
|
6100
|
-
return React.createElement(SurveyQuestionMatrixDynamicRemoveButton, props);
|
|
6101
|
-
});
|
|
6102
|
-
|
|
6103
|
-
class SurveyQuestionMatrixDetailButton extends ReactSurveyElement {
|
|
6104
|
-
constructor(props) {
|
|
6105
|
-
super(props);
|
|
6106
|
-
this.handleOnShowHideClick = this.handleOnShowHideClick.bind(this);
|
|
6107
|
-
}
|
|
6108
|
-
getStateElement() {
|
|
6109
|
-
return this.props.item;
|
|
6110
|
-
}
|
|
6111
|
-
get item() {
|
|
6112
|
-
return this.props.item;
|
|
6113
|
-
}
|
|
6114
|
-
get question() {
|
|
6115
|
-
return this.props.item.data.question;
|
|
6116
|
-
}
|
|
6117
|
-
get row() {
|
|
6118
|
-
return this.props.item.data.row;
|
|
6119
|
-
}
|
|
6120
|
-
handleOnShowHideClick(event) {
|
|
6121
|
-
this.row.showHideDetailPanelClick();
|
|
6122
|
-
}
|
|
6123
|
-
renderElement() {
|
|
6124
|
-
var isExpanded = this.row.isDetailPanelShowing;
|
|
6125
|
-
var ariaExpanded = isExpanded;
|
|
6126
|
-
var ariaControls = isExpanded ? this.row.detailPanelId : undefined;
|
|
6127
|
-
return (React.createElement("button", { type: "button", title: this.props.item.title, onClick: this.handleOnShowHideClick, className: this.question.getDetailPanelButtonCss(this.row), "aria-expanded": ariaExpanded, "aria-controls": ariaControls },
|
|
6128
|
-
React.createElement(SvgIcon, { className: this.question.getDetailPanelIconCss(this.row), iconName: this.question.getDetailPanelIconId(this.row), size: "auto" })));
|
|
6129
|
-
}
|
|
6130
|
-
}
|
|
6131
|
-
ReactElementFactory.Instance.registerElement("sv-matrix-detail-button", props => {
|
|
6132
|
-
return React.createElement(SurveyQuestionMatrixDetailButton, props);
|
|
6133
|
-
});
|
|
6134
|
-
|
|
6135
|
-
class SurveyQuestionPanelDynamicAction extends ReactSurveyElement {
|
|
6136
|
-
constructor(props) {
|
|
6137
|
-
super(props);
|
|
6138
|
-
}
|
|
6052
|
+
class SurveyQuestionPanelDynamicProgressText extends ReactSurveyElement {
|
|
6139
6053
|
get data() {
|
|
6140
6054
|
return (this.props.item && this.props.item.data) || this.props.data;
|
|
6141
6055
|
}
|
|
6142
6056
|
get question() {
|
|
6143
6057
|
return (this.props.item && this.props.item.data.question) || this.props.data.question;
|
|
6144
6058
|
}
|
|
6145
|
-
}
|
|
6146
|
-
class SurveyQuestionPanelDynamicAddButton extends SurveyQuestionPanelDynamicAction {
|
|
6147
|
-
constructor() {
|
|
6148
|
-
super(...arguments);
|
|
6149
|
-
this.handleClick = (event) => {
|
|
6150
|
-
this.question.addPanelUI();
|
|
6151
|
-
};
|
|
6152
|
-
}
|
|
6153
|
-
renderElement() {
|
|
6154
|
-
if (!this.question.canAddPanel)
|
|
6155
|
-
return null;
|
|
6156
|
-
const btnText = this.renderLocString(this.question.locAddPanelText);
|
|
6157
|
-
return (React.createElement("button", { type: "button", id: this.question.addButtonId, className: this.question.getAddButtonCss(), onClick: this.handleClick },
|
|
6158
|
-
React.createElement("span", { className: this.question.cssClasses.buttonAddText }, btnText)));
|
|
6159
|
-
}
|
|
6160
|
-
}
|
|
6161
|
-
ReactElementFactory.Instance.registerElement("sv-paneldynamic-add-btn", (props) => {
|
|
6162
|
-
return React.createElement(SurveyQuestionPanelDynamicAddButton, props);
|
|
6163
|
-
});
|
|
6164
|
-
|
|
6165
|
-
class SurveyQuestionPanelDynamicRemoveButton extends SurveyQuestionPanelDynamicAction {
|
|
6166
|
-
constructor() {
|
|
6167
|
-
super(...arguments);
|
|
6168
|
-
this.handleClick = (event) => {
|
|
6169
|
-
this.question.removePanelUI(this.data.panel);
|
|
6170
|
-
};
|
|
6171
|
-
}
|
|
6172
|
-
renderElement() {
|
|
6173
|
-
const btnText = this.renderLocString(this.question.locRemovePanelText);
|
|
6174
|
-
const id = this.question.getPanelRemoveButtonId(this.data.panel);
|
|
6175
|
-
return (React.createElement("button", { id: id, className: this.question.getPanelRemoveButtonCss(), onClick: this.handleClick, type: "button" },
|
|
6176
|
-
React.createElement("span", { className: this.question.cssClasses.buttonRemoveText }, btnText),
|
|
6177
|
-
React.createElement("span", { className: this.question.cssClasses.iconRemove })));
|
|
6178
|
-
}
|
|
6179
|
-
}
|
|
6180
|
-
ReactElementFactory.Instance.registerElement("sv-paneldynamic-remove-btn", (props) => {
|
|
6181
|
-
return React.createElement(SurveyQuestionPanelDynamicRemoveButton, props);
|
|
6182
|
-
});
|
|
6183
|
-
|
|
6184
|
-
class SurveyQuestionPanelDynamicPrevButton extends SurveyQuestionPanelDynamicAction {
|
|
6185
|
-
constructor() {
|
|
6186
|
-
super(...arguments);
|
|
6187
|
-
this.handleClick = (event) => {
|
|
6188
|
-
this.question.goToPrevPanel();
|
|
6189
|
-
};
|
|
6190
|
-
}
|
|
6191
|
-
renderElement() {
|
|
6192
|
-
return (React.createElement("div", { title: this.question.panelPrevText, onClick: this.handleClick, className: this.question.getPrevButtonCss() },
|
|
6193
|
-
React.createElement(SvgIcon, { iconName: this.question.cssClasses.progressBtnIcon, size: "auto" })));
|
|
6194
|
-
}
|
|
6195
|
-
}
|
|
6196
|
-
ReactElementFactory.Instance.registerElement("sv-paneldynamic-prev-btn", (props) => {
|
|
6197
|
-
return React.createElement(SurveyQuestionPanelDynamicPrevButton, props);
|
|
6198
|
-
});
|
|
6199
|
-
|
|
6200
|
-
class SurveyQuestionPanelDynamicNextButton extends SurveyQuestionPanelDynamicAction {
|
|
6201
|
-
constructor() {
|
|
6202
|
-
super(...arguments);
|
|
6203
|
-
this.handleClick = (event) => {
|
|
6204
|
-
this.question.goToNextPanel();
|
|
6205
|
-
};
|
|
6206
|
-
}
|
|
6207
|
-
renderElement() {
|
|
6208
|
-
return (React.createElement("div", { title: this.question.panelNextText, onClick: this.handleClick, className: this.question.getNextButtonCss() },
|
|
6209
|
-
React.createElement(SvgIcon, { iconName: this.question.cssClasses.progressBtnIcon, size: "auto" })));
|
|
6210
|
-
}
|
|
6211
|
-
}
|
|
6212
|
-
ReactElementFactory.Instance.registerElement("sv-paneldynamic-next-btn", (props) => {
|
|
6213
|
-
return React.createElement(SurveyQuestionPanelDynamicNextButton, props);
|
|
6214
|
-
});
|
|
6215
|
-
|
|
6216
|
-
class SurveyQuestionPanelDynamicProgressText extends SurveyQuestionPanelDynamicAction {
|
|
6217
6059
|
renderElement() {
|
|
6218
6060
|
return (React.createElement("div", { className: this.question.cssClasses.progressText }, this.question.progressText));
|
|
6219
6061
|
}
|
|
@@ -6222,21 +6064,6 @@ ReactElementFactory.Instance.registerElement("sv-paneldynamic-progress-text", (p
|
|
|
6222
6064
|
return React.createElement(SurveyQuestionPanelDynamicProgressText, props);
|
|
6223
6065
|
});
|
|
6224
6066
|
|
|
6225
|
-
class SurveyNavigationButton extends ReactSurveyElement {
|
|
6226
|
-
get item() {
|
|
6227
|
-
return this.props.item;
|
|
6228
|
-
}
|
|
6229
|
-
canRender() {
|
|
6230
|
-
return this.item.isVisible;
|
|
6231
|
-
}
|
|
6232
|
-
renderElement() {
|
|
6233
|
-
return (React.createElement("input", { className: this.item.innerCss, type: "button", disabled: this.item.disabled, onMouseDown: this.item.data && this.item.data.mouseDown, onClick: this.item.action, title: this.item.getTooltip(), value: this.item.title }));
|
|
6234
|
-
}
|
|
6235
|
-
}
|
|
6236
|
-
ReactElementFactory.Instance.registerElement("sv-nav-btn", (props) => {
|
|
6237
|
-
return React.createElement(SurveyNavigationButton, props);
|
|
6238
|
-
});
|
|
6239
|
-
|
|
6240
6067
|
class QuestionErrorComponent extends React.Component {
|
|
6241
6068
|
render() {
|
|
6242
6069
|
const error = this.props.error;
|
|
@@ -6420,7 +6247,7 @@ ReactElementFactory.Instance.registerElement(LocalizableString.editableRenderer,
|
|
|
6420
6247
|
return React.createElement(SurveyLocStringEditor, props);
|
|
6421
6248
|
});
|
|
6422
6249
|
|
|
6423
|
-
checkLibraryVersion(`${"
|
|
6250
|
+
checkLibraryVersion(`${"3.0.0-beta.0"}`, "survey-react-ui");
|
|
6424
6251
|
|
|
6425
|
-
export { CharacterCounterComponent, ComponentsContainer, Header, HeaderCell, HeaderMobile, List, ListItemContent, ListItemGroup, LoadingIndicatorComponent, LogoImage, MatrixRow, NotifierComponent, Popup, PopupModal, PopupSurvey, QuestionErrorComponent, RatingDropdownItem, RatingItem, RatingItemSmiley, RatingItemStar, ReactElementFactory, ReactQuestionFactory, ReactSurveyElement, ReactSurveyElementsWrapper, Scroll, Skeleton, SliderLabelItem, Survey, SurveyActionBar, SurveyElementBase, SurveyElementErrors, SurveyFileChooseButton, SurveyFileItem, SurveyFilePreview, SurveyFlowPanel, SurveyHeader, SurveyLocStringEditor, SurveyLocStringViewer, SurveyNavigationBase,
|
|
6252
|
+
export { CharacterCounterComponent, ComponentsContainer, Header, HeaderCell, HeaderMobile, List, ListItemContent, ListItemGroup, LoadingIndicatorComponent, LogoImage, MatrixRow, NotifierComponent, Popup, PopupModal, PopupSurvey, QuestionErrorComponent, RatingDropdownItem, RatingItem, RatingItemSmiley, RatingItemStar, ReactElementFactory, ReactQuestionFactory, ReactSurveyElement, ReactSurveyElementsWrapper, Scroll, Skeleton, SliderLabelItem, Survey, SurveyActionBar, SurveyElementBase, SurveyElementErrors, SurveyFileChooseButton, SurveyFileItem, SurveyFilePreview, SurveyFlowPanel, SurveyHeader, SurveyLocStringEditor, SurveyLocStringViewer, SurveyNavigationBase, SurveyPage, SurveyPanel, SurveyProgress, SurveyProgressButtons, SurveyProgressToc, SurveyQuestion, SurveyQuestionAndErrorsCell, SurveyQuestionBoolean, SurveyQuestionBooleanCheckbox, SurveyQuestionBooleanRadio, SurveyQuestionButtonGroup, SurveyQuestionButtonGroupDropdown, SurveyQuestionCheckbox, SurveyQuestionCheckboxItem, SurveyQuestionComment, SurveyQuestionCommentItem, SurveyQuestionComposite, SurveyQuestionCustom, SurveyQuestionDropdown, SurveyQuestionDropdownBase, SurveyQuestionDropdownSelect, SurveyQuestionElementBase, SurveyQuestionEmpty, SurveyQuestionExpression, SurveyQuestionFile, SurveyQuestionHtml, SurveyQuestionImage, SurveyQuestionImageMap, SurveyQuestionImagePicker, SurveyQuestionMatrix, SurveyQuestionMatrixCell, SurveyQuestionMatrixDropdown, SurveyQuestionMatrixDropdownBase, SurveyQuestionMatrixDropdownCell, SurveyQuestionMatrixDynamic, SurveyQuestionMatrixDynamicDragDropIcon, SurveyQuestionMatrixRow, SurveyQuestionMultipleText, SurveyQuestionOptionItem, SurveyQuestionPanelDynamic, SurveyQuestionPanelDynamicProgressText, SurveyQuestionRadioItem, SurveyQuestionRadiogroup, SurveyQuestionRanking, SurveyQuestionRankingItem, SurveyQuestionRankingItemContent, SurveyQuestionRating, SurveyQuestionRatingDropdown, SurveyQuestionSignaturePad, SurveyQuestionSlider, SurveyQuestionTagbox, SurveyQuestionTagboxItem, SurveyQuestionText, SurveyRow, SurveyTimerPanel, SurveyWindow, SvgBundleComponent, SvgIcon, TagboxFilterString, TitleActions, TitleElement, attachKey2click };
|
|
6426
6253
|
//# sourceMappingURL=survey-react-ui.mjs.map
|