survey-creator-react
Version:
A white-label drag-and-drop form builder for React that lets you design complex, interactive forms and surveys without writing code. It generates JSON schemas used by the SurveyJS Form Library to render dynamic forms in your React app.
355 lines (311 loc) • 18.4 kB
JavaScript
/*!
* SurveyJS Creator Presets React v2.5.4
* (c) 2015-2025 Devsoft Baltic OÜ - http://surveyjs.io/
* Github: https://github.com/surveyjs/survey-creator
* License: https://surveyjs.io/Licenses#SurveyCreator
*/
(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory(require("react"), require("survey-creator-core"), require("survey-react-ui"));
else if(typeof define === 'function' && define.amd)
define("index", ["react", "survey-creator-core", "survey-react-ui"], factory);
else if(typeof exports === 'object')
exports["index"] = factory(require("react"), require("survey-creator-core"), require("survey-react-ui"));
else
root["SurveyCreatorUIPresetEditorReact"] = factory(root["React"], root["SurveyCreatorCore"], root["SurveyReact"]);
})(this, (__WEBPACK_EXTERNAL_MODULE_react__, __WEBPACK_EXTERNAL_MODULE_survey_creator_core__, __WEBPACK_EXTERNAL_MODULE_survey_react_ui__) => {
return /******/ (() => { // webpackBootstrap
/******/ "use strict";
/******/ var __webpack_modules__ = ({
/***/ "./src/entries/helpers.ts":
/*!********************************!*\
!*** ./src/entries/helpers.ts ***!
\********************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ __assign: () => (/* binding */ __assign),
/* harmony export */ __decorate: () => (/* binding */ __decorate),
/* harmony export */ __extends: () => (/* binding */ __extends),
/* harmony export */ __spreadArrays: () => (/* binding */ __spreadArrays)
/* harmony export */ });
var __decorate = function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3
? target
: desc === null
? (desc = Object.getOwnPropertyDescriptor(target, key))
: desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
r = Reflect.decorate(decorators, target, key, desc);
else
for (var i = decorators.length - 1; i >= 0; i--)
if ((d = decorators[i]))
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __assign = Object["assign"] ||
function (target) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s)
if (Object.prototype.hasOwnProperty.call(s, p))
target[p] = s[p];
}
return target;
};
function __extends(thisClass, baseClass) {
for (var p in baseClass)
if (baseClass.hasOwnProperty(p))
thisClass[p] = baseClass[p];
function __() {
this.constructor = thisClass;
}
thisClass.prototype =
baseClass === null
? Object.create(baseClass)
: ((__.prototype = baseClass.prototype), new __());
}
var __spreadArrays = function () {
for (var s = 0, i = 0, il = arguments.length; i < il; i++)
s += arguments[i].length;
for (var r = Array(s), k = 0, i = 0; i < il; i++)
for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
r[k] = a[j];
return r;
};
/***/ }),
/***/ "./src/ui-preset-editor/Presets.tsx":
/*!******************************************!*\
!*** ./src/ui-preset-editor/Presets.tsx ***!
\******************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ TabPresetsComponent: () => (/* binding */ TabPresetsComponent)
/* harmony export */ });
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./src/entries/helpers.ts");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var survey_react_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! survey-react-ui */ "survey-react-ui");
/* harmony import */ var survey_react_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__);
var TabPresetsComponent = /** @class */ (function (_super) {
(0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(TabPresetsComponent, _super);
function TabPresetsComponent() {
return _super !== null && _super.apply(this, arguments) || this;
}
Object.defineProperty(TabPresetsComponent.prototype, "model", {
get: function () {
return this.props.data.model;
},
enumerable: false,
configurable: true
});
Object.defineProperty(TabPresetsComponent.prototype, "creator", {
get: function () {
return this.props.creator;
},
enumerable: false,
configurable: true
});
TabPresetsComponent.prototype.getStateElement = function () {
return this.model;
};
TabPresetsComponent.prototype.renderElement = function () {
var presetsTabClassName = "svc-tab-designer ";
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, null,
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-flex-column" }, this.creator.showToolbox ? survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.createElement("svc-toolbox", { model: this.creator }) : null),
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: presetsTabClassName },
react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.Survey, { model: this.model }))));
};
return TabPresetsComponent;
}(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyElementBase));
survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-tab-presets", function (props) {
return react__WEBPACK_IMPORTED_MODULE_1__.createElement(TabPresetsComponent, props);
});
/***/ }),
/***/ "./src/ui-preset-editor/PresetsIconItem.tsx":
/*!**************************************************!*\
!*** ./src/ui-preset-editor/PresetsIconItem.tsx ***!
\**************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ PresetsIconItem: () => (/* binding */ PresetsIconItem)
/* harmony export */ });
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./src/entries/helpers.ts");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var survey_react_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! survey-react-ui */ "survey-react-ui");
/* harmony import */ var survey_react_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__);
var PresetsIconItem = /** @class */ (function (_super) {
(0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(PresetsIconItem, _super);
function PresetsIconItem(props) {
return _super.call(this, props) || this;
}
PresetsIconItem.prototype.render = function () {
var item = this.props.item;
if (!item)
return null;
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "sps-icon-item", style: { display: "flex" } },
react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { className: "sps-icon-item__icon", size: "auto", iconName: item.value }),
react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "sps-icon-item__text" }, item.title)));
};
return PresetsIconItem;
}(react__WEBPACK_IMPORTED_MODULE_1__.Component));
survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-presets-icon-item", function (props) {
return react__WEBPACK_IMPORTED_MODULE_1__.createElement(PresetsIconItem, props);
});
/***/ }),
/***/ "./src/ui-preset-editor/PresetsPropertyGrid.tsx":
/*!******************************************************!*\
!*** ./src/ui-preset-editor/PresetsPropertyGrid.tsx ***!
\******************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ PresetsPropertyGridWrapper: () => (/* binding */ PresetsPropertyGridWrapper)
/* harmony export */ });
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./src/entries/helpers.ts");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var survey_react_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! survey-react-ui */ "survey-react-ui");
/* harmony import */ var survey_react_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var survey_creator_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! survey-creator-core */ "survey-creator-core");
/* harmony import */ var survey_creator_core__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(survey_creator_core__WEBPACK_IMPORTED_MODULE_3__);
var PresetsPropertyGridWrapper = /** @class */ (function (_super) {
(0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(PresetsPropertyGridWrapper, _super);
function PresetsPropertyGridWrapper(props) {
return _super.call(this, props) || this;
}
PresetsPropertyGridWrapper.prototype.render = function () {
var model = this.props.model;
if (!model)
return null;
return (react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, null,
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "sps-launch" },
react__WEBPACK_IMPORTED_MODULE_1__.createElement("button", { className: "sps-launch__card", onClick: model["showPresets"] },
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "sps-launch__container" },
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "sps-launch__text" }, (0,survey_creator_core__WEBPACK_IMPORTED_MODULE_3__.getLocString)("presets.plugin.buttonTitle")),
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "sps-launch__text2" }, (0,survey_creator_core__WEBPACK_IMPORTED_MODULE_3__.getLocString)("presets.plugin.buttonDescription"))),
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "sps-launch__icon" },
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "sps-launch__chevron-right-16-x-16" },
react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "sps-launch__icon2" },
react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { size: "auto", iconName: "chevrondown-24x24" })))))),
survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.createElement("svc-property-grid", { model: model })));
};
return PresetsPropertyGridWrapper;
}(react__WEBPACK_IMPORTED_MODULE_1__.Component));
survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-presets-property-grid", function (props) {
return react__WEBPACK_IMPORTED_MODULE_1__.createElement(PresetsPropertyGridWrapper, props);
});
/***/ }),
/***/ "react":
/*!**************************************************************************************!*\
!*** external {"root":"React","commonjs2":"react","commonjs":"react","amd":"react"} ***!
\**************************************************************************************/
/***/ ((module) => {
module.exports = __WEBPACK_EXTERNAL_MODULE_react__;
/***/ }),
/***/ "survey-creator-core":
/*!********************************************************************************************************************************************!*\
!*** external {"root":"SurveyCreatorCore","commonjs2":"survey-creator-core","commonjs":"survey-creator-core","amd":"survey-creator-core"} ***!
\********************************************************************************************************************************************/
/***/ ((module) => {
module.exports = __WEBPACK_EXTERNAL_MODULE_survey_creator_core__;
/***/ }),
/***/ "survey-react-ui":
/*!**************************************************************************************************************************!*\
!*** external {"root":"SurveyReact","commonjs2":"survey-react-ui","commonjs":"survey-react-ui","amd":"survey-react-ui"} ***!
\**************************************************************************************************************************/
/***/ ((module) => {
module.exports = __WEBPACK_EXTERNAL_MODULE_survey_react_ui__;
/***/ })
/******/ });
/************************************************************************/
/******/ // The module cache
/******/ var __webpack_module_cache__ = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/ // Check if module is in cache
/******/ var cachedModule = __webpack_module_cache__[moduleId];
/******/ if (cachedModule !== undefined) {
/******/ return cachedModule.exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/************************************************************************/
/******/ /* webpack/runtime/compat get default export */
/******/ (() => {
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = (module) => {
/******/ var getter = module && module.__esModule ?
/******/ () => (module['default']) :
/******/ () => (module);
/******/ __webpack_require__.d(getter, { a: getter });
/******/ return getter;
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/define property getters */
/******/ (() => {
/******/ // define getter functions for harmony exports
/******/ __webpack_require__.d = (exports, definition) => {
/******/ for(var key in definition) {
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ }
/******/ }
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
/******/ })();
/******/
/******/ /* webpack/runtime/make namespace object */
/******/ (() => {
/******/ // define __esModule on exports
/******/ __webpack_require__.r = (exports) => {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/ })();
/******/
/************************************************************************/
var __webpack_exports__ = {};
// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk.
(() => {
/*!********************************!*\
!*** ./src/entries/presets.ts ***!
\********************************/
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ PresetsIconItem: () => (/* reexport safe */ _ui_preset_editor_PresetsIconItem__WEBPACK_IMPORTED_MODULE_2__.PresetsIconItem),
/* harmony export */ PresetsPropertyGridWrapper: () => (/* reexport safe */ _ui_preset_editor_PresetsPropertyGrid__WEBPACK_IMPORTED_MODULE_1__.PresetsPropertyGridWrapper),
/* harmony export */ TabPresetsComponent: () => (/* reexport safe */ _ui_preset_editor_Presets__WEBPACK_IMPORTED_MODULE_0__.TabPresetsComponent)
/* harmony export */ });
/* harmony import */ var _ui_preset_editor_Presets__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../ui-preset-editor/Presets */ "./src/ui-preset-editor/Presets.tsx");
/* harmony import */ var _ui_preset_editor_PresetsPropertyGrid__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../ui-preset-editor/PresetsPropertyGrid */ "./src/ui-preset-editor/PresetsPropertyGrid.tsx");
/* harmony import */ var _ui_preset_editor_PresetsIconItem__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../ui-preset-editor/PresetsIconItem */ "./src/ui-preset-editor/PresetsIconItem.tsx");
})();
/******/ return __webpack_exports__;
/******/ })()
;
});
//# sourceMappingURL=index.js.map