survey-creator-react 2.0.0-rc.7 → 2.0.0-rc.8
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.
|
@@ -1,152 +1,19 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* SurveyJS Creator React v2.0.0-rc.
|
|
2
|
+
* SurveyJS Creator React v2.0.0-rc.8
|
|
3
3
|
* (c) 2015-2025 Devsoft Baltic OÜ - http://surveyjs.io/
|
|
4
4
|
* Github: https://github.com/surveyjs/survey-creator
|
|
5
5
|
* License: https://surveyjs.io/Licenses#SurveyCreator
|
|
6
6
|
*/
|
|
7
|
-
|
|
8
|
-
import * as
|
|
9
|
-
import
|
|
10
|
-
import * as
|
|
11
|
-
import
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
/******/ (() => {
|
|
18
|
-
/******/ // define getter functions for harmony exports
|
|
19
|
-
/******/ __webpack_require__.d = (exports, definition) => {
|
|
20
|
-
/******/ for(var key in definition) {
|
|
21
|
-
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
|
|
22
|
-
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
|
|
23
|
-
/******/ }
|
|
24
|
-
/******/ }
|
|
25
|
-
/******/ };
|
|
26
|
-
/******/ })();
|
|
27
|
-
/******/
|
|
28
|
-
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
|
29
|
-
/******/ (() => {
|
|
30
|
-
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
|
|
31
|
-
/******/ })();
|
|
32
|
-
/******/
|
|
33
|
-
/************************************************************************/
|
|
34
|
-
var __webpack_exports__ = {};
|
|
35
|
-
|
|
36
|
-
// EXPORTS
|
|
37
|
-
__webpack_require__.d(__webpack_exports__, {
|
|
38
|
-
rA: () => (/* reexport */ ActionButton),
|
|
39
|
-
O1: () => (/* reexport */ AdaptiveToolbox),
|
|
40
|
-
bV: () => (/* reexport */ CellQuestionAdornerComponent),
|
|
41
|
-
Ax: () => (/* reexport */ CellQuestionDropdownAdornerComponent),
|
|
42
|
-
hq: () => (/* reexport */ CreatorSurveyPageComponent),
|
|
43
|
-
k0: () => (/* reexport */ ImageItemValueAdornerComponent),
|
|
44
|
-
Rd: () => (/* reexport */ ItemValueAdornerComponent),
|
|
45
|
-
cI: () => (/* reexport */ LogoImageComponent),
|
|
46
|
-
Ev: () => (/* reexport */ MatrixCellAdornerComponent),
|
|
47
|
-
Z8: () => (/* reexport */ PanelAdornerComponent),
|
|
48
|
-
Te: () => (/* reexport */ PropertyGridComponent),
|
|
49
|
-
Nu: () => (/* reexport */ external_survey_creator_core_namespaceObject.PropertyGridEditorCollection),
|
|
50
|
-
ox: () => (/* reexport */ PropertyGridPlaceholderComponent),
|
|
51
|
-
Ri: () => (/* reexport */ QuestionAdornerComponent),
|
|
52
|
-
f8: () => (/* reexport */ QuestionBanner),
|
|
53
|
-
_4: () => (/* reexport */ QuestionDropdownAdornerComponent),
|
|
54
|
-
eo: () => (/* reexport */ QuestionEditorContentComponent),
|
|
55
|
-
Oc: () => (/* reexport */ QuestionErrorComponent),
|
|
56
|
-
ep: () => (/* reexport */ QuestionImageAdornerComponent),
|
|
57
|
-
E9: () => (/* reexport */ QuestionRatingAdornerComponent),
|
|
58
|
-
zJ: () => (/* reexport */ QuestionWidgetAdornerComponent),
|
|
59
|
-
RR: () => (/* reexport */ QuestionWrapperFooter),
|
|
60
|
-
h6: () => (/* reexport */ QuestionWrapperHeader),
|
|
61
|
-
Eq: () => (/* reexport */ ReactDragEvent),
|
|
62
|
-
Hj: () => (/* reexport */ ReactMouseEvent),
|
|
63
|
-
SR: () => (/* reexport */ RowWrapper),
|
|
64
|
-
Sy: () => (/* reexport */ SearchComponent),
|
|
65
|
-
nZ: () => (/* reexport */ SideBarDefaultHeader),
|
|
66
|
-
kc: () => (/* reexport */ SidebarComponent),
|
|
67
|
-
rX: () => (/* reexport */ SurveyCreator),
|
|
68
|
-
qK: () => (/* reexport */ SurveyCreatorComponent),
|
|
69
|
-
qS: () => (/* reexport */ SurveyCreatorToolboxCategory),
|
|
70
|
-
vK: () => (/* reexport */ SurveyCreatorToolboxItem),
|
|
71
|
-
K1: () => (/* reexport */ SurveyCreatorToolboxItemGroup),
|
|
72
|
-
Ys: () => (/* reexport */ SurveyCreatorToolboxTool),
|
|
73
|
-
pY: () => (/* reexport */ SurveyElementEmbeddedSurvey),
|
|
74
|
-
JN: () => (/* reexport */ SurveyLocStringEditor),
|
|
75
|
-
b: () => (/* reexport */ external_survey_creator_core_namespaceObject.SurveyLogic),
|
|
76
|
-
UD: () => (/* reexport */ SurveyLogicOpertor),
|
|
77
|
-
dK: () => (/* reexport */ external_survey_creator_core_namespaceObject.SurveyLogicUI),
|
|
78
|
-
B4: () => (/* reexport */ SurveyNavigation),
|
|
79
|
-
xq: () => (/* reexport */ SurveyQuestionBooleanSwitch),
|
|
80
|
-
M: () => (/* reexport */ SurveyQuestionColor),
|
|
81
|
-
B7: () => (/* reexport */ external_survey_creator_core_namespaceObject.SurveyQuestionEditorDefinition),
|
|
82
|
-
I1: () => (/* reexport */ SurveyQuestionFileEditor),
|
|
83
|
-
UP: () => (/* reexport */ SurveyQuestionLinkValue),
|
|
84
|
-
KR: () => (/* reexport */ SurveyQuestionSpinEditor),
|
|
85
|
-
jm: () => (/* reexport */ SurveyQuestionTextWithReset),
|
|
86
|
-
Hg: () => (/* reexport */ SurveyResults),
|
|
87
|
-
UI: () => (/* reexport */ SurveyResultsByRow),
|
|
88
|
-
hn: () => (/* reexport */ SurveySimulator),
|
|
89
|
-
HN: () => (/* reexport */ SwitcherComponent),
|
|
90
|
-
RN: () => (/* reexport */ TabButtonComponent),
|
|
91
|
-
mU: () => (/* reexport */ TabDesignerComponent),
|
|
92
|
-
l4: () => (/* reexport */ TabJsonEditorAceComponent),
|
|
93
|
-
R9: () => (/* reexport */ TabJsonEditorErrorsComponent),
|
|
94
|
-
h: () => (/* reexport */ TabJsonEditorTextareaComponent),
|
|
95
|
-
_2: () => (/* reexport */ TabLogicAddButtonComponent),
|
|
96
|
-
HR: () => (/* reexport */ TabLogicComponent),
|
|
97
|
-
rz: () => (/* reexport */ TabPreviewSurveyComponent),
|
|
98
|
-
te: () => (/* reexport */ TabPreviewTestSurveyAgainComponent),
|
|
99
|
-
QO: () => (/* reexport */ TabThemeSurveyComponent),
|
|
100
|
-
qr: () => (/* reexport */ TabTranslationComponent),
|
|
101
|
-
Vl: () => (/* reexport */ TabbedMenuComponent),
|
|
102
|
-
su: () => (/* reexport */ TabbedMenuItemComponent),
|
|
103
|
-
kj: () => (/* reexport */ ToolboxList),
|
|
104
|
-
y4: () => (/* reexport */ external_survey_creator_core_namespaceObject.ToolboxToolViewModel),
|
|
105
|
-
Vv: () => (/* reexport */ TranslateFromAction),
|
|
106
|
-
N: () => (/* reexport */ TranslationLineSkeleton),
|
|
107
|
-
Rx: () => (/* binding */ Version),
|
|
108
|
-
bN: () => (/* reexport */ external_survey_creator_core_namespaceObject.editorLocalization),
|
|
109
|
-
qG: () => (/* reexport */ external_survey_creator_core_namespaceObject.localization),
|
|
110
|
-
W0: () => (/* reexport */ external_survey_creator_core_namespaceObject.settings),
|
|
111
|
-
Fc: () => (/* reexport */ external_survey_creator_core_namespaceObject.svgBundle)
|
|
112
|
-
});
|
|
113
|
-
|
|
114
|
-
;// external "react"
|
|
115
|
-
var x = (y) => {
|
|
116
|
-
var x = {}; __webpack_require__.d(x, y); return x
|
|
117
|
-
}
|
|
118
|
-
var y = (x) => (() => (x))
|
|
119
|
-
const external_react_namespaceObject = x({ ["Component"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.Component), ["Fragment"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.Fragment), ["StrictMode"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.StrictMode), ["createElement"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.createElement), ["createRef"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.createRef) });
|
|
120
|
-
;// external "react-dom"
|
|
121
|
-
var external_react_dom_x = (y) => {
|
|
122
|
-
var x = {}; __webpack_require__.d(x, y); return x
|
|
123
|
-
}
|
|
124
|
-
var external_react_dom_y = (x) => (() => (x))
|
|
125
|
-
const external_react_dom_namespaceObject = external_react_dom_x({ ["flushSync"]: () => (__WEBPACK_EXTERNAL_MODULE_react_dom_7dac9eee__.flushSync), ["render"]: () => (__WEBPACK_EXTERNAL_MODULE_react_dom_7dac9eee__.render), ["unmountComponentAtNode"]: () => (__WEBPACK_EXTERNAL_MODULE_react_dom_7dac9eee__.unmountComponentAtNode) });
|
|
126
|
-
;// external "survey-react-ui"
|
|
127
|
-
var external_survey_react_ui_x = (y) => {
|
|
128
|
-
var x = {}; __webpack_require__.d(x, y); return x
|
|
129
|
-
}
|
|
130
|
-
var external_survey_react_ui_y = (x) => (() => (x))
|
|
131
|
-
const external_survey_react_ui_namespaceObject = external_survey_react_ui_x({ ["CharacterCounterComponent"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_react_ui_a9a1714f__.CharacterCounterComponent), ["List"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_react_ui_a9a1714f__.List), ["LoadingIndicatorComponent"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_react_ui_a9a1714f__.LoadingIndicatorComponent), ["LogoImage"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_react_ui_a9a1714f__.LogoImage), ["NotifierComponent"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_react_ui_a9a1714f__.NotifierComponent), ["Popup"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_react_ui_a9a1714f__.Popup), ["PopupModal"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_react_ui_a9a1714f__.PopupModal), ["ReactElementFactory"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_react_ui_a9a1714f__.ReactElementFactory), ["ReactQuestionFactory"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_react_ui_a9a1714f__.ReactQuestionFactory), ["ReactSurveyElementsWrapper"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_react_ui_a9a1714f__.ReactSurveyElementsWrapper), ["Survey"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_react_ui_a9a1714f__.Survey), ["SurveyActionBar"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_react_ui_a9a1714f__.SurveyActionBar), ["SurveyElementBase"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_react_ui_a9a1714f__.SurveyElementBase), ["SurveyHeader"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_react_ui_a9a1714f__.SurveyHeader), ["SurveyLocStringViewer"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_react_ui_a9a1714f__.SurveyLocStringViewer), ["SurveyPage"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_react_ui_a9a1714f__.SurveyPage), ["SurveyQuestion"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_react_ui_a9a1714f__.SurveyQuestion), ["SurveyQuestionButtonGroup"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_react_ui_a9a1714f__.SurveyQuestionButtonGroup), ["SurveyQuestionDropdown"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_react_ui_a9a1714f__.SurveyQuestionDropdown), ["SurveyQuestionElementBase"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_react_ui_a9a1714f__.SurveyQuestionElementBase), ["SurveyQuestionText"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_react_ui_a9a1714f__.SurveyQuestionText), ["SvgBundleComponent"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_react_ui_a9a1714f__.SvgBundleComponent), ["SvgIcon"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_react_ui_a9a1714f__.SvgIcon), ["TitleElement"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_react_ui_a9a1714f__.TitleElement), ["attachKey2click"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_react_ui_a9a1714f__.attachKey2click) });
|
|
132
|
-
;// external "survey-creator-core"
|
|
133
|
-
var external_survey_creator_core_x = (y) => {
|
|
134
|
-
var x = {}; __webpack_require__.d(x, y); return x
|
|
135
|
-
}
|
|
136
|
-
var external_survey_creator_core_y = (x) => (() => (x))
|
|
137
|
-
const external_survey_creator_core_namespaceObject = external_survey_creator_core_x({ ["ImageItemValueWrapperViewModel"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.ImageItemValueWrapperViewModel), ["ItemValueWrapperViewModel"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.ItemValueWrapperViewModel), ["LogoImageViewModel"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.LogoImageViewModel), ["MatrixCellWrapperViewModel"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.MatrixCellWrapperViewModel), ["PageAdorner"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.PageAdorner), ["PageNavigatorViewModel"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.PageNavigatorViewModel), ["PropertyGridEditorCollection"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.PropertyGridEditorCollection), ["QuestionAdornerViewModel"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.QuestionAdornerViewModel), ["QuestionDropdownAdornerViewModel"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.QuestionDropdownAdornerViewModel), ["QuestionImageAdornerViewModel"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.QuestionImageAdornerViewModel), ["QuestionRatingAdornerViewModel"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.QuestionRatingAdornerViewModel), ["RowViewModel"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.RowViewModel), ["ScrollViewModel"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.ScrollViewModel), ["StringEditorViewModelBase"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.StringEditorViewModelBase), ["SurveyCreatorModel"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.SurveyCreatorModel), ["SurveyLogic"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.SurveyLogic), ["SurveyLogicUI"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.SurveyLogicUI), ["SurveyQuestionEditorDefinition"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.SurveyQuestionEditorDefinition), ["SurveyResultsModel"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.SurveyResultsModel), ["ToolboxToolViewModel"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.ToolboxToolViewModel), ["assign"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.assign), ["editableStringRendererName"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.editableStringRendererName), ["editorLocalization"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.editorLocalization), ["initLogicOperator"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.initLogicOperator), ["localization"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.localization), ["settings"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.settings), ["svgBundle"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_creator_core_cd3b7017__.svgBundle) });
|
|
138
|
-
;// external "survey-core"
|
|
139
|
-
var external_survey_core_x = (y) => {
|
|
140
|
-
var x = {}; __webpack_require__.d(x, y); return x
|
|
141
|
-
}
|
|
142
|
-
var external_survey_core_y = (x) => (() => (x))
|
|
143
|
-
const external_survey_core_namespaceObject = external_survey_core_x({ ["CssClassBuilder"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_core_372be95f__.CssClassBuilder), ["RendererFactory"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_core_372be95f__.RendererFactory), ["ResponsivityManager"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_core_372be95f__.ResponsivityManager), ["VerticalResponsivityManager"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_core_372be95f__.VerticalResponsivityManager), ["checkLibraryVersion"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_core_372be95f__.checkLibraryVersion), ["settings"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_core_372be95f__.settings), ["unwrap"]: () => (__WEBPACK_EXTERNAL_MODULE_survey_core_372be95f__.unwrap) });
|
|
144
|
-
;// ./src/TabbedMenu.tsx
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
class TabbedMenuComponent extends external_survey_react_ui_namespaceObject.SurveyElementBase {
|
|
7
|
+
|
|
8
|
+
import * as React from 'react';
|
|
9
|
+
import { createElement, Fragment } from 'react';
|
|
10
|
+
import * as ReactDOM from 'react-dom';
|
|
11
|
+
import { ReactElementFactory, SurveyElementBase, attachKey2click, SvgIcon, Survey, SvgBundleComponent, PopupModal, SurveyActionBar, NotifierComponent, ReactQuestionFactory, SurveyLocStringViewer, TitleElement, ReactSurveyElementsWrapper, LoadingIndicatorComponent, SurveyPage, Popup, LogoImage, SurveyQuestionElementBase, SurveyQuestion, CharacterCounterComponent, SurveyQuestionDropdown, SurveyHeader, List, SurveyQuestionButtonGroup, SurveyQuestionText } from 'survey-react-ui';
|
|
12
|
+
import { assign, SurveyCreatorModel, RowViewModel, QuestionAdornerViewModel, QuestionDropdownAdornerViewModel, QuestionImageAdornerViewModel, QuestionRatingAdornerViewModel, PageAdorner, LogoImageViewModel, editorLocalization, ItemValueWrapperViewModel, ImageItemValueWrapperViewModel, MatrixCellWrapperViewModel, SurveyResultsModel, ToolboxToolViewModel, ScrollViewModel, editableStringRendererName, StringEditorViewModelBase, initLogicOperator, PageNavigatorViewModel } from 'survey-creator-core';
|
|
13
|
+
export { PropertyGridEditorCollection, SurveyLogic, SurveyLogicUI, SurveyQuestionEditorDefinition, ToolboxToolViewModel, editorLocalization, localization, settings, svgBundle } from 'survey-creator-core';
|
|
14
|
+
import { ResponsivityManager, CssClassBuilder, settings, VerticalResponsivityManager, RendererFactory, unwrap, checkLibraryVersion } from 'survey-core';
|
|
15
|
+
|
|
16
|
+
class TabbedMenuComponent extends SurveyElementBase {
|
|
150
17
|
get model() {
|
|
151
18
|
return this.props.model;
|
|
152
19
|
}
|
|
@@ -155,28 +22,28 @@ class TabbedMenuComponent extends external_survey_react_ui_namespaceObject.Surve
|
|
|
155
22
|
}
|
|
156
23
|
constructor(props) {
|
|
157
24
|
super(props);
|
|
158
|
-
this.rootRef =
|
|
25
|
+
this.rootRef = React.createRef();
|
|
159
26
|
}
|
|
160
27
|
renderElement() {
|
|
161
|
-
const items = this.model.renderedActions.map((item) =>
|
|
162
|
-
return (
|
|
28
|
+
const items = this.model.renderedActions.map((item) => React.createElement(TabbedMenuItemWrapper, { item: item, key: item.renderedId }));
|
|
29
|
+
return (React.createElement("div", { ref: this.rootRef, className: "svc-tabbed-menu" }, items));
|
|
163
30
|
}
|
|
164
31
|
componentDidMount() {
|
|
165
32
|
super.componentDidMount();
|
|
166
33
|
const container = this.rootRef.current;
|
|
167
34
|
if (!container)
|
|
168
35
|
return;
|
|
169
|
-
this.manager = new
|
|
36
|
+
this.manager = new ResponsivityManager(container, this.model);
|
|
170
37
|
}
|
|
171
38
|
componentWillUnmount() {
|
|
172
39
|
this.manager && (this.manager.dispose());
|
|
173
40
|
super.componentWillUnmount();
|
|
174
41
|
}
|
|
175
42
|
}
|
|
176
|
-
class TabbedMenuItemWrapper extends
|
|
43
|
+
class TabbedMenuItemWrapper extends SurveyElementBase {
|
|
177
44
|
constructor(props) {
|
|
178
45
|
super(props);
|
|
179
|
-
this.ref =
|
|
46
|
+
this.ref = React.createRef();
|
|
180
47
|
}
|
|
181
48
|
get item() {
|
|
182
49
|
return this.props.item;
|
|
@@ -190,16 +57,16 @@ class TabbedMenuItemWrapper extends external_survey_react_ui_namespaceObject.Sur
|
|
|
190
57
|
css += " " + this.item.css;
|
|
191
58
|
}
|
|
192
59
|
css += (!this.item.isVisible ? " sv-action--hidden" : "");
|
|
193
|
-
const component =
|
|
194
|
-
return (
|
|
195
|
-
|
|
60
|
+
const component = ReactElementFactory.Instance.createElement(this.item.component || "svc-tabbed-menu-item", { item: this.item });
|
|
61
|
+
return (React.createElement("span", { key: this.item.id, className: css, ref: this.ref },
|
|
62
|
+
React.createElement("div", { className: "sv-action__content" }, component)));
|
|
196
63
|
}
|
|
197
64
|
componentDidMount() {
|
|
198
65
|
super.componentDidMount();
|
|
199
66
|
this.item.updateModeCallback = (mode, callback) => {
|
|
200
67
|
queueMicrotask(() => {
|
|
201
|
-
if (
|
|
202
|
-
|
|
68
|
+
if (ReactDOM["flushSync"]) {
|
|
69
|
+
ReactDOM["flushSync"](() => {
|
|
203
70
|
this.item.mode = mode;
|
|
204
71
|
});
|
|
205
72
|
}
|
|
@@ -218,7 +85,7 @@ class TabbedMenuItemWrapper extends external_survey_react_ui_namespaceObject.Sur
|
|
|
218
85
|
this.item.updateModeCallback = undefined;
|
|
219
86
|
}
|
|
220
87
|
}
|
|
221
|
-
class TabbedMenuItemComponent extends
|
|
88
|
+
class TabbedMenuItemComponent extends SurveyElementBase {
|
|
222
89
|
get item() {
|
|
223
90
|
return this.props.item;
|
|
224
91
|
}
|
|
@@ -227,26 +94,19 @@ class TabbedMenuItemComponent extends external_survey_react_ui_namespaceObject.S
|
|
|
227
94
|
}
|
|
228
95
|
render() {
|
|
229
96
|
const item = this.item;
|
|
230
|
-
return (
|
|
231
|
-
item.hasTitle ?
|
|
232
|
-
item.hasIcon ?
|
|
97
|
+
return (attachKey2click(React.createElement("div", { className: item.getRootCss(), onClick: () => item.action(item) },
|
|
98
|
+
item.hasTitle ? React.createElement("span", { className: item.getTitleCss() }, item.title) : null,
|
|
99
|
+
item.hasIcon ? React.createElement(SvgIcon, { iconName: item.iconName, className: item.getIconCss(), size: "auto", title: item.tooltip || item.title }) : null)));
|
|
233
100
|
}
|
|
234
101
|
}
|
|
235
|
-
|
|
236
|
-
return
|
|
102
|
+
ReactElementFactory.Instance.registerElement("svc-tabbed-menu-item", (props) => {
|
|
103
|
+
return React.createElement(TabbedMenuItemComponent, props);
|
|
237
104
|
});
|
|
238
|
-
/* harmony default export */ const TabbedMenu = ((/* unused pure expression or super */ null && (TabbedMenuComponent)));
|
|
239
|
-
|
|
240
|
-
;// ./src/SurveyCreator.tsx
|
|
241
|
-
|
|
242
|
-
|
|
243
105
|
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
class SurveyCreatorComponent extends external_survey_react_ui_namespaceObject.SurveyElementBase {
|
|
106
|
+
class SurveyCreatorComponent extends SurveyElementBase {
|
|
247
107
|
constructor(props) {
|
|
248
108
|
super(props);
|
|
249
|
-
this.rootNode =
|
|
109
|
+
this.rootNode = React.createRef();
|
|
250
110
|
}
|
|
251
111
|
get creator() {
|
|
252
112
|
return this.props.creator;
|
|
@@ -284,37 +144,37 @@ class SurveyCreatorComponent extends external_survey_react_ui_namespaceObject.Su
|
|
|
284
144
|
const contentWrapperClassName = "svc-creator__content-wrapper svc-flex-row" + (this.props.creator.isMobileView ? " svc-creator__content-wrapper--footer-toolbar" : "");
|
|
285
145
|
const fullContainerClassName = "svc-flex-row svc-full-container" + (" svc-creator__side-bar--" + this.creator.sidebarLocation);
|
|
286
146
|
const creatorStyles = {};
|
|
287
|
-
|
|
147
|
+
assign(creatorStyles, this.style, this.props.creator.themeVariables);
|
|
288
148
|
let licenseBanner = null;
|
|
289
149
|
if (!this.props.creator.haveCommercialLicense) {
|
|
290
150
|
const htmlValue = { __html: this.props.creator.licenseText };
|
|
291
|
-
licenseBanner = (
|
|
292
|
-
|
|
151
|
+
licenseBanner = (React.createElement("div", { className: "svc-creator__banner" },
|
|
152
|
+
React.createElement("span", { className: "svc-creator__non-commercial-text", dangerouslySetInnerHTML: htmlValue })));
|
|
293
153
|
}
|
|
294
154
|
//AM: width unrecognized by react
|
|
295
|
-
return (
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
155
|
+
return (React.createElement("div", { className: this.creator.getRootCss(), ref: this.rootNode, style: creatorStyles },
|
|
156
|
+
React.createElement(SvgBundleComponent, null),
|
|
157
|
+
React.createElement(PopupModal, null),
|
|
158
|
+
React.createElement("div", { className: areaClassName },
|
|
159
|
+
React.createElement("div", { className: fullContainerClassName },
|
|
160
|
+
React.createElement("div", { className: "svc-flex-column svc-flex-row__element svc-flex-row__element--growing" },
|
|
161
|
+
React.createElement("div", { className: "svc-top-bar" },
|
|
302
162
|
(creator.showTabs ?
|
|
303
|
-
|
|
304
|
-
|
|
163
|
+
React.createElement("div", { className: "svc-tabbed-menu-wrapper" },
|
|
164
|
+
React.createElement(TabbedMenuComponent, { model: creator.tabbedMenu })) : null),
|
|
305
165
|
(creator.showToolbar ?
|
|
306
|
-
|
|
307
|
-
|
|
166
|
+
React.createElement("div", { className: "svc-toolbar-wrapper" },
|
|
167
|
+
React.createElement(SurveyActionBar, { model: creator.toolbar }))
|
|
308
168
|
: null)),
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
169
|
+
React.createElement("div", { className: contentWrapperClassName },
|
|
170
|
+
React.createElement("div", { className: "svc-creator__content-holder svc-flex-column" }, this.renderActiveTab())),
|
|
171
|
+
React.createElement("div", { className: "svc-footer-bar" }, (creator.isMobileView ?
|
|
172
|
+
React.createElement("div", { className: "svc-toolbar-wrapper" },
|
|
173
|
+
React.createElement(SurveyActionBar, { model: creator.footerToolbar }))
|
|
314
174
|
: null))),
|
|
315
175
|
this.renderSidebar()),
|
|
316
176
|
licenseBanner,
|
|
317
|
-
|
|
177
|
+
React.createElement(NotifierComponent, { notifier: creator.notifier }))));
|
|
318
178
|
}
|
|
319
179
|
renderActiveTab() {
|
|
320
180
|
const creator = this.props.creator;
|
|
@@ -332,24 +192,24 @@ class SurveyCreatorComponent extends external_survey_react_ui_namespaceObject.Su
|
|
|
332
192
|
const creator = this.props.creator;
|
|
333
193
|
const component = !!tab.renderTab
|
|
334
194
|
? tab.renderTab()
|
|
335
|
-
:
|
|
195
|
+
: ReactElementFactory.Instance.createElement(tab.componentContent, {
|
|
336
196
|
creator: creator,
|
|
337
197
|
survey: creator.survey,
|
|
338
198
|
data: tab.data.model
|
|
339
199
|
});
|
|
340
200
|
const className = "svc-creator-tab" + (creator.toolboxLocation == "right" ? " svc-creator__toolbox--right" : "");
|
|
341
|
-
return (
|
|
201
|
+
return (React.createElement("div", { key: tab.id, id: "scrollableDiv-" + tab.id, className: className }, component));
|
|
342
202
|
}
|
|
343
203
|
renderSidebar() {
|
|
344
204
|
if (!!this.creator.sidebar) {
|
|
345
|
-
return
|
|
205
|
+
return ReactElementFactory.Instance.createElement("svc-side-bar", { model: this.creator.sidebar });
|
|
346
206
|
}
|
|
347
207
|
else {
|
|
348
208
|
return null;
|
|
349
209
|
}
|
|
350
210
|
}
|
|
351
211
|
}
|
|
352
|
-
class SurveyCreator extends
|
|
212
|
+
class SurveyCreator extends SurveyCreatorModel {
|
|
353
213
|
constructor(options = {}, options2) {
|
|
354
214
|
super(options, options2);
|
|
355
215
|
}
|
|
@@ -359,14 +219,14 @@ class SurveyCreator extends external_survey_creator_core_namespaceObject.SurveyC
|
|
|
359
219
|
node = document.getElementById(target);
|
|
360
220
|
}
|
|
361
221
|
/* eslint-disable react/no-deprecated */
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
222
|
+
ReactDOM.unmountComponentAtNode(node);
|
|
223
|
+
ReactDOM.render(React.createElement(React.StrictMode, null,
|
|
224
|
+
React.createElement(SurveyCreatorComponent, { creator: this })), node);
|
|
365
225
|
/* eslint-enable react/no-deprecated */
|
|
366
226
|
}
|
|
367
227
|
//ISurveyCreator
|
|
368
228
|
createQuestionElement(question) {
|
|
369
|
-
return
|
|
229
|
+
return ReactQuestionFactory.Instance.createQuestion(question.isDefaultRendering()
|
|
370
230
|
? question.getTemplate()
|
|
371
231
|
: question.getComponentName(), {
|
|
372
232
|
question: question,
|
|
@@ -375,10 +235,10 @@ class SurveyCreator extends external_survey_creator_core_namespaceObject.SurveyC
|
|
|
375
235
|
});
|
|
376
236
|
}
|
|
377
237
|
renderError(key, error, cssClasses) {
|
|
378
|
-
return (
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
238
|
+
return (React.createElement("div", { key: key },
|
|
239
|
+
React.createElement("span", { className: cssClasses.error.icon, "aria-hidden": "true" }),
|
|
240
|
+
React.createElement("span", { className: cssClasses.error.item },
|
|
241
|
+
React.createElement(SurveyLocStringViewer, { locStr: error.locText }))));
|
|
382
242
|
}
|
|
383
243
|
questionTitleLocation() {
|
|
384
244
|
return this.survey.questionTitleLocation;
|
|
@@ -387,13 +247,11 @@ class SurveyCreator extends external_survey_creator_core_namespaceObject.SurveyC
|
|
|
387
247
|
return this.survey.questionErrorLocation;
|
|
388
248
|
}
|
|
389
249
|
}
|
|
390
|
-
|
|
391
|
-
return
|
|
250
|
+
ReactElementFactory.Instance.registerElement("survey-widget", (props) => {
|
|
251
|
+
return React.createElement(Survey, props);
|
|
392
252
|
});
|
|
393
253
|
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
class CreatorModelElement extends external_survey_react_ui_namespaceObject.SurveyElementBase {
|
|
254
|
+
class CreatorModelElement extends SurveyElementBase {
|
|
397
255
|
constructor(props) {
|
|
398
256
|
super(props);
|
|
399
257
|
this.createModel(props);
|
|
@@ -424,11 +282,6 @@ class CreatorModelElement extends external_survey_react_ui_namespaceObject.Surve
|
|
|
424
282
|
}
|
|
425
283
|
}
|
|
426
284
|
|
|
427
|
-
;// ./src/adorners/Row.tsx
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
285
|
class RowWrapper extends CreatorModelElement {
|
|
433
286
|
constructor(props) {
|
|
434
287
|
super(props);
|
|
@@ -437,7 +290,7 @@ class RowWrapper extends CreatorModelElement {
|
|
|
437
290
|
if (!!this.model) {
|
|
438
291
|
this.model.dispose();
|
|
439
292
|
}
|
|
440
|
-
this.model = new
|
|
293
|
+
this.model = new RowViewModel(props.componentData.creator, props.row, null);
|
|
441
294
|
}
|
|
442
295
|
getUpdatedModelProps() {
|
|
443
296
|
return ["row", "componentData"];
|
|
@@ -454,17 +307,16 @@ class RowWrapper extends CreatorModelElement {
|
|
|
454
307
|
super.componentWillUnmount();
|
|
455
308
|
}
|
|
456
309
|
render() {
|
|
457
|
-
return (
|
|
458
|
-
|
|
459
|
-
|
|
310
|
+
return (React.createElement("div", { key: "svc-row-" + this.props.row.id, className: this.model.cssClasses },
|
|
311
|
+
React.createElement("div", { className: "svc-row__drop-indicator svc-row__drop-indicator--top" }),
|
|
312
|
+
React.createElement("div", { className: "svc-row__drop-indicator svc-row__drop-indicator--bottom" }),
|
|
460
313
|
this.props.element));
|
|
461
314
|
}
|
|
462
315
|
}
|
|
463
|
-
|
|
464
|
-
return
|
|
316
|
+
ReactElementFactory.Instance.registerElement("svc-row", (props) => {
|
|
317
|
+
return React.createElement(RowWrapper, props);
|
|
465
318
|
});
|
|
466
319
|
|
|
467
|
-
;// ./src/events.ts
|
|
468
320
|
class ReactMouseEvent {
|
|
469
321
|
constructor(event) {
|
|
470
322
|
this.event = event;
|
|
@@ -514,16 +366,10 @@ class ReactDragEvent extends ReactMouseEvent {
|
|
|
514
366
|
}
|
|
515
367
|
}
|
|
516
368
|
|
|
517
|
-
;// ./src/adorners/Question.tsx
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
523
369
|
class QuestionAdornerComponent extends CreatorModelElement {
|
|
524
370
|
constructor(props) {
|
|
525
371
|
super(props);
|
|
526
|
-
this.rootRef =
|
|
372
|
+
this.rootRef = React.createRef();
|
|
527
373
|
}
|
|
528
374
|
createModel(props) {
|
|
529
375
|
if (this.model) {
|
|
@@ -534,7 +380,7 @@ class QuestionAdornerComponent extends CreatorModelElement {
|
|
|
534
380
|
}
|
|
535
381
|
}
|
|
536
382
|
createQuestionViewModel(props) {
|
|
537
|
-
return new
|
|
383
|
+
return new QuestionAdornerViewModel(props.componentData, props.question, null);
|
|
538
384
|
}
|
|
539
385
|
getUpdatedModelProps() {
|
|
540
386
|
return ["question", "componentData"];
|
|
@@ -550,7 +396,7 @@ class QuestionAdornerComponent extends CreatorModelElement {
|
|
|
550
396
|
.isInteractiveDesignElement;
|
|
551
397
|
const titleForCollapsedState = this.renderQuestionTitle();
|
|
552
398
|
const content = this.renderContent(allowInteractions);
|
|
553
|
-
return (
|
|
399
|
+
return (React.createElement("div", { ref: this.rootRef, "data-sv-drop-target-survey-element": this.model.element.name || null, className: this.model.rootCss(), onDoubleClick: e => { allowInteractions && this.model.dblclick(e.nativeEvent); e.stopPropagation(); }, onMouseLeave: e => allowInteractions && this.model.hover(e.nativeEvent, e.currentTarget), onMouseOver: e => allowInteractions && this.model.hover(e.nativeEvent, e.currentTarget) },
|
|
554
400
|
titleForCollapsedState,
|
|
555
401
|
content));
|
|
556
402
|
}
|
|
@@ -560,40 +406,40 @@ class QuestionAdornerComponent extends CreatorModelElement {
|
|
|
560
406
|
renderContent(allowInteractions) {
|
|
561
407
|
var content = this.model.needToRenderContent ? this.renderElementContent() : null;
|
|
562
408
|
//if (!allowInteractions) return <>{content}{this.renderFooter()}</>;
|
|
563
|
-
return
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
|
|
409
|
+
return attachKey2click(React.createElement("div", { className: this.model.css(), onClick: (e) => this.model.select(this.model, new ReactMouseEvent(e)) },
|
|
410
|
+
React.createElement("div", { className: "svc-question__drop-indicator svc-question__drop-indicator--left" }),
|
|
411
|
+
React.createElement("div", { className: "svc-question__drop-indicator svc-question__drop-indicator--right" }),
|
|
412
|
+
React.createElement("div", { className: "svc-question__drop-indicator svc-question__drop-indicator--top" }),
|
|
413
|
+
React.createElement("div", { className: "svc-question__drop-indicator svc-question__drop-indicator--bottom" }),
|
|
568
414
|
allowInteractions ? this.renderHeader() : null,
|
|
569
415
|
content,
|
|
570
416
|
this.model.needToRenderContent ? this.renderFooter() : null), undefined, { disableTabStop: this.disableTabStop() });
|
|
571
417
|
}
|
|
572
418
|
renderHeader() {
|
|
573
|
-
return
|
|
419
|
+
return ReactElementFactory.Instance.createElement("svc-question-header", { model: this.model });
|
|
574
420
|
}
|
|
575
421
|
renderFooter() {
|
|
576
422
|
const allowInteractions = this.model.element
|
|
577
423
|
.isInteractiveDesignElement;
|
|
578
|
-
return allowInteractions ?
|
|
424
|
+
return allowInteractions ? ReactElementFactory.Instance.createElement("svc-question-footer", { className: "svc-question__content-actions", model: this.model }) : null;
|
|
579
425
|
}
|
|
580
426
|
renderCarryForwardBanner() {
|
|
581
427
|
if (!this.model.isBannerShowing)
|
|
582
428
|
return null;
|
|
583
|
-
return
|
|
429
|
+
return ReactElementFactory.Instance.createElement("svc-question-banner", this.model.createBannerParams());
|
|
584
430
|
}
|
|
585
431
|
renderQuestionTitle() {
|
|
586
432
|
if (!this.model.showHiddenTitle)
|
|
587
433
|
return null;
|
|
588
434
|
const element = this.model.element;
|
|
589
|
-
return (
|
|
435
|
+
return (React.createElement("div", { ref: node => node && (!this.model.renderedCollapsed ?
|
|
590
436
|
node.setAttribute("inert", "") : node.removeAttribute("inert")), className: this.model.cssCollapsedHiddenHeader }, (element.hasTitle ?
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
|
|
437
|
+
React.createElement(TitleElement, { element: element }) :
|
|
438
|
+
React.createElement("div", { className: this.model.cssCollapsedHiddenTitle },
|
|
439
|
+
React.createElement("span", { className: "svc-fake-title" }, element.name)))));
|
|
594
440
|
}
|
|
595
441
|
renderElementContent() {
|
|
596
|
-
return (
|
|
442
|
+
return (React.createElement(React.Fragment, null,
|
|
597
443
|
this.props.element,
|
|
598
444
|
this.renderElementPlaceholder(),
|
|
599
445
|
this.renderCarryForwardBanner()));
|
|
@@ -606,57 +452,46 @@ class QuestionAdornerComponent extends CreatorModelElement {
|
|
|
606
452
|
if (!this.model.isEmptyElement) {
|
|
607
453
|
return null;
|
|
608
454
|
}
|
|
609
|
-
return (
|
|
610
|
-
|
|
611
|
-
|
|
455
|
+
return (React.createElement("div", { className: "svc-panel__placeholder_frame-wrapper" },
|
|
456
|
+
React.createElement("div", { className: "svc-panel__placeholder_frame" },
|
|
457
|
+
React.createElement("div", { className: "svc-panel__placeholder" }, this.model.placeholderText))));
|
|
612
458
|
}
|
|
613
459
|
componentWillUnmount() {
|
|
614
460
|
super.componentWillUnmount();
|
|
615
461
|
this.model.detachFromUI();
|
|
616
462
|
}
|
|
617
463
|
}
|
|
618
|
-
|
|
619
|
-
return
|
|
464
|
+
ReactElementFactory.Instance.registerElement("svc-question", (props) => {
|
|
465
|
+
return React.createElement(QuestionAdornerComponent, props);
|
|
620
466
|
});
|
|
621
467
|
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
|
|
625
|
-
class QuestionWrapperHeader extends external_react_namespaceObject.Component {
|
|
468
|
+
class QuestionWrapperHeader extends React.Component {
|
|
626
469
|
render() {
|
|
627
470
|
if (!this.props.model.allowDragging)
|
|
628
471
|
return null;
|
|
629
|
-
return (
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
|
|
472
|
+
return (React.createElement("div", { className: "svc-question__drag-area", onPointerDown: (event) => this.props.model.onPointerDown(event) },
|
|
473
|
+
React.createElement(SvgIcon, { className: "svc-question__drag-element", size: "auto", iconName: "icon-drag-area-indicator_24x16" }),
|
|
474
|
+
React.createElement("div", { className: "svc-question__top-actions" },
|
|
475
|
+
React.createElement(SurveyActionBar, { model: this.props.model.topActionContainer, handleClick: false }))));
|
|
633
476
|
}
|
|
634
477
|
}
|
|
635
|
-
|
|
636
|
-
return
|
|
478
|
+
ReactElementFactory.Instance.registerElement("svc-question-header", (props) => {
|
|
479
|
+
return React.createElement(QuestionWrapperHeader, props);
|
|
637
480
|
});
|
|
638
481
|
|
|
639
|
-
|
|
640
|
-
|
|
641
|
-
|
|
642
|
-
|
|
643
|
-
class QuestionWrapperFooter extends external_react_namespaceObject.Component {
|
|
482
|
+
class QuestionWrapperFooter extends React.Component {
|
|
644
483
|
render() {
|
|
645
|
-
return (
|
|
646
|
-
|
|
484
|
+
return (React.createElement("div", { className: this.props.className, onFocus: (e) => this.props.model.select(this.props.model, new ReactMouseEvent(e)) },
|
|
485
|
+
React.createElement(SurveyActionBar, { model: this.props.model.actionContainer, handleClick: false })));
|
|
647
486
|
}
|
|
648
487
|
}
|
|
649
|
-
|
|
650
|
-
return
|
|
488
|
+
ReactElementFactory.Instance.registerElement("svc-question-footer", (props) => {
|
|
489
|
+
return React.createElement(QuestionWrapperFooter, props);
|
|
651
490
|
});
|
|
652
491
|
|
|
653
|
-
|
|
654
|
-
|
|
655
|
-
|
|
656
|
-
|
|
657
|
-
class ActionButton extends external_survey_react_ui_namespaceObject.SurveyElementBase {
|
|
492
|
+
class ActionButton extends SurveyElementBase {
|
|
658
493
|
renderElement() {
|
|
659
|
-
const classes = new
|
|
494
|
+
const classes = new CssClassBuilder()
|
|
660
495
|
.append(this.props.classes)
|
|
661
496
|
.append("svc-action-button")
|
|
662
497
|
.append("svc-action-button--selected", !!this.props.selected)
|
|
@@ -669,9 +504,9 @@ class ActionButton extends external_survey_react_ui_namespaceObject.SurveyElemen
|
|
|
669
504
|
}
|
|
670
505
|
renderButtonText(classes) {
|
|
671
506
|
if (this.props.disabled) {
|
|
672
|
-
return
|
|
507
|
+
return React.createElement("span", { className: classes }, this.props.text);
|
|
673
508
|
}
|
|
674
|
-
return (
|
|
509
|
+
return (React.createElement(React.Fragment, null, attachKey2click(React.createElement("span", { role: "button", className: classes, onClick: (e) => {
|
|
675
510
|
if (!this.props.allowBubble) {
|
|
676
511
|
e.stopPropagation();
|
|
677
512
|
}
|
|
@@ -681,51 +516,41 @@ class ActionButton extends external_survey_react_ui_namespaceObject.SurveyElemen
|
|
|
681
516
|
renderIcon(classes) {
|
|
682
517
|
classes += " svc-action-button--icon";
|
|
683
518
|
if (this.props.disabled) {
|
|
684
|
-
return
|
|
685
|
-
|
|
519
|
+
return React.createElement("span", { className: classes },
|
|
520
|
+
React.createElement(SvgIcon, { size: "auto", iconName: this.props.iconName }));
|
|
686
521
|
}
|
|
687
|
-
return (
|
|
522
|
+
return (React.createElement(React.Fragment, null, attachKey2click(React.createElement("span", { className: classes, onClick: (e) => {
|
|
688
523
|
if (!this.props.allowBubble) {
|
|
689
524
|
e.stopPropagation();
|
|
690
525
|
}
|
|
691
526
|
this.props.click();
|
|
692
527
|
}, title: this.props.title },
|
|
693
|
-
|
|
528
|
+
React.createElement(SvgIcon, { size: "auto", iconName: this.props.iconName })))));
|
|
694
529
|
}
|
|
695
530
|
}
|
|
696
|
-
|
|
697
|
-
|
|
698
|
-
;// ./src/adorners/QuestionBanner.tsx
|
|
699
|
-
|
|
531
|
+
ReactElementFactory.Instance.registerElement("svc-action-button", (props) => { return React.createElement(ActionButton, props); });
|
|
700
532
|
|
|
701
|
-
|
|
702
|
-
class QuestionBanner extends external_react_namespaceObject.Component {
|
|
533
|
+
class QuestionBanner extends React.Component {
|
|
703
534
|
render() {
|
|
704
|
-
return (
|
|
705
|
-
|
|
706
|
-
|
|
535
|
+
return (React.createElement("div", { className: "svc-carry-forward-panel-wrapper" },
|
|
536
|
+
React.createElement("div", { className: "svc-carry-forward-panel" },
|
|
537
|
+
React.createElement("span", null,
|
|
707
538
|
this.props.text,
|
|
708
539
|
" "),
|
|
709
|
-
|
|
710
|
-
|
|
540
|
+
React.createElement("span", { className: "svc-carry-forward-panel__link" },
|
|
541
|
+
React.createElement(ActionButton, { click: () => this.props.onClick(), text: this.props.actionText })))));
|
|
711
542
|
}
|
|
712
543
|
}
|
|
713
|
-
|
|
714
|
-
return
|
|
544
|
+
ReactElementFactory.Instance.registerElement("svc-question-banner", (props) => {
|
|
545
|
+
return React.createElement(QuestionBanner, props);
|
|
715
546
|
});
|
|
716
547
|
|
|
717
|
-
;// ./src/adorners/QuestionDropdown.tsx
|
|
718
|
-
|
|
719
|
-
|
|
720
|
-
|
|
721
|
-
|
|
722
|
-
|
|
723
548
|
class QuestionDropdownAdornerComponent extends QuestionAdornerComponent {
|
|
724
549
|
constructor(props) {
|
|
725
550
|
super(props);
|
|
726
551
|
}
|
|
727
552
|
createQuestionViewModel(props) {
|
|
728
|
-
return new
|
|
553
|
+
return new QuestionDropdownAdornerViewModel(props.componentData, props.question, null);
|
|
729
554
|
}
|
|
730
555
|
get dropdownModel() {
|
|
731
556
|
return this.model;
|
|
@@ -735,9 +560,9 @@ class QuestionDropdownAdornerComponent extends QuestionAdornerComponent {
|
|
|
735
560
|
}
|
|
736
561
|
renderElementPlaceholder() {
|
|
737
562
|
const textStyle = this.question.textStyle;
|
|
738
|
-
return (
|
|
739
|
-
|
|
740
|
-
|
|
563
|
+
return (React.createElement("div", { className: "svc-question__dropdown-choices--wrapper" },
|
|
564
|
+
React.createElement("div", null,
|
|
565
|
+
React.createElement("div", { className: "svc-question__dropdown-choices" }, (this.dropdownModel.getRenderedItems() || []).map((item, index) => (React.createElement("div", { className: this.dropdownModel.getChoiceCss(), key: `editable_choice_${index}` }, ReactSurveyElementsWrapper.wrapItemValue(this.question.survey, ReactElementFactory.Instance.createElement(this.dropdownModel.itemComponent, {
|
|
741
566
|
key: item.value,
|
|
742
567
|
question: this.question,
|
|
743
568
|
cssClasses: this.question.cssClasses,
|
|
@@ -748,29 +573,24 @@ class QuestionDropdownAdornerComponent extends QuestionAdornerComponent {
|
|
|
748
573
|
isChecked: this.question.value === item.value
|
|
749
574
|
}), this.question, item))))),
|
|
750
575
|
this.dropdownModel.needToCollapse ?
|
|
751
|
-
|
|
576
|
+
React.createElement(ActionButton, { click: this.dropdownModel.switchCollapse, text: this.dropdownModel.getButtonText(), allowBubble: true }) :
|
|
752
577
|
null)));
|
|
753
578
|
}
|
|
754
579
|
}
|
|
755
|
-
|
|
756
|
-
return
|
|
580
|
+
ReactElementFactory.Instance.registerElement("svc-dropdown-question", (props) => {
|
|
581
|
+
return React.createElement(QuestionDropdownAdornerComponent, props);
|
|
757
582
|
});
|
|
758
583
|
|
|
759
|
-
;// ./src/adorners/QuestionImage.tsx
|
|
760
|
-
|
|
761
|
-
|
|
762
|
-
|
|
763
|
-
|
|
764
584
|
class QuestionImageAdornerComponent extends QuestionAdornerComponent {
|
|
765
585
|
createQuestionViewModel(props) {
|
|
766
|
-
return new
|
|
586
|
+
return new QuestionImageAdornerViewModel(props.componentData, props.question, null);
|
|
767
587
|
}
|
|
768
588
|
get imageModel() {
|
|
769
589
|
return this.model;
|
|
770
590
|
}
|
|
771
591
|
renderHeader() {
|
|
772
|
-
return (
|
|
773
|
-
|
|
592
|
+
return (React.createElement(React.Fragment, null,
|
|
593
|
+
React.createElement("input", { type: "file", "aria-hidden": "true", tabIndex: -1, accept: this.imageModel.acceptedTypes, className: "svc-choose-file-input", style: {
|
|
774
594
|
position: "absolute",
|
|
775
595
|
opacity: 0,
|
|
776
596
|
width: "1px",
|
|
@@ -780,13 +600,13 @@ class QuestionImageAdornerComponent extends QuestionAdornerComponent {
|
|
|
780
600
|
super.renderHeader()));
|
|
781
601
|
}
|
|
782
602
|
renderLoadingPlaceholder() {
|
|
783
|
-
return (
|
|
784
|
-
|
|
785
|
-
|
|
603
|
+
return (React.createElement("div", { className: "svc-image-question__loading-placeholder" },
|
|
604
|
+
React.createElement("div", { className: "svc-image-question__loading" },
|
|
605
|
+
React.createElement(LoadingIndicatorComponent, null))));
|
|
786
606
|
}
|
|
787
607
|
renderChooseButton() {
|
|
788
|
-
return (
|
|
789
|
-
|
|
608
|
+
return (React.createElement("div", { className: "svc-image-question-controls" }, this.model.allowEdit ? attachKey2click(React.createElement("span", { className: "svc-context-button", onClick: () => this.imageModel.chooseFile(this.imageModel) },
|
|
609
|
+
React.createElement(SvgIcon, { size: "auto", iconName: "icon-choosefile" }))) : null));
|
|
790
610
|
}
|
|
791
611
|
renderElementPlaceholder() {
|
|
792
612
|
return this.imageModel.isUploading ? this.renderLoadingPlaceholder() : this.renderChooseButton();
|
|
@@ -796,35 +616,30 @@ class QuestionImageAdornerComponent extends QuestionAdornerComponent {
|
|
|
796
616
|
}
|
|
797
617
|
renderElementContent() {
|
|
798
618
|
if (this.imageModel.isEmptyImageLink) {
|
|
799
|
-
const fileQuestion =
|
|
619
|
+
const fileQuestion = ReactQuestionFactory.Instance.createQuestion("file", {
|
|
800
620
|
creator: this.imageModel.question.survey,
|
|
801
621
|
isDisplayMode: false,
|
|
802
622
|
question: this.imageModel.filePresentationModel
|
|
803
623
|
});
|
|
804
|
-
return (
|
|
624
|
+
return (React.createElement(React.Fragment, null, fileQuestion));
|
|
805
625
|
}
|
|
806
626
|
else {
|
|
807
|
-
return (
|
|
627
|
+
return (React.createElement(React.Fragment, null,
|
|
808
628
|
this.props.element,
|
|
809
629
|
this.renderElementPlaceholder()));
|
|
810
630
|
}
|
|
811
631
|
}
|
|
812
632
|
}
|
|
813
|
-
|
|
814
|
-
return
|
|
633
|
+
ReactElementFactory.Instance.registerElement("svc-image-question", (props) => {
|
|
634
|
+
return React.createElement(QuestionImageAdornerComponent, props);
|
|
815
635
|
});
|
|
816
636
|
|
|
817
|
-
;// ./src/adorners/QuestionRating.tsx
|
|
818
|
-
|
|
819
|
-
|
|
820
|
-
|
|
821
|
-
|
|
822
637
|
class QuestionRatingAdornerComponent extends CreatorModelElement {
|
|
823
638
|
createModel(props) {
|
|
824
639
|
this.modelValue = this.createQuestionViewModel(props);
|
|
825
640
|
}
|
|
826
641
|
createQuestionViewModel(props) {
|
|
827
|
-
return new
|
|
642
|
+
return new QuestionRatingAdornerViewModel(props.componentData, props.question, null);
|
|
828
643
|
}
|
|
829
644
|
getUpdatedModelProps() {
|
|
830
645
|
return ["question", "componentData"];
|
|
@@ -840,51 +655,41 @@ class QuestionRatingAdornerComponent extends CreatorModelElement {
|
|
|
840
655
|
}
|
|
841
656
|
renderElement() {
|
|
842
657
|
const model = this.ratingModel;
|
|
843
|
-
return (
|
|
844
|
-
|
|
845
|
-
|
|
846
|
-
model.allowRemove ?
|
|
847
|
-
|
|
848
|
-
model.allowAdd ?
|
|
849
|
-
|
|
658
|
+
return (React.createElement(React.Fragment, null,
|
|
659
|
+
React.createElement("div", { className: "svc-rating-question-content" },
|
|
660
|
+
React.createElement("div", { className: model.controlsClassNames },
|
|
661
|
+
model.allowRemove ? attachKey2click(React.createElement("span", { className: model.removeClassNames, "aria-label": model.removeTooltip, onClick: () => model.removeItem(model) },
|
|
662
|
+
React.createElement(SvgIcon, { size: "auto", iconName: "icon-remove_16x16", title: model.removeTooltip }))) : null,
|
|
663
|
+
model.allowAdd ? attachKey2click(React.createElement("span", { className: model.addClassNames, "aria-label": model.addTooltip, onClick: () => model.addItem(model) },
|
|
664
|
+
React.createElement(SvgIcon, { size: "auto", iconName: "icon-add_16x16", title: model.addTooltip }))) : null),
|
|
850
665
|
this.props.element)));
|
|
851
666
|
}
|
|
852
667
|
}
|
|
853
|
-
|
|
854
|
-
return
|
|
668
|
+
ReactElementFactory.Instance.registerElement("svc-rating-question", (props) => {
|
|
669
|
+
return React.createElement(QuestionRatingAdornerComponent, props);
|
|
855
670
|
});
|
|
856
|
-
|
|
857
|
-
return
|
|
671
|
+
ReactElementFactory.Instance.registerElement("svc-rating-question-content", (props) => {
|
|
672
|
+
return React.createElement(QuestionRatingAdornerComponent, props);
|
|
858
673
|
});
|
|
859
674
|
|
|
860
|
-
;// ./src/adorners/QuestionWidget.tsx
|
|
861
|
-
|
|
862
|
-
|
|
863
|
-
|
|
864
|
-
|
|
865
675
|
class QuestionWidgetAdornerComponent extends QuestionAdornerComponent {
|
|
866
676
|
createQuestionViewModel(props) {
|
|
867
|
-
return new
|
|
677
|
+
return new QuestionAdornerViewModel(props.componentData, props.question, null);
|
|
868
678
|
}
|
|
869
679
|
get widgetModel() {
|
|
870
680
|
return this.model;
|
|
871
681
|
}
|
|
872
682
|
renderElementContent() {
|
|
873
|
-
return (
|
|
683
|
+
return (React.createElement("div", { className: "svc-widget__content" }, this.props.element));
|
|
874
684
|
}
|
|
875
685
|
}
|
|
876
|
-
|
|
877
|
-
return
|
|
686
|
+
ReactElementFactory.Instance.registerElement("svc-widget-question", (props) => {
|
|
687
|
+
return React.createElement(QuestionWidgetAdornerComponent, props);
|
|
878
688
|
});
|
|
879
689
|
|
|
880
|
-
;// ./src/adorners/CellQuestion.tsx
|
|
881
|
-
|
|
882
|
-
|
|
883
|
-
|
|
884
|
-
|
|
885
690
|
class CellQuestionAdornerComponent extends CreatorModelElement {
|
|
886
691
|
createModel(props) {
|
|
887
|
-
this.model = new
|
|
692
|
+
this.model = new QuestionAdornerViewModel(props.componentData, props.question, null);
|
|
888
693
|
}
|
|
889
694
|
getStateElement() {
|
|
890
695
|
return this.model;
|
|
@@ -893,23 +698,18 @@ class CellQuestionAdornerComponent extends CreatorModelElement {
|
|
|
893
698
|
return ["question", "componentData"];
|
|
894
699
|
}
|
|
895
700
|
render() {
|
|
896
|
-
return (
|
|
897
|
-
|
|
898
|
-
|
|
701
|
+
return (React.createElement(React.Fragment, null,
|
|
702
|
+
React.createElement("div", { "data-sv-drop-target-survey-element": this.model.element.name, className: "svc-question__adorner" },
|
|
703
|
+
React.createElement("div", { className: " svc-question__content--in-popup svc-question__content" }, this.props.element))));
|
|
899
704
|
}
|
|
900
705
|
}
|
|
901
|
-
|
|
902
|
-
return
|
|
706
|
+
ReactElementFactory.Instance.registerElement("svc-cell-question", (props) => {
|
|
707
|
+
return React.createElement(CellQuestionAdornerComponent, props);
|
|
903
708
|
});
|
|
904
709
|
|
|
905
|
-
;// ./src/adorners/CellQuestionDropdown.tsx
|
|
906
|
-
|
|
907
|
-
|
|
908
|
-
|
|
909
|
-
|
|
910
710
|
class CellQuestionDropdownAdornerComponent extends CreatorModelElement {
|
|
911
711
|
createModel(props) {
|
|
912
|
-
this.model = new
|
|
712
|
+
this.model = new QuestionAdornerViewModel(props.componentData, props.question, null);
|
|
913
713
|
}
|
|
914
714
|
getUpdatedModelProps() {
|
|
915
715
|
return ["question", "componentData"];
|
|
@@ -920,11 +720,11 @@ class CellQuestionDropdownAdornerComponent extends CreatorModelElement {
|
|
|
920
720
|
render() {
|
|
921
721
|
const question = this.props.question;
|
|
922
722
|
const textStyle = this.props.question.textStyle;
|
|
923
|
-
return (
|
|
924
|
-
|
|
925
|
-
|
|
723
|
+
return (React.createElement(React.Fragment, null,
|
|
724
|
+
React.createElement("div", { "data-sv-drop-target-survey-element": this.model.element.name, className: "svc-question__adorner" },
|
|
725
|
+
React.createElement("div", { className: " svc-question__content--in-popup svc-question__content" },
|
|
926
726
|
this.props.element,
|
|
927
|
-
|
|
727
|
+
React.createElement("div", { className: "svc-question__dropdown-choices" }, question.visibleChoices.map((item, index) => (React.createElement("div", { className: "svc-question__dropdown-choice", key: `editable_choice_${index}` }, ReactSurveyElementsWrapper.wrapItemValue(question.survey, ReactElementFactory.Instance.createElement("survey-radiogroup-item", {
|
|
928
728
|
question: question,
|
|
929
729
|
cssClasses: question.cssClasses,
|
|
930
730
|
isDisplayMode: true,
|
|
@@ -935,26 +735,20 @@ class CellQuestionDropdownAdornerComponent extends CreatorModelElement {
|
|
|
935
735
|
}), question, item)))))))));
|
|
936
736
|
}
|
|
937
737
|
}
|
|
938
|
-
|
|
939
|
-
return
|
|
738
|
+
ReactElementFactory.Instance.registerElement("svc-cell-dropdown-question", (props) => {
|
|
739
|
+
return React.createElement(CellQuestionDropdownAdornerComponent, props);
|
|
940
740
|
});
|
|
941
741
|
|
|
942
|
-
;// ./src/adorners/Page.tsx
|
|
943
|
-
|
|
944
|
-
|
|
945
|
-
|
|
946
|
-
|
|
947
|
-
|
|
948
742
|
class CreatorSurveyPageComponent extends CreatorModelElement {
|
|
949
743
|
constructor(props) {
|
|
950
744
|
super(props);
|
|
951
|
-
this.rootRef =
|
|
745
|
+
this.rootRef = React.createRef();
|
|
952
746
|
}
|
|
953
747
|
createModel(props) {
|
|
954
748
|
if (this.model) {
|
|
955
749
|
this.model.attachToUI(props.page, this.rootRef.current);
|
|
956
750
|
}
|
|
957
|
-
this.model = new
|
|
751
|
+
this.model = new PageAdorner(props.creator, props.page);
|
|
958
752
|
this.model.isGhost = this.props.isGhost;
|
|
959
753
|
}
|
|
960
754
|
shouldComponentUpdate(nextProps, nextState) {
|
|
@@ -988,11 +782,11 @@ class CreatorSurveyPageComponent extends CreatorModelElement {
|
|
|
988
782
|
renderElement() {
|
|
989
783
|
if (!this.props.page)
|
|
990
784
|
return null;
|
|
991
|
-
return (
|
|
785
|
+
return (attachKey2click(React.createElement("div", { ref: this.rootRef, id: this.props.page.id, "data-sv-drop-target-survey-page": this.model.dropTargetName, className: "svc-page__content " + this.model.css, onClick: (e) => {
|
|
992
786
|
return this.model.select(this.model, new ReactMouseEvent(e));
|
|
993
787
|
}, onDoubleClick: e => this.model.dblclick(e.nativeEvent), onMouseLeave: (e) => this.model.hover(e.nativeEvent, e.currentTarget), onMouseOver: (e) => this.model.hover(e.nativeEvent, e.currentTarget) },
|
|
994
|
-
|
|
995
|
-
|
|
788
|
+
React.createElement("div", { className: "svc-question__drop-indicator svc-question__drop-indicator--top" }),
|
|
789
|
+
React.createElement("div", { className: "svc-question__drop-indicator svc-question__drop-indicator--bottom" }),
|
|
996
790
|
this.renderHeader(),
|
|
997
791
|
this.renderContent(),
|
|
998
792
|
this.renderPlaceholder(),
|
|
@@ -1001,122 +795,108 @@ class CreatorSurveyPageComponent extends CreatorModelElement {
|
|
|
1001
795
|
renderPlaceholder() {
|
|
1002
796
|
if (!this.model.showPlaceholder)
|
|
1003
797
|
return null;
|
|
1004
|
-
return (
|
|
1005
|
-
|
|
1006
|
-
|
|
798
|
+
return (React.createElement("div", { className: "svc-page__placeholder_frame" },
|
|
799
|
+
React.createElement("div", { className: "svc-panel__placeholder_frame" },
|
|
800
|
+
React.createElement("div", { className: "svc-panel__placeholder" }, this.model.placeholderText))));
|
|
1007
801
|
}
|
|
1008
802
|
renderContent() {
|
|
1009
|
-
return (
|
|
803
|
+
return (React.createElement(SurveyPage, { page: this.props.page, survey: this.props.survey, creator: this.props.creator, css: this.model.css }));
|
|
1010
804
|
}
|
|
1011
805
|
renderHeader() {
|
|
1012
|
-
const actions = (
|
|
1013
|
-
|
|
1014
|
-
(this.model.topActionContainer.hasActions ?
|
|
806
|
+
const actions = (React.createElement("div", { className: "svc-page__content-actions" },
|
|
807
|
+
React.createElement(SurveyActionBar, { model: this.model.actionContainer }),
|
|
808
|
+
(this.model.topActionContainer.hasActions ? React.createElement(SurveyActionBar, { model: this.model.topActionContainer }) : null)));
|
|
1015
809
|
if (this.model.isGhost || !this.model.allowDragging) {
|
|
1016
810
|
return actions;
|
|
1017
811
|
}
|
|
1018
|
-
return (
|
|
1019
|
-
|
|
812
|
+
return (React.createElement("div", { className: "svc-question__drag-area", onPointerDown: (event) => this.model.onPointerDown(event) },
|
|
813
|
+
React.createElement(SvgIcon, { className: "svc-question__drag-element", size: "auto", iconName: "icon-drag-area-indicator_24x16" }),
|
|
1020
814
|
actions));
|
|
1021
815
|
}
|
|
1022
816
|
renderFooter() {
|
|
1023
|
-
return
|
|
817
|
+
return React.createElement(SurveyActionBar, { model: this.model.footerActionsBar });
|
|
1024
818
|
}
|
|
1025
819
|
}
|
|
1026
|
-
|
|
1027
|
-
return
|
|
820
|
+
ReactElementFactory.Instance.registerElement("svc-page", (props) => {
|
|
821
|
+
return React.createElement(CreatorSurveyPageComponent, props);
|
|
1028
822
|
});
|
|
1029
823
|
|
|
1030
|
-
|
|
1031
|
-
|
|
1032
|
-
|
|
1033
|
-
|
|
1034
|
-
class AddQuestionButtonComponent extends external_survey_react_ui_namespaceObject.SurveyElementBase {
|
|
824
|
+
class AddQuestionButtonComponent extends SurveyElementBase {
|
|
1035
825
|
get model() {
|
|
1036
826
|
return this.props.item.data;
|
|
1037
827
|
}
|
|
1038
828
|
renderTypeSelector() {
|
|
1039
829
|
const questionTypeSelectorModel = this.model.questionTypeSelectorModel;
|
|
1040
|
-
return
|
|
830
|
+
return attachKey2click(React.createElement("button", { type: "button", onClick: (e) => {
|
|
1041
831
|
e.stopPropagation();
|
|
1042
832
|
questionTypeSelectorModel.action();
|
|
1043
833
|
}, className: "svc-element__question-type-selector", title: this.model.addNewQuestionText },
|
|
1044
|
-
|
|
1045
|
-
|
|
834
|
+
React.createElement("span", { className: "svc-element__question-type-selector-icon" },
|
|
835
|
+
React.createElement(SvgIcon, { iconName: questionTypeSelectorModel.iconName, size: "auto", title: this.model.addNewQuestionText })),
|
|
1046
836
|
this.props.renderPopup === undefined || this.props.renderPopup ?
|
|
1047
|
-
|
|
837
|
+
React.createElement(Popup, { model: questionTypeSelectorModel.popupModel })
|
|
1048
838
|
: null));
|
|
1049
839
|
}
|
|
1050
840
|
renderElement() {
|
|
1051
841
|
const addButtonClass = this.props.buttonClass || "svc-btn";
|
|
1052
|
-
return
|
|
1053
|
-
|
|
842
|
+
return React.createElement(React.Fragment, null,
|
|
843
|
+
attachKey2click(React.createElement("div", { className: "svc-element__add-new-question " + addButtonClass, onClick: (e) => {
|
|
1054
844
|
e.stopPropagation();
|
|
1055
845
|
this.model.addNewQuestion(this.model, new ReactMouseEvent(e));
|
|
1056
846
|
}, onMouseOver: (e) => this.model.hoverStopper && this.model.hoverStopper(e.nativeEvent, e.currentTarget) },
|
|
1057
|
-
|
|
1058
|
-
|
|
847
|
+
React.createElement(SvgIcon, { className: "svc-panel__add-new-question-icon", iconName: "icon-add_24x24", size: "auto" }),
|
|
848
|
+
React.createElement("span", { className: "svc-add-new-item-button__text" }, this.model.addNewQuestionText),
|
|
1059
849
|
this.props.renderPopup !== false ? this.renderTypeSelector() : null)),
|
|
1060
850
|
this.props.renderPopup === false ? this.renderTypeSelector() : null);
|
|
1061
851
|
}
|
|
1062
852
|
}
|
|
1063
|
-
|
|
1064
|
-
return
|
|
853
|
+
ReactElementFactory.Instance.registerElement("svc-add-new-question-btn", (props) => {
|
|
854
|
+
return React.createElement(AddQuestionButtonComponent, props);
|
|
1065
855
|
});
|
|
1066
856
|
|
|
1067
|
-
;// ./src/adorners/Panel.tsx
|
|
1068
|
-
|
|
1069
|
-
|
|
1070
|
-
|
|
1071
|
-
|
|
1072
857
|
class PanelAdornerComponent extends QuestionAdornerComponent {
|
|
1073
858
|
renderElementPlaceholder() {
|
|
1074
859
|
if (!this.model.isEmptyElement) {
|
|
1075
860
|
return null;
|
|
1076
861
|
}
|
|
1077
|
-
return (
|
|
1078
|
-
|
|
1079
|
-
|
|
1080
|
-
this.model.showAddQuestionButton ?
|
|
862
|
+
return (React.createElement("div", { className: "svc-panel__placeholder_frame-wrapper" },
|
|
863
|
+
React.createElement("div", { className: "svc-panel__placeholder_frame" },
|
|
864
|
+
React.createElement("div", { className: "svc-panel__placeholder" }, this.model.placeholderText),
|
|
865
|
+
this.model.showAddQuestionButton ? attachKey2click(React.createElement("div", { className: "svc-panel__add-new-question svc-action-button", onClick: (e) => {
|
|
1081
866
|
e.stopPropagation();
|
|
1082
867
|
this.model.addNewQuestion();
|
|
1083
868
|
} },
|
|
1084
|
-
|
|
1085
|
-
|
|
869
|
+
React.createElement(SvgIcon, { className: "svc-panel__add-new-question-icon", iconName: "icon-add_24x24", size: "auto" }),
|
|
870
|
+
React.createElement("span", { className: "svc-add-new-item-button__text" }, this.model.addNewQuestionText))) : null)));
|
|
1086
871
|
}
|
|
1087
872
|
disableTabStop() {
|
|
1088
873
|
return true;
|
|
1089
874
|
}
|
|
1090
875
|
renderFooter() {
|
|
1091
|
-
return (
|
|
1092
|
-
!this.model.isEmptyElement && this.model.element.isPanel && this.model.showAddQuestionButton ? (
|
|
1093
|
-
|
|
1094
|
-
|
|
1095
|
-
|
|
1096
|
-
|
|
876
|
+
return (React.createElement(React.Fragment, null,
|
|
877
|
+
!this.model.isEmptyElement && this.model.element.isPanel && this.model.showAddQuestionButton ? (React.createElement("div", { className: "svc-panel__add-new-question-container" },
|
|
878
|
+
React.createElement("div", { className: "svc-panel__question-type-selector-popup" },
|
|
879
|
+
React.createElement(Popup, { model: this.model.questionTypeSelectorModel.popupModel })),
|
|
880
|
+
React.createElement("div", { className: "svc-panel__add-new-question-wrapper" },
|
|
881
|
+
React.createElement(AddQuestionButtonComponent, { item: { data: this.model }, buttonClass: "svc-action-button", renderPopup: false })))) : null,
|
|
1097
882
|
super.renderFooter()));
|
|
1098
883
|
}
|
|
1099
884
|
}
|
|
1100
|
-
|
|
1101
|
-
return
|
|
885
|
+
ReactElementFactory.Instance.registerElement("svc-panel", (props) => {
|
|
886
|
+
return React.createElement(PanelAdornerComponent, props);
|
|
1102
887
|
});
|
|
1103
888
|
|
|
1104
|
-
;// ./src/LogoImage.tsx
|
|
1105
|
-
|
|
1106
|
-
|
|
1107
|
-
|
|
1108
|
-
|
|
1109
889
|
class LogoImageComponent extends CreatorModelElement {
|
|
1110
890
|
constructor(props) {
|
|
1111
891
|
super(props);
|
|
1112
|
-
this.rootRef =
|
|
892
|
+
this.rootRef = React.createRef();
|
|
1113
893
|
}
|
|
1114
894
|
createModel(props) {
|
|
1115
895
|
let prevRoot = null;
|
|
1116
896
|
if (!!this.model) {
|
|
1117
897
|
prevRoot = this.model.root;
|
|
1118
898
|
}
|
|
1119
|
-
this.model = new
|
|
899
|
+
this.model = new LogoImageViewModel(props.data, prevRoot);
|
|
1120
900
|
}
|
|
1121
901
|
getUpdatedModelProps() {
|
|
1122
902
|
return ["data"];
|
|
@@ -1129,34 +909,34 @@ class LogoImageComponent extends CreatorModelElement {
|
|
|
1129
909
|
this.model.root = this.rootRef.current;
|
|
1130
910
|
}
|
|
1131
911
|
renderChooseButton() {
|
|
1132
|
-
return
|
|
1133
|
-
|
|
912
|
+
return attachKey2click(React.createElement("span", { className: "svc-context-button", onClick: () => this.model.chooseFile(this.model) },
|
|
913
|
+
React.createElement(SvgIcon, { size: "auto", iconName: "icon-choosefile" })));
|
|
1134
914
|
}
|
|
1135
915
|
renderClearButton() {
|
|
1136
|
-
return
|
|
1137
|
-
|
|
916
|
+
return attachKey2click(React.createElement("span", { className: "svc-context-button svc-context-button--danger", onClick: () => this.model.remove(this.model) },
|
|
917
|
+
React.createElement(SvgIcon, { size: "auto", iconName: "icon-clear" })));
|
|
1138
918
|
}
|
|
1139
919
|
renderButtons() {
|
|
1140
|
-
return (
|
|
920
|
+
return (React.createElement("div", { className: "svc-context-container svc-logo-image-controls" },
|
|
1141
921
|
this.renderChooseButton(),
|
|
1142
922
|
this.renderClearButton()));
|
|
1143
923
|
}
|
|
1144
924
|
renderImage() {
|
|
1145
|
-
return
|
|
925
|
+
return React.createElement("div", { className: this.model.containerCss },
|
|
1146
926
|
this.renderButtons(),
|
|
1147
|
-
|
|
927
|
+
React.createElement(LogoImage, { data: this.props.data.survey }));
|
|
1148
928
|
}
|
|
1149
929
|
renderPlaceHolder() {
|
|
1150
|
-
return this.model.allowEdit && !this.model.isUploading ?
|
|
1151
|
-
|
|
1152
|
-
|
|
930
|
+
return this.model.allowEdit && !this.model.isUploading ? attachKey2click(React.createElement("div", { className: "svc-logo-image-placeholder", onClick: () => this.model.chooseFile(this.model) },
|
|
931
|
+
React.createElement("svg", null,
|
|
932
|
+
React.createElement("use", { xlinkHref: "#icon-image-48x48" })))) : null;
|
|
1153
933
|
}
|
|
1154
934
|
renderInput() {
|
|
1155
|
-
return
|
|
935
|
+
return React.createElement("input", { "aria-hidden": "true", type: "file", tabIndex: -1, accept: this.model.acceptedTypes, className: "svc-choose-file-input" });
|
|
1156
936
|
}
|
|
1157
937
|
renderLoadingIndicator() {
|
|
1158
|
-
return
|
|
1159
|
-
|
|
938
|
+
return React.createElement("div", { className: "svc-logo-image__loading" },
|
|
939
|
+
React.createElement(LoadingIndicatorComponent, null));
|
|
1160
940
|
}
|
|
1161
941
|
render() {
|
|
1162
942
|
let content = null;
|
|
@@ -1169,47 +949,39 @@ class LogoImageComponent extends CreatorModelElement {
|
|
|
1169
949
|
else {
|
|
1170
950
|
content = this.renderPlaceHolder();
|
|
1171
951
|
}
|
|
1172
|
-
return (
|
|
952
|
+
return (React.createElement("div", { ref: this.rootRef, className: "svc-logo-image" },
|
|
1173
953
|
this.renderInput(),
|
|
1174
954
|
content));
|
|
1175
955
|
}
|
|
1176
956
|
}
|
|
1177
|
-
|
|
1178
|
-
return
|
|
957
|
+
ReactElementFactory.Instance.registerElement("svc-logo-image", (props) => {
|
|
958
|
+
return React.createElement(LogoImageComponent, props);
|
|
1179
959
|
});
|
|
1180
960
|
|
|
1181
|
-
|
|
1182
|
-
|
|
1183
|
-
|
|
1184
|
-
|
|
1185
|
-
|
|
1186
|
-
class SurveyQuestionLinkValue extends external_survey_react_ui_namespaceObject.SurveyQuestionElementBase {
|
|
961
|
+
class SurveyQuestionLinkValue extends SurveyQuestionElementBase {
|
|
1187
962
|
get question() {
|
|
1188
963
|
return this.questionBase;
|
|
1189
964
|
}
|
|
1190
965
|
renderClear() {
|
|
1191
966
|
const showClear = this.questionBase.showClear;
|
|
1192
967
|
if (!this.questionBase.isReadOnly && showClear) {
|
|
1193
|
-
return (
|
|
968
|
+
return (React.createElement(ActionButton, { classes: this.question.linkClearButtonCssClasses, click: () => this.question.doClearClick(), text: editorLocalization.getString("pe.clear") }));
|
|
1194
969
|
}
|
|
1195
970
|
else {
|
|
1196
971
|
return null;
|
|
1197
972
|
}
|
|
1198
973
|
}
|
|
1199
974
|
renderElement() {
|
|
1200
|
-
return (
|
|
1201
|
-
|
|
975
|
+
return (React.createElement(React.Fragment, null,
|
|
976
|
+
React.createElement(ActionButton, { classes: this.question.linkSetButtonCssClasses, click: () => this.question.doLinkClick(), selected: this.question.isSelected, disabled: !this.question.isClickable, text: this.question.linkValueText, title: this.question.tooltip, iconName: this.question.iconName }),
|
|
1202
977
|
this.renderClear()));
|
|
1203
978
|
}
|
|
1204
979
|
}
|
|
1205
|
-
|
|
1206
|
-
return
|
|
980
|
+
ReactQuestionFactory.Instance.registerQuestion("linkvalue", (props) => {
|
|
981
|
+
return React.createElement(SurveyQuestionLinkValue, props);
|
|
1207
982
|
});
|
|
1208
983
|
|
|
1209
|
-
|
|
1210
|
-
|
|
1211
|
-
|
|
1212
|
-
class SurveyElementEmbeddedSurvey extends external_survey_react_ui_namespaceObject.SurveyQuestionElementBase {
|
|
984
|
+
class SurveyElementEmbeddedSurvey extends SurveyQuestionElementBase {
|
|
1213
985
|
get embeddedSurvey() {
|
|
1214
986
|
return (this.props.element || this.props.question);
|
|
1215
987
|
}
|
|
@@ -1222,22 +994,19 @@ class SurveyElementEmbeddedSurvey extends external_survey_react_ui_namespaceObje
|
|
|
1222
994
|
const survey = this.embeddedSurvey.embeddedSurvey;
|
|
1223
995
|
if (!survey || !survey.currentPage)
|
|
1224
996
|
return null;
|
|
1225
|
-
return
|
|
997
|
+
return React.createElement(SurveyPage, { survey: survey, page: survey.currentPage, css: survey.css, creator: this.creator });
|
|
1226
998
|
}
|
|
1227
999
|
}
|
|
1228
|
-
|
|
1229
|
-
return
|
|
1000
|
+
ReactQuestionFactory.Instance.registerQuestion("embeddedsurvey", (props) => {
|
|
1001
|
+
return React.createElement(SurveyElementEmbeddedSurvey, props);
|
|
1230
1002
|
});
|
|
1231
1003
|
|
|
1232
|
-
|
|
1233
|
-
|
|
1234
|
-
|
|
1235
|
-
class QuestionEditorContentComponent extends external_react_namespaceObject.Component {
|
|
1004
|
+
class QuestionEditorContentComponent extends React.Component {
|
|
1236
1005
|
get survey() {
|
|
1237
1006
|
return this.props.survey;
|
|
1238
1007
|
}
|
|
1239
1008
|
createQuestionElement(question) {
|
|
1240
|
-
return
|
|
1009
|
+
return ReactQuestionFactory.Instance.createQuestion(!question.isDefaultRendering || question.isDefaultRendering()
|
|
1241
1010
|
? question.getTemplate()
|
|
1242
1011
|
: question.getComponentName(), {
|
|
1243
1012
|
question: question,
|
|
@@ -1256,29 +1025,24 @@ class QuestionEditorContentComponent extends external_react_namespaceObject.Comp
|
|
|
1256
1025
|
}
|
|
1257
1026
|
render() {
|
|
1258
1027
|
const question = this.survey.getAllQuestions()[0];
|
|
1259
|
-
return (
|
|
1260
|
-
|
|
1028
|
+
return (React.createElement(React.Fragment, null,
|
|
1029
|
+
React.createElement(SurveyQuestion, { creator: this, element: question })));
|
|
1261
1030
|
}
|
|
1262
1031
|
}
|
|
1263
|
-
|
|
1264
|
-
return
|
|
1032
|
+
ReactElementFactory.Instance.registerElement("svc-question-editor-content", (props) => {
|
|
1033
|
+
return React.createElement(QuestionEditorContentComponent, props);
|
|
1265
1034
|
});
|
|
1266
1035
|
|
|
1267
|
-
;// ./src/ItemValueWrapper.tsx
|
|
1268
|
-
|
|
1269
|
-
|
|
1270
|
-
|
|
1271
|
-
|
|
1272
1036
|
class ItemValueAdornerComponent extends CreatorModelElement {
|
|
1273
1037
|
constructor(props) {
|
|
1274
1038
|
super(props);
|
|
1275
1039
|
this.onBlur = (event) => {
|
|
1276
1040
|
this.model.onFocusOut(event.nativeEvent);
|
|
1277
1041
|
};
|
|
1278
|
-
this.rootRef =
|
|
1042
|
+
this.rootRef = React.createRef();
|
|
1279
1043
|
}
|
|
1280
1044
|
createModel(props) {
|
|
1281
|
-
this.model = new
|
|
1045
|
+
this.model = new ItemValueWrapperViewModel(props.componentData.creator, props.question, props.item);
|
|
1282
1046
|
}
|
|
1283
1047
|
getUpdatedModelProps() {
|
|
1284
1048
|
return ["question", "item"];
|
|
@@ -1303,48 +1067,42 @@ class ItemValueAdornerComponent extends CreatorModelElement {
|
|
|
1303
1067
|
}
|
|
1304
1068
|
render() {
|
|
1305
1069
|
this.model.item = this.props.item;
|
|
1306
|
-
const button = this.model.allowAdd ? (
|
|
1070
|
+
const button = this.model.allowAdd ? (attachKey2click(React.createElement("span", { className: "svc-item-value-controls__button svc-item-value-controls__add", "aria-label": this.model.tooltip, onClick: () => {
|
|
1307
1071
|
this.model.add(this.model);
|
|
1308
1072
|
this.model.isNew = false;
|
|
1309
1073
|
} },
|
|
1310
|
-
|
|
1074
|
+
React.createElement(SvgIcon, { size: "auto", iconName: "icon-add_16x16", title: this.model.tooltip })))) : (React.createElement(React.Fragment, null,
|
|
1311
1075
|
" ",
|
|
1312
|
-
this.model.isDraggable ? (
|
|
1313
|
-
|
|
1314
|
-
this.model.allowRemove ?
|
|
1315
|
-
|
|
1076
|
+
this.model.isDraggable ? (React.createElement("span", { className: "svc-item-value-controls__button svc-item-value-controls__drag" },
|
|
1077
|
+
React.createElement(SvgIcon, { className: "svc-item-value-controls__drag-icon", size: "auto", iconName: "icon-drag-24x24", title: this.model.dragTooltip }))) : null,
|
|
1078
|
+
this.model.allowRemove ? attachKey2click(React.createElement("span", { className: "svc-item-value-controls__button svc-item-value-controls__remove", "aria-label": this.model.tooltip, onClick: () => this.model.remove(this.model) },
|
|
1079
|
+
React.createElement(SvgIcon, { size: "auto", iconName: "icon-remove_16x16", title: this.model.tooltip }))) : null));
|
|
1316
1080
|
const itemkey = this.props.element.key + (this.model.allowAdd ? "_new" : "");
|
|
1317
|
-
return (
|
|
1081
|
+
return (React.createElement("div", { ref: this.rootRef, className: "svc-item-value-wrapper" +
|
|
1318
1082
|
(this.model.allowAdd ? " svc-item-value--new" : "") +
|
|
1319
1083
|
(this.model.isDragging ? " svc-item-value--dragging" : "") +
|
|
1320
1084
|
(this.model.isDragDropGhost ? " svc-item-value--ghost" : "") +
|
|
1321
1085
|
(this.model.isDragDropMoveDown ? " svc-item-value--movedown" : "") +
|
|
1322
1086
|
(this.model.isDragDropMoveUp ? " svc-item-value--moveup" : ""), key: itemkey, "data-sv-drop-target-item-value": this.model.isDraggable ? this.model.item.value : undefined, onPointerDown: (event) => this.model.onPointerDown(event) },
|
|
1323
|
-
|
|
1324
|
-
|
|
1325
|
-
|
|
1087
|
+
React.createElement("div", { className: "svc-item-value__ghost" }),
|
|
1088
|
+
React.createElement("div", { className: "svc-item-value-controls", onBlur: this.onBlur }, button),
|
|
1089
|
+
React.createElement("div", { className: "svc-item-value__item", onClick: (event) => this.model.select(this.model, event.nativeEvent) }, this.props.element)));
|
|
1326
1090
|
}
|
|
1327
1091
|
}
|
|
1328
|
-
|
|
1329
|
-
return
|
|
1092
|
+
ReactElementFactory.Instance.registerElement("svc-item-value", (props) => {
|
|
1093
|
+
return React.createElement(ItemValueAdornerComponent, props);
|
|
1330
1094
|
});
|
|
1331
1095
|
|
|
1332
|
-
;// ./src/ImageItemValueWrapper.tsx
|
|
1333
|
-
|
|
1334
|
-
|
|
1335
|
-
|
|
1336
|
-
|
|
1337
|
-
|
|
1338
1096
|
class ImageItemValueAdornerComponent extends CreatorModelElement {
|
|
1339
1097
|
constructor(props) {
|
|
1340
1098
|
super(props);
|
|
1341
1099
|
this.preventDragHandler = (e) => {
|
|
1342
1100
|
e.preventDefault();
|
|
1343
1101
|
};
|
|
1344
|
-
this.rootRef =
|
|
1102
|
+
this.rootRef = React.createRef();
|
|
1345
1103
|
}
|
|
1346
1104
|
createModel(props) {
|
|
1347
|
-
this.model = new
|
|
1105
|
+
this.model = new ImageItemValueWrapperViewModel(props.componentData.creator, props.question, props.item, null, null);
|
|
1348
1106
|
}
|
|
1349
1107
|
getUpdatedModelProps() {
|
|
1350
1108
|
return ["question", "item"];
|
|
@@ -1364,8 +1122,8 @@ class ImageItemValueAdornerComponent extends CreatorModelElement {
|
|
|
1364
1122
|
this.model.itemsRoot = this.rootRef.current;
|
|
1365
1123
|
}
|
|
1366
1124
|
renderLoadingIndicator() {
|
|
1367
|
-
return
|
|
1368
|
-
|
|
1125
|
+
return React.createElement("div", { className: "svc-image-item-value__loading" },
|
|
1126
|
+
React.createElement(LoadingIndicatorComponent, null));
|
|
1369
1127
|
}
|
|
1370
1128
|
render() {
|
|
1371
1129
|
this.model.item = this.props.item;
|
|
@@ -1374,33 +1132,33 @@ class ImageItemValueAdornerComponent extends CreatorModelElement {
|
|
|
1374
1132
|
const imageStyle = !this.model.getIsNewItemSingle() ? { width: this.question.renderedImageWidth, height: this.question.renderedImageHeight } : null;
|
|
1375
1133
|
let content = null;
|
|
1376
1134
|
if (isNew || this.model.isUploading) {
|
|
1377
|
-
content = (
|
|
1378
|
-
|
|
1379
|
-
|
|
1380
|
-
|
|
1381
|
-
|
|
1382
|
-
|
|
1383
|
-
|
|
1135
|
+
content = (React.createElement(React.Fragment, null,
|
|
1136
|
+
React.createElement("div", { className: "svc-image-item-value__item", onDrop: this.model.onDrop, onDragOver: this.model.onDragOver, onDragLeave: this.model.onDragLeave },
|
|
1137
|
+
React.createElement("div", { className: "sd-imagepicker__item sd-imagepicker__item--inline" },
|
|
1138
|
+
React.createElement("label", { className: "sd-imagepicker__label" },
|
|
1139
|
+
React.createElement("div", { style: imageStyle, className: "sd-imagepicker__image" }, this.model.isUploading ? this.renderLoadingIndicator() : null)))),
|
|
1140
|
+
React.createElement("div", { className: "svc-image-item-value-controls" }, this.model.allowAdd && !this.model.isUploading ? attachKey2click(React.createElement("span", { className: "svc-context-button svc-image-item-value-controls__add", onClick: () => this.model.chooseNewFile(this.model) },
|
|
1141
|
+
React.createElement(SvgIcon, { size: "auto", iconName: "icon-add-lg", title: this.model.addFileTitle }))) : null)));
|
|
1384
1142
|
}
|
|
1385
1143
|
else {
|
|
1386
|
-
content = (
|
|
1387
|
-
|
|
1144
|
+
content = (React.createElement(React.Fragment, null,
|
|
1145
|
+
React.createElement("div", { className: "svc-image-item-value__item" }, this.props.element),
|
|
1388
1146
|
this.model.isDraggable && this.model.canRenderControls ?
|
|
1389
|
-
|
|
1390
|
-
|
|
1147
|
+
React.createElement("span", { className: "svc-context-button svc-image-item-value-controls__drag-area-indicator", onPointerDown: (event) => this.model.onPointerDown(event) },
|
|
1148
|
+
React.createElement(SvgIcon, { size: "auto", iconName: "icon-drag-24x24" }))
|
|
1391
1149
|
: null,
|
|
1392
1150
|
this.model.canRenderControls ?
|
|
1393
|
-
|
|
1394
|
-
this.model.allowRemove && !this.model.isUploading ?
|
|
1395
|
-
|
|
1396
|
-
this.model.allowRemove && !this.model.isUploading ?
|
|
1397
|
-
|
|
1151
|
+
React.createElement("div", { className: "svc-context-container svc-image-item-value-controls" },
|
|
1152
|
+
this.model.allowRemove && !this.model.isUploading ? attachKey2click(React.createElement("span", { className: "svc-context-button", onClick: () => this.model.chooseFile(this.model) },
|
|
1153
|
+
React.createElement(SvgIcon, { role: "button", size: "auto", iconName: "icon-choosefile", title: this.model.selectFileTitle }))) : null,
|
|
1154
|
+
this.model.allowRemove && !this.model.isUploading ? attachKey2click(React.createElement("span", { className: "svc-context-button svc-context-button--danger", onClick: () => this.model.remove(this.model) },
|
|
1155
|
+
React.createElement(SvgIcon, { role: "button", size: "auto", iconName: "icon-delete", title: this.model.removeFileTitle }))) : null)
|
|
1398
1156
|
: null));
|
|
1399
1157
|
}
|
|
1400
|
-
return (
|
|
1401
|
-
|
|
1402
|
-
|
|
1403
|
-
|
|
1158
|
+
return (React.createElement("div", { ref: this.rootRef, className: this.model.getRootCss(), key: this.props.element.key, "data-sv-drop-target-item-value": this.model.isDraggable ? this.model.item.value : undefined, onPointerDown: (event) => this.model.onPointerDown(event), onDragStart: this.preventDragHandler },
|
|
1159
|
+
React.createElement("div", { className: "svc-image-item-value-wrapper__ghost", style: imageStyle }),
|
|
1160
|
+
React.createElement("div", { className: "svc-image-item-value-wrapper__content" },
|
|
1161
|
+
React.createElement("input", { type: "file", "aria-hidden": "true", tabIndex: -1, accept: this.model.acceptedTypes, className: "svc-choose-file-input", style: {
|
|
1404
1162
|
position: "absolute",
|
|
1405
1163
|
opacity: 0,
|
|
1406
1164
|
width: "1px",
|
|
@@ -1410,15 +1168,10 @@ class ImageItemValueAdornerComponent extends CreatorModelElement {
|
|
|
1410
1168
|
content)));
|
|
1411
1169
|
}
|
|
1412
1170
|
}
|
|
1413
|
-
|
|
1414
|
-
return
|
|
1171
|
+
ReactElementFactory.Instance.registerElement("svc-image-item-value", (props) => {
|
|
1172
|
+
return React.createElement(ImageItemValueAdornerComponent, props);
|
|
1415
1173
|
});
|
|
1416
1174
|
|
|
1417
|
-
;// ./src/MatrixCellWrapper.tsx
|
|
1418
|
-
|
|
1419
|
-
|
|
1420
|
-
|
|
1421
|
-
|
|
1422
1175
|
class MatrixCellAdornerComponent extends CreatorModelElement {
|
|
1423
1176
|
createModel(props) {
|
|
1424
1177
|
var _a;
|
|
@@ -1427,7 +1180,7 @@ class MatrixCellAdornerComponent extends CreatorModelElement {
|
|
|
1427
1180
|
if (!!this.model) {
|
|
1428
1181
|
prevIsSelected = this.model.isSelected;
|
|
1429
1182
|
}
|
|
1430
|
-
this.model = new
|
|
1183
|
+
this.model = new MatrixCellWrapperViewModel(data.creator, data.element, data.question, data.row, data.column || ((_a = data.element.cell) === null || _a === void 0 ? void 0 : _a.column));
|
|
1431
1184
|
this.model.isSelected = prevIsSelected;
|
|
1432
1185
|
}
|
|
1433
1186
|
getUpdatedModelProps() {
|
|
@@ -1448,29 +1201,23 @@ class MatrixCellAdornerComponent extends CreatorModelElement {
|
|
|
1448
1201
|
render() {
|
|
1449
1202
|
let controls = null;
|
|
1450
1203
|
if (!!this.model.isSupportCellEditor) {
|
|
1451
|
-
controls =
|
|
1452
|
-
|
|
1204
|
+
controls = React.createElement("div", { className: "svc-matrix-cell__question-controls" }, attachKey2click(React.createElement("span", { className: "svc-matrix-cell__question-controls-button svc-context-button", onClick: (event) => this.model.editQuestion(this.model, event) },
|
|
1205
|
+
React.createElement(SvgIcon, { size: "auto", iconName: "icon-edit" }))));
|
|
1453
1206
|
}
|
|
1454
|
-
return (
|
|
1455
|
-
|
|
1207
|
+
return (React.createElement("div", { className: "svc-matrix-cell", tabIndex: -1, key: this.props.element.key, onClick: (e) => !this.props.question && this.model.selectContext(this.model, e), onMouseOut: e => this.model.hover(e.nativeEvent, e.currentTarget), onMouseOver: e => this.model.hover(e.nativeEvent, e.currentTarget) },
|
|
1208
|
+
React.createElement("div", { className: "svc-matrix-cell--selected" + (this.model.isSelected ? " svc-visible" : "") }),
|
|
1456
1209
|
this.props.element,
|
|
1457
1210
|
controls));
|
|
1458
1211
|
}
|
|
1459
1212
|
}
|
|
1460
|
-
|
|
1461
|
-
return
|
|
1213
|
+
ReactElementFactory.Instance.registerElement("svc-matrix-cell", (props) => {
|
|
1214
|
+
return React.createElement(MatrixCellAdornerComponent, props);
|
|
1462
1215
|
});
|
|
1463
1216
|
|
|
1464
|
-
;// ./src/Results.tsx
|
|
1465
|
-
|
|
1466
|
-
|
|
1467
|
-
|
|
1468
|
-
|
|
1469
|
-
|
|
1470
1217
|
class SurveyResults extends CreatorModelElement {
|
|
1471
1218
|
createModel(props) {
|
|
1472
1219
|
if (this.props.survey) {
|
|
1473
|
-
this.model = new
|
|
1220
|
+
this.model = new SurveyResultsModel(props.survey);
|
|
1474
1221
|
}
|
|
1475
1222
|
}
|
|
1476
1223
|
getUpdatedModelProps() {
|
|
@@ -1483,13 +1230,13 @@ class SurveyResults extends CreatorModelElement {
|
|
|
1483
1230
|
if (!this.model) {
|
|
1484
1231
|
return null;
|
|
1485
1232
|
}
|
|
1486
|
-
return (
|
|
1487
|
-
|
|
1488
|
-
|
|
1489
|
-
|
|
1490
|
-
|
|
1491
|
-
|
|
1492
|
-
|
|
1233
|
+
return (React.createElement("div", { className: "svd-test-results" },
|
|
1234
|
+
React.createElement("div", { className: "svd-test-results__content" },
|
|
1235
|
+
React.createElement("div", { className: "svd-test-results__header" },
|
|
1236
|
+
React.createElement("div", { className: "svd-test-results__header-text" }, this.model.surveyResultsText),
|
|
1237
|
+
React.createElement("div", { className: "svd-test-results__header-types" },
|
|
1238
|
+
React.createElement(ActionButton, { click: () => this.model.selectTableClick(), text: this.model.surveyResultsTableText, selected: this.model.isTableSelected, disabled: false }),
|
|
1239
|
+
React.createElement(ActionButton, { click: () => this.model.selectJsonClick(), text: this.model.surveyResultsJsonText, selected: this.model.isJsonSelected, disabled: false }))),
|
|
1493
1240
|
this.renderResultAsText(),
|
|
1494
1241
|
this.renderResultAsTable())));
|
|
1495
1242
|
}
|
|
@@ -1497,25 +1244,25 @@ class SurveyResults extends CreatorModelElement {
|
|
|
1497
1244
|
if (this.model.resultViewType !== "text") {
|
|
1498
1245
|
return null;
|
|
1499
1246
|
}
|
|
1500
|
-
return (
|
|
1501
|
-
|
|
1247
|
+
return (React.createElement("div", { className: "svd-test-results__text svd-light-bg-color" },
|
|
1248
|
+
React.createElement("div", null, this.model.resultText)));
|
|
1502
1249
|
}
|
|
1503
1250
|
renderResultAsTable() {
|
|
1504
1251
|
if (this.model.resultViewType !== "table") {
|
|
1505
1252
|
return null;
|
|
1506
1253
|
}
|
|
1507
|
-
return (
|
|
1508
|
-
|
|
1509
|
-
|
|
1510
|
-
|
|
1511
|
-
|
|
1512
|
-
|
|
1513
|
-
|
|
1254
|
+
return (React.createElement("div", { className: "svd-test-results__table svd-light-bg-color" },
|
|
1255
|
+
React.createElement("table", null,
|
|
1256
|
+
React.createElement("thead", null,
|
|
1257
|
+
React.createElement("tr", { className: "svd-light-background-color" },
|
|
1258
|
+
React.createElement("th", { key: 1, className: "svd-dark-border-color" }, this.model.resultsTitle),
|
|
1259
|
+
React.createElement("th", { key: 2, className: "svd-dark-border-color" }, this.model.resultsDisplayValue))),
|
|
1260
|
+
React.createElement("tbody", null, SurveyResults.renderRows(this.model.resultData)))));
|
|
1514
1261
|
}
|
|
1515
1262
|
static renderRows(data) {
|
|
1516
1263
|
const rows = [];
|
|
1517
1264
|
for (var i = 0; i < data.length; i++) {
|
|
1518
|
-
rows.push(
|
|
1265
|
+
rows.push(React.createElement(SurveyResultsByRow, { key: i + 1, row: data[i] }));
|
|
1519
1266
|
}
|
|
1520
1267
|
return rows;
|
|
1521
1268
|
}
|
|
@@ -1528,31 +1275,24 @@ class SurveyResultsByRow extends CreatorModelElement {
|
|
|
1528
1275
|
return this.row;
|
|
1529
1276
|
}
|
|
1530
1277
|
render() {
|
|
1531
|
-
return (
|
|
1532
|
-
|
|
1533
|
-
|
|
1534
|
-
this.row.isNode ? (
|
|
1535
|
-
|
|
1536
|
-
this.row.question ?
|
|
1537
|
-
|
|
1278
|
+
return (React.createElement(React.Fragment, null,
|
|
1279
|
+
attachKey2click(React.createElement("tr", { onClick: () => this.row.toggle() },
|
|
1280
|
+
React.createElement("td", { key: 1, style: { paddingLeft: this.row.textMargin }, className: "svd-dark-border-color" },
|
|
1281
|
+
this.row.isNode ? (React.createElement("span", { style: { left: this.row.markerMargin }, className: "svd-test-results__marker " + (this.row.collapsed ? "" : "svd-test-results__marker--expanded") },
|
|
1282
|
+
React.createElement(SvgIcon, { iconName: "icon-expand_16x16", size: 16 }))) : null,
|
|
1283
|
+
this.row.question ? React.createElement(SurveyLocStringViewer, { locStr: this.row.question.locTitle }) : React.createElement("span", null, this.row.title)),
|
|
1284
|
+
React.createElement("td", { key: 2, className: this.row.isNode ? "svd-test-results__node-value" : "svd-dark-border-color" }, this.row.getString(this.row.displayValue)))),
|
|
1538
1285
|
this.row.isNode && !this.row.collapsed ? SurveyResults.renderRows(this.row.data) : null));
|
|
1539
1286
|
}
|
|
1540
1287
|
}
|
|
1541
1288
|
|
|
1542
|
-
;// ./src/toolbox/ToolboxItem.tsx
|
|
1543
|
-
|
|
1544
|
-
|
|
1545
|
-
|
|
1546
|
-
|
|
1547
|
-
|
|
1548
|
-
|
|
1549
1289
|
class SurveyCreatorToolboxTool extends CreatorModelElement {
|
|
1550
1290
|
constructor(props) {
|
|
1551
1291
|
super(props);
|
|
1552
|
-
this.rootRef =
|
|
1292
|
+
this.rootRef = React.createRef();
|
|
1553
1293
|
}
|
|
1554
1294
|
createModel(props) {
|
|
1555
|
-
this.model = new
|
|
1295
|
+
this.model = new ToolboxToolViewModel(props.item, props.creator, props.parentModel);
|
|
1556
1296
|
}
|
|
1557
1297
|
getUpdatedModelProps() {
|
|
1558
1298
|
return ["creator", "item"];
|
|
@@ -1571,16 +1311,16 @@ class SurveyCreatorToolboxTool extends CreatorModelElement {
|
|
|
1571
1311
|
}
|
|
1572
1312
|
render() {
|
|
1573
1313
|
const item = this.item;
|
|
1574
|
-
const itemComponent =
|
|
1314
|
+
const itemComponent = ReactElementFactory.Instance.createElement(this.model.itemComponent, {
|
|
1575
1315
|
item: item,
|
|
1576
1316
|
creator: this.creator,
|
|
1577
1317
|
parentModel: this.creator.toolbox,
|
|
1578
1318
|
model: this.model,
|
|
1579
1319
|
isCompact: this.isCompact
|
|
1580
1320
|
});
|
|
1581
|
-
return (
|
|
1582
|
-
(item.needSeparator && !this.creator.toolbox.showCategoryTitles) ? (
|
|
1583
|
-
|
|
1321
|
+
return (React.createElement("div", { className: item.css, key: item.id, ref: this.rootRef },
|
|
1322
|
+
(item.needSeparator && !this.creator.toolbox.showCategoryTitles) ? (React.createElement("div", { className: "svc-toolbox__category-separator" })) : null,
|
|
1323
|
+
React.createElement("div", { className: "svc-toolbox__tool-content sv-action__content", onPointerDown: (event) => {
|
|
1584
1324
|
event.persist();
|
|
1585
1325
|
this.model.onPointerDown(event);
|
|
1586
1326
|
} }, itemComponent)));
|
|
@@ -1593,8 +1333,8 @@ class SurveyCreatorToolboxTool extends CreatorModelElement {
|
|
|
1593
1333
|
super.componentDidMount();
|
|
1594
1334
|
this.item.updateModeCallback = (mode, callback) => {
|
|
1595
1335
|
queueMicrotask(() => {
|
|
1596
|
-
if (
|
|
1597
|
-
|
|
1336
|
+
if (ReactDOM["flushSync"]) {
|
|
1337
|
+
ReactDOM["flushSync"](() => {
|
|
1598
1338
|
this.item.mode = mode;
|
|
1599
1339
|
});
|
|
1600
1340
|
}
|
|
@@ -1630,37 +1370,32 @@ class SurveyCreatorToolboxItem extends CreatorModelElement {
|
|
|
1630
1370
|
}
|
|
1631
1371
|
render() {
|
|
1632
1372
|
const banner = (this.props.isCompact ?
|
|
1633
|
-
|
|
1373
|
+
React.createElement("span", { className: "svc-toolbox__item-banner", onClick: (event) => {
|
|
1634
1374
|
event.persist();
|
|
1635
1375
|
this.model.click(event);
|
|
1636
1376
|
} },
|
|
1637
|
-
|
|
1638
|
-
|
|
1377
|
+
React.createElement(SvgIcon, { size: "auto", iconName: this.item.iconName, className: "svc-toolbox__item-icon", title: this.item.tooltip }),
|
|
1378
|
+
React.createElement("span", null, this.item.title))
|
|
1639
1379
|
:
|
|
1640
1380
|
null);
|
|
1641
|
-
const item =
|
|
1381
|
+
const item = attachKey2click(React.createElement("div", { className: this.item.renderedCss, tabIndex: 0, role: "button", "aria-label": this.item.tooltip, onClick: (event) => {
|
|
1642
1382
|
event.persist();
|
|
1643
1383
|
this.model.click(event);
|
|
1644
1384
|
} },
|
|
1645
|
-
|
|
1385
|
+
React.createElement("span", { className: "svc-toolbox__item-container" }, !!this.item.iconName ? React.createElement(SvgIcon, { size: "auto", iconName: this.item.iconName, className: "svc-toolbox__item-icon" }) : null),
|
|
1646
1386
|
(this.props.isCompact ?
|
|
1647
1387
|
null
|
|
1648
1388
|
:
|
|
1649
|
-
|
|
1650
|
-
return (
|
|
1389
|
+
React.createElement("span", { className: "svc-toolbox__item-title" }, this.item.title))));
|
|
1390
|
+
return (React.createElement(React.Fragment, null,
|
|
1651
1391
|
item,
|
|
1652
1392
|
banner));
|
|
1653
1393
|
}
|
|
1654
1394
|
}
|
|
1655
|
-
|
|
1656
|
-
return
|
|
1395
|
+
ReactElementFactory.Instance.registerElement("svc-toolbox-item", (props) => {
|
|
1396
|
+
return createElement(SurveyCreatorToolboxItem, props);
|
|
1657
1397
|
});
|
|
1658
1398
|
|
|
1659
|
-
;// ./src/toolbox/ToolboxItemGroup.tsx
|
|
1660
|
-
|
|
1661
|
-
|
|
1662
|
-
|
|
1663
|
-
|
|
1664
1399
|
class SurveyCreatorToolboxItemGroup extends CreatorModelElement {
|
|
1665
1400
|
constructor(props) {
|
|
1666
1401
|
super(props);
|
|
@@ -1687,22 +1422,18 @@ class SurveyCreatorToolboxItemGroup extends CreatorModelElement {
|
|
|
1687
1422
|
return this.item;
|
|
1688
1423
|
}
|
|
1689
1424
|
render() {
|
|
1690
|
-
return
|
|
1691
|
-
|
|
1692
|
-
|
|
1693
|
-
|
|
1694
|
-
|
|
1425
|
+
return React.createElement(React.Fragment, null,
|
|
1426
|
+
React.createElement(SurveyCreatorToolboxItem, { item: this.item, creator: this.creator, model: this.model, parentModel: this.parentModel, isCompact: this.isCompact }),
|
|
1427
|
+
React.createElement("div", { className: "svc-toolbox__item-submenu-button", onMouseOver: (event) => this.model.onMouseOver(this.item, event), onMouseLeave: (event) => this.model.onMouseLeave(this.item, event) },
|
|
1428
|
+
React.createElement(SvgIcon, { size: "auto", iconName: this.item.subitemsButtonIcon }),
|
|
1429
|
+
React.createElement(Popup, { model: this.item.popupModel })));
|
|
1695
1430
|
}
|
|
1696
1431
|
}
|
|
1697
|
-
|
|
1698
|
-
return
|
|
1432
|
+
ReactElementFactory.Instance.registerElement("svc-toolbox-item-group", (props) => {
|
|
1433
|
+
return React.createElement(SurveyCreatorToolboxItemGroup, props);
|
|
1699
1434
|
});
|
|
1700
1435
|
|
|
1701
|
-
|
|
1702
|
-
|
|
1703
|
-
|
|
1704
|
-
|
|
1705
|
-
class SurveyCreatorToolboxCategory extends external_survey_react_ui_namespaceObject.SurveyElementBase {
|
|
1436
|
+
class SurveyCreatorToolboxCategory extends SurveyElementBase {
|
|
1706
1437
|
get category() {
|
|
1707
1438
|
return this.props.category;
|
|
1708
1439
|
}
|
|
@@ -1720,8 +1451,8 @@ class SurveyCreatorToolboxCategory extends external_survey_react_ui_namespaceObj
|
|
|
1720
1451
|
render() {
|
|
1721
1452
|
const header = this.renderCategoryHeader();
|
|
1722
1453
|
const items = this.renderCategoryContent();
|
|
1723
|
-
return (
|
|
1724
|
-
|
|
1454
|
+
return (React.createElement("div", { className: this.class, key: this.category.name },
|
|
1455
|
+
React.createElement("div", { className: "svc-toolbox__category-header-wrapper" }, header),
|
|
1725
1456
|
items));
|
|
1726
1457
|
}
|
|
1727
1458
|
renderCategoryHeader() {
|
|
@@ -1729,8 +1460,8 @@ class SurveyCreatorToolboxCategory extends external_survey_react_ui_namespaceObj
|
|
|
1729
1460
|
if (this.toolbox.canCollapseCategories) {
|
|
1730
1461
|
className += " svc-toolbox__category-header--collapsed";
|
|
1731
1462
|
}
|
|
1732
|
-
return
|
|
1733
|
-
|
|
1463
|
+
return attachKey2click(React.createElement("div", { className: className, onClick: e => this.category.toggleState() },
|
|
1464
|
+
React.createElement("span", { className: "svc-toolbox__category-title" }, this.category.title),
|
|
1734
1465
|
this.renderButton()));
|
|
1735
1466
|
}
|
|
1736
1467
|
renderButton() {
|
|
@@ -1739,25 +1470,21 @@ class SurveyCreatorToolboxCategory extends external_survey_react_ui_namespaceObj
|
|
|
1739
1470
|
const iconName = this.category.collapsed ? "arrow-down" : "arrow-up";
|
|
1740
1471
|
const suffixName = this.category.collapsed ? "expand" : "collapse";
|
|
1741
1472
|
const svgIconClassName = "svc-toolbox__category-header__button svc-string-editor__button--" + suffixName;
|
|
1742
|
-
return (
|
|
1743
|
-
|
|
1473
|
+
return (React.createElement("div", { className: "svc-toolbox__category-header__controls" },
|
|
1474
|
+
React.createElement(SvgIcon, { className: svgIconClassName, iconName: "icon-" + iconName, size: "auto" })));
|
|
1744
1475
|
}
|
|
1745
1476
|
renderCategoryContent() {
|
|
1746
1477
|
return this.renderItems(this.category.items);
|
|
1747
1478
|
}
|
|
1748
1479
|
renderItems(items, isCompact = false) {
|
|
1749
|
-
return items.map((item, itemIndex) =>
|
|
1480
|
+
return items.map((item, itemIndex) => React.createElement(SurveyCreatorToolboxTool, { item: item, creator: this.toolbox.creator, parentModel: this.toolbox, isCompact: isCompact, key: "item" + itemIndex }));
|
|
1750
1481
|
}
|
|
1751
1482
|
}
|
|
1752
|
-
|
|
1753
|
-
return
|
|
1483
|
+
ReactElementFactory.Instance.registerElement("svc-toolbox-category", (props) => {
|
|
1484
|
+
return React.createElement(SurveyCreatorToolboxCategory, props);
|
|
1754
1485
|
});
|
|
1755
1486
|
|
|
1756
|
-
|
|
1757
|
-
|
|
1758
|
-
|
|
1759
|
-
|
|
1760
|
-
class ToolboxList extends external_survey_react_ui_namespaceObject.SurveyElementBase {
|
|
1487
|
+
class ToolboxList extends SurveyElementBase {
|
|
1761
1488
|
constructor(props) {
|
|
1762
1489
|
super(props);
|
|
1763
1490
|
}
|
|
@@ -1774,22 +1501,18 @@ class ToolboxList extends external_survey_react_ui_namespaceObject.SurveyElement
|
|
|
1774
1501
|
if (!this.model || !this.model.renderElements)
|
|
1775
1502
|
return null;
|
|
1776
1503
|
const items = this.renderItems();
|
|
1777
|
-
return (
|
|
1504
|
+
return (React.createElement("div", { className: this.model.cssClasses.root }, items));
|
|
1778
1505
|
}
|
|
1779
1506
|
renderItems() {
|
|
1780
1507
|
const items = this.model.renderedActions;
|
|
1781
|
-
return items.map((item, itemIndex) =>
|
|
1508
|
+
return items.map((item, itemIndex) => React.createElement(SurveyCreatorToolboxTool, { item: item, creator: this.creator, parentModel: this.model, isCompact: false, key: "item" + itemIndex }));
|
|
1782
1509
|
}
|
|
1783
1510
|
}
|
|
1784
|
-
|
|
1785
|
-
return
|
|
1511
|
+
ReactElementFactory.Instance.registerElement("svc-toolbox-list", (props) => {
|
|
1512
|
+
return React.createElement(ToolboxList, props);
|
|
1786
1513
|
});
|
|
1787
1514
|
|
|
1788
|
-
|
|
1789
|
-
|
|
1790
|
-
|
|
1791
|
-
|
|
1792
|
-
class SearchComponent extends external_survey_react_ui_namespaceObject.SurveyElementBase {
|
|
1515
|
+
class SearchComponent extends SurveyElementBase {
|
|
1793
1516
|
get model() {
|
|
1794
1517
|
return this.props.model;
|
|
1795
1518
|
}
|
|
@@ -1806,33 +1529,29 @@ class SearchComponent extends external_survey_react_ui_namespaceObject.SurveyEle
|
|
|
1806
1529
|
if (!this.model.isVisible)
|
|
1807
1530
|
return null;
|
|
1808
1531
|
const onChange = (e) => {
|
|
1809
|
-
const { root } =
|
|
1532
|
+
const { root } = settings.environment;
|
|
1810
1533
|
if (e.target === root.activeElement) {
|
|
1811
1534
|
this.model.filterString = e.target.value;
|
|
1812
1535
|
}
|
|
1813
1536
|
};
|
|
1814
|
-
return (
|
|
1815
|
-
|
|
1816
|
-
|
|
1817
|
-
|
|
1818
|
-
|
|
1819
|
-
|
|
1820
|
-
|
|
1537
|
+
return (React.createElement("div", { className: "svc-search" },
|
|
1538
|
+
React.createElement("div", { className: "svc-search__search-icon" },
|
|
1539
|
+
React.createElement(SvgIcon, { iconName: "icon-search", size: "auto" })),
|
|
1540
|
+
React.createElement("input", { type: "text", className: "svc-search__input", "aria-label": this.model.filterStringPlaceholder, placeholder: this.model.filterStringPlaceholder, value: this.state.filterString, onChange: onChange }),
|
|
1541
|
+
React.createElement("div", { className: "svc-search__toolbar" },
|
|
1542
|
+
React.createElement("div", { className: "svc-search__toolbar-counter" }, this.model.matchCounterText),
|
|
1543
|
+
React.createElement(SurveyActionBar, { model: this.model.searchActionBar }))));
|
|
1821
1544
|
}
|
|
1822
1545
|
}
|
|
1823
|
-
|
|
1824
|
-
return
|
|
1546
|
+
ReactElementFactory.Instance.registerElement("svc-search", (props) => {
|
|
1547
|
+
return React.createElement(SearchComponent, props);
|
|
1825
1548
|
});
|
|
1826
1549
|
|
|
1827
|
-
|
|
1828
|
-
|
|
1829
|
-
|
|
1830
|
-
|
|
1831
|
-
class ScrollComponent extends external_react_namespaceObject.Component {
|
|
1550
|
+
class ScrollComponent extends React.Component {
|
|
1832
1551
|
constructor(props) {
|
|
1833
1552
|
super(props);
|
|
1834
|
-
this.rootRef =
|
|
1835
|
-
this.model = new
|
|
1553
|
+
this.rootRef = React.createRef();
|
|
1554
|
+
this.model = new ScrollViewModel();
|
|
1836
1555
|
}
|
|
1837
1556
|
componentDidMount() {
|
|
1838
1557
|
const container = this.rootRef.current;
|
|
@@ -1845,29 +1564,21 @@ class ScrollComponent extends external_react_namespaceObject.Component {
|
|
|
1845
1564
|
this.model.setRootElement(undefined);
|
|
1846
1565
|
}
|
|
1847
1566
|
render() {
|
|
1848
|
-
return
|
|
1849
|
-
|
|
1850
|
-
|
|
1851
|
-
|
|
1852
|
-
|
|
1567
|
+
return React.createElement("div", { ref: this.rootRef, className: "svc-scroll__wrapper" },
|
|
1568
|
+
React.createElement("div", { className: "svc-scroll__scroller sv-drag-target-skipped", onScroll: () => this.model.onScrollContainer() },
|
|
1569
|
+
React.createElement("div", { className: "svc-scroll__container" }, this.props.children)),
|
|
1570
|
+
React.createElement("div", { className: "svc-scroll__scrollbar", onScroll: () => this.model.onScrollScrollbar() },
|
|
1571
|
+
React.createElement("div", { className: "svc-scroll__scrollbar-sizer" })));
|
|
1853
1572
|
}
|
|
1854
1573
|
}
|
|
1855
|
-
|
|
1856
|
-
return
|
|
1574
|
+
ReactElementFactory.Instance.registerElement("svc-scroll", (props) => {
|
|
1575
|
+
return React.createElement(ScrollComponent, props);
|
|
1857
1576
|
});
|
|
1858
1577
|
|
|
1859
|
-
|
|
1860
|
-
|
|
1861
|
-
|
|
1862
|
-
|
|
1863
|
-
|
|
1864
|
-
|
|
1865
|
-
|
|
1866
|
-
|
|
1867
|
-
class AdaptiveToolbox extends external_survey_react_ui_namespaceObject.SurveyElementBase {
|
|
1578
|
+
class AdaptiveToolbox extends SurveyElementBase {
|
|
1868
1579
|
constructor(props) {
|
|
1869
1580
|
super(props);
|
|
1870
|
-
this.rootRef =
|
|
1581
|
+
this.rootRef = React.createRef();
|
|
1871
1582
|
}
|
|
1872
1583
|
componentDidMount() {
|
|
1873
1584
|
super.componentDidMount();
|
|
@@ -1875,7 +1586,7 @@ class AdaptiveToolbox extends external_survey_react_ui_namespaceObject.SurveyEle
|
|
|
1875
1586
|
this.toolbox.setRootElement(container);
|
|
1876
1587
|
if (!container)
|
|
1877
1588
|
return;
|
|
1878
|
-
this.manager = new
|
|
1589
|
+
this.manager = new VerticalResponsivityManager(this.toolbox.containerElement, this.toolbox);
|
|
1879
1590
|
}
|
|
1880
1591
|
componentWillUnmount() {
|
|
1881
1592
|
this.manager && (this.manager.dispose());
|
|
@@ -1893,45 +1604,43 @@ class AdaptiveToolbox extends external_survey_react_ui_namespaceObject.SurveyEle
|
|
|
1893
1604
|
}
|
|
1894
1605
|
renderItems(items, isCompact = false) {
|
|
1895
1606
|
return items.map((item, itemIndex) => {
|
|
1896
|
-
return
|
|
1607
|
+
return React.createElement(SurveyCreatorToolboxTool, { item: item, creator: this.creator, parentModel: this.toolbox, isCompact: isCompact, key: item.renderedId });
|
|
1897
1608
|
});
|
|
1898
1609
|
}
|
|
1899
1610
|
renderCategories() {
|
|
1900
1611
|
return this.toolbox.categories.map((category, index) => {
|
|
1901
|
-
return
|
|
1612
|
+
return React.createElement(SurveyCreatorToolboxCategory, { category: category, toolbox: this.toolbox, key: "category" + index });
|
|
1902
1613
|
});
|
|
1903
1614
|
}
|
|
1904
1615
|
renderSearch() {
|
|
1905
1616
|
const searchButton = this.toolbox.isCompactRendered ?
|
|
1906
|
-
|
|
1907
|
-
|
|
1617
|
+
React.createElement(React.Fragment, null,
|
|
1618
|
+
React.createElement(SurveyCreatorToolboxTool, { item: this.toolbox.searchItem, creator: this.creator, parentModel: this.toolbox, isCompact: this.toolbox.isCompactRendered, key: "searchitem" })) :
|
|
1908
1619
|
null;
|
|
1909
|
-
return (
|
|
1620
|
+
return (React.createElement("div", { className: "svc-toolbox__search-container" },
|
|
1910
1621
|
searchButton,
|
|
1911
|
-
|
|
1912
|
-
|
|
1622
|
+
React.createElement(SearchComponent, { model: this.toolbox.searchManager }),
|
|
1623
|
+
React.createElement("div", { className: "svc-toolbox__category-separator svc-toolbox__category-separator--search" })));
|
|
1913
1624
|
}
|
|
1914
1625
|
render() {
|
|
1915
1626
|
if (!this.toolbox.hasActions)
|
|
1916
1627
|
return null;
|
|
1917
1628
|
const search = this.toolbox.showSearch ? this.renderSearch() : null;
|
|
1918
|
-
const placeholder = this.toolbox.showPlaceholder ?
|
|
1919
|
-
return (
|
|
1920
|
-
|
|
1629
|
+
const placeholder = this.toolbox.showPlaceholder ? React.createElement("div", { className: "svc-toolbox__placeholder" }, this.toolbox.toolboxNoResultsFound) : null;
|
|
1630
|
+
return (React.createElement("div", { ref: this.rootRef, className: this.toolbox.classNames },
|
|
1631
|
+
React.createElement("div", { onBlur: (e) => this.toolbox.focusOut(e), className: "svc-toolbox__panel" },
|
|
1921
1632
|
search,
|
|
1922
1633
|
placeholder,
|
|
1923
|
-
|
|
1924
|
-
(
|
|
1634
|
+
React.createElement(ScrollComponent, null, (this.toolbox.showInSingleCategory) ?
|
|
1635
|
+
(React.createElement("div", { className: "svc-toolbox__category" }, this.renderItems(this.toolbox.renderedActions, this.toolbox.isCompactRendered)))
|
|
1925
1636
|
: this.renderCategories()))));
|
|
1926
1637
|
}
|
|
1927
1638
|
}
|
|
1928
|
-
|
|
1929
|
-
return
|
|
1639
|
+
ReactElementFactory.Instance.registerElement("svc-toolbox", (props) => {
|
|
1640
|
+
return React.createElement(AdaptiveToolbox, props);
|
|
1930
1641
|
});
|
|
1931
1642
|
|
|
1932
|
-
|
|
1933
|
-
|
|
1934
|
-
class SurveyNavigation extends external_survey_react_ui_namespaceObject.SurveyElementBase {
|
|
1643
|
+
class SurveyNavigation extends SurveyElementBase {
|
|
1935
1644
|
constructor() {
|
|
1936
1645
|
super(...arguments);
|
|
1937
1646
|
this.onPropChangedHandler = (sender, options) => {
|
|
@@ -1987,14 +1696,11 @@ class SurveyNavigation extends external_survey_react_ui_namespaceObject.SurveyEl
|
|
|
1987
1696
|
: this.survey.isShowProgressBarOnBottom;
|
|
1988
1697
|
}
|
|
1989
1698
|
renderElement() {
|
|
1990
|
-
return
|
|
1699
|
+
return ReactElementFactory.Instance.createElement(this.survey.getProgressTypeComponent(), { survey: this.survey, css: this.survey.css, isTop: this.isTop });
|
|
1991
1700
|
}
|
|
1992
1701
|
}
|
|
1993
1702
|
|
|
1994
|
-
|
|
1995
|
-
|
|
1996
|
-
|
|
1997
|
-
class TabButtonComponent extends external_survey_react_ui_namespaceObject.SurveyElementBase {
|
|
1703
|
+
class TabButtonComponent extends SurveyElementBase {
|
|
1998
1704
|
constructor(props) {
|
|
1999
1705
|
super(props);
|
|
2000
1706
|
}
|
|
@@ -2002,20 +1708,15 @@ class TabButtonComponent extends external_survey_react_ui_namespaceObject.Survey
|
|
|
2002
1708
|
return this.props.model;
|
|
2003
1709
|
}
|
|
2004
1710
|
renderElement() {
|
|
2005
|
-
const button =
|
|
2006
|
-
|
|
2007
|
-
|
|
2008
|
-
|
|
2009
|
-
return (
|
|
1711
|
+
const button = attachKey2click(React.createElement("div", { className: this.props.model.buttonClassName, title: this.props.model.tooltip, onClick: () => { this.props.model.action(); } },
|
|
1712
|
+
React.createElement("div", { className: "svc-menu-action__icon" },
|
|
1713
|
+
React.createElement("div", { className: "svc-menu-action__icon-container" },
|
|
1714
|
+
React.createElement(SvgIcon, { iconName: this.props.model.iconName, size: "auto" })))), this.props.model);
|
|
1715
|
+
return (React.createElement("div", { className: "svc-menu-action" }, button));
|
|
2010
1716
|
}
|
|
2011
1717
|
}
|
|
2012
1718
|
|
|
2013
|
-
|
|
2014
|
-
|
|
2015
|
-
|
|
2016
|
-
|
|
2017
|
-
|
|
2018
|
-
class TabControl extends external_survey_react_ui_namespaceObject.SurveyElementBase {
|
|
1719
|
+
class TabControl extends SurveyElementBase {
|
|
2019
1720
|
constructor(props) {
|
|
2020
1721
|
super(props);
|
|
2021
1722
|
}
|
|
@@ -2028,24 +1729,24 @@ class TabControl extends external_survey_react_ui_namespaceObject.SurveyElementB
|
|
|
2028
1729
|
return super.canRender();
|
|
2029
1730
|
}
|
|
2030
1731
|
renderElement() {
|
|
2031
|
-
return (
|
|
2032
|
-
|
|
2033
|
-
|
|
2034
|
-
|
|
2035
|
-
|
|
2036
|
-
|
|
2037
|
-
|
|
2038
|
-
|
|
2039
|
-
|
|
2040
|
-
|
|
2041
|
-
|
|
2042
|
-
|
|
2043
|
-
}
|
|
2044
|
-
}
|
|
2045
|
-
|
|
2046
|
-
return
|
|
2047
|
-
});
|
|
2048
|
-
class TabsComponent extends
|
|
1732
|
+
return (React.createElement("div", { className: this.props.model.sideBarClassName },
|
|
1733
|
+
React.createElement("div", { className: "svc-sidebar-tabs__top-container" },
|
|
1734
|
+
React.createElement("div", { className: "svc-sidebar-tabs__collapse-button" },
|
|
1735
|
+
React.createElement(TabButtonComponent, { model: this.props.model.expandCollapseAction })),
|
|
1736
|
+
React.createElement("div", { className: "svc-sidebar-tabs__separator" },
|
|
1737
|
+
React.createElement("div", null)),
|
|
1738
|
+
React.createElement(ScrollComponent, null,
|
|
1739
|
+
React.createElement("div", { className: "svc-sidebar-tabs__items" },
|
|
1740
|
+
React.createElement(TabsComponent, { model: this.props.model.topToolbar })))),
|
|
1741
|
+
React.createElement("div", { className: "svc-sidebar-tabs__bottom-container" },
|
|
1742
|
+
React.createElement("div", { className: "svc-sidebar-tabs__items" },
|
|
1743
|
+
React.createElement(TabsComponent, { model: this.props.model.bottomToolbar })))));
|
|
1744
|
+
}
|
|
1745
|
+
}
|
|
1746
|
+
ReactElementFactory.Instance.registerElement("svc-tab-control", (props) => {
|
|
1747
|
+
return React.createElement(TabControl, props);
|
|
1748
|
+
});
|
|
1749
|
+
class TabsComponent extends SurveyElementBase {
|
|
2049
1750
|
constructor(props) {
|
|
2050
1751
|
super(props);
|
|
2051
1752
|
}
|
|
@@ -2053,14 +1754,11 @@ class TabsComponent extends external_survey_react_ui_namespaceObject.SurveyEleme
|
|
|
2053
1754
|
return this.props.model;
|
|
2054
1755
|
}
|
|
2055
1756
|
renderElement() {
|
|
2056
|
-
return
|
|
1757
|
+
return React.createElement(React.Fragment, null, this.props.model.actions.map((item, itemIndex) => React.createElement(TabButtonComponent, { model: item, key: "item" + itemIndex })));
|
|
2057
1758
|
}
|
|
2058
1759
|
}
|
|
2059
1760
|
|
|
2060
|
-
|
|
2061
|
-
|
|
2062
|
-
|
|
2063
|
-
class SideBarDefaultHeader extends external_survey_react_ui_namespaceObject.SurveyElementBase {
|
|
1761
|
+
class SideBarDefaultHeader extends SurveyElementBase {
|
|
2064
1762
|
get model() {
|
|
2065
1763
|
return this.props.model;
|
|
2066
1764
|
}
|
|
@@ -2068,21 +1766,18 @@ class SideBarDefaultHeader extends external_survey_react_ui_namespaceObject.Surv
|
|
|
2068
1766
|
return this.model;
|
|
2069
1767
|
}
|
|
2070
1768
|
renderElement() {
|
|
2071
|
-
const title = !!this.model.title ? (
|
|
2072
|
-
return (
|
|
2073
|
-
|
|
2074
|
-
|
|
1769
|
+
const title = !!this.model.title ? (React.createElement("div", { className: "svc-side-bar__container-title" }, this.model.title)) : null;
|
|
1770
|
+
return (React.createElement("div", { className: "svc-side-bar__container-header" },
|
|
1771
|
+
React.createElement("div", { className: "svc-side-bar__container-actions" },
|
|
1772
|
+
React.createElement(SurveyActionBar, { model: this.model.toolbar })),
|
|
2075
1773
|
title));
|
|
2076
1774
|
}
|
|
2077
1775
|
}
|
|
2078
|
-
|
|
2079
|
-
return
|
|
1776
|
+
ReactElementFactory.Instance.registerElement("svc-side-bar-default-header", (props) => {
|
|
1777
|
+
return React.createElement(SideBarDefaultHeader, props);
|
|
2080
1778
|
});
|
|
2081
1779
|
|
|
2082
|
-
|
|
2083
|
-
|
|
2084
|
-
|
|
2085
|
-
class SideBarPropertyGridHeader extends external_survey_react_ui_namespaceObject.SurveyElementBase {
|
|
1780
|
+
class SideBarPropertyGridHeader extends SurveyElementBase {
|
|
2086
1781
|
get objectSelectionAction() {
|
|
2087
1782
|
return this.props.model;
|
|
2088
1783
|
}
|
|
@@ -2090,25 +1785,22 @@ class SideBarPropertyGridHeader extends external_survey_react_ui_namespaceObject
|
|
|
2090
1785
|
return this.objectSelectionAction;
|
|
2091
1786
|
}
|
|
2092
1787
|
renderElement() {
|
|
2093
|
-
const button =
|
|
2094
|
-
|
|
2095
|
-
|
|
2096
|
-
|
|
2097
|
-
return (
|
|
2098
|
-
|
|
2099
|
-
|
|
1788
|
+
const button = attachKey2click(React.createElement("div", { className: this.objectSelectionAction.buttonClassName, onClick: () => this.objectSelectionAction.action() },
|
|
1789
|
+
React.createElement("div", { className: "svc-sidebar__header-caption" },
|
|
1790
|
+
React.createElement("span", { className: "svc-sidebar__header-title" }, this.objectSelectionAction.title),
|
|
1791
|
+
React.createElement("span", { className: "svc-sidebar__header-subtitle" }, this.objectSelectionAction.tooltip))), this.props.model);
|
|
1792
|
+
return (React.createElement("div", { className: "svc-sidebar__header svc-sidebar__header--tabbed" },
|
|
1793
|
+
React.createElement("div", { className: "svc-sidebar__header-container svc-sidebar__header-container--with-subtitle" },
|
|
1794
|
+
React.createElement("div", { className: "svc-sidebar__header-content" },
|
|
2100
1795
|
button,
|
|
2101
|
-
|
|
1796
|
+
React.createElement(Popup, { model: this.objectSelectionAction.popupModel })))));
|
|
2102
1797
|
}
|
|
2103
1798
|
}
|
|
2104
|
-
|
|
2105
|
-
return
|
|
1799
|
+
ReactElementFactory.Instance.registerElement("svc-side-bar-property-grid-header", (props) => {
|
|
1800
|
+
return React.createElement(SideBarPropertyGridHeader, props);
|
|
2106
1801
|
});
|
|
2107
1802
|
|
|
2108
|
-
|
|
2109
|
-
|
|
2110
|
-
|
|
2111
|
-
class SideBarHeader extends external_survey_react_ui_namespaceObject.SurveyElementBase {
|
|
1803
|
+
class SideBarHeader extends SurveyElementBase {
|
|
2112
1804
|
get model() {
|
|
2113
1805
|
return this.props.model;
|
|
2114
1806
|
}
|
|
@@ -2116,27 +1808,24 @@ class SideBarHeader extends external_survey_react_ui_namespaceObject.SurveyEleme
|
|
|
2116
1808
|
return this.model;
|
|
2117
1809
|
}
|
|
2118
1810
|
renderElement() {
|
|
2119
|
-
return (
|
|
2120
|
-
|
|
2121
|
-
|
|
2122
|
-
|
|
2123
|
-
:
|
|
1811
|
+
return (React.createElement("div", { className: "svc-side-bar__container-header svc-sidebar__header-container" }, (this.model.subTitle) ?
|
|
1812
|
+
React.createElement("div", { className: "svc-sidebar__header-caption" },
|
|
1813
|
+
React.createElement("span", { className: "svc-sidebar__header-title" }, this.model.title),
|
|
1814
|
+
React.createElement("span", { className: "svc-sidebar__header-subtitle" }, this.model.subTitle))
|
|
1815
|
+
: React.createElement("div", { className: "svc-side-bar__container-title" }, this.model.title)));
|
|
2124
1816
|
}
|
|
2125
1817
|
}
|
|
2126
|
-
|
|
2127
|
-
return
|
|
1818
|
+
ReactElementFactory.Instance.registerElement("svc-side-bar-header", (props) => {
|
|
1819
|
+
return React.createElement(SideBarHeader, props);
|
|
2128
1820
|
});
|
|
2129
1821
|
|
|
2130
|
-
|
|
2131
|
-
|
|
2132
|
-
|
|
2133
|
-
class SidebarComponent extends external_survey_react_ui_namespaceObject.SurveyElementBase {
|
|
1822
|
+
class SidebarComponent extends SurveyElementBase {
|
|
2134
1823
|
get model() {
|
|
2135
1824
|
return this.props.model;
|
|
2136
1825
|
}
|
|
2137
1826
|
constructor(props) {
|
|
2138
1827
|
super(props);
|
|
2139
|
-
this.containerRef =
|
|
1828
|
+
this.containerRef = React.createRef();
|
|
2140
1829
|
}
|
|
2141
1830
|
getStateElement() {
|
|
2142
1831
|
return this.model;
|
|
@@ -2157,23 +1846,23 @@ class SidebarComponent extends external_survey_react_ui_namespaceObject.SurveyEl
|
|
|
2157
1846
|
renderElement() {
|
|
2158
1847
|
const style = { display: this.model.renderRoot ? "" : "none" };
|
|
2159
1848
|
const containerStyle = { display: this.model.renderContainer ? "" : "none" };
|
|
2160
|
-
const items = this.model.pages.map((page) =>
|
|
2161
|
-
const headerArea =
|
|
1849
|
+
const items = this.model.pages.map((page) => React.createElement(SidebarPage, { page: page, key: page.id }));
|
|
1850
|
+
const headerArea = ReactElementFactory.Instance.createElement(this.model.header.component, { model: this.model.header.componentModel });
|
|
2162
1851
|
let sideArea = null;
|
|
2163
1852
|
if (this.model.sideAreaComponentName) {
|
|
2164
|
-
sideArea =
|
|
1853
|
+
sideArea = ReactElementFactory.Instance.createElement(this.model.sideAreaComponentName, { model: this.model.sideAreaComponentData });
|
|
2165
1854
|
}
|
|
2166
|
-
return (
|
|
2167
|
-
|
|
2168
|
-
|
|
2169
|
-
|
|
2170
|
-
|
|
1855
|
+
return (React.createElement("div", { className: this.model.rootCss, style: style },
|
|
1856
|
+
React.createElement("div", { className: "svc-side-bar__shadow", onClick: () => this.model.collapseSidebar(), style: containerStyle }),
|
|
1857
|
+
React.createElement("div", { className: "svc-flex-row svc-side-bar__wrapper" },
|
|
1858
|
+
React.createElement("div", { className: "svc-side-bar__container-wrapper", style: containerStyle },
|
|
1859
|
+
React.createElement("div", { ref: this.containerRef, className: "svc-side-bar__container" },
|
|
2171
1860
|
headerArea,
|
|
2172
|
-
|
|
1861
|
+
React.createElement("div", { className: "svc-side-bar__container-content" }, items))),
|
|
2173
1862
|
sideArea)));
|
|
2174
1863
|
}
|
|
2175
1864
|
}
|
|
2176
|
-
class SidebarPage extends
|
|
1865
|
+
class SidebarPage extends SurveyElementBase {
|
|
2177
1866
|
get page() {
|
|
2178
1867
|
return this.props.page;
|
|
2179
1868
|
}
|
|
@@ -2183,34 +1872,27 @@ class SidebarPage extends external_survey_react_ui_namespaceObject.SurveyElement
|
|
|
2183
1872
|
renderElement() {
|
|
2184
1873
|
if (!this.page.visible)
|
|
2185
1874
|
return null;
|
|
2186
|
-
const component =
|
|
1875
|
+
const component = ReactElementFactory.Instance.createElement(this.page.componentName, { model: this.page.componentData });
|
|
2187
1876
|
return component;
|
|
2188
1877
|
}
|
|
2189
1878
|
}
|
|
2190
|
-
|
|
2191
|
-
return
|
|
1879
|
+
ReactQuestionFactory.Instance.registerQuestion("svc-side-bar-page", (props) => {
|
|
1880
|
+
return React.createElement(SidebarPage, props);
|
|
2192
1881
|
});
|
|
2193
|
-
|
|
2194
|
-
|
|
2195
|
-
return external_react_namespaceObject.createElement(SidebarComponent, props);
|
|
1882
|
+
ReactElementFactory.Instance.registerElement("svc-side-bar", (props) => {
|
|
1883
|
+
return React.createElement(SidebarComponent, props);
|
|
2196
1884
|
});
|
|
2197
1885
|
|
|
2198
|
-
|
|
2199
|
-
|
|
2200
|
-
|
|
2201
|
-
class TranslationLineSkeleton extends external_react_namespaceObject.Component {
|
|
1886
|
+
class TranslationLineSkeleton extends React.Component {
|
|
2202
1887
|
render() {
|
|
2203
|
-
return (
|
|
1888
|
+
return (React.createElement("div", { className: "sd-translation-line-skeleton" }));
|
|
2204
1889
|
}
|
|
2205
1890
|
}
|
|
2206
|
-
|
|
2207
|
-
return
|
|
1891
|
+
ReactElementFactory.Instance.registerElement("sd-translation-line-skeleton", (props) => {
|
|
1892
|
+
return React.createElement(TranslationLineSkeleton, props);
|
|
2208
1893
|
});
|
|
2209
1894
|
|
|
2210
|
-
|
|
2211
|
-
|
|
2212
|
-
|
|
2213
|
-
class TranslateFromAction extends external_survey_react_ui_namespaceObject.SurveyElementBase {
|
|
1895
|
+
class TranslateFromAction extends SurveyElementBase {
|
|
2214
1896
|
get item() {
|
|
2215
1897
|
return this.props.item;
|
|
2216
1898
|
}
|
|
@@ -2219,20 +1901,15 @@ class TranslateFromAction extends external_survey_react_ui_namespaceObject.Surve
|
|
|
2219
1901
|
}
|
|
2220
1902
|
renderElement() {
|
|
2221
1903
|
const item = this.item;
|
|
2222
|
-
return (
|
|
2223
|
-
|
|
2224
|
-
|
|
1904
|
+
return (React.createElement("div", { className: item.data.containerCss },
|
|
1905
|
+
React.createElement("span", { className: item.data.additionalTitleCss }, item.data.additionalTitle),
|
|
1906
|
+
ReactElementFactory.Instance.createElement("sv-action-bar-item-dropdown", { item: this.item })));
|
|
2225
1907
|
}
|
|
2226
1908
|
}
|
|
2227
|
-
|
|
2228
|
-
return
|
|
1909
|
+
ReactElementFactory.Instance.registerElement("svc-translate-from-action", (props) => {
|
|
1910
|
+
return React.createElement(TranslateFromAction, props);
|
|
2229
1911
|
});
|
|
2230
1912
|
|
|
2231
|
-
;// ./src/StringEditor.tsx
|
|
2232
|
-
|
|
2233
|
-
|
|
2234
|
-
|
|
2235
|
-
|
|
2236
1913
|
class SurveyLocStringEditor extends CreatorModelElement {
|
|
2237
1914
|
constructor(props) {
|
|
2238
1915
|
var _a;
|
|
@@ -2289,13 +1966,13 @@ class SurveyLocStringEditor extends CreatorModelElement {
|
|
|
2289
1966
|
__html: (_a = this.locString) === null || _a === void 0 ? void 0 : _a.renderedHtml
|
|
2290
1967
|
};
|
|
2291
1968
|
this.state = { changed: 0 };
|
|
2292
|
-
this.svStringEditorRef =
|
|
1969
|
+
this.svStringEditorRef = React.createRef();
|
|
2293
1970
|
}
|
|
2294
1971
|
createModel(props) {
|
|
2295
1972
|
if (this.baseModel) {
|
|
2296
1973
|
this.baseModel.dispose();
|
|
2297
1974
|
}
|
|
2298
|
-
this.baseModel = new
|
|
1975
|
+
this.baseModel = new StringEditorViewModelBase(this.locString, this.creator);
|
|
2299
1976
|
}
|
|
2300
1977
|
getUpdatedModelProps() {
|
|
2301
1978
|
return ["creator", "locString"];
|
|
@@ -2362,91 +2039,76 @@ class SurveyLocStringEditor extends CreatorModelElement {
|
|
|
2362
2039
|
if (this.htmlValue.__html !== this.locString.renderedHtml) {
|
|
2363
2040
|
this.htmlValue = { __html: this.locString.renderedHtml };
|
|
2364
2041
|
}
|
|
2365
|
-
control = (
|
|
2042
|
+
control = (React.createElement("span", { role: "textbox", ref: this.svStringEditorRef, className: "sv-string-editor sv-string-editor--html", contentEditable: this.contentEditable, spellCheck: false, "aria-placeholder": this.placeholder, "aria-label": this.placeholder || "content editable", suppressContentEditableWarning: true,
|
|
2366
2043
|
// style={this.style}
|
|
2367
2044
|
dangerouslySetInnerHTML: this.htmlValue, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeyDown, onMouseUp: this.onMouseUp, onClick: this.edit }));
|
|
2368
2045
|
}
|
|
2369
2046
|
else {
|
|
2370
|
-
control = (
|
|
2047
|
+
control = (React.createElement("span", { role: "textbox", ref: this.svStringEditorRef, className: "sv-string-editor", contentEditable: this.contentEditable, spellCheck: false, "aria-placeholder": this.placeholder, "aria-label": this.placeholder || "content editable", suppressContentEditableWarning: true,
|
|
2371
2048
|
// style={this.style}
|
|
2372
2049
|
key: this.locString.renderedHtml, onBlur: this.onBlur, onInput: this.onInput, onPaste: this.onPaste, onCompositionStart: this.onCompositionStart, onCompositionEnd: this.onCompositionEnd, onFocus: this.onFocus, onKeyDown: this.onKeyDown, onKeyUp: this.onKeyUp, onMouseUp: this.onMouseUp, onClick: this.edit }, this.locString.renderedHtml));
|
|
2373
2050
|
}
|
|
2374
|
-
const counter = this.baseModel.showCharacterCounter ? (
|
|
2375
|
-
return (
|
|
2376
|
-
|
|
2377
|
-
|
|
2378
|
-
|
|
2379
|
-
|
|
2051
|
+
const counter = this.baseModel.showCharacterCounter ? (React.createElement(CharacterCounterComponent, { counter: this.baseModel.characterCounter, remainingCharacterCounter: this.baseModel.getCharacterCounterClass })) : null;
|
|
2052
|
+
return (React.createElement("span", { className: this.className },
|
|
2053
|
+
React.createElement("span", { className: "svc-string-editor__content" },
|
|
2054
|
+
React.createElement("div", { className: "svc-string-editor__border svc-string-editor__border--hover", onClick: this.edit }),
|
|
2055
|
+
React.createElement("div", { className: "svc-string-editor__border svc-string-editor__border--focus", onClick: this.edit }),
|
|
2056
|
+
React.createElement("span", { className: "svc-string-editor__input" },
|
|
2380
2057
|
control,
|
|
2381
|
-
|
|
2058
|
+
React.createElement("div", { className: "svc-string-editor__controls", onClick: this.edit }),
|
|
2382
2059
|
counter)),
|
|
2383
|
-
this.errorText ?
|
|
2060
|
+
this.errorText ? React.createElement("span", { className: "svc-string-editor__error" }, this.errorText) : ""));
|
|
2384
2061
|
}
|
|
2385
2062
|
}
|
|
2386
|
-
|
|
2387
|
-
return
|
|
2063
|
+
ReactElementFactory.Instance.registerElement(editableStringRendererName, (props) => {
|
|
2064
|
+
return React.createElement(SurveyLocStringEditor, props);
|
|
2388
2065
|
});
|
|
2389
2066
|
|
|
2390
|
-
|
|
2391
|
-
|
|
2392
|
-
|
|
2393
|
-
|
|
2394
|
-
class QuestionErrorComponent extends external_react_namespaceObject.Component {
|
|
2067
|
+
class QuestionErrorComponent extends React.Component {
|
|
2395
2068
|
render() {
|
|
2396
|
-
return (
|
|
2397
|
-
|
|
2398
|
-
|
|
2399
|
-
|
|
2069
|
+
return (React.createElement("div", null,
|
|
2070
|
+
React.createElement(SvgIcon, { "aria-hidden": "true", iconName: "icon-alert_24x24", size: "24", className: this.props.cssClasses.error.icon }),
|
|
2071
|
+
React.createElement("span", { className: this.props.cssClasses.error.item || undefined },
|
|
2072
|
+
React.createElement(SurveyLocStringViewer, { locStr: this.props.error.locText }))));
|
|
2400
2073
|
}
|
|
2401
2074
|
}
|
|
2402
|
-
|
|
2403
|
-
return
|
|
2075
|
+
ReactElementFactory.Instance.registerElement("svc-question-error", (props) => {
|
|
2076
|
+
return React.createElement(QuestionErrorComponent, props);
|
|
2404
2077
|
});
|
|
2405
2078
|
|
|
2406
|
-
|
|
2407
|
-
|
|
2408
|
-
|
|
2409
|
-
|
|
2410
|
-
|
|
2411
|
-
class SurveyLogicOpertor extends external_survey_react_ui_namespaceObject.SurveyQuestionDropdown {
|
|
2079
|
+
class SurveyLogicOpertor extends SurveyQuestionDropdown {
|
|
2412
2080
|
constructor(props) {
|
|
2413
2081
|
super(props);
|
|
2414
2082
|
}
|
|
2415
2083
|
renderInput() {
|
|
2416
2084
|
const q = this.question;
|
|
2417
|
-
|
|
2085
|
+
initLogicOperator(q);
|
|
2418
2086
|
const text = (q.selectedItemLocText) ? this.renderLocString(q.selectedItemLocText) : "";
|
|
2419
|
-
return (
|
|
2087
|
+
return (React.createElement("div", { id: this.question.inputId, className: q.getControlClass(), tabIndex: this.question.isInputReadOnly ? undefined : 0,
|
|
2420
2088
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
2421
2089
|
// @ts-ignore
|
|
2422
2090
|
disabled: this.question.isInputReadOnly, required: this.question.isRequired, onChange: this.updateValueOnEvent, onInput: this.updateValueOnEvent, onKeyUp: this.keyhandler, role: this.question.ariaRole, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-describedby": this.question.ariaDescribedBy },
|
|
2423
|
-
|
|
2091
|
+
React.createElement("div", { className: this.question.cssClasses.controlValue },
|
|
2424
2092
|
text,
|
|
2425
|
-
|
|
2093
|
+
React.createElement("div", null, q.readOnlyText)),
|
|
2426
2094
|
this.createClearButton()));
|
|
2427
2095
|
}
|
|
2428
2096
|
}
|
|
2429
|
-
|
|
2430
|
-
return
|
|
2097
|
+
ReactQuestionFactory.Instance.registerQuestion("sv-logic-operator", (props) => {
|
|
2098
|
+
return React.createElement(SurveyLogicOpertor, props);
|
|
2431
2099
|
});
|
|
2432
|
-
|
|
2433
|
-
|
|
2434
|
-
;// ./src/PageNavigator.tsx
|
|
2435
|
-
|
|
2436
|
-
|
|
2437
|
-
|
|
2438
|
-
|
|
2100
|
+
RendererFactory.Instance.registerRenderer("dropdown", "logicoperator", "sv-logic-operator");
|
|
2439
2101
|
|
|
2440
2102
|
class SurveyPageNavigator extends CreatorModelElement {
|
|
2441
2103
|
constructor(props) {
|
|
2442
2104
|
super(props);
|
|
2443
|
-
this.containerRef =
|
|
2105
|
+
this.containerRef = React.createRef();
|
|
2444
2106
|
}
|
|
2445
2107
|
createModel(props) {
|
|
2446
2108
|
if (this.model) {
|
|
2447
2109
|
this.model.dispose();
|
|
2448
2110
|
}
|
|
2449
|
-
this.model = new
|
|
2111
|
+
this.model = new PageNavigatorViewModel(props.pagesController, props.pageEditMode);
|
|
2450
2112
|
}
|
|
2451
2113
|
getUpdatedModelProps() {
|
|
2452
2114
|
return ["pagesController", "pageEditMode"];
|
|
@@ -2470,11 +2132,11 @@ class SurveyPageNavigator extends CreatorModelElement {
|
|
|
2470
2132
|
let className = "svc-page-navigator__selector svc-page-navigator__button";
|
|
2471
2133
|
if (this.model.isPopupOpened)
|
|
2472
2134
|
className += " svc-page-navigator__button--pressed";
|
|
2473
|
-
return (
|
|
2474
|
-
|
|
2475
|
-
|
|
2476
|
-
|
|
2477
|
-
|
|
2135
|
+
return (React.createElement("div", { className: "svc-page-navigator", ref: this.containerRef, style: { display: this.model.visible ? "flex" : "none" } },
|
|
2136
|
+
attachKey2click(React.createElement("div", { className: className, onClick: () => this.model.togglePageSelector(), title: this.model.pageSelectorCaption },
|
|
2137
|
+
React.createElement(SvgIcon, { className: "svc-page-navigator__button-icon", iconName: this.model.icon, size: "auto", title: this.model.pageSelectorCaption }),
|
|
2138
|
+
React.createElement(Popup, { model: this.model.popupModel }))),
|
|
2139
|
+
React.createElement("div", null, this.model.visibleItems.map((item) => (React.createElement(SurveyPageNavigatorItem, { key: item.id, item: item }))))));
|
|
2478
2140
|
}
|
|
2479
2141
|
}
|
|
2480
2142
|
class SurveyPageNavigatorItem extends CreatorModelElement {
|
|
@@ -2484,51 +2146,42 @@ class SurveyPageNavigatorItem extends CreatorModelElement {
|
|
|
2484
2146
|
renderElement() {
|
|
2485
2147
|
const item = this.props.item;
|
|
2486
2148
|
let className = "svc-page-navigator-item-content";
|
|
2487
|
-
if (
|
|
2149
|
+
if (unwrap(item.active)) {
|
|
2488
2150
|
className += " svc-page-navigator-item--selected";
|
|
2489
2151
|
}
|
|
2490
|
-
if (
|
|
2152
|
+
if (unwrap(item.disabled)) {
|
|
2491
2153
|
className += " svc-page-navigator-item--disabled";
|
|
2492
2154
|
}
|
|
2493
|
-
return (
|
|
2155
|
+
return (React.createElement("div", { className: "svc-page-navigator-item" }, attachKey2click(React.createElement("div", { className: className, onClick: (e) => {
|
|
2494
2156
|
item.action(item);
|
|
2495
2157
|
e.stopPropagation();
|
|
2496
2158
|
} },
|
|
2497
|
-
|
|
2498
|
-
|
|
2499
|
-
|
|
2500
|
-
|
|
2501
|
-
|
|
2502
|
-
|
|
2159
|
+
React.createElement("div", { className: "svc-page-navigator-item__dot", title: item.title },
|
|
2160
|
+
React.createElement("div", { className: "svc-page-navigator-item__dot-content" })),
|
|
2161
|
+
React.createElement("div", { className: "svc-page-navigator-item__banner" },
|
|
2162
|
+
React.createElement("span", { className: "svc-page-navigator-item__text" }, item.title),
|
|
2163
|
+
React.createElement("span", { className: "svc-page-navigator-item__dot" },
|
|
2164
|
+
React.createElement("span", { className: "svc-page-navigator-item__dot-content" })))))));
|
|
2503
2165
|
}
|
|
2504
2166
|
}
|
|
2505
2167
|
|
|
2506
|
-
|
|
2507
|
-
|
|
2508
|
-
|
|
2509
|
-
class SurfacePlaceholder extends external_react_namespaceObject.Component {
|
|
2168
|
+
class SurfacePlaceholder extends React.Component {
|
|
2510
2169
|
constructor(props) {
|
|
2511
2170
|
super(props);
|
|
2512
2171
|
}
|
|
2513
2172
|
render() {
|
|
2514
|
-
return (
|
|
2515
|
-
|
|
2516
|
-
|
|
2517
|
-
|
|
2518
|
-
|
|
2173
|
+
return (React.createElement("div", { className: "svc-surface-placeholder" },
|
|
2174
|
+
React.createElement("div", { className: "svc-surface-placeholder__image svc-surface-placeholder__image--" + this.props.name }),
|
|
2175
|
+
React.createElement("div", { className: "svc-surface-placeholder__text" },
|
|
2176
|
+
React.createElement("div", { className: "svc-surface-placeholder__title" }, this.props.placeholderTitleText),
|
|
2177
|
+
React.createElement("div", { className: "svc-surface-placeholder__description" }, this.props.placeholderDescriptionText))));
|
|
2519
2178
|
}
|
|
2520
2179
|
}
|
|
2521
|
-
|
|
2522
|
-
return
|
|
2180
|
+
ReactElementFactory.Instance.registerElement("svc-surface-placeholder", (props) => {
|
|
2181
|
+
return React.createElement(SurfacePlaceholder, props);
|
|
2523
2182
|
});
|
|
2524
2183
|
|
|
2525
|
-
|
|
2526
|
-
|
|
2527
|
-
|
|
2528
|
-
|
|
2529
|
-
|
|
2530
|
-
|
|
2531
|
-
class TabDesignerComponent extends external_survey_react_ui_namespaceObject.SurveyElementBase {
|
|
2184
|
+
class TabDesignerComponent extends SurveyElementBase {
|
|
2532
2185
|
constructor() {
|
|
2533
2186
|
super(...arguments);
|
|
2534
2187
|
this.denyUpdate = () => {
|
|
@@ -2581,41 +2234,41 @@ class TabDesignerComponent extends external_survey_react_ui_namespaceObject.Surv
|
|
|
2581
2234
|
return renderedPages;
|
|
2582
2235
|
}
|
|
2583
2236
|
createRenderedPage(page, isGhostPage) {
|
|
2584
|
-
return (
|
|
2237
|
+
return (React.createElement("div", { className: "svc-page", "data-sv-drop-target-page": page.name, "data-sv-drop-target-survey-element": isGhostPage ? "newGhostPage" : page.name, key: page.id }, this.renderPage(page, isGhostPage)));
|
|
2585
2238
|
}
|
|
2586
2239
|
renderNewPage(className, key = "") {
|
|
2587
|
-
return (
|
|
2588
|
-
|
|
2240
|
+
return (React.createElement(React.Fragment, { key: key },
|
|
2241
|
+
React.createElement("div", { className: className, "data-sv-drop-target-survey-element": "newGhostPage" }, !!this.model.newPage ? this.renderPage(this.model.newPage, true) : null)));
|
|
2589
2242
|
}
|
|
2590
2243
|
renderPage(pageV, isGhost) {
|
|
2591
|
-
return
|
|
2244
|
+
return ReactElementFactory.Instance.createElement("svc-page", { survey: this.creator.survey, page: pageV, creator: this.creator, isGhost });
|
|
2592
2245
|
}
|
|
2593
2246
|
renderElement() {
|
|
2594
2247
|
const designerTabClassName = "svc-tab-designer " + this.model.getRootCss();
|
|
2595
|
-
return (
|
|
2596
|
-
|
|
2597
|
-
|
|
2598
|
-
|
|
2599
|
-
|
|
2248
|
+
return (React.createElement(React.Fragment, null,
|
|
2249
|
+
React.createElement("div", { className: "svc-flex-column" }, this.model.isToolboxVisible ? ReactElementFactory.Instance.createElement("svc-toolbox", { model: this.creator }) : null),
|
|
2250
|
+
React.createElement("div", { className: designerTabClassName, onClick: () => this.model.clickDesigner() },
|
|
2251
|
+
React.createElement(ScrollComponent, null,
|
|
2252
|
+
React.createElement("div", { className: "svc-tab-designer_content" }, this.model.showPlaceholder ? this.renderPlaceHolder() : this.renderTabContent())))));
|
|
2600
2253
|
}
|
|
2601
2254
|
renderHeader(condition) {
|
|
2602
2255
|
if (!condition)
|
|
2603
2256
|
return null;
|
|
2604
2257
|
const survey = this.creator.survey;
|
|
2605
|
-
return (
|
|
2606
|
-
|
|
2607
|
-
|
|
2258
|
+
return (React.createElement(React.Fragment, null,
|
|
2259
|
+
React.createElement("div", { className: "svc-designer-header" },
|
|
2260
|
+
React.createElement(SurveyHeader, { survey: survey }))));
|
|
2608
2261
|
}
|
|
2609
2262
|
renderPlaceHolder() {
|
|
2610
2263
|
const surveyHeader = this.renderHeader(this.creator.allowEditSurveyTitle && this.creator.showHeaderInEmptySurvey);
|
|
2611
|
-
return (
|
|
2264
|
+
return (React.createElement(React.Fragment, null,
|
|
2612
2265
|
surveyHeader,
|
|
2613
|
-
|
|
2266
|
+
React.createElement("div", { className: "svc-designer__placeholder-container", "data-sv-drop-target-survey-element": "newGhostPage" },
|
|
2614
2267
|
this.renderPlaceHolderContent(),
|
|
2615
2268
|
this.renderNewPage("svc-designer-placeholder-page"))));
|
|
2616
2269
|
}
|
|
2617
2270
|
renderPlaceHolderContent() {
|
|
2618
|
-
return
|
|
2271
|
+
return React.createElement(SurfacePlaceholder, { name: "designer", placeholderTitleText: this.model.placeholderTitleText, placeholderDescriptionText: this.model.placeholderDescriptionText });
|
|
2619
2272
|
}
|
|
2620
2273
|
renderTabContent() {
|
|
2621
2274
|
const survey = this.creator.survey;
|
|
@@ -2623,8 +2276,8 @@ class TabDesignerComponent extends external_survey_react_ui_namespaceObject.Surv
|
|
|
2623
2276
|
const style = Object.assign({}, this.model.surfaceCssVariables);
|
|
2624
2277
|
style.maxWidth = survey.renderedWidth;
|
|
2625
2278
|
const tabTools = this.renderTabTools();
|
|
2626
|
-
return (
|
|
2627
|
-
|
|
2279
|
+
return (React.createElement(React.Fragment, null,
|
|
2280
|
+
React.createElement("div", { className: this.model.designerCss, style: style },
|
|
2628
2281
|
surveyHeader,
|
|
2629
2282
|
this.getRenderedPages()),
|
|
2630
2283
|
tabTools));
|
|
@@ -2633,25 +2286,22 @@ class TabDesignerComponent extends external_survey_react_ui_namespaceObject.Surv
|
|
|
2633
2286
|
if (!this.model.showSurfaceTools)
|
|
2634
2287
|
return null;
|
|
2635
2288
|
const pageNavigator = this.creator.showPageNavigator ?
|
|
2636
|
-
|
|
2637
|
-
|
|
2289
|
+
React.createElement("div", { className: "svc-tab-designer__page-navigator" },
|
|
2290
|
+
React.createElement(SurveyPageNavigator, { pagesController: this.model.pagesController, pageEditMode: this.model.creator.pageEditMode }))
|
|
2638
2291
|
: null;
|
|
2639
2292
|
const surfaceToolbar = this.model.showSurfaceToolbar ?
|
|
2640
|
-
|
|
2293
|
+
React.createElement(SurveyActionBar, { model: this.model.surfaceToolbar, handleClick: false })
|
|
2641
2294
|
: null;
|
|
2642
|
-
return
|
|
2295
|
+
return React.createElement("div", { className: "svc-tab-designer__tools" },
|
|
2643
2296
|
pageNavigator,
|
|
2644
2297
|
surfaceToolbar);
|
|
2645
2298
|
}
|
|
2646
2299
|
}
|
|
2647
|
-
|
|
2648
|
-
return
|
|
2300
|
+
ReactElementFactory.Instance.registerElement("svc-tab-designer", (props) => {
|
|
2301
|
+
return React.createElement(TabDesignerComponent, props);
|
|
2649
2302
|
});
|
|
2650
2303
|
|
|
2651
|
-
|
|
2652
|
-
|
|
2653
|
-
|
|
2654
|
-
class TabJsonEditorErrorsComponent extends external_survey_react_ui_namespaceObject.SurveyElementBase {
|
|
2304
|
+
class TabJsonEditorErrorsComponent extends SurveyElementBase {
|
|
2655
2305
|
getStateElement() {
|
|
2656
2306
|
return this.model;
|
|
2657
2307
|
}
|
|
@@ -2659,11 +2309,11 @@ class TabJsonEditorErrorsComponent extends external_survey_react_ui_namespaceObj
|
|
|
2659
2309
|
return this.props.data;
|
|
2660
2310
|
}
|
|
2661
2311
|
renderElement() {
|
|
2662
|
-
return
|
|
2663
|
-
|
|
2312
|
+
return React.createElement("div", { className: "svc-json-editor-tab__errros_list", style: { display: this.model.hasErrors ? "block" : "none" } },
|
|
2313
|
+
React.createElement(List, { model: this.model.errorList }));
|
|
2664
2314
|
}
|
|
2665
2315
|
}
|
|
2666
|
-
class TabJsonEditorTextareaComponent extends
|
|
2316
|
+
class TabJsonEditorTextareaComponent extends SurveyElementBase {
|
|
2667
2317
|
constructor(props) {
|
|
2668
2318
|
super(props);
|
|
2669
2319
|
}
|
|
@@ -2677,25 +2327,21 @@ class TabJsonEditorTextareaComponent extends external_survey_react_ui_namespaceO
|
|
|
2677
2327
|
const setControl = (el) => {
|
|
2678
2328
|
this.model.textElement = el;
|
|
2679
2329
|
};
|
|
2680
|
-
const errors =
|
|
2681
|
-
return (
|
|
2682
|
-
|
|
2683
|
-
|
|
2330
|
+
const errors = React.createElement(TabJsonEditorErrorsComponent, { data: this.model });
|
|
2331
|
+
return (React.createElement("div", { className: "svc-creator-tab__content" },
|
|
2332
|
+
React.createElement("div", { className: "svc-json-editor-tab__content" },
|
|
2333
|
+
React.createElement("textarea", { ref: input => (setControl(input)), className: "svc-json-editor-tab__content-area", value: this.model.text, onChange: (e) => (this.model.text = e.target.value), onKeyDown: (e) => this.model.checkKey(e, e), disabled: this.model.readOnly, "aria-label": this.model.ariaLabel }),
|
|
2684
2334
|
errors)));
|
|
2685
2335
|
}
|
|
2686
2336
|
}
|
|
2687
|
-
|
|
2688
|
-
return
|
|
2337
|
+
ReactElementFactory.Instance.registerElement("svc-tab-json-editor-textarea", (props) => {
|
|
2338
|
+
return React.createElement(TabJsonEditorTextareaComponent, props);
|
|
2689
2339
|
});
|
|
2690
2340
|
|
|
2691
|
-
|
|
2692
|
-
|
|
2693
|
-
|
|
2694
|
-
|
|
2695
|
-
class TabJsonEditorAceComponent extends external_survey_react_ui_namespaceObject.SurveyElementBase {
|
|
2341
|
+
class TabJsonEditorAceComponent extends SurveyElementBase {
|
|
2696
2342
|
constructor(props) {
|
|
2697
2343
|
super(props);
|
|
2698
|
-
this.aceEditorrRef =
|
|
2344
|
+
this.aceEditorrRef = React.createRef();
|
|
2699
2345
|
}
|
|
2700
2346
|
getStateElement() {
|
|
2701
2347
|
return this.model;
|
|
@@ -2707,23 +2353,18 @@ class TabJsonEditorAceComponent extends external_survey_react_ui_namespaceObject
|
|
|
2707
2353
|
this.model.init(ace.edit(this.aceEditorrRef.current));
|
|
2708
2354
|
}
|
|
2709
2355
|
renderElement() {
|
|
2710
|
-
const errors =
|
|
2711
|
-
return (
|
|
2712
|
-
|
|
2713
|
-
|
|
2356
|
+
const errors = React.createElement(TabJsonEditorErrorsComponent, { data: this.model });
|
|
2357
|
+
return (React.createElement("div", { className: "svc-creator-tab__content" },
|
|
2358
|
+
React.createElement("div", { className: "svc-json-editor-tab__content" },
|
|
2359
|
+
React.createElement("div", { className: "svc-json-editor-tab__ace-editor", ref: this.aceEditorrRef }),
|
|
2714
2360
|
errors)));
|
|
2715
2361
|
}
|
|
2716
2362
|
}
|
|
2717
|
-
|
|
2718
|
-
return
|
|
2363
|
+
ReactElementFactory.Instance.registerElement("svc-tab-json-editor-ace", (props) => {
|
|
2364
|
+
return React.createElement(TabJsonEditorAceComponent, props);
|
|
2719
2365
|
});
|
|
2720
2366
|
|
|
2721
|
-
|
|
2722
|
-
|
|
2723
|
-
|
|
2724
|
-
|
|
2725
|
-
|
|
2726
|
-
class TabLogicAddButtonComponent extends external_survey_react_ui_namespaceObject.SurveyElementBase {
|
|
2367
|
+
class TabLogicAddButtonComponent extends SurveyElementBase {
|
|
2727
2368
|
get model() {
|
|
2728
2369
|
return this.props.button;
|
|
2729
2370
|
}
|
|
@@ -2732,17 +2373,17 @@ class TabLogicAddButtonComponent extends external_survey_react_ui_namespaceObjec
|
|
|
2732
2373
|
}
|
|
2733
2374
|
renderElement() {
|
|
2734
2375
|
const buttonClassName = "svc-logic-tab__content-action svc-btn" + ((this.model.enabled !== undefined && !this.model.enabled) ? " svc-logic-tab__content-action--disabled" : "");
|
|
2735
|
-
return
|
|
2376
|
+
return attachKey2click(React.createElement("div", { role: "button", onClick: (e) => {
|
|
2736
2377
|
e.stopPropagation();
|
|
2737
2378
|
this.model.action();
|
|
2738
2379
|
}, className: buttonClassName, title: this.model.title },
|
|
2739
|
-
|
|
2380
|
+
React.createElement("span", { className: "svc-btn__text" }, this.model.title)));
|
|
2740
2381
|
}
|
|
2741
2382
|
}
|
|
2742
|
-
|
|
2743
|
-
return
|
|
2383
|
+
ReactElementFactory.Instance.registerElement("svc-tab-logic-add-button", (props) => {
|
|
2384
|
+
return React.createElement(TabLogicAddButtonComponent, props);
|
|
2744
2385
|
});
|
|
2745
|
-
class TabLogicComponent extends
|
|
2386
|
+
class TabLogicComponent extends SurveyElementBase {
|
|
2746
2387
|
get model() {
|
|
2747
2388
|
return this.props.data;
|
|
2748
2389
|
}
|
|
@@ -2750,32 +2391,29 @@ class TabLogicComponent extends external_survey_react_ui_namespaceObject.SurveyE
|
|
|
2750
2391
|
return this.model;
|
|
2751
2392
|
}
|
|
2752
2393
|
renderElement() {
|
|
2753
|
-
|
|
2394
|
+
this.model;
|
|
2754
2395
|
var rootClass = "svc-creator-tab__content svc-logic-tab";
|
|
2755
2396
|
var content = this.renderViewContent();
|
|
2756
|
-
return
|
|
2397
|
+
return React.createElement("div", { className: rootClass }, content);
|
|
2757
2398
|
}
|
|
2758
2399
|
renderViewContent() {
|
|
2759
2400
|
const logicTabClassName = "svc-plugin-tab__content svc-logic-tab svc-logic-tab__content " + (this.model.hasItems ? "" : "svc-logic-tab--empty");
|
|
2760
|
-
const addLogic = !this.model.readOnly ?
|
|
2761
|
-
return (
|
|
2762
|
-
|
|
2763
|
-
(
|
|
2764
|
-
|
|
2401
|
+
const addLogic = !this.model.readOnly ? React.createElement(TabLogicAddButtonComponent, { button: this.model.addNewButton }) : undefined;
|
|
2402
|
+
return (React.createElement(Fragment, null,
|
|
2403
|
+
React.createElement("div", { className: logicTabClassName }, this.model.hasItems ?
|
|
2404
|
+
(React.createElement(React.Fragment, null,
|
|
2405
|
+
React.createElement(Survey, { model: this.model.itemsSurvey }),
|
|
2765
2406
|
addLogic))
|
|
2766
|
-
: (
|
|
2767
|
-
|
|
2407
|
+
: (React.createElement("div", { className: "svc-logic-tab__content-empty" },
|
|
2408
|
+
React.createElement(SurfacePlaceholder, { name: "logic", placeholderTitleText: this.model.placeholderTitleText, placeholderDescriptionText: this.model.placeholderDescriptionText }),
|
|
2768
2409
|
addLogic)))));
|
|
2769
2410
|
}
|
|
2770
2411
|
}
|
|
2771
|
-
|
|
2772
|
-
return
|
|
2412
|
+
ReactElementFactory.Instance.registerElement("svc-tab-logic", (props) => {
|
|
2413
|
+
return React.createElement(TabLogicComponent, props);
|
|
2773
2414
|
});
|
|
2774
2415
|
|
|
2775
|
-
|
|
2776
|
-
|
|
2777
|
-
|
|
2778
|
-
class SurveySimulator extends external_survey_react_ui_namespaceObject.SurveyElementBase {
|
|
2416
|
+
class SurveySimulator extends SurveyElementBase {
|
|
2779
2417
|
get model() {
|
|
2780
2418
|
return this.props.model;
|
|
2781
2419
|
}
|
|
@@ -2785,39 +2423,33 @@ class SurveySimulator extends external_survey_react_ui_namespaceObject.SurveyEle
|
|
|
2785
2423
|
renderElement() {
|
|
2786
2424
|
const mainSimulatorClass = this.model.getRootCss();
|
|
2787
2425
|
if (!this.model.survey) {
|
|
2788
|
-
return
|
|
2426
|
+
return React.createElement("div", { className: mainSimulatorClass });
|
|
2789
2427
|
}
|
|
2790
2428
|
if (this.model.hasFrame) {
|
|
2791
|
-
return (
|
|
2792
|
-
|
|
2429
|
+
return (React.createElement("div", { className: mainSimulatorClass, onKeyDown: e => this.model.tryToZoom(e, e), onMouseEnter: this.model.device === "desktop" ? null : this.model.activateZoom, onMouseLeave: this.model.device === "desktop" ? null : this.model.deactivateZoom },
|
|
2430
|
+
React.createElement("div", { className: "svd-simulator-wrapper", id: "svd-simulator-wrapper", style: {
|
|
2793
2431
|
width: this.model.simulatorFrame.frameWidth + "px",
|
|
2794
2432
|
height: this.model.simulatorFrame.frameHeight + "px"
|
|
2795
2433
|
} },
|
|
2796
|
-
|
|
2434
|
+
React.createElement("div", { className: "svd-simulator", style: {
|
|
2797
2435
|
width: this.model.simulatorFrame.deviceWidth + "px",
|
|
2798
2436
|
height: this.model.simulatorFrame.deviceHeight + "px",
|
|
2799
2437
|
transform: "scale(" +
|
|
2800
2438
|
this.model.simulatorFrame.scale +
|
|
2801
2439
|
") translate(-50%, -50%)"
|
|
2802
2440
|
} },
|
|
2803
|
-
|
|
2804
|
-
|
|
2441
|
+
React.createElement("div", { className: "svd-simulator-content" },
|
|
2442
|
+
React.createElement(Survey, { model: this.model.survey }))))));
|
|
2805
2443
|
}
|
|
2806
2444
|
else {
|
|
2807
|
-
return (
|
|
2808
|
-
|
|
2809
|
-
|
|
2445
|
+
return (React.createElement("div", { className: mainSimulatorClass },
|
|
2446
|
+
React.createElement("div", { className: "svd-simulator-content" },
|
|
2447
|
+
React.createElement(Survey, { model: this.model.survey }))));
|
|
2810
2448
|
}
|
|
2811
2449
|
}
|
|
2812
2450
|
}
|
|
2813
2451
|
|
|
2814
|
-
|
|
2815
|
-
|
|
2816
|
-
|
|
2817
|
-
|
|
2818
|
-
|
|
2819
|
-
|
|
2820
|
-
class TabPreviewTestSurveyAgainComponent extends external_survey_react_ui_namespaceObject.SurveyElementBase {
|
|
2452
|
+
class TabPreviewTestSurveyAgainComponent extends SurveyElementBase {
|
|
2821
2453
|
get model() {
|
|
2822
2454
|
return this.props.model.testAgainAction;
|
|
2823
2455
|
}
|
|
@@ -2826,17 +2458,17 @@ class TabPreviewTestSurveyAgainComponent extends external_survey_react_ui_namesp
|
|
|
2826
2458
|
}
|
|
2827
2459
|
renderElement() {
|
|
2828
2460
|
const buttonClassName = "svc-preview__test-again svc-btn";
|
|
2829
|
-
return
|
|
2461
|
+
return attachKey2click(React.createElement("div", { role: "button", onClick: (e) => {
|
|
2830
2462
|
e.stopPropagation();
|
|
2831
2463
|
this.model.action();
|
|
2832
2464
|
}, className: buttonClassName, title: this.model.title },
|
|
2833
|
-
|
|
2465
|
+
React.createElement("span", { className: "svc-btn__text" }, this.model.title)));
|
|
2834
2466
|
}
|
|
2835
2467
|
}
|
|
2836
|
-
|
|
2837
|
-
return
|
|
2468
|
+
ReactElementFactory.Instance.registerElement("svc-complete-page", (props) => {
|
|
2469
|
+
return React.createElement(TabPreviewTestSurveyAgainComponent, props);
|
|
2838
2470
|
});
|
|
2839
|
-
class TabPreviewSurveyComponent extends
|
|
2471
|
+
class TabPreviewSurveyComponent extends SurveyElementBase {
|
|
2840
2472
|
constructor(props) {
|
|
2841
2473
|
super(props);
|
|
2842
2474
|
}
|
|
@@ -2847,59 +2479,49 @@ class TabPreviewSurveyComponent extends external_survey_react_ui_namespaceObject
|
|
|
2847
2479
|
return this.model;
|
|
2848
2480
|
}
|
|
2849
2481
|
renderPlaceholder() {
|
|
2850
|
-
return
|
|
2482
|
+
return React.createElement(SurfacePlaceholder, { name: "preview", placeholderTitleText: this.model.placeholderTitleText, placeholderDescriptionText: this.model.placeholderDescriptionText });
|
|
2851
2483
|
}
|
|
2852
2484
|
renderSimulator() {
|
|
2853
|
-
return (
|
|
2854
|
-
|
|
2855
|
-
this.model.showResults ?
|
|
2485
|
+
return (React.createElement("div", { className: "svc-plugin-tab__content" },
|
|
2486
|
+
React.createElement(SurveySimulator, { model: this.model.simulator }),
|
|
2487
|
+
this.model.showResults ? React.createElement(SurveyResults, { survey: this.model.simulator.survey }) : null));
|
|
2856
2488
|
}
|
|
2857
2489
|
renderElement() {
|
|
2858
2490
|
const tabContentClassName = "svc-creator-tab__content svc-test-tab__content" + (this.model.isPageToolbarVisible ? " svc-creator-tab__content--with-toolbar" : "");
|
|
2859
|
-
return (
|
|
2491
|
+
return (React.createElement("div", { className: tabContentClassName },
|
|
2860
2492
|
this.model.simulator.survey.isEmpty ? this.renderPlaceholder() : this.renderSimulator(),
|
|
2861
2493
|
this.getBottomToolbar()));
|
|
2862
2494
|
}
|
|
2863
2495
|
getBottomToolbar() {
|
|
2864
2496
|
if (this.model.isPageToolbarVisible) {
|
|
2865
|
-
return (
|
|
2866
|
-
|
|
2497
|
+
return (React.createElement("div", { className: "svc-test-tab__content-actions" },
|
|
2498
|
+
React.createElement(SurveyActionBar, { model: this.model.pages })));
|
|
2867
2499
|
}
|
|
2868
2500
|
else {
|
|
2869
2501
|
return null;
|
|
2870
2502
|
}
|
|
2871
2503
|
}
|
|
2872
2504
|
}
|
|
2873
|
-
|
|
2874
|
-
return
|
|
2505
|
+
ReactElementFactory.Instance.registerElement("svc-tab-preview", (props) => {
|
|
2506
|
+
return React.createElement(TabPreviewSurveyComponent, props);
|
|
2875
2507
|
});
|
|
2876
2508
|
|
|
2877
|
-
|
|
2878
|
-
|
|
2879
|
-
|
|
2880
|
-
|
|
2881
|
-
class PropertyGridPlaceholderComponent extends external_react_namespaceObject.Component {
|
|
2509
|
+
class PropertyGridPlaceholderComponent extends React.Component {
|
|
2882
2510
|
render() {
|
|
2883
|
-
return (
|
|
2884
|
-
|
|
2885
|
-
|
|
2886
|
-
|
|
2887
|
-
|
|
2888
|
-
|
|
2889
|
-
|
|
2511
|
+
return (React.createElement("div", { className: "svc-property-grid-placeholder" },
|
|
2512
|
+
React.createElement("div", { className: "svc-property-grid-placeholder__header" },
|
|
2513
|
+
React.createElement("span", { className: "svc-property-grid-placeholder__title" }, editorLocalization.getString("ed.propertyGridPlaceholderTitle")),
|
|
2514
|
+
React.createElement("span", { className: "svc-property-grid-placeholder__description" }, editorLocalization.getString("ed.propertyGridPlaceholderDescription"))),
|
|
2515
|
+
React.createElement("div", { className: "svc-property-grid-placeholder__content" },
|
|
2516
|
+
React.createElement("div", { className: "svc-property-grid-placeholder__gap" }),
|
|
2517
|
+
React.createElement("div", { className: "svc-property-grid-placeholder__image" }))));
|
|
2890
2518
|
}
|
|
2891
2519
|
}
|
|
2892
|
-
|
|
2893
|
-
return
|
|
2520
|
+
ReactElementFactory.Instance.registerElement("svc-property-grid-placeholder", (props) => {
|
|
2521
|
+
return React.createElement(PropertyGridPlaceholderComponent, props);
|
|
2894
2522
|
});
|
|
2895
2523
|
|
|
2896
|
-
|
|
2897
|
-
|
|
2898
|
-
|
|
2899
|
-
|
|
2900
|
-
|
|
2901
|
-
|
|
2902
|
-
class TabThemeSurveyComponent extends external_survey_react_ui_namespaceObject.SurveyElementBase {
|
|
2524
|
+
class TabThemeSurveyComponent extends SurveyElementBase {
|
|
2903
2525
|
get model() {
|
|
2904
2526
|
return this.props.data;
|
|
2905
2527
|
}
|
|
@@ -2907,38 +2529,34 @@ class TabThemeSurveyComponent extends external_survey_react_ui_namespaceObject.S
|
|
|
2907
2529
|
return this.model;
|
|
2908
2530
|
}
|
|
2909
2531
|
renderPlaceholder() {
|
|
2910
|
-
return
|
|
2532
|
+
return React.createElement(SurfacePlaceholder, { name: "theme", placeholderTitleText: this.model.placeholderTitleText, placeholderDescriptionText: this.model.placeholderDescriptionText });
|
|
2911
2533
|
}
|
|
2912
2534
|
renderSimulator() {
|
|
2913
|
-
return (
|
|
2914
|
-
|
|
2915
|
-
this.model.showResults ?
|
|
2535
|
+
return (React.createElement("div", { className: "svc-plugin-tab__content" },
|
|
2536
|
+
React.createElement(SurveySimulator, { model: this.model.simulator }),
|
|
2537
|
+
this.model.showResults ? React.createElement(SurveyResults, { survey: this.model.simulator.survey }) : null));
|
|
2916
2538
|
}
|
|
2917
2539
|
renderElement() {
|
|
2918
2540
|
const tabContentClassName = "svc-creator-tab__content svc-test-tab__content" + (this.model.isPageToolbarVisible ? " svc-creator-tab__content--with-toolbar" : "");
|
|
2919
|
-
return (
|
|
2541
|
+
return (React.createElement("div", { className: tabContentClassName },
|
|
2920
2542
|
this.model.simulator.survey.isEmpty ? this.renderPlaceholder() : this.renderSimulator(),
|
|
2921
2543
|
this.getBottomToolbar()));
|
|
2922
2544
|
}
|
|
2923
2545
|
getBottomToolbar() {
|
|
2924
2546
|
if (this.model.isPageToolbarVisible) {
|
|
2925
|
-
return (
|
|
2926
|
-
|
|
2547
|
+
return (React.createElement("div", { className: "svc-test-tab__content-actions" },
|
|
2548
|
+
React.createElement(SurveyActionBar, { model: this.model.pages })));
|
|
2927
2549
|
}
|
|
2928
2550
|
else {
|
|
2929
2551
|
return null;
|
|
2930
2552
|
}
|
|
2931
2553
|
}
|
|
2932
2554
|
}
|
|
2933
|
-
|
|
2934
|
-
return
|
|
2555
|
+
ReactElementFactory.Instance.registerElement("svc-tab-theme", (props) => {
|
|
2556
|
+
return React.createElement(TabThemeSurveyComponent, props);
|
|
2935
2557
|
});
|
|
2936
2558
|
|
|
2937
|
-
|
|
2938
|
-
|
|
2939
|
-
|
|
2940
|
-
|
|
2941
|
-
class TabTranslationComponent extends external_survey_react_ui_namespaceObject.SurveyElementBase {
|
|
2559
|
+
class TabTranslationComponent extends SurveyElementBase {
|
|
2942
2560
|
get model() {
|
|
2943
2561
|
return this.props.data || this.props.model;
|
|
2944
2562
|
}
|
|
@@ -2948,30 +2566,27 @@ class TabTranslationComponent extends external_survey_react_ui_namespaceObject.S
|
|
|
2948
2566
|
renderElement() {
|
|
2949
2567
|
if (!this.model)
|
|
2950
2568
|
return null;
|
|
2951
|
-
return (
|
|
2569
|
+
return (React.createElement("div", { className: "svc-creator-tab__content svc-translation-tab" + (this.model.isEmpty ? " svc-translation-tab--empty" : "") }, this.renderElementContent()));
|
|
2952
2570
|
}
|
|
2953
2571
|
renderElementContent() {
|
|
2954
2572
|
if (this.model.isEmpty) {
|
|
2955
|
-
return
|
|
2573
|
+
return React.createElement(SurfacePlaceholder, { name: "translation", placeholderTitleText: this.model.placeholderTitleText, placeholderDescriptionText: this.model.placeholderDescriptionText });
|
|
2956
2574
|
}
|
|
2957
2575
|
else {
|
|
2958
|
-
return (
|
|
2959
|
-
|
|
2960
|
-
|
|
2961
|
-
|
|
2962
|
-
|
|
2963
|
-
|
|
2576
|
+
return (React.createElement("div", { className: "st-content" },
|
|
2577
|
+
React.createElement("div", { className: "svc-flex-column st-strings-wrapper" },
|
|
2578
|
+
React.createElement("div", { className: "svc-flex-row st-strings-header" },
|
|
2579
|
+
React.createElement(Survey, { model: this.model.stringsHeaderSurvey })),
|
|
2580
|
+
React.createElement("div", { className: "svc-flex-row svc-plugin-tab__content st-strings" },
|
|
2581
|
+
React.createElement(Survey, { model: this.model.stringsSurvey })))));
|
|
2964
2582
|
}
|
|
2965
2583
|
}
|
|
2966
2584
|
}
|
|
2967
|
-
|
|
2968
|
-
return
|
|
2585
|
+
ReactElementFactory.Instance.registerElement("svc-tab-translation", (props) => {
|
|
2586
|
+
return React.createElement(TabTranslationComponent, props);
|
|
2969
2587
|
});
|
|
2970
2588
|
|
|
2971
|
-
|
|
2972
|
-
|
|
2973
|
-
|
|
2974
|
-
class ObjectSelectorComponent extends external_survey_react_ui_namespaceObject.SurveyElementBase {
|
|
2589
|
+
class ObjectSelectorComponent extends SurveyElementBase {
|
|
2975
2590
|
get model() {
|
|
2976
2591
|
return this.props.model;
|
|
2977
2592
|
}
|
|
@@ -2981,19 +2596,14 @@ class ObjectSelectorComponent extends external_survey_react_ui_namespaceObject.S
|
|
|
2981
2596
|
renderElement() {
|
|
2982
2597
|
if (!this.model.isVisible)
|
|
2983
2598
|
return null;
|
|
2984
|
-
return (
|
|
2599
|
+
return (React.createElement(List, { model: this.model.list }));
|
|
2985
2600
|
}
|
|
2986
2601
|
}
|
|
2987
|
-
|
|
2988
|
-
return
|
|
2602
|
+
ReactElementFactory.Instance.registerElement("svc-object-selector", (props) => {
|
|
2603
|
+
return React.createElement(ObjectSelectorComponent, props);
|
|
2989
2604
|
});
|
|
2990
2605
|
|
|
2991
|
-
|
|
2992
|
-
|
|
2993
|
-
|
|
2994
|
-
|
|
2995
|
-
|
|
2996
|
-
class PropertyGridComponent extends external_survey_react_ui_namespaceObject.SurveyElementBase {
|
|
2606
|
+
class PropertyGridComponent extends SurveyElementBase {
|
|
2997
2607
|
get model() {
|
|
2998
2608
|
return this.props.model;
|
|
2999
2609
|
}
|
|
@@ -3006,24 +2616,20 @@ class PropertyGridComponent extends external_survey_react_ui_namespaceObject.Sur
|
|
|
3006
2616
|
return super.canRender();
|
|
3007
2617
|
}
|
|
3008
2618
|
renderElement() {
|
|
3009
|
-
return (
|
|
3010
|
-
|
|
3011
|
-
|
|
3012
|
-
|
|
2619
|
+
return (React.createElement("div", { className: this.model.rootCss },
|
|
2620
|
+
React.createElement(SearchComponent, { model: this.model.searchManager }),
|
|
2621
|
+
React.createElement(ScrollComponent, null,
|
|
2622
|
+
React.createElement(Survey, { model: this.model.survey }))));
|
|
3013
2623
|
}
|
|
3014
2624
|
}
|
|
3015
|
-
|
|
3016
|
-
return
|
|
2625
|
+
ReactQuestionFactory.Instance.registerQuestion("buttongroup", (props) => {
|
|
2626
|
+
return React.createElement(SurveyQuestionButtonGroup, props);
|
|
3017
2627
|
});
|
|
3018
|
-
|
|
3019
|
-
|
|
3020
|
-
return external_react_namespaceObject.createElement(PropertyGridComponent, props);
|
|
2628
|
+
ReactElementFactory.Instance.registerElement("svc-property-grid", (props) => {
|
|
2629
|
+
return React.createElement(PropertyGridComponent, props);
|
|
3021
2630
|
});
|
|
3022
2631
|
|
|
3023
|
-
|
|
3024
|
-
|
|
3025
|
-
|
|
3026
|
-
class SwitcherComponent extends external_survey_react_ui_namespaceObject.SurveyElementBase {
|
|
2632
|
+
class SwitcherComponent extends SurveyElementBase {
|
|
3027
2633
|
get item() {
|
|
3028
2634
|
return this.props.item;
|
|
3029
2635
|
}
|
|
@@ -3032,48 +2638,41 @@ class SwitcherComponent extends external_survey_react_ui_namespaceObject.SurveyE
|
|
|
3032
2638
|
}
|
|
3033
2639
|
renderElement() {
|
|
3034
2640
|
const tooltip = this.item.tooltip || this.item.title;
|
|
3035
|
-
const title = this.item.hasTitle ?
|
|
3036
|
-
const button =
|
|
3037
|
-
|
|
3038
|
-
|
|
2641
|
+
const title = this.item.hasTitle ? React.createElement("span", { className: "svc-switcher__title" }, this.item.title) : null;
|
|
2642
|
+
const button = attachKey2click(React.createElement("button", { className: this.item.getActionBarItemCss(), type: "button", disabled: this.item.disabled, onClick: (args) => this.item.action(this.item, this.item.getIsTrusted(args)), title: tooltip, "aria-checked": this.item.ariaChecked, "aria-expanded": this.item.ariaExpanded, role: this.item.ariaRole },
|
|
2643
|
+
React.createElement("div", { className: this.item.getSwitcherIconCss() },
|
|
2644
|
+
React.createElement("div", { className: "svc-switcher__icon-thumb" })),
|
|
3039
2645
|
title), this.item, { processEsc: false });
|
|
3040
2646
|
return button;
|
|
3041
2647
|
}
|
|
3042
2648
|
}
|
|
3043
|
-
|
|
3044
|
-
|
|
3045
|
-
return external_react_namespaceObject.createElement(SwitcherComponent, props);
|
|
2649
|
+
ReactElementFactory.Instance.registerElement("svc-switcher", (props) => {
|
|
2650
|
+
return React.createElement(SwitcherComponent, props);
|
|
3046
2651
|
});
|
|
3047
2652
|
|
|
3048
|
-
|
|
3049
|
-
|
|
3050
|
-
|
|
3051
|
-
class ItemTemplateComponent extends external_survey_react_ui_namespaceObject.SurveyElementBase {
|
|
2653
|
+
let ItemTemplateComponent$1 = class ItemTemplateComponent extends SurveyElementBase {
|
|
3052
2654
|
render() {
|
|
3053
2655
|
const item = this.props.item;
|
|
3054
|
-
return (
|
|
3055
|
-
|
|
3056
|
-
|
|
3057
|
-
|
|
3058
|
-
|
|
2656
|
+
return (React.createElement(React.Fragment, null,
|
|
2657
|
+
React.createElement(SvgIcon, { iconName: item.iconName, size: item.iconSize, className: "svc-json-error__icon" }),
|
|
2658
|
+
React.createElement("div", { className: "svc-json-error__container" },
|
|
2659
|
+
React.createElement("div", { className: "svc-json-error__title" },
|
|
2660
|
+
React.createElement("span", { key: 2 }, this.renderLocString(item.locTitle, undefined, "locString"))),
|
|
3059
2661
|
this.renderFixButton())));
|
|
3060
2662
|
}
|
|
3061
2663
|
renderFixButton() {
|
|
3062
2664
|
if (!this.props.item.data.showFixButton)
|
|
3063
2665
|
return null;
|
|
3064
2666
|
const item = this.props.item;
|
|
3065
|
-
return (
|
|
3066
|
-
|
|
2667
|
+
return (attachKey2click(React.createElement("button", { type: "button", onClick: (event) => { event.stopPropagation(); item.data.fixError(); }, title: item.data.fixButtonTitle, className: "svc-json-error__fix-button" },
|
|
2668
|
+
React.createElement(SvgIcon, { iconName: item.data.fixButtonIcon, size: "auto" }))));
|
|
3067
2669
|
}
|
|
3068
|
-
}
|
|
3069
|
-
|
|
3070
|
-
return
|
|
2670
|
+
};
|
|
2671
|
+
ReactElementFactory.Instance.registerElement("json-error-item", (props) => {
|
|
2672
|
+
return React.createElement(ItemTemplateComponent$1, props);
|
|
3071
2673
|
});
|
|
3072
2674
|
|
|
3073
|
-
|
|
3074
|
-
|
|
3075
|
-
|
|
3076
|
-
class SurveyQuestionSpinEditor extends external_survey_react_ui_namespaceObject.SurveyQuestionText {
|
|
2675
|
+
class SurveyQuestionSpinEditor extends SurveyQuestionText {
|
|
3077
2676
|
constructor(props) {
|
|
3078
2677
|
super(props);
|
|
3079
2678
|
}
|
|
@@ -3081,11 +2680,11 @@ class SurveyQuestionSpinEditor extends external_survey_react_ui_namespaceObject.
|
|
|
3081
2680
|
return this.questionBase;
|
|
3082
2681
|
}
|
|
3083
2682
|
renderInput() {
|
|
3084
|
-
return (
|
|
3085
|
-
|
|
2683
|
+
return (React.createElement(React.Fragment, null,
|
|
2684
|
+
React.createElement("input", { id: this.question.inputId, disabled: this.isDisplayMode, className: this.question.cssClasses.control, ref: (input) => (this.setControl(input)), placeholder: this.question.renderedPlaceholder, autoComplete: "off", onBlur: (event) => this.question.onBlur(event.nativeEvent), onFocus: (event) => this.question.onFocus(event.nativeEvent), onChange: this.question.onChange, onBeforeInput: event => this.question.onBeforeInput(event.nativeEvent), onKeyUp: (event) => this.question.onKeyUp(event.nativeEvent), onKeyDown: (event) => this.question.onInputKeyDown(event.nativeEvent), "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-describedby": this.question.ariaDescribedBy })));
|
|
3086
2685
|
}
|
|
3087
2686
|
renderElement() {
|
|
3088
|
-
return (
|
|
2687
|
+
return (React.createElement("div", { className: this.question.cssClasses.root, onKeyDown: event => this.question.onKeyDown(event.nativeEvent) },
|
|
3089
2688
|
this.renderInput(),
|
|
3090
2689
|
this.renderButtons()));
|
|
3091
2690
|
}
|
|
@@ -3093,36 +2692,30 @@ class SurveyQuestionSpinEditor extends external_survey_react_ui_namespaceObject.
|
|
|
3093
2692
|
return this.question.renderedValue;
|
|
3094
2693
|
}
|
|
3095
2694
|
renderButtons() {
|
|
3096
|
-
return (
|
|
3097
|
-
|
|
3098
|
-
|
|
3099
|
-
|
|
3100
|
-
|
|
2695
|
+
return (React.createElement("span", { className: this.question.cssClasses.buttonsContainer },
|
|
2696
|
+
React.createElement("button", { tabIndex: -1, className: this.question.cssClasses.arrowButton, disabled: this.isDisplayMode, onClick: this.question.onDownButtonClick, onMouseDown: this.question.onDownButtonMouseDown, onMouseUp: this.question.onButtonMouseUp, onMouseLeave: this.question.onButtonMouseLeave, onBlur: event => this.question.onBlur(event.nativeEvent), onFocus: event => this.question.onFocus(event.nativeEvent) },
|
|
2697
|
+
React.createElement(SvgIcon, { iconName: this.question.cssClasses.decreaseButtonIcon, size: "auto" })),
|
|
2698
|
+
React.createElement("button", { tabIndex: -1, className: this.question.cssClasses.arrowButton, disabled: this.isDisplayMode, onClick: this.question.onUpButtonClick, onMouseDown: this.question.onUpButtonMouseDown, onMouseUp: this.question.onButtonMouseUp, onMouseLeave: this.question.onButtonMouseLeave, onBlur: event => this.question.onBlur(event.nativeEvent), onFocus: event => this.question.onFocus(event.nativeEvent) },
|
|
2699
|
+
React.createElement(SvgIcon, { iconName: this.question.cssClasses.increaseButtonIcon, size: "auto" }))));
|
|
3101
2700
|
}
|
|
3102
2701
|
}
|
|
3103
|
-
|
|
3104
|
-
return
|
|
2702
|
+
ReactQuestionFactory.Instance.registerQuestion("spinedit", (props) => {
|
|
2703
|
+
return React.createElement(SurveyQuestionSpinEditor, props);
|
|
3105
2704
|
});
|
|
3106
2705
|
|
|
3107
|
-
|
|
3108
|
-
|
|
3109
|
-
|
|
3110
|
-
class ColorItem_ItemTemplateComponent extends external_survey_react_ui_namespaceObject.SurveyElementBase {
|
|
2706
|
+
class ItemTemplateComponent extends SurveyElementBase {
|
|
3111
2707
|
render() {
|
|
3112
2708
|
const item = this.props.item;
|
|
3113
|
-
return (
|
|
3114
|
-
|
|
3115
|
-
|
|
2709
|
+
return (React.createElement(React.Fragment, null,
|
|
2710
|
+
React.createElement("span", { className: "spg-color-editor__color-swatch", style: { backgroundColor: item.value } }),
|
|
2711
|
+
React.createElement("span", { key: 2 }, this.renderLocString(item.locTitle, undefined, "locString"))));
|
|
3116
2712
|
}
|
|
3117
2713
|
}
|
|
3118
|
-
|
|
3119
|
-
return
|
|
2714
|
+
ReactElementFactory.Instance.registerElement("color-item", (props) => {
|
|
2715
|
+
return React.createElement(ItemTemplateComponent, props);
|
|
3120
2716
|
});
|
|
3121
2717
|
|
|
3122
|
-
|
|
3123
|
-
|
|
3124
|
-
|
|
3125
|
-
class SurveyQuestionColor extends external_survey_react_ui_namespaceObject.SurveyQuestionText {
|
|
2718
|
+
class SurveyQuestionColor extends SurveyQuestionText {
|
|
3126
2719
|
constructor(props) {
|
|
3127
2720
|
super(props);
|
|
3128
2721
|
}
|
|
@@ -3130,11 +2723,11 @@ class SurveyQuestionColor extends external_survey_react_ui_namespaceObject.Surve
|
|
|
3130
2723
|
return this.questionBase;
|
|
3131
2724
|
}
|
|
3132
2725
|
renderInput() {
|
|
3133
|
-
return (
|
|
3134
|
-
|
|
2726
|
+
return (React.createElement(React.Fragment, null,
|
|
2727
|
+
React.createElement("input", { id: this.question.inputId, disabled: this.isDisplayMode, className: this.question.cssClasses.control, ref: (input) => (this.setControl(input)), placeholder: this.question.renderedPlaceholder, autoComplete: "off", onKeyUp: (event) => this.question.onKeyUp(event.nativeEvent), onBlur: (event) => this.question.onBlur(event.nativeEvent), onChange: this.question.onChange, onBeforeInput: event => this.question.onBeforeInput(event.nativeEvent), "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-describedby": this.question.ariaDescribedBy })));
|
|
3135
2728
|
}
|
|
3136
2729
|
renderElement() {
|
|
3137
|
-
return (
|
|
2730
|
+
return (React.createElement("div", { className: this.question.cssClasses.root, onKeyDown: event => this.question.onKeyDown(event.nativeEvent) },
|
|
3138
2731
|
this.renderColorSwatch(),
|
|
3139
2732
|
this.renderInput(),
|
|
3140
2733
|
this.question.showDropdownAction ? this.renderDropdownAction() : null));
|
|
@@ -3143,27 +2736,24 @@ class SurveyQuestionColor extends external_survey_react_ui_namespaceObject.Surve
|
|
|
3143
2736
|
return this.question.renderedValue;
|
|
3144
2737
|
}
|
|
3145
2738
|
renderColorSwatch() {
|
|
3146
|
-
return
|
|
3147
|
-
|
|
3148
|
-
|
|
2739
|
+
return React.createElement("label", { className: this.question.getSwatchCss(), style: this.question.getSwatchStyle() },
|
|
2740
|
+
React.createElement(SvgIcon, { iconName: this.question.cssClasses.swatchIcon, size: "auto" }),
|
|
2741
|
+
React.createElement("input", { type: "color", disabled: this.isDisplayMode, value: this.question.renderedColorValue, className: this.question.cssClasses.colorInput, onChange: (event) => this.question.onColorInputChange(event.nativeEvent), tabIndex: -1 }));
|
|
3149
2742
|
}
|
|
3150
2743
|
renderDropdownAction() {
|
|
3151
|
-
return (
|
|
3152
|
-
|
|
2744
|
+
return (React.createElement(React.Fragment, null,
|
|
2745
|
+
ReactElementFactory.Instance.createElement("sv-action-bar-item", { item: this.question.dropdownAction }),
|
|
3153
2746
|
this.renderPopup()));
|
|
3154
2747
|
}
|
|
3155
2748
|
renderPopup() {
|
|
3156
|
-
return
|
|
2749
|
+
return React.createElement(Popup, { model: this.question.dropdownAction.popupModel });
|
|
3157
2750
|
}
|
|
3158
2751
|
}
|
|
3159
|
-
|
|
3160
|
-
return
|
|
2752
|
+
ReactQuestionFactory.Instance.registerQuestion("color", (props) => {
|
|
2753
|
+
return React.createElement(SurveyQuestionColor, props);
|
|
3161
2754
|
});
|
|
3162
2755
|
|
|
3163
|
-
|
|
3164
|
-
|
|
3165
|
-
|
|
3166
|
-
class SurveyQuestionFileEditor extends external_survey_react_ui_namespaceObject.SurveyQuestionText {
|
|
2756
|
+
class SurveyQuestionFileEditor extends SurveyQuestionText {
|
|
3167
2757
|
constructor(props) {
|
|
3168
2758
|
super(props);
|
|
3169
2759
|
}
|
|
@@ -3174,241 +2764,87 @@ class SurveyQuestionFileEditor extends external_survey_react_ui_namespaceObject.
|
|
|
3174
2764
|
return this.question.renderedValue;
|
|
3175
2765
|
}
|
|
3176
2766
|
renderInput() {
|
|
3177
|
-
return (
|
|
3178
|
-
|
|
2767
|
+
return (React.createElement(React.Fragment, null,
|
|
2768
|
+
React.createElement("input", { disabled: this.isDisplayMode, className: this.questionFile.cssClasses.control, placeholder: this.questionFile.renderedPlaceholder, ref: (input) => (this.setControl(input)), autoComplete: "off", type: "text", onBlur: (event) => this.questionFile.onInputBlur(event.nativeEvent), onChange: (event) => this.questionFile.onInputChange(event.nativeEvent) })));
|
|
3179
2769
|
}
|
|
3180
2770
|
renderFileInput() {
|
|
3181
|
-
return (
|
|
2771
|
+
return (React.createElement("input", { type: "file", disabled: this.isDisplayMode, className: this.questionFile.cssClasses.fileInput, id: this.questionFile.inputId, "aria-required": this.questionFile.ariaRequired, "aria-label": this.questionFile.ariaLabel, "aria-invalid": this.questionFile.ariaInvalid, "aria-describedby": this.questionFile.ariaDescribedBy, multiple: false, title: this.questionFile.inputTitle, accept: this.questionFile.acceptedTypes, tabIndex: -1, onChange: (event) => this.questionFile.onFileInputChange(event.nativeEvent) }));
|
|
3182
2772
|
}
|
|
3183
2773
|
renderButtons() {
|
|
3184
|
-
return (
|
|
2774
|
+
return (React.createElement("div", { className: this.questionFile.cssClasses.buttonsContainer },
|
|
3185
2775
|
this.renderClearButton(),
|
|
3186
2776
|
this.renderChooseButton()));
|
|
3187
2777
|
}
|
|
3188
2778
|
renderClearButton() {
|
|
3189
|
-
return
|
|
3190
|
-
|
|
2779
|
+
return attachKey2click((React.createElement("button", { type: "button", className: this.questionFile.cssClasses.clearButton, disabled: this.questionFile.getIsClearButtonDisabled(), onClick: this.questionFile.doClean },
|
|
2780
|
+
React.createElement(SvgIcon, { iconName: this.questionFile.cssClasses.clearButtonIcon, size: "auto", title: this.questionFile.clearButtonCaption }))));
|
|
3191
2781
|
}
|
|
3192
2782
|
renderChooseButton() {
|
|
3193
|
-
return (
|
|
3194
|
-
|
|
2783
|
+
return (attachKey2click(React.createElement("label", { role: "button", onClick: event => this.questionFile.chooseFiles(event.nativeEvent), className: this.questionFile.getChooseButtonCss(), htmlFor: this.questionFile.inputId, "aria-label": this.questionFile.chooseButtonCaption },
|
|
2784
|
+
React.createElement(SvgIcon, { iconName: this.questionFile.cssClasses.chooseButtonIcon, size: "auto", title: this.questionFile.chooseButtonCaption }))));
|
|
3195
2785
|
}
|
|
3196
2786
|
renderElement() {
|
|
3197
|
-
return (
|
|
2787
|
+
return (React.createElement("div", { className: this.questionFile.cssClasses.root, ref: el => this.setContent(el), onDragEnter: this.questionFile.onDragEnter, onDragOver: this.questionFile.onDragOver, onDrop: this.questionFile.onDrop, onDragLeave: this.questionFile.onDragLeave, onKeyDown: event => this.question.onKeyDown(event.nativeEvent) },
|
|
3198
2788
|
this.renderInput(),
|
|
3199
2789
|
this.renderFileInput(),
|
|
3200
2790
|
this.renderButtons()));
|
|
3201
2791
|
}
|
|
3202
2792
|
}
|
|
3203
|
-
|
|
3204
|
-
return
|
|
2793
|
+
ReactQuestionFactory.Instance.registerQuestion("fileedit", (props) => {
|
|
2794
|
+
return React.createElement(SurveyQuestionFileEditor, props);
|
|
3205
2795
|
});
|
|
3206
2796
|
|
|
3207
|
-
|
|
3208
|
-
|
|
3209
|
-
|
|
3210
|
-
class SurveyQuestionTextWithReset extends external_survey_react_ui_namespaceObject.SurveyQuestionElementBase {
|
|
2797
|
+
class SurveyQuestionTextWithReset extends SurveyQuestionElementBase {
|
|
3211
2798
|
get question() {
|
|
3212
2799
|
return this.questionBase;
|
|
3213
2800
|
}
|
|
3214
2801
|
renderElement() {
|
|
3215
2802
|
const textElement = this.renderInput();
|
|
3216
2803
|
const resetButton = this.renderResetButton();
|
|
3217
|
-
return (
|
|
2804
|
+
return (React.createElement("div", { className: this.question.getRootClass() },
|
|
3218
2805
|
textElement,
|
|
3219
2806
|
resetButton));
|
|
3220
2807
|
}
|
|
3221
2808
|
renderInput() {
|
|
3222
|
-
return
|
|
2809
|
+
return ReactQuestionFactory.Instance.createQuestion(this.question.wrappedQuestionTemplate, {
|
|
3223
2810
|
question: this.question,
|
|
3224
2811
|
isDisplayMode: this.question.isInputReadOnly,
|
|
3225
2812
|
creator: this,
|
|
3226
2813
|
});
|
|
3227
2814
|
}
|
|
3228
2815
|
renderResetButton() {
|
|
3229
|
-
return (
|
|
3230
|
-
|
|
2816
|
+
return (React.createElement("button", { className: this.question.cssClasses.resetButton, disabled: this.question.resetValueAdorner.isDisabled, title: this.question.resetValueAdorner.caption, onClick: () => this.question.resetValueAdorner.resetValue() },
|
|
2817
|
+
React.createElement(SvgIcon, { iconName: this.question.cssClasses.resetButtonIcon, size: "auto" })));
|
|
3231
2818
|
}
|
|
3232
2819
|
}
|
|
3233
|
-
|
|
3234
|
-
return
|
|
2820
|
+
ReactQuestionFactory.Instance.registerQuestion("textwithreset", (props) => {
|
|
2821
|
+
return React.createElement(SurveyQuestionTextWithReset, props);
|
|
3235
2822
|
});
|
|
3236
|
-
|
|
3237
|
-
return
|
|
2823
|
+
ReactQuestionFactory.Instance.registerQuestion("commentwithreset", (props) => {
|
|
2824
|
+
return React.createElement(SurveyQuestionTextWithReset, props);
|
|
3238
2825
|
});
|
|
3239
2826
|
|
|
3240
|
-
|
|
3241
|
-
|
|
3242
|
-
|
|
3243
|
-
|
|
3244
|
-
class SurveyQuestionBooleanSwitch extends external_survey_react_ui_namespaceObject.SurveyQuestionElementBase {
|
|
2827
|
+
class SurveyQuestionBooleanSwitch extends SurveyQuestionElementBase {
|
|
3245
2828
|
renderElement() {
|
|
3246
|
-
const button =
|
|
3247
|
-
|
|
3248
|
-
|
|
3249
|
-
|
|
3250
|
-
|
|
3251
|
-
return (
|
|
2829
|
+
const button = attachKey2click(React.createElement("div", { className: "spg-boolean-switch__button" + (this.questionBase.value ? " spg-boolean-switch__button--checked" : ""), tabIndex: 0, role: "checkbox", "aria-required": this.questionBase.ariaRequired, "aria-label": this.questionBase.ariaLabel, "aria-invalid": this.questionBase.ariaInvalid, "aria-errormessage": this.questionBase.ariaErrormessage },
|
|
2830
|
+
React.createElement("div", { className: "spg-boolean-switch__thumb" },
|
|
2831
|
+
React.createElement("div", { className: "spg-boolean-switch__thumb-circle spg-boolean-switch__thumb--left" })),
|
|
2832
|
+
React.createElement("div", { className: "spg-boolean-switch__thumb" },
|
|
2833
|
+
React.createElement("div", { className: "spg-boolean-switch__thumb-circle spg-boolean-switch__thumb--right" }))), this.questionBase, { processEsc: false });
|
|
2834
|
+
return (React.createElement("div", { className: "spg-boolean-switch", onClick: () => this.questionBase.value = !this.questionBase.value },
|
|
3252
2835
|
button,
|
|
3253
|
-
|
|
3254
|
-
|
|
2836
|
+
React.createElement("div", { className: "spg-boolean-switch__caption" },
|
|
2837
|
+
React.createElement("div", { className: "spg-boolean-switch__title" }, SurveyElementBase.renderLocString(this.questionBase.locTitle)))));
|
|
3255
2838
|
}
|
|
3256
2839
|
}
|
|
3257
|
-
|
|
3258
|
-
return
|
|
2840
|
+
ReactQuestionFactory.Instance.registerQuestion("sv-boolean-switch", (props) => {
|
|
2841
|
+
return React.createElement(SurveyQuestionBooleanSwitch, props);
|
|
3259
2842
|
});
|
|
3260
|
-
|
|
2843
|
+
RendererFactory.Instance.registerRenderer("boolean", "switch", "sv-boolean-switch");
|
|
3261
2844
|
|
|
3262
|
-
;// ./src/entries/index.ts
|
|
3263
2845
|
let Version;
|
|
3264
|
-
Version = `${"2.0.0-rc.
|
|
3265
|
-
|
|
3266
|
-
|
|
3267
|
-
|
|
3268
|
-
|
|
3269
|
-
|
|
3270
|
-
|
|
3271
|
-
|
|
3272
|
-
|
|
3273
|
-
|
|
3274
|
-
|
|
3275
|
-
|
|
3276
|
-
|
|
3277
|
-
|
|
3278
|
-
|
|
3279
|
-
|
|
3280
|
-
|
|
3281
|
-
|
|
3282
|
-
|
|
3283
|
-
|
|
3284
|
-
|
|
3285
|
-
|
|
3286
|
-
|
|
3287
|
-
|
|
3288
|
-
|
|
3289
|
-
|
|
3290
|
-
|
|
3291
|
-
|
|
3292
|
-
|
|
3293
|
-
|
|
3294
|
-
|
|
3295
|
-
|
|
3296
|
-
|
|
3297
|
-
|
|
3298
|
-
|
|
3299
|
-
|
|
3300
|
-
|
|
3301
|
-
|
|
3302
|
-
|
|
3303
|
-
|
|
3304
|
-
|
|
3305
|
-
|
|
3306
|
-
|
|
3307
|
-
|
|
3308
|
-
|
|
3309
|
-
|
|
3310
|
-
|
|
3311
|
-
|
|
3312
|
-
|
|
3313
|
-
|
|
3314
|
-
|
|
3315
|
-
|
|
3316
|
-
|
|
3317
|
-
|
|
3318
|
-
|
|
3319
|
-
|
|
3320
|
-
|
|
3321
|
-
|
|
3322
|
-
//custom questions
|
|
3323
|
-
|
|
3324
|
-
|
|
3325
|
-
|
|
3326
|
-
|
|
3327
|
-
|
|
3328
|
-
|
|
3329
|
-
|
|
3330
|
-
|
|
3331
|
-
|
|
3332
|
-
|
|
3333
|
-
|
|
3334
|
-
|
|
3335
|
-
|
|
3336
|
-
(0,external_survey_core_namespaceObject.checkLibraryVersion)(`${"2.0.0-rc.7"}`, "survey-creator-react");
|
|
2846
|
+
Version = `${"2.0.0-rc.8"}`;
|
|
2847
|
+
checkLibraryVersion(`${"2.0.0-rc.8"}`, "survey-creator-react");
|
|
3337
2848
|
|
|
3338
|
-
|
|
3339
|
-
|
|
3340
|
-
var __webpack_exports__CellQuestionAdornerComponent = __webpack_exports__.bV;
|
|
3341
|
-
var __webpack_exports__CellQuestionDropdownAdornerComponent = __webpack_exports__.Ax;
|
|
3342
|
-
var __webpack_exports__CreatorSurveyPageComponent = __webpack_exports__.hq;
|
|
3343
|
-
var __webpack_exports__ImageItemValueAdornerComponent = __webpack_exports__.k0;
|
|
3344
|
-
var __webpack_exports__ItemValueAdornerComponent = __webpack_exports__.Rd;
|
|
3345
|
-
var __webpack_exports__LogoImageComponent = __webpack_exports__.cI;
|
|
3346
|
-
var __webpack_exports__MatrixCellAdornerComponent = __webpack_exports__.Ev;
|
|
3347
|
-
var __webpack_exports__PanelAdornerComponent = __webpack_exports__.Z8;
|
|
3348
|
-
var __webpack_exports__PropertyGridComponent = __webpack_exports__.Te;
|
|
3349
|
-
var __webpack_exports__PropertyGridEditorCollection = __webpack_exports__.Nu;
|
|
3350
|
-
var __webpack_exports__PropertyGridPlaceholderComponent = __webpack_exports__.ox;
|
|
3351
|
-
var __webpack_exports__QuestionAdornerComponent = __webpack_exports__.Ri;
|
|
3352
|
-
var __webpack_exports__QuestionBanner = __webpack_exports__.f8;
|
|
3353
|
-
var __webpack_exports__QuestionDropdownAdornerComponent = __webpack_exports__._4;
|
|
3354
|
-
var __webpack_exports__QuestionEditorContentComponent = __webpack_exports__.eo;
|
|
3355
|
-
var __webpack_exports__QuestionErrorComponent = __webpack_exports__.Oc;
|
|
3356
|
-
var __webpack_exports__QuestionImageAdornerComponent = __webpack_exports__.ep;
|
|
3357
|
-
var __webpack_exports__QuestionRatingAdornerComponent = __webpack_exports__.E9;
|
|
3358
|
-
var __webpack_exports__QuestionWidgetAdornerComponent = __webpack_exports__.zJ;
|
|
3359
|
-
var __webpack_exports__QuestionWrapperFooter = __webpack_exports__.RR;
|
|
3360
|
-
var __webpack_exports__QuestionWrapperHeader = __webpack_exports__.h6;
|
|
3361
|
-
var __webpack_exports__ReactDragEvent = __webpack_exports__.Eq;
|
|
3362
|
-
var __webpack_exports__ReactMouseEvent = __webpack_exports__.Hj;
|
|
3363
|
-
var __webpack_exports__RowWrapper = __webpack_exports__.SR;
|
|
3364
|
-
var __webpack_exports__SearchComponent = __webpack_exports__.Sy;
|
|
3365
|
-
var __webpack_exports__SideBarDefaultHeader = __webpack_exports__.nZ;
|
|
3366
|
-
var __webpack_exports__SidebarComponent = __webpack_exports__.kc;
|
|
3367
|
-
var __webpack_exports__SurveyCreator = __webpack_exports__.rX;
|
|
3368
|
-
var __webpack_exports__SurveyCreatorComponent = __webpack_exports__.qK;
|
|
3369
|
-
var __webpack_exports__SurveyCreatorToolboxCategory = __webpack_exports__.qS;
|
|
3370
|
-
var __webpack_exports__SurveyCreatorToolboxItem = __webpack_exports__.vK;
|
|
3371
|
-
var __webpack_exports__SurveyCreatorToolboxItemGroup = __webpack_exports__.K1;
|
|
3372
|
-
var __webpack_exports__SurveyCreatorToolboxTool = __webpack_exports__.Ys;
|
|
3373
|
-
var __webpack_exports__SurveyElementEmbeddedSurvey = __webpack_exports__.pY;
|
|
3374
|
-
var __webpack_exports__SurveyLocStringEditor = __webpack_exports__.JN;
|
|
3375
|
-
var __webpack_exports__SurveyLogic = __webpack_exports__.b;
|
|
3376
|
-
var __webpack_exports__SurveyLogicOpertor = __webpack_exports__.UD;
|
|
3377
|
-
var __webpack_exports__SurveyLogicUI = __webpack_exports__.dK;
|
|
3378
|
-
var __webpack_exports__SurveyNavigation = __webpack_exports__.B4;
|
|
3379
|
-
var __webpack_exports__SurveyQuestionBooleanSwitch = __webpack_exports__.xq;
|
|
3380
|
-
var __webpack_exports__SurveyQuestionColor = __webpack_exports__.M;
|
|
3381
|
-
var __webpack_exports__SurveyQuestionEditorDefinition = __webpack_exports__.B7;
|
|
3382
|
-
var __webpack_exports__SurveyQuestionFileEditor = __webpack_exports__.I1;
|
|
3383
|
-
var __webpack_exports__SurveyQuestionLinkValue = __webpack_exports__.UP;
|
|
3384
|
-
var __webpack_exports__SurveyQuestionSpinEditor = __webpack_exports__.KR;
|
|
3385
|
-
var __webpack_exports__SurveyQuestionTextWithReset = __webpack_exports__.jm;
|
|
3386
|
-
var __webpack_exports__SurveyResults = __webpack_exports__.Hg;
|
|
3387
|
-
var __webpack_exports__SurveyResultsByRow = __webpack_exports__.UI;
|
|
3388
|
-
var __webpack_exports__SurveySimulator = __webpack_exports__.hn;
|
|
3389
|
-
var __webpack_exports__SwitcherComponent = __webpack_exports__.HN;
|
|
3390
|
-
var __webpack_exports__TabButtonComponent = __webpack_exports__.RN;
|
|
3391
|
-
var __webpack_exports__TabDesignerComponent = __webpack_exports__.mU;
|
|
3392
|
-
var __webpack_exports__TabJsonEditorAceComponent = __webpack_exports__.l4;
|
|
3393
|
-
var __webpack_exports__TabJsonEditorErrorsComponent = __webpack_exports__.R9;
|
|
3394
|
-
var __webpack_exports__TabJsonEditorTextareaComponent = __webpack_exports__.h;
|
|
3395
|
-
var __webpack_exports__TabLogicAddButtonComponent = __webpack_exports__._2;
|
|
3396
|
-
var __webpack_exports__TabLogicComponent = __webpack_exports__.HR;
|
|
3397
|
-
var __webpack_exports__TabPreviewSurveyComponent = __webpack_exports__.rz;
|
|
3398
|
-
var __webpack_exports__TabPreviewTestSurveyAgainComponent = __webpack_exports__.te;
|
|
3399
|
-
var __webpack_exports__TabThemeSurveyComponent = __webpack_exports__.QO;
|
|
3400
|
-
var __webpack_exports__TabTranslationComponent = __webpack_exports__.qr;
|
|
3401
|
-
var __webpack_exports__TabbedMenuComponent = __webpack_exports__.Vl;
|
|
3402
|
-
var __webpack_exports__TabbedMenuItemComponent = __webpack_exports__.su;
|
|
3403
|
-
var __webpack_exports__ToolboxList = __webpack_exports__.kj;
|
|
3404
|
-
var __webpack_exports__ToolboxToolViewModel = __webpack_exports__.y4;
|
|
3405
|
-
var __webpack_exports__TranslateFromAction = __webpack_exports__.Vv;
|
|
3406
|
-
var __webpack_exports__TranslationLineSkeleton = __webpack_exports__.N;
|
|
3407
|
-
var __webpack_exports__Version = __webpack_exports__.Rx;
|
|
3408
|
-
var __webpack_exports__editorLocalization = __webpack_exports__.bN;
|
|
3409
|
-
var __webpack_exports__localization = __webpack_exports__.qG;
|
|
3410
|
-
var __webpack_exports__settings = __webpack_exports__.W0;
|
|
3411
|
-
var __webpack_exports__svgBundle = __webpack_exports__.Fc;
|
|
3412
|
-
export { __webpack_exports__ActionButton as ActionButton, __webpack_exports__AdaptiveToolbox as AdaptiveToolbox, __webpack_exports__CellQuestionAdornerComponent as CellQuestionAdornerComponent, __webpack_exports__CellQuestionDropdownAdornerComponent as CellQuestionDropdownAdornerComponent, __webpack_exports__CreatorSurveyPageComponent as CreatorSurveyPageComponent, __webpack_exports__ImageItemValueAdornerComponent as ImageItemValueAdornerComponent, __webpack_exports__ItemValueAdornerComponent as ItemValueAdornerComponent, __webpack_exports__LogoImageComponent as LogoImageComponent, __webpack_exports__MatrixCellAdornerComponent as MatrixCellAdornerComponent, __webpack_exports__PanelAdornerComponent as PanelAdornerComponent, __webpack_exports__PropertyGridComponent as PropertyGridComponent, __webpack_exports__PropertyGridEditorCollection as PropertyGridEditorCollection, __webpack_exports__PropertyGridPlaceholderComponent as PropertyGridPlaceholderComponent, __webpack_exports__QuestionAdornerComponent as QuestionAdornerComponent, __webpack_exports__QuestionBanner as QuestionBanner, __webpack_exports__QuestionDropdownAdornerComponent as QuestionDropdownAdornerComponent, __webpack_exports__QuestionEditorContentComponent as QuestionEditorContentComponent, __webpack_exports__QuestionErrorComponent as QuestionErrorComponent, __webpack_exports__QuestionImageAdornerComponent as QuestionImageAdornerComponent, __webpack_exports__QuestionRatingAdornerComponent as QuestionRatingAdornerComponent, __webpack_exports__QuestionWidgetAdornerComponent as QuestionWidgetAdornerComponent, __webpack_exports__QuestionWrapperFooter as QuestionWrapperFooter, __webpack_exports__QuestionWrapperHeader as QuestionWrapperHeader, __webpack_exports__ReactDragEvent as ReactDragEvent, __webpack_exports__ReactMouseEvent as ReactMouseEvent, __webpack_exports__RowWrapper as RowWrapper, __webpack_exports__SearchComponent as SearchComponent, __webpack_exports__SideBarDefaultHeader as SideBarDefaultHeader, __webpack_exports__SidebarComponent as SidebarComponent, __webpack_exports__SurveyCreator as SurveyCreator, __webpack_exports__SurveyCreatorComponent as SurveyCreatorComponent, __webpack_exports__SurveyCreatorToolboxCategory as SurveyCreatorToolboxCategory, __webpack_exports__SurveyCreatorToolboxItem as SurveyCreatorToolboxItem, __webpack_exports__SurveyCreatorToolboxItemGroup as SurveyCreatorToolboxItemGroup, __webpack_exports__SurveyCreatorToolboxTool as SurveyCreatorToolboxTool, __webpack_exports__SurveyElementEmbeddedSurvey as SurveyElementEmbeddedSurvey, __webpack_exports__SurveyLocStringEditor as SurveyLocStringEditor, __webpack_exports__SurveyLogic as SurveyLogic, __webpack_exports__SurveyLogicOpertor as SurveyLogicOpertor, __webpack_exports__SurveyLogicUI as SurveyLogicUI, __webpack_exports__SurveyNavigation as SurveyNavigation, __webpack_exports__SurveyQuestionBooleanSwitch as SurveyQuestionBooleanSwitch, __webpack_exports__SurveyQuestionColor as SurveyQuestionColor, __webpack_exports__SurveyQuestionEditorDefinition as SurveyQuestionEditorDefinition, __webpack_exports__SurveyQuestionFileEditor as SurveyQuestionFileEditor, __webpack_exports__SurveyQuestionLinkValue as SurveyQuestionLinkValue, __webpack_exports__SurveyQuestionSpinEditor as SurveyQuestionSpinEditor, __webpack_exports__SurveyQuestionTextWithReset as SurveyQuestionTextWithReset, __webpack_exports__SurveyResults as SurveyResults, __webpack_exports__SurveyResultsByRow as SurveyResultsByRow, __webpack_exports__SurveySimulator as SurveySimulator, __webpack_exports__SwitcherComponent as SwitcherComponent, __webpack_exports__TabButtonComponent as TabButtonComponent, __webpack_exports__TabDesignerComponent as TabDesignerComponent, __webpack_exports__TabJsonEditorAceComponent as TabJsonEditorAceComponent, __webpack_exports__TabJsonEditorErrorsComponent as TabJsonEditorErrorsComponent, __webpack_exports__TabJsonEditorTextareaComponent as TabJsonEditorTextareaComponent, __webpack_exports__TabLogicAddButtonComponent as TabLogicAddButtonComponent, __webpack_exports__TabLogicComponent as TabLogicComponent, __webpack_exports__TabPreviewSurveyComponent as TabPreviewSurveyComponent, __webpack_exports__TabPreviewTestSurveyAgainComponent as TabPreviewTestSurveyAgainComponent, __webpack_exports__TabThemeSurveyComponent as TabThemeSurveyComponent, __webpack_exports__TabTranslationComponent as TabTranslationComponent, __webpack_exports__TabbedMenuComponent as TabbedMenuComponent, __webpack_exports__TabbedMenuItemComponent as TabbedMenuItemComponent, __webpack_exports__ToolboxList as ToolboxList, __webpack_exports__ToolboxToolViewModel as ToolboxToolViewModel, __webpack_exports__TranslateFromAction as TranslateFromAction, __webpack_exports__TranslationLineSkeleton as TranslationLineSkeleton, __webpack_exports__Version as Version, __webpack_exports__editorLocalization as editorLocalization, __webpack_exports__localization as localization, __webpack_exports__settings as settings, __webpack_exports__svgBundle as svgBundle };
|
|
3413
|
-
|
|
3414
|
-
//# sourceMappingURL=survey-creator-react.js.map
|
|
2849
|
+
export { ActionButton, AdaptiveToolbox, CellQuestionAdornerComponent, CellQuestionDropdownAdornerComponent, CreatorSurveyPageComponent, ImageItemValueAdornerComponent, ItemValueAdornerComponent, LogoImageComponent, MatrixCellAdornerComponent, PanelAdornerComponent, PropertyGridComponent, PropertyGridPlaceholderComponent, QuestionAdornerComponent, QuestionBanner, QuestionDropdownAdornerComponent, QuestionEditorContentComponent, QuestionErrorComponent, QuestionImageAdornerComponent, QuestionRatingAdornerComponent, QuestionWidgetAdornerComponent, QuestionWrapperFooter, QuestionWrapperHeader, ReactDragEvent, ReactMouseEvent, RowWrapper, SearchComponent, SideBarDefaultHeader, SidebarComponent, SurveyCreator, SurveyCreatorComponent, SurveyCreatorToolboxCategory, SurveyCreatorToolboxItem, SurveyCreatorToolboxItemGroup, SurveyCreatorToolboxTool, SurveyElementEmbeddedSurvey, SurveyLocStringEditor, SurveyLogicOpertor, SurveyNavigation, SurveyQuestionBooleanSwitch, SurveyQuestionColor, SurveyQuestionFileEditor, SurveyQuestionLinkValue, SurveyQuestionSpinEditor, SurveyQuestionTextWithReset, SurveyResults, SurveyResultsByRow, SurveySimulator, SwitcherComponent, TabButtonComponent, TabDesignerComponent, TabJsonEditorAceComponent, TabJsonEditorErrorsComponent, TabJsonEditorTextareaComponent, TabLogicAddButtonComponent, TabLogicComponent, TabPreviewSurveyComponent, TabPreviewTestSurveyAgainComponent, TabThemeSurveyComponent, TabTranslationComponent, TabbedMenuComponent, TabbedMenuItemComponent, ToolboxList, TranslateFromAction, TranslationLineSkeleton, Version };
|
|
2850
|
+
//# sourceMappingURL=survey-creator-react.js.map
|