survey-creator-react 3.0.0-beta.8 → 3.0.0

package/fesm/survey-creator-react.mjs

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v3.0.0-beta.8
+ * SurveyJS Creator v3.0.0
  * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -2320,7 +2320,7 @@ class TabDesignerComponent extends SurveyElementBase {
     renderTabContent() {
         const survey = this.creator.survey;
         const surveyHeader = this.renderHeader(this.creator.showSurveyHeader);
-        const style = Object.assign({}, this.model.surfaceCssVariables);
+        const style = { ...this.model.surfaceCssVariables };
         style.maxWidth = survey.renderedWidth;
         const tabTools = this.renderTabTools();
         return (React.createElement(React.Fragment, null,
@@ -2633,6 +2633,7 @@ class TabTranslationComponent extends SurveyElementBase {
         return (React.createElement("div", { className: "svc-creator-tab__content svc-translation-tab" + (this.model.isEmpty ? " svc-translation-tab--empty" : "") }, this.renderElementContent()));
     }
     renderElementContent() {
+        var _a, _b;
         if (this.model.isEmpty) {
             return React.createElement(SurfacePlaceholder, { name: "translation", placeholderTitleText: this.model.placeholderTitleText, placeholderDescriptionText: this.model.placeholderDescriptionText });
         }
@@ -2640,9 +2641,9 @@ class TabTranslationComponent extends SurveyElementBase {
             return (React.createElement("div", { className: "st-content" },
                 React.createElement("div", { className: "svc-flex-column st-strings-wrapper" },
                     React.createElement("div", { className: "svc-flex-row st-strings-header" },
-                        React.createElement(Survey, { model: this.model.stringsHeaderSurvey })),
+                        React.createElement(Survey, { key: (_a = this.model.stringsHeaderSurvey) === null || _a === void 0 ? void 0 : _a.elementIdPrefix, model: this.model.stringsHeaderSurvey })),
                     React.createElement("div", { className: "svc-flex-row svc-plugin-tab__content st-strings" },
-                        React.createElement(Survey, { model: this.model.stringsSurvey })))));
+                        React.createElement(Survey, { key: (_b = this.model.stringsSurvey) === null || _b === void 0 ? void 0 : _b.elementIdPrefix, model: this.model.stringsSurvey })))));
         }
     }
 }
@@ -2695,7 +2696,7 @@ class ComponentContainer extends React.Component {
     }
     render() {
         const children = this.props.model.elements.map((element, index) => {
-            return ReactElementFactory.Instance.createElement(element.componentName, Object.assign(Object.assign({}, element.componentData), { key: index }));
+            return ReactElementFactory.Instance.createElement(element.componentName, { ...element.componentData, key: index });
         });
         const inner = this.props.model.scrollable ? React.createElement(Scroll, null,
             " ",
@@ -2852,7 +2853,7 @@ class Swatch extends React.Component {
         const { onColorInputChange, colorInputValue, colorInputClassName, inputDisabled, arias } = this.props;
         if (!onColorInputChange)
             return null;
-        return (React.createElement("input", Object.assign({ type: "color", disabled: inputDisabled, value: colorInputValue, className: colorInputClassName, onChange: onColorInputChange, tabIndex: -1 }, arias)));
+        return (React.createElement("input", { type: "color", disabled: inputDisabled, value: colorInputValue, className: colorInputClassName, onChange: onColorInputChange, tabIndex: -1, ...arias }));
     }
     render() {
         const content = (React.createElement("div", { className: "sd-color-swatch__content", style: this.rootStyle },
@@ -2954,7 +2955,8 @@ class SurveyQuestionFileEditorButton extends SurveyElementBase {
     renderElement() {
         return (React.createElement("div", null,
             attachKey2click(React.createElement("label", { onClick: event => this.question.chooseFiles(event.nativeEvent), className: this.item.getActionBarItemCss(), htmlFor: this.question.inputId, "aria-label": this.question.chooseButtonCaption },
-                React.createElement(SvgIcon, { iconName: this.item.iconName, size: "auto", title: this.item.title, className: this.item.cssClasses.itemIcon }))),
+                React.createElement(SvgIcon, { iconName: this.item.iconName, size: "auto", title: this.item.title, className: this.item.cssClasses.itemIcon }),
+                React.createElement("span", { className: "sv-visuallyhidden" }, this.question.chooseButtonCaption))),
             React.createElement("input", { type: "file", disabled: this.item.disabled, className: this.question.cssClasses.fileInput, id: this.question.inputId, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-describedby": this.question.ariaDescribedBy, multiple: false, title: this.question.inputTitle, accept: this.question.acceptedTypes, tabIndex: -1, onChange: (event) => this.question.onFileInputChange(event.nativeEvent) })));
     }
 }
@@ -2966,8 +2968,8 @@ ReactElementFactory.Instance.registerElement("sv-fileedit-button", (props) => {
 });
 
 let Version;
-Version = `${"3.0.0-beta.8"}`;
-checkLibraryVersion(`${"3.0.0-beta.8"}`, "survey-creator-react");
+Version = `${"3.0.0"}`;
+checkLibraryVersion(`${"3.0.0"}`, "survey-creator-react");
 
 export { ActionButton, AdaptiveToolbox, AddQuestionButtonComponent, CellQuestionAdornerComponent, CellQuestionDropdownAdornerComponent, ComponentContainer, CreatorSurveyPageComponent, IconItem, ImageItemValueAdornerComponent, ItemValueAdornerComponent, LogoImageComponent, MatrixCellAdornerComponent, PanelAdornerComponent, PropertyGridComponent, PropertyGridPlaceholderComponent, QuestionAdornerComponent, QuestionBanner, QuestionDropdownAdornerComponent, QuestionEditorContentComponent, QuestionErrorComponent, QuestionImageAdornerComponent, QuestionRatingAdornerComponent, QuestionWidgetAdornerComponent, QuestionWrapperFooter, QuestionWrapperHeader, ReactDragEvent, ReactMouseEvent, RowWrapper, SearchComponent, SideBarDefaultHeader, SideBarLaunchCard, SidebarComponent, SurveyCreator, SurveyCreatorComponent, SurveyCreatorToolboxCategory, SurveyCreatorToolboxItem, SurveyCreatorToolboxItemGroup, SurveyCreatorToolboxTool, SurveyElementEmbeddedSurvey, SurveyLocStringEditor, SurveyLogicOpertor, SurveyNavigation, SurveyQuestionColor, SurveyQuestionFileEditor, SurveyQuestionFileEditorButton, SurveyQuestionLinkValue, SurveyQuestionSpinEditor, SurveyResults, SurveyResultsByRow, SurveySimulator, SurveySpinEditorButton, SwitcherComponent, TabButtonComponent, TabContainerComponent, TabDesignerComponent, TabJsonEditorAceComponent, TabJsonEditorErrorsComponent, TabJsonEditorTextareaComponent, TabLogicComponent, TabPreviewSurveyComponent, TabThemeSurveyComponent, TabTranslationComponent, TabbedMenuComponent, TabbedMenuItemComponent, ToolboxList, TranslateFromAction, TranslationLineSkeleton, Version };
 //# sourceMappingURL=survey-creator-react.mjs.map