survey-creator-react/ui-preset-editor/index.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.

/*! For license information please see index.min.js.LICENSE.txt */
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("survey-creator-core"),require("survey-react-ui")):"function"==typeof define&&define.amd?define("index",["react","survey-creator-core","survey-react-ui"],t):"object"==typeof exports?exports.index=t(require("react"),require("survey-creator-core"),require("survey-react-ui")):e.SurveyCreatorUIPresetEditorReact=t(e.React,e.SurveyCreatorCore,e.SurveyReact)}(this,(e,t,r)=>(()=>{"use strict";var n={442:t=>{t.exports=e},726:e=>{e.exports=r},982:e=>{e.exports=t}},o={};function c(e){var t=o[e];if(void 0!==t)return t.exports;var r=o[e]={exports:{}};return n[e](r,r.exports,c),r.exports}c.d=(e,t)=>{for(var r in t)c.o(t,r)&&!c.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},c.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),c.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};function s(e,t){for(var r in t)t.hasOwnProperty(r)&&(e[r]=t[r]);function n(){this.constructor=e}e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}c.r(a),c.d(a,{PresetsIconItem:()=>d,PresetsPropertyGridWrapper:()=>m,TabPresetsComponent:()=>u}),Object.assign;var i=c(442),l=c(726),u=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return s(t,e),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 i.createElement(i.Fragment,null,i.createElement("div",{className:"svc-flex-column"},this.creator.showToolbox?l.ReactElementFactory.Instance.createElement("svc-toolbox",{model:this.creator}):null),i.createElement("div",{className:"svc-tab-designer "},i.createElement(l.Survey,{model:this.model})))},t}(l.SurveyElementBase);l.ReactElementFactory.Instance.registerElement("svc-tab-presets",function(e){return i.createElement(u,e)});var p=c(982),m=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?i.createElement(i.Fragment,null,i.createElement("div",{className:"sps-launch"},i.createElement("button",{className:"sps-launch__card",onClick:e.showPresets},i.createElement("div",{className:"sps-launch__container"},i.createElement("div",{className:"sps-launch__text"},(0,p.getLocString)("presets.plugin.buttonTitle")),i.createElement("div",{className:"sps-launch__text2"},(0,p.getLocString)("presets.plugin.buttonDescription"))),i.createElement("div",{className:"sps-launch__icon"},i.createElement("div",{className:"sps-launch__chevron-right-16-x-16"},i.createElement("div",{className:"sps-launch__icon2"},i.createElement(l.SvgIcon,{size:"auto",iconName:"chevrondown-24x24"})))))),l.ReactElementFactory.Instance.createElement("svc-property-grid",{model:e})):null},t}(i.Component);l.ReactElementFactory.Instance.registerElement("svc-presets-property-grid",function(e){return i.createElement(m,e)});var d=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?i.createElement("div",{className:"sps-icon-item",style:{display:"flex"}},i.createElement(l.SvgIcon,{className:"sps-icon-item__icon",size:"auto",iconName:e.value}),i.createElement("span",{className:"sps-icon-item__text"},e.title)):null},t}(i.Component);return l.ReactElementFactory.Instance.registerElement("svc-presets-icon-item",function(e){return i.createElement(d,e)}),a})());