survey-react-ui 2.0.8 → 2.0.10
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 +32 -25
- package/fesm/survey-react-ui.mjs.map +1 -1
- package/package.json +2 -2
- package/survey-react-ui.js +36 -25
- package/survey-react-ui.js.map +1 -1
- package/survey-react-ui.min.js +1 -1
- package/survey-react-ui.min.js.LICENSE.txt +1 -1
- package/typings/src/components/scroll.d.ts +1 -0
- package/typings/src/progress.d.ts +1 -0
- package/typings/src/row.d.ts +1 -0
package/fesm/survey-react-ui.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* surveyjs - Survey JavaScript library v2.0.
|
|
2
|
+
* surveyjs - Survey JavaScript library v2.0.10
|
|
3
3
|
* Copyright (c) 2015-2025 Devsoft Baltic OÜ - http://surveyjs.io/
|
|
4
4
|
* License: MIT (http://www.opensource.org/licenses/mit-license.php)
|
|
5
5
|
*/
|
|
@@ -525,7 +525,7 @@ class SurveyRow extends SurveyElementBase {
|
|
|
525
525
|
}
|
|
526
526
|
if (!!el && !this.row.isNeedRender) {
|
|
527
527
|
var rowContainerDiv = el;
|
|
528
|
-
setTimeout(() => {
|
|
528
|
+
this.lazyRenderingTimeout = setTimeout(() => {
|
|
529
529
|
this.row.startLazyRendering(rowContainerDiv);
|
|
530
530
|
}, 10);
|
|
531
531
|
}
|
|
@@ -543,6 +543,7 @@ class SurveyRow extends SurveyElementBase {
|
|
|
543
543
|
return true;
|
|
544
544
|
}
|
|
545
545
|
stopLazyRendering() {
|
|
546
|
+
clearTimeout(this.lazyRenderingTimeout);
|
|
546
547
|
this.row.stopLazyRendering();
|
|
547
548
|
this.row.isNeedRender = !this.row.isLazyRendering();
|
|
548
549
|
}
|
|
@@ -1472,7 +1473,7 @@ class SurveyQuestion extends SurveyElementBase {
|
|
|
1472
1473
|
const singleInput = singleSummary || (question.singleInputQuestion ? this.renderSingleInputQuestion(question, cssClasses) : undefined);
|
|
1473
1474
|
const questionContent = singleInput || this.wrapQuestionContent(this.renderQuestionContent());
|
|
1474
1475
|
return (React.createElement(React.Fragment, null,
|
|
1475
|
-
React.createElement("div", { ref: this.rootRef, id: question.id, className: question.getRootCss(), style: rootStyle, role: question.ariaRole, "aria-required": this.question.ariaRequired, "aria-invalid": this.question.ariaInvalid, "aria-label": this.question.ariaLabel, "aria-labelledby": question.ariaLabelledBy, "aria-describedby": question.ariaDescribedBy, "aria-expanded": question.ariaExpanded
|
|
1476
|
+
React.createElement("div", { ref: this.rootRef, id: question.id, className: question.getRootCss(), style: rootStyle, "data-name": question.name, role: question.ariaRole, "aria-required": this.question.ariaRequired, "aria-invalid": this.question.ariaInvalid, "aria-label": this.question.ariaLabel, "aria-labelledby": question.ariaLabelledBy, "aria-describedby": question.ariaDescribedBy, "aria-expanded": question.ariaExpanded },
|
|
1476
1477
|
singleBreadcrumbs,
|
|
1477
1478
|
errorsAboveQuestion,
|
|
1478
1479
|
headerTop,
|
|
@@ -1924,7 +1925,7 @@ class PopupModal extends SurveyElementBase {
|
|
|
1924
1925
|
PopupModal.modalDescriptors = [];
|
|
1925
1926
|
|
|
1926
1927
|
/*!
|
|
1927
|
-
* surveyjs - Survey JavaScript library v2.0.
|
|
1928
|
+
* surveyjs - Survey JavaScript library v2.0.10
|
|
1928
1929
|
* Copyright (c) 2015-2025 Devsoft Baltic OÜ - http://surveyjs.io/
|
|
1929
1930
|
* License: MIT (http://www.opensource.org/licenses/mit-license.php)
|
|
1930
1931
|
*/
|
|
@@ -1994,7 +1995,7 @@ var iconsV1 = {
|
|
|
1994
1995
|
};
|
|
1995
1996
|
|
|
1996
1997
|
/*!
|
|
1997
|
-
* surveyjs - Survey JavaScript library v2.0.
|
|
1998
|
+
* surveyjs - Survey JavaScript library v2.0.10
|
|
1998
1999
|
* Copyright (c) 2015-2025 Devsoft Baltic OÜ - http://surveyjs.io/
|
|
1999
2000
|
* License: MIT (http://www.opensource.org/licenses/mit-license.php)
|
|
2000
2001
|
*/
|
|
@@ -2068,6 +2069,11 @@ class Scroll extends React.Component {
|
|
|
2068
2069
|
super(props);
|
|
2069
2070
|
this.rootRef = React.createRef();
|
|
2070
2071
|
this.model = new ScrollViewModel();
|
|
2072
|
+
this.model.onInnerHeightChanged = (hasScroll) => {
|
|
2073
|
+
if (!!this.props.onInnerHeightChanged) {
|
|
2074
|
+
this.props.onInnerHeightChanged(hasScroll);
|
|
2075
|
+
}
|
|
2076
|
+
};
|
|
2071
2077
|
}
|
|
2072
2078
|
componentDidMount() {
|
|
2073
2079
|
const container = this.rootRef.current;
|
|
@@ -3077,7 +3083,7 @@ class TagboxFilterString extends SurveyElementBase {
|
|
|
3077
3083
|
(React.createElement("div", { className: this.question.cssClasses.hintSuffix },
|
|
3078
3084
|
React.createElement("span", { style: { visibility: "hidden" }, "data-bind": "text: model.filterString" }, this.model.inputStringRendered),
|
|
3079
3085
|
React.createElement("span", null, this.model.hintStringSuffix))) : null,
|
|
3080
|
-
React.createElement("input", { type: "text", autoComplete: "off", id: this.question.getInputId(), inputMode: this.model.inputMode, ref: (element) => (this.inputElement = element), className: this.question.cssClasses.filterStringInput, disabled: this.question.isInputReadOnly, readOnly: this.model.filterReadOnly ? true : undefined, size: !this.model.inputStringRendered ? 1 : undefined, role: this.model.
|
|
3086
|
+
React.createElement("input", { type: "text", autoComplete: "off", id: this.question.getInputId(), inputMode: this.model.inputMode, ref: (element) => (this.inputElement = element), className: this.question.cssClasses.filterStringInput, disabled: this.question.isInputReadOnly, readOnly: this.model.filterReadOnly ? true : undefined, size: !this.model.inputStringRendered ? 1 : undefined, role: this.model.ariaInputRole, "aria-required": this.model.ariaInputRequired, "aria-invalid": this.model.ariaInputInvalid, "aria-errormessage": this.model.ariaInputErrorMessage, "aria-expanded": this.model.ariaInputExpanded, "aria-label": this.model.ariaInputLabel, "aria-labelledby": this.model.ariaInputLabelledby, "aria-describedby": this.model.ariaInputDescribedby, "aria-controls": this.model.ariaInputControls, "aria-activedescendant": this.model.ariaInputActivedescendant, placeholder: this.model.filterStringPlaceholder, onKeyDown: (e) => { this.keyhandler(e); }, onChange: (e) => { this.onChange(e); }, onBlur: (e) => { this.onBlur(e); }, onFocus: (e) => { this.onFocus(e); } }))));
|
|
3081
3087
|
}
|
|
3082
3088
|
}
|
|
3083
3089
|
ReactQuestionFactory.Instance.registerQuestion("sv-tagbox-filter", (props) => {
|
|
@@ -3171,17 +3177,17 @@ class SurveyQuestionDropdownBase extends SurveyQuestionUncontrolledElement {
|
|
|
3171
3177
|
}
|
|
3172
3178
|
}
|
|
3173
3179
|
renderSelect(cssClasses) {
|
|
3174
|
-
var _a, _b;
|
|
3175
3180
|
let selectElement = null;
|
|
3181
|
+
const dropdownListModel = this.question.dropdownListModel;
|
|
3176
3182
|
if (this.question.isReadOnly) {
|
|
3177
3183
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
3178
3184
|
// @ts-ignore
|
|
3179
|
-
selectElement = React.createElement("div", { id: this.question.inputId, "aria-label":
|
|
3185
|
+
selectElement = React.createElement("div", { id: this.question.inputId, role: dropdownListModel === null || dropdownListModel === void 0 ? void 0 : dropdownListModel.ariaQuestionRole, "aria-label": dropdownListModel === null || dropdownListModel === void 0 ? void 0 : dropdownListModel.ariaQuestionLabel, "aria-labelledby": dropdownListModel === null || dropdownListModel === void 0 ? void 0 : dropdownListModel.ariaQuestionLabelledby, "aria-describedby": dropdownListModel === null || dropdownListModel === void 0 ? void 0 : dropdownListModel.ariaQuestionDescribedby, "aria-expanded": "false", "aria-readonly": "true", "aria-disabled": "true", tabIndex: this.question.isDisabledAttr ? undefined : 0, className: this.question.getControlClass(), ref: (div) => (this.setControl(div)) }, this.renderReadOnlyElement());
|
|
3180
3186
|
}
|
|
3181
3187
|
else {
|
|
3182
3188
|
selectElement = React.createElement(React.Fragment, null,
|
|
3183
|
-
this.renderInput(
|
|
3184
|
-
React.createElement(Popup, { model:
|
|
3189
|
+
this.renderInput(dropdownListModel),
|
|
3190
|
+
React.createElement(Popup, { model: dropdownListModel.popupModel }));
|
|
3185
3191
|
}
|
|
3186
3192
|
return (React.createElement("div", { className: cssClasses.selectWrapper, onClick: this.click },
|
|
3187
3193
|
selectElement,
|
|
@@ -3207,7 +3213,7 @@ class SurveyQuestionDropdownBase extends SurveyQuestionUncontrolledElement {
|
|
|
3207
3213
|
return (React.createElement("div", { id: this.question.inputId, className: this.question.getControlClass(), tabIndex: dropdownListModel.noTabIndex ? undefined : 0,
|
|
3208
3214
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
3209
3215
|
// @ts-ignore
|
|
3210
|
-
disabled: this.question.isDisabledAttr, required: this.question.isRequired, onKeyDown: this.keyhandler, onBlur: this.blur, onFocus: this.focus, role:
|
|
3216
|
+
disabled: this.question.isDisabledAttr, required: this.question.isRequired, onKeyDown: this.keyhandler, onBlur: this.blur, onFocus: this.focus, role: dropdownListModel.ariaQuestionRole, "aria-required": dropdownListModel.ariaQuestionRequired, "aria-invalid": dropdownListModel.ariaQuestionInvalid, "aria-errormessage": dropdownListModel.ariaQuestionErrorMessage, "aria-expanded": dropdownListModel.ariaQuestionExpanded, "aria-label": dropdownListModel.ariaQuestionLabel, "aria-labelledby": dropdownListModel.ariaQuestionLabelledby, "aria-describedby": dropdownListModel.ariaQuestionDescribedby, "aria-controls": dropdownListModel.ariaQuestionControls, "aria-activedescendant": dropdownListModel.ariaQuestionActivedescendant, ref: (div) => (this.setControl(div)) },
|
|
3211
3217
|
dropdownListModel.showHintPrefix ?
|
|
3212
3218
|
(React.createElement("div", { className: this.question.cssClasses.hintPrefix },
|
|
3213
3219
|
React.createElement("span", null, dropdownListModel.hintStringPrefix))) : null,
|
|
@@ -3217,7 +3223,7 @@ class SurveyQuestionDropdownBase extends SurveyQuestionUncontrolledElement {
|
|
|
3217
3223
|
React.createElement("span", { style: { visibility: "hidden" }, "data-bind": "text: model.filterString" }, dropdownListModel.inputStringRendered),
|
|
3218
3224
|
React.createElement("span", null, dropdownListModel.hintStringSuffix))) : null,
|
|
3219
3225
|
valueElement,
|
|
3220
|
-
React.createElement("input", { type: "text", autoComplete: "off", id: this.question.getInputId(), ref: (element) => (this.inputElement = element), className: this.question.cssClasses.filterStringInput, role: dropdownListModel.
|
|
3226
|
+
React.createElement("input", { type: "text", autoComplete: "off", id: this.question.getInputId(), ref: (element) => (this.inputElement = element), className: this.question.cssClasses.filterStringInput, role: dropdownListModel.ariaInputRole, "aria-required": dropdownListModel.ariaInputRequired, "aria-invalid": dropdownListModel.ariaInputInvalid, "aria-errormessage": dropdownListModel.ariaInputErrorMessage, "aria-expanded": dropdownListModel.ariaInputExpanded, "aria-label": dropdownListModel.ariaInputLabel, "aria-labelledby": dropdownListModel.ariaInputLabelledby, "aria-describedby": dropdownListModel.ariaInputDescribedby, "aria-controls": dropdownListModel.ariaInputControls, "aria-activedescendant": dropdownListModel.ariaInputActivedescendant, placeholder: dropdownListModel.placeholderRendered, readOnly: dropdownListModel.filterReadOnly ? true : undefined, tabIndex: dropdownListModel.noTabIndex ? undefined : -1, disabled: this.question.isDisabledAttr, inputMode: dropdownListModel.inputMode, onChange: (e) => { onInputChange(e); }, onBlur: this.blur, onFocus: this.focus })),
|
|
3221
3227
|
this.createClearButton()));
|
|
3222
3228
|
}
|
|
3223
3229
|
createClearButton() {
|
|
@@ -3318,7 +3324,7 @@ class SurveyQuestionTagbox extends SurveyQuestionDropdownBase {
|
|
|
3318
3324
|
return (React.createElement("div", { id: this.question.inputId, className: this.question.getControlClass(), tabIndex: dropdownListModel.noTabIndex ? undefined : 0,
|
|
3319
3325
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
3320
3326
|
// @ts-ignore
|
|
3321
|
-
disabled: this.question.isInputReadOnly, required: this.question.isRequired, onKeyDown: this.keyhandler, onBlur: this.blur, role:
|
|
3327
|
+
disabled: this.question.isInputReadOnly, required: this.question.isRequired, onKeyDown: this.keyhandler, onBlur: this.blur, role: dropdownListModel.ariaQuestionRole, "aria-required": dropdownListModel.ariaQuestionRequired, "aria-invalid": dropdownListModel.ariaQuestionInvalid, "aria-errormessage": dropdownListModel.ariaQuestionErrorMessage, "aria-label": dropdownListModel.ariaQuestionLabel, "aria-labelledby": dropdownListModel.ariaQuestionLabelledby, "aria-describedby": dropdownListModel.ariaQuestionDescribedby, "aria-expanded": dropdownListModel.ariaQuestionExpanded, "aria-controls": dropdownListModel.ariaQuestionControls, "aria-activedescendant": dropdownListModel.ariaQuestionActivedescendant, ref: (div) => (this.setControl(div)) },
|
|
3322
3328
|
React.createElement("div", { className: this.question.cssClasses.controlValue },
|
|
3323
3329
|
items,
|
|
3324
3330
|
React.createElement(TagboxFilterString, { model: dropdownMultiSelectListModel, question: this.question })),
|
|
@@ -3360,7 +3366,7 @@ class SurveyQuestionDropdownSelect extends SurveyQuestionDropdown {
|
|
|
3360
3366
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
3361
3367
|
// @ts-ignore
|
|
3362
3368
|
React.createElement("div", { id: this.question.inputId, className: this.question.getControlClass(), disabled: true }, this.question.readOnlyText)) :
|
|
3363
|
-
(React.createElement("select", { id: this.question.inputId, className: this.question.getControlClass(), ref: (select) => (this.setControl(select)), autoComplete: this.question.autocomplete, onChange: this.updateValueOnEvent, onInput: this.updateValueOnEvent, onClick: click, onKeyUp: keyup, "aria-required": this.question.
|
|
3369
|
+
(React.createElement("select", { id: this.question.inputId, className: this.question.getControlClass(), ref: (select) => (this.setControl(select)), autoComplete: this.question.autocomplete, onChange: this.updateValueOnEvent, onInput: this.updateValueOnEvent, onClick: click, onKeyUp: keyup, "aria-required": this.question.a11y_input_ariaRequired, "aria-label": this.question.a11y_input_ariaLabel, "aria-invalid": this.question.a11y_input_ariaInvalid, "aria-errormessage": this.question.a11y_input_ariaErrormessage, required: this.question.isRequired },
|
|
3364
3370
|
this.question.allowClear ? (React.createElement("option", { value: "" }, this.question.placeholder)) : null,
|
|
3365
3371
|
this.question.visibleChoices.map((item, i) => React.createElement(SurveyQuestionOptionItem, { key: "item" + i, item: item }))));
|
|
3366
3372
|
return (React.createElement("div", { className: cssClasses.selectWrapper },
|
|
@@ -4752,7 +4758,7 @@ class SurveyQuestionPanelDynamic extends SurveyQuestionElementBase {
|
|
|
4752
4758
|
}
|
|
4753
4759
|
renderRange() {
|
|
4754
4760
|
return (React.createElement("div", { className: this.question.cssClasses.progress },
|
|
4755
|
-
React.createElement("div", { className: this.question.cssClasses.progressBar, style: { width: this.question.progress }, role: "progressbar" })));
|
|
4761
|
+
React.createElement("div", { className: this.question.cssClasses.progressBar, style: { width: this.question.progress }, role: "progressbar", "aria-label": this.question.progressBarAriaLabel })));
|
|
4756
4762
|
}
|
|
4757
4763
|
renderAddRowButton() {
|
|
4758
4764
|
return ReactElementFactory.Instance.createElement("sv-paneldynamic-add-btn", {
|
|
@@ -4843,12 +4849,15 @@ class SurveyProgress extends SurveyNavigationBase {
|
|
|
4843
4849
|
get progressText() {
|
|
4844
4850
|
return this.survey.progressText;
|
|
4845
4851
|
}
|
|
4852
|
+
get progressBarAriaLabel() {
|
|
4853
|
+
return this.survey.progressBarAriaLabel;
|
|
4854
|
+
}
|
|
4846
4855
|
render() {
|
|
4847
4856
|
var progressStyle = {
|
|
4848
4857
|
width: this.progress + "%",
|
|
4849
4858
|
};
|
|
4850
4859
|
return (React.createElement("div", { className: this.survey.getProgressCssClasses(this.props.container) },
|
|
4851
|
-
React.createElement("div", { style: progressStyle, className: this.css.progressBar, role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-label":
|
|
4860
|
+
React.createElement("div", { style: progressStyle, className: this.css.progressBar, role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": this.progressBarAriaLabel },
|
|
4852
4861
|
React.createElement("span", { className: SurveyProgressModel.getProgressTextInBarCss(this.css) }, this.progressText)),
|
|
4853
4862
|
React.createElement("span", { className: SurveyProgressModel.getProgressTextUnderBarCss(this.css) }, this.progressText)));
|
|
4854
4863
|
}
|
|
@@ -4889,7 +4898,7 @@ class SurveyProgressButtons extends SurveyNavigationBase {
|
|
|
4889
4898
|
this.setState({ canShowFooter: !this.model.showItemTitles });
|
|
4890
4899
|
}
|
|
4891
4900
|
render() {
|
|
4892
|
-
return (React.createElement("div", { className: this.model.getRootCss(this.props.container), style: { "maxWidth": this.model.progressWidth }, role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-label":
|
|
4901
|
+
return (React.createElement("div", { className: this.model.getRootCss(this.props.container), style: { "maxWidth": this.model.progressWidth }, role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": this.model.progressBarAriaLabel },
|
|
4893
4902
|
this.state.canShowHeader ? React.createElement("div", { className: this.css.progressButtonsHeader },
|
|
4894
4903
|
React.createElement("div", { className: this.css.progressButtonsPageTitle, title: this.model.headerText }, this.model.headerText)) : null,
|
|
4895
4904
|
React.createElement("div", { className: this.css.progressButtonsContainer },
|
|
@@ -4971,7 +4980,7 @@ class ListItem extends SurveyElementBase {
|
|
|
4971
4980
|
const style = {
|
|
4972
4981
|
display: isVisible ? null : "none"
|
|
4973
4982
|
};
|
|
4974
|
-
return attachKey2click(React.createElement("li", { className: className, role:
|
|
4983
|
+
return attachKey2click(React.createElement("li", { className: className, role: this.model.listItemRole, style: style, id: this.item.elementId, "aria-selected": this.model.getA11yItemAriaSelected(this.item), "aria-checked": this.model.getA11yItemAriaChecked(this.item), onClick: (event) => {
|
|
4975
4984
|
this.model.onItemClick(this.item);
|
|
4976
4985
|
event.stopPropagation();
|
|
4977
4986
|
}, onPointerDown: (event) => this.model.onPointerDown(event, this.item) },
|
|
@@ -5042,7 +5051,7 @@ class List extends SurveyElementBase {
|
|
|
5042
5051
|
return null;
|
|
5043
5052
|
const items = this.renderItems();
|
|
5044
5053
|
const ulStyle = { display: this.model.isEmpty ? "none" : null };
|
|
5045
|
-
return (React.createElement("ul", { className: this.model.getListClass(), style: ulStyle, role: "
|
|
5054
|
+
return (React.createElement("ul", { className: this.model.getListClass(), style: ulStyle, role: this.model.listRole, "aria-label": this.model.a11yInputAriaLabel, id: this.model.elementId, onMouseDown: (e) => {
|
|
5046
5055
|
e.preventDefault();
|
|
5047
5056
|
}, onKeyDown: this.handleKeydown, onMouseMove: this.handleMouseMove }, items));
|
|
5048
5057
|
}
|
|
@@ -5460,15 +5469,13 @@ class SurveyQuestionImage extends SurveyQuestionElementBase {
|
|
|
5460
5469
|
}
|
|
5461
5470
|
var control = null;
|
|
5462
5471
|
if (this.question.renderedMode === "image") {
|
|
5463
|
-
control = (React.createElement("img", { className: cssClasses, src: this.question.locImageLink.renderedHtml || null, alt: this.question.
|
|
5464
|
-
//alt={item.text || item.value}
|
|
5465
|
-
style: style, onLoad: (event) => { this.question.onLoadHandler(); }, onError: (event) => { this.question.onErrorHandler(); } }));
|
|
5472
|
+
control = (React.createElement("img", { className: cssClasses, src: this.question.locImageLink.renderedHtml || null, alt: this.question.renderedAltText, width: this.question.renderedWidth, height: this.question.renderedHeight, style: style, onLoad: (event) => { this.question.onLoadHandler(); }, onError: (event) => { this.question.onErrorHandler(); } }));
|
|
5466
5473
|
}
|
|
5467
5474
|
if (this.question.renderedMode === "video") {
|
|
5468
5475
|
control = (React.createElement("video", { controls: true, className: cssClasses, src: this.question.locImageLink.renderedHtml, width: this.question.renderedWidth, height: this.question.renderedHeight, style: style, onLoadedMetadata: (event) => { this.question.onLoadHandler(); }, onError: (event) => { this.question.onErrorHandler(); } }));
|
|
5469
5476
|
}
|
|
5470
5477
|
if (this.question.renderedMode === "youtube") {
|
|
5471
|
-
control = (React.createElement("iframe", { className: cssClasses, src: this.question.locImageLink.renderedHtml, width: this.question.renderedWidth, height: this.question.renderedHeight, style: style }));
|
|
5478
|
+
control = (React.createElement("iframe", { className: cssClasses, src: this.question.locImageLink.renderedHtml, width: this.question.renderedWidth, height: this.question.renderedHeight, style: style, title: this.question.renderedAltText }));
|
|
5472
5479
|
}
|
|
5473
5480
|
var noImage = null;
|
|
5474
5481
|
if (!this.question.imageLink || this.question.contentNotLoaded) {
|
|
@@ -5764,7 +5771,7 @@ class SurveyQuestionMatrixDetailButton extends ReactSurveyElement {
|
|
|
5764
5771
|
var isExpanded = this.row.isDetailPanelShowing;
|
|
5765
5772
|
var ariaExpanded = isExpanded;
|
|
5766
5773
|
var ariaControls = isExpanded ? this.row.detailPanelId : undefined;
|
|
5767
|
-
return (React.createElement("button", { type: "button", onClick: this.handleOnShowHideClick, className: this.question.getDetailPanelButtonCss(this.row), "aria-expanded": ariaExpanded, "aria-controls": ariaControls },
|
|
5774
|
+
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 },
|
|
5768
5775
|
React.createElement(SvgIcon, { className: this.question.getDetailPanelIconCss(this.row), iconName: this.question.getDetailPanelIconId(this.row), size: "auto" })));
|
|
5769
5776
|
}
|
|
5770
5777
|
}
|
|
@@ -6078,7 +6085,7 @@ ReactElementFactory.Instance.registerElement(LocalizableString.editableRenderer,
|
|
|
6078
6085
|
return React.createElement(SurveyLocStringEditor, props);
|
|
6079
6086
|
});
|
|
6080
6087
|
|
|
6081
|
-
checkLibraryVersion(`${"2.0.
|
|
6088
|
+
checkLibraryVersion(`${"2.0.10"}`, "survey-react-ui");
|
|
6082
6089
|
|
|
6083
6090
|
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, Survey, SurveyActionBar, SurveyElementBase, SurveyElementErrors, SurveyFileChooseButton, SurveyFilePreview, SurveyFlowPanel, SurveyHeader, SurveyLocStringEditor, SurveyLocStringViewer, SurveyNavigationBase, SurveyNavigationButton, 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, SurveyQuestionImagePicker, SurveyQuestionMatrix, SurveyQuestionMatrixCell, SurveyQuestionMatrixDetailButton, SurveyQuestionMatrixDropdown, SurveyQuestionMatrixDropdownBase, SurveyQuestionMatrixDropdownCell, SurveyQuestionMatrixDynamic, SurveyQuestionMatrixDynamicAddButton, SurveyQuestionMatrixDynamicDragDropIcon, SurveyQuestionMatrixDynamicRemoveButton, SurveyQuestionMatrixRow, SurveyQuestionMultipleText, SurveyQuestionOptionItem, SurveyQuestionPanelDynamic, SurveyQuestionPanelDynamicAddButton, SurveyQuestionPanelDynamicNextButton, SurveyQuestionPanelDynamicPrevButton, SurveyQuestionPanelDynamicProgressText, SurveyQuestionPanelDynamicRemoveButton, SurveyQuestionRadioItem, SurveyQuestionRadiogroup, SurveyQuestionRanking, SurveyQuestionRankingItem, SurveyQuestionRankingItemContent, SurveyQuestionRating, SurveyQuestionRatingDropdown, SurveyQuestionSignaturePad, SurveyQuestionTagbox, SurveyQuestionTagboxItem, SurveyQuestionText, SurveyRow, SurveyTimerPanel, SurveyWindow, SvgBundleComponent, SvgIcon, TagboxFilterString, TitleActions, TitleElement, attachKey2click };
|
|
6084
6091
|
//# sourceMappingURL=survey-react-ui.mjs.map
|