survey-creator-react/ui-preset-editor.min.js

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.

/*!
 * SurveyJS Creator v2.5.27
 * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("survey-react-ui"),require("survey-creator-core")):"function"==typeof define&&define.amd?define(["exports","react","survey-react-ui","survey-creator-core"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).SurveyCreatorUIPresetEditorReact={},e.React,e.SurveyReact,e.SurveyCreatorCore)}(this,function(e,t,r,n){"use strict";function o(e){var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var c=o(t),a=function(e,t){return a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])},a(e,t)};function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}a(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}"function"==typeof SuppressedError&&SuppressedError;var i=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return s(t,e),Object.defineProperty(t.prototype,"navigationBar",{get:function(){return this.props.data.navigationBar},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"model",{get:function(){return this.props.data.model},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"creator",{get:function(){return this.props.creator},enumerable:!1,configurable:!0}),t.prototype.getStateElement=function(){return this.model},t.prototype.renderElement=function(){return c.createElement(c.Fragment,null,c.createElement("div",{className:"svc-flex-column"},this.creator.showToolbox?r.ReactElementFactory.Instance.createElement("svc-toolbox",{model:this.creator}):null),c.createElement("div",{className:"svc-tab-designer svc-tab-designer--presets"},c.createElement(r.Scroll,null,c.createElement(r.SurveyActionBar,{model:this.navigationBar}),c.createElement(r.Survey,{model:this.model}))))},t}(r.SurveyElementBase);r.ReactElementFactory.Instance.registerElement("svc-tab-presets",function(e){return c.createElement(i,e)});var l=function(e){function t(t){return e.call(this,t)||this}return s(t,e),t.prototype.render=function(){var e=this.props.model;return e?c.createElement(c.Fragment,null,c.createElement("div",{className:"sps-launch"},c.createElement("button",{className:"sps-launch__card",onClick:e.showPresets},c.createElement("div",{className:"sps-launch__container"},c.createElement("div",{className:"sps-launch__text"},n.getLocString("presets.plugin.buttonTitle")),c.createElement("div",{className:"sps-launch__text2"},n.getLocString("presets.plugin.buttonDescription"))),c.createElement("div",{className:"sps-launch__icon"},c.createElement("div",{className:"sps-launch__chevron-right-16-x-16"},c.createElement("div",{className:"sps-launch__icon2"},c.createElement(r.SvgIcon,{size:"auto",iconName:"chevrondown-24x24"})))))),r.ReactElementFactory.Instance.createElement("svc-property-grid",{model:e})):null},t}(c.Component);r.ReactElementFactory.Instance.registerElement("svc-presets-property-grid",function(e){return c.createElement(l,e)});var u=function(e){function t(t){return e.call(this,t)||this}return s(t,e),t.prototype.render=function(){var e=this.props.item;return e?c.createElement("div",{className:"sps-icon-item",style:{display:"flex"}},c.createElement(r.SvgIcon,{className:"sps-icon-item__icon",size:"auto",iconName:e.value}),c.createElement("span",{className:"sps-icon-item__text"},e.title)):null},t}(c.Component);r.ReactElementFactory.Instance.registerElement("svc-presets-icon-item",function(e){return c.createElement(u,e)}),e.PresetsIconItem=u,e.PresetsPropertyGridWrapper=l,e.TabPresetsComponent=i});