@buildocsdev/sdk 1.1.25 → 1.1.26
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.
- package/dist/{chunk-RCUSH2R4.js → chunk-BHFH6LYG.js} +1 -1
- package/dist/{chunk-6UJ2LTZJ.js → chunk-RQTAG3OS.js} +1 -1
- package/dist/datatable-ZKC2HMF3.js +1 -0
- package/dist/form.js +1 -1
- package/dist/{formeditor-RTOXUQ4K.js → formeditor-VGVQNVBZ.js} +1 -1
- package/dist/formeditor.js +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/{tabulator-VYG4WA2T.js → tabulator-FIJ5BVQH.js} +1 -1
- package/package.json +1 -1
- package/dist/datatable-ILEPYRB3.js +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {b as b$3,c as c$1}from'./chunk-CFWUMDWI.js';import {a as a$3,b as b$5}from'./chunk-6UJ2LTZJ.js';import {b as b$4,e as e$2}from'./chunk-FRAOYRZD.js';import {a as a$2}from'./chunk-22LEYH6Q.js';import {g,b,H,L,q,h,Q,j,l,n,p,s,u,w,e,B,D as D$1,F,O,I,J,S as S$1,f,T,G as G$1,C,E,P as P$1,i,m as m$1,o as o$1,r as r$1,t,v,R,d,M,c as c$2,N as N$1,K as K$1}from'./chunk-TYVVEP34.js';import {b as b$1}from'./chunk-LBMVBVXW.js';import {o,l as l$1,n as n$2}from'./chunk-AYYTOQGP.js';import {N,D,P,r,n as n$1,I as I$1,f as f$1,H as H$1,j as j$1,h as h$1,J as J$1,L as L$1,K,z,F as F$1,e as e$1,G,u as u$1,v as v$1,k,M as M$1,B as B$1,a as a$4}from'./chunk-AR42AC7J.js';import {a as a$1}from'./chunk-SDIZEEZP.js';import {c,b as b$2}from'./chunk-5TBO732O.js';import ie,{memo,useEffect,useState,useCallback,lazy}from'react';import {withTranslation}from'react-i18next';import Ip from'@mui/material/Tabs';import la from'@mui/material/Tab';import tt from'@mui/material/Box';import fr from'@mui/material/TextField';import Mt from'@mui/material/Typography';import ea from'@mui/material/Divider';import ta from'@mui/material/Paper';import ra from'@mui/material/Button';import vp from'@mui/material/IconButton';import yp from'@mui/material/Checkbox';import oa from'@mui/material/FormControlLabel';import xp from'@mui/material/Switch';import {jsxs,Fragment,jsx}from'react/jsx-runtime';import {nanoid}from'@reduxjs/toolkit';function Lo({containerProps:o,onContainerPropsChange:e,disabled:t=false,onSave:r,onNext:n}){let i=H=>G=>{let U=G.target.value;H==="formCode"&&(U=U.replace(/[^a-z0-9]/gi,"").toUpperCase().slice(0,8)),e(H,U);},d=o.formCode||"",p=o.title||"",u=o.webhooks||[],P=o.useInIframe||false,T=d.trim()==="",s=d.trim().length>0&&d.trim().length<3,v=T||s,R=p.trim()==="",w=!v&&!R,E=10,O=H=>{let G=H.target.checked;e("useInIframe",G),!G&&u.length>0&&e("webhooks",[]);},B=()=>{if(u.length>=E)return;let H=[...u,{url:"",enabled:true}];e("webhooks",H);},z=H=>{let G=u.filter((U,se)=>se!==H);e("webhooks",G);},J=(H,G)=>{let U=[...u];U[H]={...U[H],url:G},e("webhooks",U);},K=(H,G)=>{let U=[...u];U[H]={...U[H],enabled:G},e("webhooks",U);};return jsx(tt,{sx:{height:"100%",overflowY:"auto",display:"flex",justifyContent:"center",alignItems:"flex-start",padding:4},children:jsxs(tt,{sx:{width:"100%",maxWidth:"800px"},children:[jsxs(ta,{elevation:0,sx:{padding:3},children:[jsx(Mt,{variant:"h6",gutterBottom:true,sx:{fontWeight:"bold"},children:"Form Information"}),jsx(ea,{sx:{marginBottom:2}}),jsxs(tt,{sx:{display:"flex",flexDirection:"column",gap:2},children:[jsx(fr,{label:"Form Code",value:d,onChange:i("formCode"),disabled:t,fullWidth:true,size:"small",required:true,error:v,helperText:T?"Form Code is required":s?"Form Code must be at least 3 characters":"Unique identifier for this form (3-8 characters, a-z0-9 only)",inputProps:{maxLength:8}}),jsx(fr,{label:"Title",value:o.title||"",onChange:i("title"),disabled:t,fullWidth:true,size:"small",required:true,error:R,helperText:R?"Title is required":""}),jsx(fr,{label:"Description",value:o.description||"",onChange:i("description"),disabled:t,fullWidth:true,size:"small",multiline:true,rows:4,helperText:"Brief description of the form's purpose"})]})]}),jsxs(ta,{elevation:0,sx:{padding:3,mt:3},children:[jsx(tt,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:2},children:jsx(Mt,{variant:"h6",sx:{fontWeight:"bold"},children:"On Save Webhooks"})}),jsx(tt,{sx:{mb:2},children:jsx(oa,{control:jsx(xp,{checked:P,onChange:O,disabled:t,color:"primary"}),label:jsxs(tt,{children:[jsx(Mt,{variant:"body1",sx:{fontWeight:500},children:"Form will be used in iframe"}),jsx(Mt,{variant:"caption",color:"text.secondary",children:"Enable this to configure webhook endpoints for form submission"})]})})}),P&&jsxs(Fragment,{children:[jsx(ea,{sx:{marginBottom:2}}),jsxs(tt,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:1},children:[jsxs(Mt,{variant:"body2",color:"text.secondary",children:["Configure webhook endpoints to be called when the form is submitted. Up to ",E," webhooks allowed."]}),jsx(ra,{variant:"outlined",size:"small",startIcon:jsx(B$1,{}),onClick:B,disabled:t||u.length>=E,children:"Add Webhook"})]}),u.length===0?jsx(Mt,{variant:"body2",color:"text.secondary",sx:{textAlign:"center",py:2},children:'No webhooks configured. Click "Add Webhook" to add one.'}):jsx(tt,{sx:{display:"flex",flexDirection:"column",gap:2},children:u.map((H,G)=>jsxs(tt,{sx:{display:"flex",alignItems:"center",gap:1,p:1.5,border:"1px solid",borderColor:"divider",borderRadius:1,backgroundColor:H.enabled?"transparent":"action.disabledBackground"},children:[jsx(oa,{control:jsx(yp,{checked:H.enabled,onChange:U=>K(G,U.target.checked),disabled:t,size:"small"}),label:"",sx:{mr:0}}),jsx(fr,{label:`Webhook ${G+1} URL`,value:H.url,onChange:U=>J(G,U.target.value),disabled:t||!H.enabled,fullWidth:true,size:"small",placeholder:"https://example.com/webhook",error:H.enabled&&H.url.trim()!==""&&!H.url.startsWith("http"),helperText:H.enabled&&H.url.trim()!==""&&!H.url.startsWith("http")?"URL must start with http:// or https://":""}),jsx(vp,{onClick:()=>z(G),disabled:t,size:"small",color:"error",title:"Remove webhook",children:jsx(N,{})})]},G))})]})]}),jsx(tt,{sx:{display:"flex",justifyContent:"flex-end",mt:3},children:jsx(ra,{variant:"contained",color:"primary",onClick:n,disabled:t||!w,endIcon:jsx(a$4,{}),children:"Next"})})]})})}var _o=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propvalue:e.propvalue,tabIndex:(t=e.tabIndex)!=null?t:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(e){let t=this.ref.current;t&&this.props.tabIndex===t.tabIndex&&t.focus(),this.state.propvalue!==this.props.propvalue&&this.setState({propvalue:this.props.propvalue});}render(){if(!this.state.isLoaded)return null;let e=this.props.disabled||this.props.readOnly?"propvalue-container disabledElement":"propvalue-container",t=this.props.propname==="name"||this.props.propname==="groupname";return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.props.proptitle})}),jsx("div",{className:e,children:jsx("input",{ref:this.ref,type:"text",name:this.props.propname,defaultValue:this.props.propvalue,disabled:this.props.disabled,readOnly:this.props.readOnly,onChange:t?r=>{let n=r.target.value.toLowerCase().replace(/[^a-z0-9_]/g,"");r.target.value=n;}:void 0,onBlur:r=>{var i;let n=r.target.value.trim();((i=this.state.propvalue)!=null?i:"")!==n&&this.props.propChanged(r,this.props.attr,this.props.propname,n);},tabIndex:this.state.tabIndex})})]})}},S=withTranslation()(_o);var ia=withTranslation()(memo(function(e){var i;let{name:t,value:r,visible:n=true}=(i=e.properties)!=null?i:{};return n?jsx("input",{type:"hidden",name:t,defaultValue:r}):null}));ia.displayName="_Hidden";var aa=ia;function Oo(o){if(typeof o=="boolean")return o;if(typeof o=="number")return o===1;if(typeof o=="string"){let e=o.toLowerCase().trim();return e==="true"?true:e==="false"?false:parseInt(o,10)===1}return false}var Mo=class extends ie.PureComponent{constructor(t){var r,n;super(t);this.handleChange=t=>{let r=t.target.checked;this.state.checked!==r&&this.setState({checked:r},()=>{this.props.propChanged(this.state.checked,this.props.propname);});};this.state={isLoaded:false,proptitle:t.proptitle,propname:t.propname,checked:Oo(t.propvalue),hidelabel:(r=t.hidelabel)!=null?r:false,tabIndex:(n=t.tabIndex)!=null?n:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true,checked:Oo(this.props.propvalue)});}componentDidUpdate(t){let r=this.ref.current;r&&this.props.tabIndex===r.tabIndex&&r.focus(),t.propvalue!==this.props.propvalue&&this.setState({checked:Oo(this.props.propvalue)});}render(){if(this.state.isLoaded===false)return null;let t=this.props.disabled?"propvalue-container disabledElement":"propvalue-container";return jsxs(Fragment,{children:[this.state.hidelabel===false&&jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.proptitle})}),jsxs("div",{className:t,children:[jsx(aa,{properties:{name:this.props.propname}}),jsx("input",{ref:this.ref,type:"checkbox",id:this.props.propname,disabled:this.props.disabled,tabIndex:this.state.tabIndex,name:this.props.propname,checked:this.state.checked,readOnly:false,onChange:this.handleChange})]})]})}},m=withTranslation()(Mo);var qe=class qe{static setProps(e){return qe.ctx=e,qe}static requireCtx(){if(!qe.ctx)throw new Error("PropsCommon.setProps(...) was not called before using a PropsCommon method.");return qe.ctx}static DataSourcePropsChange(e,t){let{selectedWidgetPropsChange:r,selectedWidgetProps:n}=qe.requireCtx();return r(t,e,null,n)}static selectedWidgetPropsChange(e,t,r,n){let{selectedWidgetPropsChange:i,selectedWidgetProps:d}=qe.requireCtx();return i(n,r,t,d)}static selectedDropdownWidgetPropsChange(e,t,r){let{selectedWidgetPropsChange:n,selectedWidgetProps:i}=qe.requireCtx();return n(e,t,r,i)}static selectedCheckboxPropsChange(e,t){let{selectedWidgetPropsChange:r,selectedWidgetProps:n}=qe.requireCtx();return r(!!e,t,null,n)}static selectedColorPropsChange(e,t){let{selectedWidgetPropsChange:r,selectedWidgetProps:n}=qe.requireCtx(),d=e==null||e==="#000000"||e==="#000"||e==="rgb(0, 0, 0)"||e==="rgb(0,0,0)"||typeof e=="string"&&e.toLowerCase()==="black"?void 0:e;return r(d,t,"style",n)}static removeWidgetButtonClick(e){let{removeWidgetButtonClick:t}=qe.requireCtx();return t(e)}};qe.ctx=null;var a=qe;var zo=class extends ie.PureComponent{constructor(t){super(t);this.handleTabChange=(t,r)=>{this.setState({tabValue:r});};this.state={isLoaded:false,tabValue:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var z;if(this.state.isLoaded===false)return null;let{type:t}=((z=this.props.selectedWidgetProps)==null?void 0:z._path)||{};if(t!==g.CONTAINER)return null;let r=(J,K,H)=>this.props.selectedWidgetPropsChange(J.target.value,H,K,this.props.selectedWidgetProps),{title:n,subtitle:i,sourcetable:d,systemform:p,donotsave:u,hideheader:P,skiphandler:T,border:s,headerbackground:v,style:R}=this.props.selectedWidgetProps,{maxWidth:w,minHeight:E}=R!=null?R:{},O=jsxs(Fragment,{children:[jsx(S,{disabled:this.props.disabled,proptitle:"Title",propname:"title",attr:null,propvalue:n,propChanged:r}),jsx(S,{disabled:this.props.disabled,proptitle:"Sub Title",propname:"subtitle",attr:null,propvalue:i,propChanged:r}),jsx(m,{disabled:this.props.disabled,proptitle:"Hide Header",propname:"hideheader",attr:null,propvalue:P,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Border",propname:"border",attr:null,propvalue:s,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Header Background",propname:"headerbackground",attr:null,propvalue:v,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]}),B=jsxs(Fragment,{children:[jsx(S,{disabled:this.props.disabled,proptitle:"Max-width",propname:"maxWidth",attr:"style",propvalue:w,propChanged:r}),jsx(S,{disabled:this.props.disabled,proptitle:"Min-height",propname:"minHeight",attr:"style",propvalue:E,propChanged:r}),this.props.isBuildocsExtendedEditor&&jsx(S,{disabled:this.props.disabled,proptitle:"Source Table",propname:"sourcetable",attr:null,propvalue:d,propChanged:r}),this.props.isBuildocsExtendedEditor&&jsx(m,{disabled:this.props.disabled,proptitle:"Do not Save",propname:"donotsave",attr:null,propvalue:u,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(m,{disabled:this.props.disabled,proptitle:"System Form",propname:"systemform",attr:null,propvalue:p,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(m,{disabled:this.props.disabled,proptitle:"Skip Handler Gen.",propname:"skiphandler",attr:null,propvalue:T,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]});return jsxs(Fragment,{children:[jsx("div",{className:"header",style:{display:"flex",justifyContent:"center",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:jsx("span",{children:"Container Properties"})}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(Ip,{value:this.state.tabValue,onChange:this.handleTabChange,variant:"fullWidth",sx:{minHeight:"32px",backgroundColor:"#fafafa",borderBottom:"1px solid #e0e0e0","& .MuiTab-root":{minHeight:"32px",fontSize:"11px",fontWeight:600,padding:"6px 12px",textTransform:"uppercase",letterSpacing:"0.3px",color:"#666","&.Mui-selected":{color:"#333",backgroundColor:"#ffffff"}},"& .MuiTabs-indicator":{backgroundColor:"#1976d2",height:"2px"}},children:[jsx(la,{label:"Default"}),jsx(la,{label:"Advanced"})]})}),this.state.tabValue===0&&O,this.state.tabValue===1&&B]})}},ca=withTranslation()(zo);function Je(o){return "Minified Redux error #"+o+"; visit https://redux.js.org/Errors?code="+o+" for the full message or use the non-minified dev environment for full errors. "}var ua=(function(){return typeof Symbol=="function"&&Symbol.observable||"@@observable"})(),Ho=function(){return Math.random().toString(36).substring(7).split("").join(".")},ma={INIT:"@@redux/INIT"+Ho(),REPLACE:"@@redux/REPLACE"+Ho()};function Np(o){if(typeof o!="object"||o===null)return false;for(var e=o;Object.getPrototypeOf(e)!==null;)e=Object.getPrototypeOf(e);return Object.getPrototypeOf(o)===e}function Fo(o,e,t){var r;if(typeof e=="function"&&typeof t=="function"||typeof t=="function"&&typeof arguments[3]=="function")throw new Error(Je(0));if(typeof e=="function"&&typeof t=="undefined"&&(t=e,e=void 0),typeof t!="undefined"){if(typeof t!="function")throw new Error(Je(1));return t(Fo)(o,e)}if(typeof o!="function")throw new Error(Je(2));var n=o,i=e,d=[],p=d,u=false;function P(){p===d&&(p=d.slice());}function T(){if(u)throw new Error(Je(3));return i}function s(E){if(typeof E!="function")throw new Error(Je(4));if(u)throw new Error(Je(5));var O=true;return P(),p.push(E),function(){if(O){if(u)throw new Error(Je(6));O=false,P();var z=p.indexOf(E);p.splice(z,1),d=null;}}}function v(E){if(!Np(E))throw new Error(Je(7));if(typeof E.type=="undefined")throw new Error(Je(8));if(u)throw new Error(Je(9));try{u=!0,i=n(i,E);}finally{u=false;}for(var O=d=p,B=0;B<O.length;B++){var z=O[B];z();}return E}function R(E){if(typeof E!="function")throw new Error(Je(10));n=E,v({type:ma.REPLACE});}function w(){var E,O=s;return E={subscribe:function(z){if(typeof z!="object"||z===null)throw new Error(Je(11));function J(){z.next&&z.next(T());}J();var K=O(J);return {unsubscribe:K}}},E[ua]=function(){return this},E}return v({type:ma.INIT}),r={dispatch:v,subscribe:s,getState:T,replaceReducer:R},r[ua]=w,r}function ga(o,e,t){return e.split(".").reduce((r,n)=>r&&r[n]?r[n]:t||null,o)}function ha(o,e){return o.filter(t=>t!==e)}function Cr(o){return typeof o=="object"}function ba(o,e){let t=new Map,r=i=>{t.set(i,t.has(i)?t.get(i)+1:1);};o.forEach(r),e.forEach(r);let n=[];return t.forEach((i,d)=>{i===1&&n.push(d);}),n}function fa(o,e){return o.filter(t=>e.indexOf(t)>-1)}var Bt="dnd-core/INIT_COORDS",lt="dnd-core/BEGIN_DRAG",zt="dnd-core/PUBLISH_DRAG_SOURCE",ct="dnd-core/HOVER",ut="dnd-core/DROP",mt="dnd-core/END_DRAG";function Ao(o,e){return {type:Bt,payload:{sourceClientOffset:e||null,clientOffset:o||null}}}var Lp={type:Bt,payload:{clientOffset:null,sourceClientOffset:null}};function va(o){return function(t=[],r={publishSource:true}){let{publishSource:n=true,clientOffset:i,getSourceClientOffset:d}=r,p=o.getMonitor(),u=o.getRegistry();o.dispatch(Ao(i)),_p(t,p,u);let P=Bp(t,p);if(P==null){o.dispatch(Lp);return}let T=null;if(i){if(!d)throw new Error("getSourceClientOffset must be defined");Op(d),T=d(P);}o.dispatch(Ao(i,T));let v=u.getSource(P).beginDrag(p,P);if(v==null)return;Mp(v),u.pinSource(P);let R=u.getSourceType(P);return {type:lt,payload:{itemType:R,item:v,sourceId:P,clientOffset:i||null,sourceClientOffset:T||null,isSourcePublic:!!n}}}}function _p(o,e,t){c$2(!e.isDragging(),"Cannot call beginDrag while dragging."),o.forEach(function(r){c$2(t.getSource(r),"Expected sourceIds to be registered.");});}function Op(o){c$2(typeof o=="function","When clientOffset is provided, getSourceClientOffset must be a function.");}function Mp(o){c$2(Cr(o),"Item must be an object.");}function Bp(o,e){let t=null;for(let r=o.length-1;r>=0;r--)if(e.canDragSource(o[r])){t=o[r];break}return t}function zp(o,e,t){return e in o?Object.defineProperty(o,e,{value:t,enumerable:true,configurable:true,writable:true}):o[e]=t,o}function Hp(o){for(var e=1;e<arguments.length;e++){var t=arguments[e]!=null?arguments[e]:{},r=Object.keys(t);typeof Object.getOwnPropertySymbols=="function"&&(r=r.concat(Object.getOwnPropertySymbols(t).filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),r.forEach(function(n){zp(o,n,t[n]);});}return o}function ya(o){return function(t={}){let r=o.getMonitor(),n=o.getRegistry();Fp(r),jp(r).forEach((d,p)=>{let u=Ap(d,p,n,r),P={type:ut,payload:{dropResult:Hp({},t,u)}};o.dispatch(P);});}}function Fp(o){c$2(o.isDragging(),"Cannot call drop while not dragging."),c$2(!o.didDrop(),"Cannot call drop twice during one drag operation.");}function Ap(o,e,t,r){let n=t.getTarget(o),i=n?n.drop(r,o):void 0;return Vp(i),typeof i=="undefined"&&(i=e===0?{}:r.getDropResult()),i}function Vp(o){c$2(typeof o=="undefined"||Cr(o),"Drop result must either be an object or undefined.");}function jp(o){let e=o.getTargetIds().filter(o.canDropOnTarget,o);return e.reverse(),e}function xa(o){return function(){let t=o.getMonitor(),r=o.getRegistry();Up(t);let n=t.getSourceId();return n!=null&&(r.getSource(n,true).endDrag(t,n),r.unpinSource()),{type:mt}}}function Up(o){c$2(o.isDragging(),"Cannot call endDrag while not dragging.");}function Kt(o,e){return e===null?o===null:Array.isArray(o)?o.some(t=>t===e):o===e}function Ca(o){return function(t,{clientOffset:r}={}){qp(t);let n=t.slice(0),i=o.getMonitor(),d=o.getRegistry(),p=i.getItemType();return $p(n,d,p),Gp(n,i,d),Xp(n,i,d),{type:ct,payload:{targetIds:n,clientOffset:r||null}}}}function qp(o){c$2(Array.isArray(o),"Expected targetIds to be an array.");}function Gp(o,e,t){c$2(e.isDragging(),"Cannot call hover while not dragging."),c$2(!e.didDrop(),"Cannot call hover after drop.");for(let r=0;r<o.length;r++){let n=o[r];c$2(o.lastIndexOf(n)===r,"Expected targetIds to be unique in the passed array.");let i=t.getTarget(n);c$2(i,"Expected targetIds to be registered.");}}function $p(o,e,t){for(let r=o.length-1;r>=0;r--){let n=o[r],i=e.getTargetType(n);Kt(i,t)||o.splice(r,1);}}function Xp(o,e,t){o.forEach(function(r){t.getTarget(r).hover(e,r);});}function wa(o){return function(){if(o.getMonitor().isDragging())return {type:zt}}}function Pa(o){return {beginDrag:va(o),publishDragSource:wa(o),hover:Ca(o),drop:ya(o),endDrag:xa(o)}}var wr=class{receiveBackend(e){this.backend=e;}getMonitor(){return this.monitor}getBackend(){return this.backend}getRegistry(){return this.monitor.registry}getActions(){let e=this,{dispatch:t}=this.store;function r(i){return (...d)=>{let p=i.apply(e,d);typeof p!="undefined"&&t(p);}}let n=Pa(this);return Object.keys(n).reduce((i,d)=>{let p=n[d];return i[d]=r(p),i},{})}dispatch(e){this.store.dispatch(e);}constructor(e,t){this.isSetUp=false,this.handleRefCountChange=()=>{let r=this.store.getState().refCount>0;this.backend&&(r&&!this.isSetUp?(this.backend.setup(),this.isSetUp=true):!r&&this.isSetUp&&(this.backend.teardown(),this.isSetUp=false));},this.store=e,this.monitor=t,e.subscribe(this.handleRefCountChange);}};function Yp(o,e){return {x:o.x+e.x,y:o.y+e.y}}function Ta(o,e){return {x:o.x-e.x,y:o.y-e.y}}function Sa(o){let{clientOffset:e,initialClientOffset:t,initialSourceClientOffset:r}=o;return !e||!t||!r?null:Ta(Yp(e,r),t)}function ka(o){let{clientOffset:e,initialClientOffset:t}=o;return !e||!t?null:Ta(e,t)}var Ht=[],Pr=[];Ht.__IS_NONE__=true;Pr.__IS_ALL__=true;function Ea(o,e){return o===Ht?false:o===Pr||typeof e=="undefined"?true:fa(e,o).length>0}var Tr=class{subscribeToStateChange(e,t={}){let{handlerIds:r}=t;c$2(typeof e=="function","listener must be a function."),c$2(typeof r=="undefined"||Array.isArray(r),"handlerIds, when specified, must be an array of strings.");let n=this.store.getState().stateId,i=()=>{let d=this.store.getState(),p=d.stateId;try{p===n||p===n+1&&!Ea(d.dirtyHandlerIds,r)||e();}finally{n=p;}};return this.store.subscribe(i)}subscribeToOffsetChange(e){c$2(typeof e=="function","listener must be a function.");let t=this.store.getState().dragOffset,r=()=>{let n=this.store.getState().dragOffset;n!==t&&(t=n,e());};return this.store.subscribe(r)}canDragSource(e){if(!e)return false;let t=this.registry.getSource(e);return c$2(t,`Expected to find a valid source. sourceId=${e}`),this.isDragging()?false:t.canDrag(this,e)}canDropOnTarget(e){if(!e)return false;let t=this.registry.getTarget(e);if(c$2(t,`Expected to find a valid target. targetId=${e}`),!this.isDragging()||this.didDrop())return false;let r=this.registry.getTargetType(e),n=this.getItemType();return Kt(r,n)&&t.canDrop(this,e)}isDragging(){return !!this.getItemType()}isDraggingSource(e){if(!e)return false;let t=this.registry.getSource(e,true);if(c$2(t,`Expected to find a valid source. sourceId=${e}`),!this.isDragging()||!this.isSourcePublic())return false;let r=this.registry.getSourceType(e),n=this.getItemType();return r!==n?false:t.isDragging(this,e)}isOverTarget(e,t={shallow:false}){if(!e)return false;let{shallow:r}=t;if(!this.isDragging())return false;let n=this.registry.getTargetType(e),i=this.getItemType();if(i&&!Kt(n,i))return false;let d=this.getTargetIds();if(!d.length)return false;let p=d.indexOf(e);return r?p===d.length-1:p>-1}getItemType(){return this.store.getState().dragOperation.itemType}getItem(){return this.store.getState().dragOperation.item}getSourceId(){return this.store.getState().dragOperation.sourceId}getTargetIds(){return this.store.getState().dragOperation.targetIds}getDropResult(){return this.store.getState().dragOperation.dropResult}didDrop(){return this.store.getState().dragOperation.didDrop}isSourcePublic(){return !!this.store.getState().dragOperation.isSourcePublic}getInitialClientOffset(){return this.store.getState().dragOffset.initialClientOffset}getInitialSourceClientOffset(){return this.store.getState().dragOffset.initialSourceClientOffset}getClientOffset(){return this.store.getState().dragOffset.clientOffset}getSourceClientOffset(){return Sa(this.store.getState().dragOffset)}getDifferenceFromInitialOffset(){return ka(this.store.getState().dragOffset)}constructor(e,t){this.store=e,this.registry=t;}};var Wa=typeof global!="undefined"?global:self,Da=Wa.MutationObserver||Wa.WebKitMutationObserver;function Vo(o){return function(){let t=setTimeout(n,0),r=setInterval(n,50);function n(){clearTimeout(t),clearInterval(r),o();}}}function Jp(o){let e=1,t=new Da(o),r=document.createTextNode("");return t.observe(r,{characterData:true}),function(){e=-e,r.data=e;}}var Ra=typeof Da=="function"?Jp:Vo;var Sr=class{enqueueTask(e){let{queue:t,requestFlush:r}=this;t.length||(r(),this.flushing=true),t[t.length]=e;}constructor(){this.queue=[],this.pendingErrors=[],this.flushing=false,this.index=0,this.capacity=1024,this.flush=()=>{let{queue:e}=this;for(;this.index<e.length;){let t=this.index;if(this.index++,e[t].call(),this.index>this.capacity){for(let r=0,n=e.length-this.index;r<n;r++)e[r]=e[r+this.index];e.length-=this.index,this.index=0;}}e.length=0,this.index=0,this.flushing=false;},this.registerPendingError=e=>{this.pendingErrors.push(e),this.requestErrorThrow();},this.requestFlush=Ra(this.flush),this.requestErrorThrow=Vo(()=>{if(this.pendingErrors.length)throw this.pendingErrors.shift()});}};var kr=class{call(){try{this.task&&this.task();}catch(e){this.onError(e);}finally{this.task=null,this.release(this);}}constructor(e,t){this.onError=e,this.release=t,this.task=null;}};var Er=class{create(e){let t=this.freeTasks,r=t.length?t.pop():new kr(this.onError,n=>t[t.length]=n);return r.task=e,r}constructor(e){this.onError=e,this.freeTasks=[];}};var Ia=new Sr,Kp=new Er(Ia.registerPendingError);function Na(o){Ia.enqueueTask(Kp.create(o));}var Qt="dnd-core/ADD_SOURCE",Zt="dnd-core/ADD_TARGET",er="dnd-core/REMOVE_SOURCE",Ct="dnd-core/REMOVE_TARGET";function La(o){return {type:Qt,payload:{sourceId:o}}}function _a(o){return {type:Zt,payload:{targetId:o}}}function Oa(o){return {type:er,payload:{sourceId:o}}}function Ma(o){return {type:Ct,payload:{targetId:o}}}function Ba(o){c$2(typeof o.canDrag=="function","Expected canDrag to be a function."),c$2(typeof o.beginDrag=="function","Expected beginDrag to be a function."),c$2(typeof o.endDrag=="function","Expected endDrag to be a function.");}function za(o){c$2(typeof o.canDrop=="function","Expected canDrop to be a function."),c$2(typeof o.hover=="function","Expected hover to be a function."),c$2(typeof o.drop=="function","Expected beginDrag to be a function.");}function Wr(o,e){if(e&&Array.isArray(o)){o.forEach(t=>Wr(t,false));return}c$2(typeof o=="string"||typeof o=="symbol",e?"Type can only be a string, a symbol, or an array of either.":"Type can only be a string or a symbol.");}var Ge;(function(o){o.SOURCE="SOURCE",o.TARGET="TARGET";})(Ge||(Ge={}));var Qp=0;function Ha(){return Qp++}function Zp(o){let e=Ha().toString();switch(o){case Ge.SOURCE:return `S${e}`;case Ge.TARGET:return `T${e}`;default:throw new Error(`Unknown Handler Role: ${o}`)}}function Fa(o){switch(o[0]){case "S":return Ge.SOURCE;case "T":return Ge.TARGET;default:throw new Error(`Cannot parse handler ID: ${o}`)}}function Aa(o,e){let t=o.entries(),r=false;do{let{done:n,value:[,i]}=t.next();if(i===e)return true;r=!!n;}while(!r);return false}var Dr=class{addSource(e,t){Wr(e),Ba(t);let r=this.addHandler(Ge.SOURCE,e,t);return this.store.dispatch(La(r)),r}addTarget(e,t){Wr(e,true),za(t);let r=this.addHandler(Ge.TARGET,e,t);return this.store.dispatch(_a(r)),r}containsHandler(e){return Aa(this.dragSources,e)||Aa(this.dropTargets,e)}getSource(e,t=false){return c$2(this.isSourceId(e),"Expected a valid source ID."),t&&e===this.pinnedSourceId?this.pinnedSource:this.dragSources.get(e)}getTarget(e){return c$2(this.isTargetId(e),"Expected a valid target ID."),this.dropTargets.get(e)}getSourceType(e){return c$2(this.isSourceId(e),"Expected a valid source ID."),this.types.get(e)}getTargetType(e){return c$2(this.isTargetId(e),"Expected a valid target ID."),this.types.get(e)}isSourceId(e){return Fa(e)===Ge.SOURCE}isTargetId(e){return Fa(e)===Ge.TARGET}removeSource(e){c$2(this.getSource(e),"Expected an existing source."),this.store.dispatch(Oa(e)),Na(()=>{this.dragSources.delete(e),this.types.delete(e);});}removeTarget(e){c$2(this.getTarget(e),"Expected an existing target."),this.store.dispatch(Ma(e)),this.dropTargets.delete(e),this.types.delete(e);}pinSource(e){let t=this.getSource(e);c$2(t,"Expected an existing source."),this.pinnedSourceId=e,this.pinnedSource=t;}unpinSource(){c$2(this.pinnedSource,"No source is pinned at the time."),this.pinnedSourceId=null,this.pinnedSource=null;}addHandler(e,t,r){let n=Zp(e);return this.types.set(n,t),e===Ge.SOURCE?this.dragSources.set(n,r):e===Ge.TARGET&&this.dropTargets.set(n,r),n}constructor(e){this.types=new Map,this.dragSources=new Map,this.dropTargets=new Map,this.pinnedSourceId=null,this.pinnedSource=null,this.store=e;}};var el=(o,e)=>o===e;function Va(o,e){return !o&&!e?true:!o||!e?false:o.x===e.x&&o.y===e.y}function ja(o,e,t=el){if(o.length!==e.length)return false;for(let r=0;r<o.length;++r)if(!t(o[r],e[r]))return false;return true}function Ua(o=Ht,e){switch(e.type){case ct:break;case Qt:case Zt:case Ct:case er:return Ht;case lt:case zt:case mt:case ut:default:return Pr}let{targetIds:t=[],prevTargetIds:r=[]}=e.payload,n=ba(t,r);if(!(n.length>0||!ja(t,r)))return Ht;let d=r[r.length-1],p=t[t.length-1];return d!==p&&(d&&n.push(d),p&&n.push(p)),n}function tl(o,e,t){return e in o?Object.defineProperty(o,e,{value:t,enumerable:true,configurable:true,writable:true}):o[e]=t,o}function rl(o){for(var e=1;e<arguments.length;e++){var t=arguments[e]!=null?arguments[e]:{},r=Object.keys(t);typeof Object.getOwnPropertySymbols=="function"&&(r=r.concat(Object.getOwnPropertySymbols(t).filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),r.forEach(function(n){tl(o,n,t[n]);});}return o}var qa={initialSourceClientOffset:null,initialClientOffset:null,clientOffset:null};function Ga(o=qa,e){let{payload:t}=e;switch(e.type){case Bt:case lt:return {initialSourceClientOffset:t.sourceClientOffset,initialClientOffset:t.clientOffset,clientOffset:t.clientOffset};case ct:return Va(o.clientOffset,t.clientOffset)?o:rl({},o,{clientOffset:t.clientOffset});case mt:case ut:return qa;default:return o}}function ol(o,e,t){return e in o?Object.defineProperty(o,e,{value:t,enumerable:true,configurable:true,writable:true}):o[e]=t,o}function Ft(o){for(var e=1;e<arguments.length;e++){var t=arguments[e]!=null?arguments[e]:{},r=Object.keys(t);typeof Object.getOwnPropertySymbols=="function"&&(r=r.concat(Object.getOwnPropertySymbols(t).filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),r.forEach(function(n){ol(o,n,t[n]);});}return o}var nl={itemType:null,item:null,sourceId:null,targetIds:[],dropResult:null,didDrop:false,isSourcePublic:null};function $a(o=nl,e){let{payload:t}=e;switch(e.type){case lt:return Ft({},o,{itemType:t.itemType,item:t.item,sourceId:t.sourceId,isSourcePublic:t.isSourcePublic,dropResult:null,didDrop:false});case zt:return Ft({},o,{isSourcePublic:true});case ct:return Ft({},o,{targetIds:t.targetIds});case Ct:return o.targetIds.indexOf(t.targetId)===-1?o:Ft({},o,{targetIds:ha(o.targetIds,t.targetId)});case ut:return Ft({},o,{dropResult:t.dropResult,didDrop:true,targetIds:[]});case mt:return Ft({},o,{itemType:null,item:null,sourceId:null,dropResult:null,didDrop:false,isSourcePublic:null,targetIds:[]});default:return o}}function Xa(o=0,e){switch(e.type){case Qt:case Zt:return o+1;case er:case Ct:return o-1;default:return o}}function Ya(o=0){return o+1}function il(o,e,t){return e in o?Object.defineProperty(o,e,{value:t,enumerable:true,configurable:true,writable:true}):o[e]=t,o}function al(o){for(var e=1;e<arguments.length;e++){var t=arguments[e]!=null?arguments[e]:{},r=Object.keys(t);typeof Object.getOwnPropertySymbols=="function"&&(r=r.concat(Object.getOwnPropertySymbols(t).filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),r.forEach(function(n){il(o,n,t[n]);});}return o}function Ja(o={},e){return {dirtyHandlerIds:Ua(o.dirtyHandlerIds,{type:e.type,payload:al({},e.payload,{prevTargetIds:ga(o,"dragOperation.targetIds",[])})}),dragOffset:Ga(o.dragOffset,e),refCount:Xa(o.refCount,e),dragOperation:$a(o.dragOperation,e),stateId:Ya(o.stateId)}}function Ka(o,e=void 0,t={},r=false){let n=sl(r),i=new Tr(n,new Dr(n)),d=new wr(n,i),p=o(d,e,t);return d.receiveBackend(p),d}function sl(o){let e=typeof window!="undefined"&&window.__REDUX_DEVTOOLS_EXTENSION__;return Fo(Ja,o&&e&&e({name:"dnd-core",instanceId:"dnd-core"}))}function dl(o,e){if(o==null)return {};var t=pl(o,e),r,n;if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);for(n=0;n<i.length;n++)r=i[n],!(e.indexOf(r)>=0)&&Object.prototype.propertyIsEnumerable.call(o,r)&&(t[r]=o[r]);}return t}function pl(o,e){if(o==null)return {};var t={},r=Object.keys(o),n,i;for(i=0;i<r.length;i++)n=r[i],!(e.indexOf(n)>=0)&&(t[n]=o[n]);return t}var Qa=0,Rr=Symbol.for("__REACT_DND_CONTEXT_INSTANCE__"),Za=memo(function(e){var{children:t}=e,r=dl(e,["children"]);let[n,i]=ml(r);return useEffect(()=>{if(i){let d=es();return ++Qa,()=>{--Qa===0&&(d[Rr]=null);}}},[]),jsx(b.Provider,{value:n,children:t})});function ml(o){if("manager"in o)return [{dragDropManager:o.manager},false];let e=gl(o.backend,o.context,o.options,o.debugMode),t=!o.context;return [e,t]}function gl(o,e=es(),t,r){let n=e;return n[Rr]||(n[Rr]={dragDropManager:Ka(o,e,t,r)}),n[Rr]}function es(){return typeof global!="undefined"?global:window}var jo=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var i;if(this.state.isLoaded===false)return null;let{component:e,rowId:t}=((i=this.props.selectedWidgetProps)==null?void 0:i._path)||{};if(e===void 0||e!==H)return null;let r=(d,p,u)=>this.props.selectedWidgetPropsChange(d.target.value,u,p,this.props.selectedWidgetProps),{columns:n}=this.props.selectedWidgetProps;return jsxs(Fragment,{children:[jsxs("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:[jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"Row Properties"}),!this.props.disabled&&jsx("div",{className:"removeWidgetButtonHolder",style:{position:"relative"},children:jsx(N,{className:"removeWidgetButton","aria-hidden":"true",title:"Remove Row",onClick:()=>a.setProps(this.props).removeWidgetButtonClick(t)})})]}),jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"ID"})}),jsx("div",{className:"propvalue-container",children:jsx("span",{className:"elwrapper",style:{fontSize:"9px",lineHeight:"20px"},children:t})}),jsx(S,{disabled:this.props.disabled,proptitle:"Segment count",propname:"columns",attr:null,propvalue:n,propChanged:r})]})}},os=withTranslation()(jo);var Uo=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){if(!this.state.isLoaded)return null;let e=this.props.disabled?"propvalue-container disabledElement":"propvalue-container";return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.props.proptitle})}),jsx("div",{className:e,ref:this.ref,children:jsx("span",{className:"elwrapper",style:this.props.style,children:this.props.propvalue})})]})}},Nr=withTranslation()(Uo);var qo=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var d,p;if(!this.state.isLoaded)return null;let{component:e,segmentId:t}=((d=this.props.selectedWidgetProps)==null?void 0:d._path)||{};if(e===void 0||e!==L)return null;let r=(u,P,T)=>this.props.selectedWidgetPropsChange(u.target.value,T,P,this.props.selectedWidgetProps),{flexGrow:n,minWidth:i}=(p=this.props.selectedWidgetProps.style)!=null?p:{};return jsxs(Fragment,{children:[jsx("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"Row Segment Properties"})}),jsx(Nr,{disabled:this.props.disabled,proptitle:"ID",propvalue:t,style:{fontSize:"9px",lineHeight:"20px"}}),jsx(S,{disabled:this.props.disabled,proptitle:"Flex-grow",propname:"flexGrow",attr:"style",propvalue:n,propChanged:r}),jsx(S,{disabled:this.props.disabled,proptitle:"Min-width",propname:"minWidth",attr:"style",propvalue:i,propChanged:r})]})}},as=withTranslation()(qo);var Go=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"fontWeight",propvalue:e.propvalue},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,"style");return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Font-weight"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,sort:"keydesc",options:{normal:"Normal",bold:"Bold",100:"100",200:"200",300:"300",400:"400",500:"500",600:"600",700:"700",800:"800",900:"900"}})})]})}},Pe=withTranslation()(Go);var $o=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"fontSize",propvalue:e.propvalue,defaultValue:(r=e.defaultValue)!=null?r:"15px"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var r;if(!this.state.isLoaded)return null;let e=(n,i)=>this.props.propChanged(i,n,"style"),t={};for(let n=10;n<=60;n++){let i=`${n}px`;t[i]=i;}return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Font-size"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,defaultValue:this.state.defaultValue,propChanged:e,propname:this.state.propname,propvalue:(r=this.props.propvalue)!=null?r:this.state.propvalue,hidelabel:true,sort:"alpha",options:t})})]})}},Te=withTranslation()($o);var Rl=ie.lazy(()=>new Function('return import("react-color")')().then(o=>({default:o.SketchPicker})).catch(()=>({default:(()=>null)}))),Yo=class extends ie.PureComponent{constructor(t){super(t);this.handleChange=t=>{t.hex&&this.props.propChanged(t.hex,this.props.propname);};this.handleReset=()=>{this.props.propChanged(void 0,this.props.propname),this.setState({propvalue:"#000000"});};this.state={isLoaded:false,propvalue:t.propvalue||"#000000"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(t){this.props.propvalue&&this.props.propvalue!==t.propvalue&&this.state.propvalue!==this.props.propvalue&&this.setState({propvalue:this.props.propvalue});}render(){if(!this.state.isLoaded)return null;let t={width:"1.55em",height:"1.6em",margin:"6px 6px 6px",borderRadius:"4px",backgroundColor:this.state.propvalue},r=this.props.disabled?"propvalue-container disabledElement":"propvalue-container";return jsxs(Fragment,{children:[jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[jsx("span",{className:"elwrapper caption",children:this.props.proptitle}),!this.props.disabled&&jsx(D,{style:{cursor:"pointer",fontSize:"12px",marginRight:"6px",color:"#666",opacity:.7},title:"Reset color",onClick:this.handleReset})]}),jsx("div",{className:r,ref:this.ref,children:this.props.disabled?jsxs("div",{style:{display:"flex",alignItems:"center"},children:[jsx("div",{style:t}),jsx("span",{style:{lineHeight:"2em",fontStyle:"normal"},children:this.state.propvalue.toUpperCase()})]}):jsx(ie.Suspense,{fallback:null,children:jsx(Rl,{color:this.state.propvalue,onChange:this.handleChange,disableAlpha:true})})})]})}},it=withTranslation()(Yo);var Jo=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"variant",propvalue:e.propvalue,options:(r=e.options)!=null?r:{standard:"Standard",outlined:"Outlined",filled:"Filled"}},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Variant"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,sort:"keydesc",options:this.state.options})})]})}},ht=withTranslation()(Jo);var Ko=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"buttontype",propvalue:e.propvalue,options:(r=e.options)!=null?r:{none:h.NONE,cancel:h.CANCEL,custom:h.CUSTOM,print:h.PRINT,save:h.SAVE}},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Button Type"})}),jsx("div",{className:"propvalue-container",children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,options:this.state.options})})]})}},cs=withTranslation()(Ko);var Qo=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"colorSchema",propvalue:e.propvalue,defaultValue:(r=e.defaultValue)!=null?r:""},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var r;if(!this.state.isLoaded)return null;let e=(n,i)=>this.props.propChanged(i,n,null),t={"":"",primary:"Primary",actionbtnok:"Action Button (Positive)",regularbtn:"Action Button (Neutral)"};return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Color Schema"})}),jsx("div",{className:"propvalue-container",children:jsx(q,{...this.props,defaultValue:this.state.defaultValue,propChanged:e,propname:this.state.propname,propvalue:(r=this.props.propvalue)!=null?r:this.state.propvalue,hidelabel:true,options:t})})]})}},ms=withTranslation()(Qo);var en=class extends ie.PureComponent{constructor(t){super(t);this.handleTabChange=(t,r)=>{this.setState({tabValue:r});};this.state={isLoaded:false,tabValue:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var E,O;if(this.state.isLoaded===false)return null;let{component:t,widgetId:r}=((E=this.props.selectedWidgetProps)==null?void 0:E._path)||{};if(t===void 0||t!==Q)return null;let{title:n,buttontype:i,fullWidth:d,name:p,variant:u,colorSchema:P,visible:T,style:s}=this.props.selectedWidgetProps,v=(O=s==null?void 0:s.backgroundColor)!=null?O:"primary.main";P&&(v=`${P.toLowerCase()}.main`);let R=jsxs(Fragment,{children:[jsx(cs,{attr:null,disabled:this.props.disabled,defaultValue:h.NONE.toLowerCase(),propvalue:i,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Caption",propname:"title",attr:null,propvalue:n,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:p,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(ms,{disabled:this.props.disabled,propvalue:P,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(it,{disabled:this.props.disabled,proptitle:"Color",propname:"backgroundColor",propvalue:v,propChanged:a.setProps(this.props).selectedColorPropsChange}),jsx(ht,{attr:null,disabled:this.props.disabled,defaultValue:"outlined",options:{contained:"Contained",outlined:"Outlined",text:"Text"},propvalue:u,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Full Width",propname:"fullWidth",propvalue:d,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:T,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]}),w=jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"ID"})}),jsx("div",{className:"propvalue-container",children:jsx("span",{className:"elwrapper",style:{fontSize:"9px",lineHeight:"20px"},children:r})}),jsx(Te,{disabled:this.props.disabled,propvalue:s==null?void 0:s.fontSize,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Pe,{disabled:this.props.disabled,defaultValue:"normal",propvalue:s==null?void 0:s.fontWeight,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange})]});return jsxs(Fragment,{children:[jsxs("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:[jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"Button Properties"}),!this.props.disabled&&jsx("div",{className:"removeWidgetButtonHolder",style:{position:"relative"},children:jsx(N,{className:"removeWidgetButton","aria-hidden":"true",title:"Remove Widget",onClick:()=>a.setProps(this.props).removeWidgetButtonClick(r)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(Ip,{value:this.state.tabValue,onChange:this.handleTabChange,variant:"fullWidth",sx:{minHeight:"32px",backgroundColor:"#fafafa",borderBottom:"1px solid #e0e0e0","& .MuiTab-root":{minHeight:"32px",fontSize:"11px",fontWeight:600,padding:"6px 12px",textTransform:"uppercase",letterSpacing:"0.3px",color:"#666","&.Mui-selected":{color:"#333",backgroundColor:"#ffffff"}},"& .MuiTabs-indicator":{backgroundColor:"#1976d2",height:"2px"}},children:[jsx(la,{label:"Default"}),jsx(la,{label:"Advanced"})]})}),this.state.tabValue===0&&R,this.state.tabValue===1&&w]})}},bs=withTranslation()(en);var tn=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:e.propname,propvalue:e.propvalue,title:(t=e.title)!=null?t:"Text Align"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t,r;if(!this.state.isLoaded)return null;let e=(n,i)=>this.props.propChanged(i,n,"style");return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.title})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:(t=this.state.propname)!=null?t:"textAlign",propvalue:(r=this.props.propvalue)!=null?r:this.state.propvalue,hidelabel:true,options:{left:"Left",center:"Center",right:"Right"}})})]})}},Ne=withTranslation()(tn);var rn=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"verticalalign",propvalue:e.propvalue},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Vertical-align"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,options:{middle:"Middle",bottom:"Bottom"}})})]})}},Ar=withTranslation()(rn);var nn=class extends ie.PureComponent{constructor(t){super(t);this.handleTabChange=(t,r)=>{this.setState({tabValue:r});};this.state={isLoaded:false,tabValue:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var B;if(this.state.isLoaded===false)return null;let{type:t,component:r,rowId:n,segmentId:i,widgetId:d}=((B=this.props.selectedWidgetProps)==null?void 0:B._path)||{};if(r===void 0||r!==j)return null;let{title:p,name:u,verticalalign:P,visible:T,style:{textAlign:s,fontSize:v,fontWeight:R,color:w}}=this.props.selectedWidgetProps,E=jsxs(Fragment,{children:[jsx(S,{disabled:this.props.disabled,proptitle:"Caption",propname:"title",attr:null,propvalue:p,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:u,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(Ne,{disabled:this.props.disabled,defaultValue:"left",propvalue:s,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:T,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]}),O=jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"ID"})}),jsx("div",{className:"propvalue-container",children:jsx("span",{className:"elwrapper",style:{fontSize:"9px",lineHeight:"20px"},children:d})}),jsx(it,{disabled:this.props.disabled,proptitle:"Color",propname:"color",propvalue:w,propChanged:a.setProps(this.props).selectedColorPropsChange}),jsx(Te,{disabled:this.props.disabled,propvalue:v,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Pe,{disabled:this.props.disabled,defaultValue:"normal",propvalue:R,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Ar,{disabled:this.props.disabled,defaultValue:"middle",propvalue:P,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange})]});return jsxs(Fragment,{children:[jsxs("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:[jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"Label Properties"}),!this.props.disabled&&jsx("div",{className:"removeWidgetButtonHolder",style:{position:"relative"},children:jsx(N,{className:"removeWidgetButton","aria-hidden":"true",title:"Remove Widget",onClick:()=>a.setProps(this.props).removeWidgetButtonClick(d)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(Ip,{value:this.state.tabValue,onChange:this.handleTabChange,variant:"fullWidth",sx:{minHeight:"32px",backgroundColor:"#fafafa",borderBottom:"1px solid #e0e0e0","& .MuiTab-root":{minHeight:"32px",fontSize:"11px",fontWeight:600,padding:"6px 12px",textTransform:"uppercase",letterSpacing:"0.3px",color:"#666","&.Mui-selected":{color:"#333",backgroundColor:"#ffffff"}},"& .MuiTabs-indicator":{backgroundColor:"#1976d2",height:"2px"}},children:[jsx(la,{label:"Default"}),jsx(la,{label:"Advanced"})]})}),this.state.tabValue===0&&E,this.state.tabValue===1&&O]})}},Cs=withTranslation()(nn);var an=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:e.propname,propvalue:e.propvalue,tabIndex:(t=e.tabIndex)!=null?t:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(this.state.isLoaded===false)return null;let e=this.props.disabled?"propvalue-container disabledElement":"propvalue-container";return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Format"})}),jsx("div",{className:e,children:jsx("input",{ref:this.ref,type:"text",name:this.props.propname,defaultValue:(t=this.state.propvalue)!=null?t:"",disabled:this.props.disabled,onBlur:r=>{var i;let n=r.target.value.trim();((i=this.state.propvalue)!=null?i:"")!==n&&this.props.propChanged(r,this.props.attr,this.props.propname,n);},tabIndex:this.state.tabIndex})})]})}},Ps=withTranslation()(an);var sn=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false,propname:e.propname,propvalue:e.propvalue,inputtype:e.inputtype};}componentDidMount(){this.setState({isLoaded:true});}render(){if(!this.state.isLoaded)return null;let e={input:"Input",inputwcopy:"Input/Copy Btn",date:"Date",time:"Time",datetime:"Date/Time",phone:"Phone",currency:"Currency",password:"Password"};return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Input Type"})}),jsx("div",{className:"propvalue-container",children:jsx(q,{propname:"inputtype",disabled:this.props.disabled,defaultValue:this.props.inputtype||"input",propChanged:(t,r)=>this.props.selectedDropdownWidgetPropsChange(r,t,null),hidelabel:true,sort:"alpha",options:e})})]})}},Ts=withTranslation()(sn);var dn=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false,propname:e.propname,propvalue:e.propvalue},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(){}render(){if(!this.state.isLoaded)return null;let e=(t,r)=>this.props.propChanged(r,t,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Default value"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:"defaultvalue",propvalue:this.props.propvalue,hidelabel:true,options:{"":"",today:"Today"}})})]})}},ks=withTranslation()(dn);var pn=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false,propname:e.propname,propvalue:e.propvalue},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(){}render(){if(!this.state.isLoaded)return null;let e=(t,r)=>this.props.propChanged(r,t,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Default value"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:"defaultvalue",propvalue:this.props.propvalue,hidelabel:true,options:{"":"","start of day":"start of day",now:"now"}})})]})}},Ws=withTranslation()(pn);var ln=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"size",propvalue:e.propvalue},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Size"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,sort:"keydesc",options:{small:"Small",medium:"Medium"}})})]})}},At=withTranslation()(ln);var cn=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"reservedname",propvalue:e.propvalue,options:(r=e.options)!=null?r:{_cby:"_cby (Created By)",_cdt:"_cdt (Created Date)",_desc:"_desc (Description)",_fcode:"_fcode (Form Code)",_mby:"_mby (Modified By)",_mdt:"_mdt (Modified Date)",_custom:"Custom"}},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Name"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,sort:"alpha",options:this.state.options})})]})}},Is=withTranslation()(cn);var un=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"reservedregex",propvalue:e.propvalue,options:(r=e.options)!=null?r:{_codeInput:"A-Z Characters Only",_numbersOnly:"Numbers Only",_noSymbol:"Characters & Numbers",_custom:"Custom RegEx"}},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Allowed Input"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,options:this.state.options})})]})}},Ls=withTranslation()(un);var mn=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"currency_format",propvalue:e.propvalue,defaultValue:(r=e.defaultValue)!=null?r:"en-US"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var r;if(!this.state.isLoaded)return null;let e=(n,i)=>this.props.propChanged(i,n,null),t={"":"Don't display",locale:"Current Locale","fixed-locale":"Fixed Locale"};return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Currency Format"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,defaultValue:this.state.defaultValue,propChanged:e,propname:this.state.propname,propvalue:(r=this.props.propvalue)!=null?r:this.state.propvalue,hidelabel:true,options:t})})]})}},Jr=withTranslation()(mn);var gn=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"item_currencydisplay"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var r;if(!this.state.isLoaded)return null;let e=(n,i)=>this.props.propChanged(i,n,null),t={"":"None",symbol:"Symbol",code:"Code"};return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Currency Display"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(r=this.props.propvalue)!=null?r:"",hidelabel:true,options:t})})]})}},Qr=withTranslation()(gn);var hn=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"item_fixedlocale"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Fixed Locale"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:"",hidelabel:true,options:l(),sort:"keydesc"})})]})}},eo=withTranslation()(hn);var bn=class extends ie.PureComponent{constructor(t){super(t);this.handleTabChange=(t,r)=>{this.setState({tabValue:r});};this.state={isLoaded:false,tabValue:0};}componentDidMount(){this.setState({isLoaded:true});}render(){var N$1;if(this.state.isLoaded===false)return null;let{component:t,widgetId:r}=((N$1=this.props.selectedWidgetProps)==null?void 0:N$1._path)||{};if(t===void 0||t!==n)return null;let{currency_inputfield:n$1,currency_format:i,currency_currency:d,currency_fixedlocale:p,currency_currencydisplay:u,dateformat:P,defaultvalue:T,gsindex:s,forcereadonly:v,ignorereadonly:R,inputtype:w,label:E,placeholder:O,phoneformat:B,name:z,onchangehandler:J,readonly:K,required:H,requiredmessage:G,reservedname:U,reservedregex:se,regex:xe,showicon:_e,searchbar:Re,size:ze,uppercasemode:Oe,variant:Me,viewfield:l,visible:h,style:c}=this.props.selectedWidgetProps,{textAlign:k,fontSize:b,fontWeight:C}=c!=null?c:{},g=jsxs(Fragment,{children:[jsx(Ts,{disabled:this.props.disabled,inputtype:w,selectedDropdownWidgetPropsChange:a.setProps(this.props).selectedDropdownWidgetPropsChange,selectedWidgetPropsChange:a.setProps(this.props).selectedWidgetPropsChange}),w==="currency"&&jsxs(Fragment,{children:[jsx(Jr,{disabled:this.props.disabled,propvalue:i,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),i==="fixed-locale"&&jsx(eo,{disabled:this.props.disabled,propname:"currency_fixedlocale",propvalue:p,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),(i==="locale"||i==="fixed-locale")&&jsx(Qr,{disabled:this.props.disabled,propname:"currency_currencydisplay",propvalue:u,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),(i===""||i===void 0||i==="locale")&&jsx(S,{disabled:this.props.disabled,proptitle:"Currency Field Name",propname:"currency_inputfield",attr:null,propvalue:n$1,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),(i===""||i===void 0)&&jsx(S,{disabled:this.props.disabled,proptitle:"Currency",propname:"currency_currency",attr:null,propvalue:d,propChanged:a.setProps(this.props).selectedWidgetPropsChange})]}),w==="input"&&jsx(Ls,{disabled:this.props.disabled,proptitle:"Allowed Input",propname:"reservedregex",attr:null,propvalue:se,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),w==="input"&&se==="_custom"&&jsx(S,{disabled:this.props.disabled,proptitle:"Custom RegEx",propname:"regex",attr:null,propvalue:xe,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),w==="input"&&jsx(S,{disabled:this.props.disabled,proptitle:"Default Value",propname:"defaultvalue",attr:null,propvalue:T,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),w==="date"&&jsx(Fragment,{children:jsx(ks,{disabled:this.props.disabled,defaultValue:"",propvalue:T,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange})}),w==="time"&&jsx(Ws,{disabled:this.props.disabled,defaultValue:"",propvalue:T,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),(w==="date"||w==="time")&&jsx(Ps,{disabled:this.props.disabled,attr:null,propname:"dateformat",propvalue:P,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),w==="phone"&&jsx(S,{disabled:this.props.disabled,proptitle:"Phone Format",propname:"phoneformat",attr:null,propvalue:B,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Label",propname:"label",attr:null,propvalue:E,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(Is,{disabled:this.props.disabled,proptitle:"Name",propname:"reservedname",attr:null,propvalue:U,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),U==="_custom"&&jsx(S,{disabled:this.props.disabled,proptitle:"Custom Name",propname:"name",attr:null,propvalue:z,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),w!=="date"&&w!=="time"&&jsx(S,{disabled:this.props.disabled,proptitle:"Placeholder",propname:"placeholder",attr:null,propvalue:O,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Required Field",propname:"required",propvalue:H,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Required Message",propname:"requiredmessage",attr:null,propvalue:G,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"ReadOnly",propname:"readonly",attr:null,propvalue:K,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(At,{attr:null,disabled:this.props.disabled,defaultValue:"small",propvalue:ze,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(ht,{attr:null,disabled:this.props.disabled,defaultValue:"outlined",propvalue:Me,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:h,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]}),W=jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"ID"})}),jsx("div",{className:"propvalue-container",children:jsx("span",{className:"elwrapper",style:{fontSize:"9px",lineHeight:"20px"},children:r})}),this.props.isBuildocsExtendedEditor&&jsx(m,{disabled:this.props.disabled,proptitle:"GS Index",propname:"gsindex",attr:null,propvalue:s,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(Te,{disabled:this.props.disabled,propvalue:b,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Pe,{disabled:this.props.disabled,defaultValue:"normal",propvalue:C,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Ne,{disabled:this.props.disabled,defaultValue:"left",propvalue:k,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"On Change Handler",propname:"onchangehandler",attr:null,propvalue:J,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Readonly (On Edit)",propname:"forcereadonly",attr:null,propvalue:v,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Readonly Ignore",propname:"ignorereadonly",attr:null,propvalue:R,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),w==="date"&&jsx(m,{disabled:this.props.disabled,proptitle:"Show Icon",propname:"showicon",attr:null,propvalue:_e,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),w!=="date"&&jsx(m,{disabled:this.props.disabled,proptitle:"Upper Case Mode",propname:"uppercasemode",attr:null,propvalue:Oe,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(m,{disabled:this.props.disabled,proptitle:"Search Bar",propname:"searchbar",propvalue:Re,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(m,{disabled:this.props.disabled,proptitle:"View Field",propname:"viewfield",propvalue:l,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]});return jsxs(Fragment,{children:[jsxs("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:[jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"Text Input Properties"}),!this.props.disabled&&jsx("div",{className:"removeWidgetButtonHolder",style:{position:"relative"},children:jsx(N,{className:"removeWidgetButton","aria-hidden":"true",title:"Remove Widget",onClick:()=>a.setProps(this.props).removeWidgetButtonClick(r)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(Ip,{value:this.state.tabValue,onChange:this.handleTabChange,variant:"fullWidth",sx:{minHeight:"32px",backgroundColor:"#fafafa",borderBottom:"1px solid #e0e0e0","& .MuiTab-root":{minHeight:"32px",fontSize:"11px",fontWeight:600,padding:"6px 12px",textTransform:"uppercase",letterSpacing:"0.3px",color:"#666","&.Mui-selected":{color:"#333",backgroundColor:"#ffffff"}},"& .MuiTabs-indicator":{backgroundColor:"#1976d2",height:"2px"}},children:[jsx(la,{label:"Default"}),jsx(la,{label:"Advanced"})]})}),this.state.tabValue===0&&g,this.state.tabValue===1&&W]})}},zs=withTranslation()(bn);var vn=class extends ie.PureComponent{constructor(t){super(t);this.handleTabChange=(t,r)=>{this.setState({tabValue:r});};this.state={isLoaded:false,tabValue:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var xe;if(!this.state.isLoaded)return null;let{component:t,widgetId:r}=((xe=this.props.selectedWidgetProps)==null?void 0:xe._path)||{};if(t===void 0||t!==p)return null;let{autocompleteTextArea:n,autosize:i,ignorereadonly:d,label:p$1,name:u,onchangehandler:P,placeholder:T,readonly:s,required:v,requiredmessage:R,size:w,variant:E,viewfield:O,visible:B,style:z}=this.props.selectedWidgetProps,{textAlign:J,fontSize:K,fontWeight:H,minHeight:G}=z!=null?z:{},U=jsxs(Fragment,{children:[jsx(S,{disabled:this.props.disabled,proptitle:"Label",propname:"label",attr:null,propvalue:p$1,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:u,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Placeholder",propname:"placeholder",attr:null,propvalue:T,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Required Field",propname:"required",propvalue:v,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Required Message",propname:"requiredmessage",attr:null,propvalue:R,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"ReadOnly",propname:"readonly",attr:null,propvalue:s,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:B,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(At,{attr:null,disabled:this.props.disabled,defaultValue:"small",propvalue:w,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(ht,{attr:null,disabled:this.props.disabled,defaultValue:"outlined",propvalue:E,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange})]}),se=jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"ID"})}),jsx("div",{className:"propvalue-container",children:jsx("span",{className:"elwrapper",style:{fontSize:"9px",lineHeight:"20px"},children:r})}),jsx(m,{disabled:this.props.disabled,proptitle:"Auto Complete",propname:"autocompleteTextArea",propvalue:n!=null?n:false,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(m,{disabled:this.props.disabled,proptitle:"Auto Size",propname:"autosize",propvalue:i,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Min-height",propname:"minHeight",attr:"style",propvalue:G,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(Te,{disabled:this.props.disabled,propvalue:K,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Pe,{disabled:this.props.disabled,defaultValue:"normal",propvalue:H,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Ne,{disabled:this.props.disabled,defaultValue:"left",propvalue:J,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"On Change Handler",propname:"onchangehandler",attr:null,propvalue:P,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Ignore Readonly",propname:"ignorereadonly",attr:null,propvalue:d,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(m,{disabled:this.props.disabled,proptitle:"View Field",propname:"viewfield",propvalue:O,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]});return jsxs(Fragment,{children:[jsxs("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:[jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"TextArea Properties"}),!this.props.disabled&&jsx("div",{className:"removeWidgetButtonHolder",style:{position:"relative"},children:jsx(N,{className:"removeWidgetButton","aria-hidden":"true",title:"Remove Widget",onClick:()=>a.setProps(this.props).removeWidgetButtonClick(r)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(Ip,{value:this.state.tabValue,onChange:this.handleTabChange,variant:"fullWidth",sx:{minHeight:"32px",backgroundColor:"#fafafa",borderBottom:"1px solid #e0e0e0","& .MuiTab-root":{minHeight:"32px",fontSize:"11px",fontWeight:600,padding:"6px 12px",textTransform:"uppercase",letterSpacing:"0.3px",color:"#666","&.Mui-selected":{color:"#333",backgroundColor:"#ffffff"}},"& .MuiTabs-indicator":{backgroundColor:"#1976d2",height:"2px"}},children:[jsx(la,{label:"Default"}),jsx(la,{label:"Advanced"})]})}),this.state.tabValue===0&&U,this.state.tabValue===1&&se]})}},As=withTranslation()(vn);var yn={backgroundColor:"white",cursor:"move"},$e=o=>{let{id:e,type:t$1,component:r,icon:n$1,title:i$1,disabled:d$1}=o,p$1=d$1?"formwidget disabledElement":"formwidget",u$1={};t$1===g.ROW?u$1=G$1.objectInspector.defaultProps:t$1===g.TAB?u$1=C.objectInspector.defaultProps:t$1===g.TABLE?u$1=E.objectInspector.defaultProps:t$1===g.WIDGET&&(r===Q?u$1=P$1.objectInspector.defaultProps:r===j?u$1=i.objectInspector.defaultProps:r===n?u$1=m$1.objectInspector.defaultProps:r===p?u$1=o$1.objectInspector.defaultProps:r===s?u$1=r$1.objectInspector.defaultProps:r===I?u$1={datatype:"string",datalength:"1000",groupname:"",ignorereadonly:false,name:"",readonly:false,required:false,tabIndex:0,style:{minHeight:"200px"},title:"File Uploader",value:"",visible:true}:r===J?u$1={groupname:"",ignorereadonly:false,name:"",readonly:false,required:false,style:{minHeight:"200px"},tabIndex:0,title:"Placeholder",value:"",visible:true}:r===u?u$1=t.objectInspector.defaultProps:r===w?u$1=v.objectInspector.defaultProps:r===S$1&&(u$1=R.objectInspector.defaultProps));try{let[,P]=d(()=>({type:t$1,item:{id:e,type:t$1,stricttype:r.displayName,component:r,properties:u$1,_children:[]}}));return d$1?jsx("div",{className:p$1,style:yn,title:i$1,children:n$1}):jsx("div",{className:p$1,ref:P,style:yn,title:i$1,children:n$1})}catch(P){return jsx("div",{className:p$1,style:yn,title:i$1,children:n$1})}};var Mc=o=>{let[e,t]=useState(""),{loadFields:r,viewPort:n}=b$1();useEffect(()=>{t(o.value);},[o.value]);let i=d=>{t(d.target.value);};return ie.createElement("div",{style:{display:"flex",width:"30%"}},ie.createElement(n$2,{id:nanoid(5),label:"Column Title",onBlur:o.onBlur,onInput:i,name:o.name,size:"small",type:"text",variant:"outlined",value:e,visible:true},null))},Bc=o=>{let[e,t]=useState("");useEffect(()=>{t(o.value);},[o.value]);let r=n=>{t(n.target.value);};return ie.createElement(n$2,{id:nanoid(5),label:"Field Name",onBlur:o.onBlur,onInput:r,name:o.name,size:"small",type:"text",variant:"outlined",value:e,visible:true},null)},zc=o=>{let e=o.columns.map((t,r,n)=>ie.createElement("div",{key:nanoid(11),style:{padding:"0.3em 1em 0.3em 0em",display:"flex",alignItems:"center",gap:"1em"}},jsx(Mc,{name:"coltitle_"+r,onBlur:i=>o.onColCaptionBlur(i,r),value:t[0]}),ie.createElement("div",{style:{width:"30%",display:"flex"}},o.isBuildocsExtendedEditor?ie.createElement(l$1,{key:nanoid(11),id:"colsource_"+r,data:o.source,darkMode:false,label:"Field Name",multiple:false,placeholder:"Field Name",readOnly:false,renderType:"none",selectedValue:[t[1]],size:"small",variant:"outlined",width:"100%",visible:true,onChange:i=>o.onSourceChange(i,r)},null):jsx(Bc,{name:"colsource_"+r,onBlur:i=>o.onColSourceBlur(i,r),value:t[1]})),ie.createElement("div",{style:{width:"30%",display:"flex"}},ie.createElement(l$1,{key:nanoid(11),id:"coltype_"+r,data:o.types,darkMode:false,label:"Type",multiple:false,placeholder:"Type",readOnly:false,renderType:"none",selectedValue:[t[2]==="string"?"freetext":t[2]==="currency"?"price":t[2]],size:"small",variant:"outlined",width:"100%",visible:true,onChange:i=>o.onTypeChange(i,r)},null)),ie.createElement("div",{style:{display:"flex",width:"40px",flexShrink:0,alignItems:"center"}},r>0?jsx(vp,{sx:{},onClick:i=>o.removeColumn(t),children:jsx(M$1,{style:{fontSize:"0.7em"}})}):null)));return jsxs(Fragment,{children:[jsx("div",{style:{paddingTop:"0.5em"},children:e}),jsx("div",{style:{paddingTop:"0.2em"},children:jsx("button",{id:"",className:"btn btn-outline-primary btn-sm",onClick:()=>o.addColumns(),children:"Add Column"})})]})},Hc=o=>{let e=o.columns.map((t,r)=>ie.createElement("div",{key:nanoid(11),style:{padding:"0.3em 1em 0.3em 0em",display:"flex"}},ie.createElement("div",{style:{display:"flex",width:"30%"}},ie.createElement(l$1,{key:nanoid(11),id:"colsource_"+r,data:o.source,darkMode:false,label:"Code",multiple:false,placeholder:"code",readOnly:false,renderType:"none",selectedValue:[t[1]],size:"small",variant:"outlined",width:"100%",visible:true,onChange:n=>o.onSourceChange(n,r)},null))));return jsx(Fragment,{children:jsx("div",{style:{paddingTop:"0.5em"},children:e})})},Fc=o=>{let e=ie.createElement("div",{key:nanoid(11),style:{padding:"0.3em 1em 0.3em 0em",display:"flex"}},ie.createElement("div",{style:{display:"flex",marginLeft:"-8px",width:"20%"}},ie.createElement(l$1,{key:nanoid(11),id:"category",data:o.pluginCategories,darkMode:false,label:"Category",multiple:false,placeholder:"Category",readOnly:false,renderType:"none",selectedValue:[o.conditionCategory],size:"small",variant:"outlined",width:"100%",visible:true,onChange:t=>o.onFilterIndexChange(t,"category")},null)),o.conditionTemplateVisible?ie.createElement("div",{style:{display:"flex",marginLeft:"8px",width:"20%"}},ie.createElement(l$1,{key:nanoid(11),id:"template",data:o.pluginForms,darkMode:false,label:"Template",multiple:false,placeholder:"Template",readOnly:false,renderType:"none",selectedValue:[o.conditionTemplate],size:"small",variant:"outlined",width:"100%",visible:true,onChange:t=>o.onFilterIndexChange(t,"template")},null)):null);return jsx(tt,{style:{paddingTop:"0.5em"},children:e})},Ac=o=>{let e=ie.createElement("div",{key:nanoid(11),style:{padding:"0.3em 1em 0.3em 0em",display:"flex"}},ie.createElement("div",{style:{display:"flex",marginLeft:"-8px",width:"20%"}},ie.createElement(l$1,{key:nanoid(11),id:"querytype",data:[{id:"regular",value:"Regular"},{id:"project",value:"By Project"},{id:"byfolderandchild",value:"By Folder & Children"},{id:"children",value:"Only child records"},{id:"amendment",value:"Amendment Chain"}],darkMode:false,label:"Breakdown",multiple:false,placeholder:"Select Breakdown",readOnly:false,renderType:"none",selectedValue:[o.conditionBreakdown],size:"small",variant:"outlined",width:"100%",visible:true,onChange:t=>o.onFilterIndexChange(t,"breakdown")},null)));return jsx(tt,{children:e})},Vc=o=>{let e=ie.createElement("div",{key:nanoid(11),style:{padding:"0.3em 1em 0.3em 0em",display:"flex"}},ie.createElement("div",{style:{display:"flex",marginLeft:"-8px",width:"41%"}},ie.createElement(l$1,{key:nanoid(11),id:"disableCodegen",data:[{id:"",value:"Auto-Generate Code"},{id:"X",value:"Disable Auto-Generation of Table Widget Code"}],darkMode:false,label:"Code Generation",multiple:false,placeholder:"Select Mode",readOnly:false,renderType:"none",selectedValue:[o.disableCodegen],size:"small",variant:"outlined",width:"100%",visible:true,onChange:t=>o.onFilterIndexChange(t,"disableCodegen")},null)));return jsx(tt,{children:e})},Vs=memo(function(e){var C,g,W,N,_;let{loadFields:t,viewPort:r}=b$1(),[n,i]=useState((C=e.data)!=null&&C.columns?e.data.columns:[[null,null,"string"]]),[d,p]=useState(false),[u,P$1]=useState((g=e.data)!=null&&g.conditionCategory?e.data.conditionCategory:""),[T,s]=useState((W=e.data)!=null&&W.conditionTemplate?e.data.conditionTemplate:""),[v,R]=useState((N=e.data)!=null&&N.disableCodegen?e.data.disableCodegen:""),w=(_=e.data)!=null&&_.conditionBreakdown?e.data.conditionBreakdown:"regular",[E,O]=useState(w),[B,z]=useState(true),[J,K]=useState([{id:"",value:""}]),[H,G]=useState([{id:"freetext",value:"String"},{id:"number",value:"Number"},{id:"date",value:"Date"},{id:"datetime",value:"Date / Time"},{id:"checkbox",value:"Checkbox"},{id:"price",value:"Price"}]),[U,se]=useState([{id:"",value:""}]),[xe,_e]=useState([{id:"",value:""}]),Re=useCallback(async()=>{let f=y=>{let x=[{id:"",value:""}];for(let M in y)x.push({id:M,value:y[M]});return x};t&&await t({pluginCode:e.pluginCode}).then(y=>{if(y.meta.requestStatus==="fulfilled"){let x={...y.payload};x.pluginCategories&&_e(f(x.pluginCategories)),x.pluginForms&&se(f(x.pluginForms)),x.viewFields&&K(f(x.viewFields)),p(true);}});},[]);if(useEffect(()=>{d||(e.isBuildocsExtendedEditor?Re():p(true));},[]),!d)return ie.createElement("div",{},jsx(a$1,{}));let ze=(f,y)=>{let x=f.target.value.trim();y==="category"?P$1(x):y==="disableCodegen"?R(x):y==="template"?s(x):y==="breakdown"&&(O(x),(x==="children"||x==="amendment")&&s(""));},Oe=(f,y)=>{let x=[...n];x[y]=[f.target.value.trim(),n[y][1],n[y][2]],i(x);},Me=(f,y)=>{let x=[...n];x[y]=[n[y][0],f.target.value.trim(),n[y][2]],i(x);},l=(f,y)=>{let x=[...n];x[y]=[n[y][0],f.target.value.trim(),n[y][2]],i(x);},h=(f,y)=>{let x=[...n];x[y]=[n[y][0],n[y][1],f.target.value.trim()],i(x);},c=()=>{i([...n,[null,null,null]]);},k=f=>{let y=n.filter(x=>x!==f);i(y);},b=()=>e.type==="SELECTBOX"?jsxs(Fragment,{children:[jsx("hr",{style:{paddingTop:"1.5em"}}),jsxs(tt,{style:{paddingBottom:"1.5em"},children:[jsx("h4",{style:{fontWeight:700},children:"Source"}),jsx(Hc,{columns:n,onColCaptionBlur:Oe,onSourceChange:l,onTypeChange:h,addColumns:c,removeColumn:k,source:J})]})]}):jsxs(Fragment,{children:[jsx("hr",{style:{paddingTop:"1.5em"}}),jsxs(tt,{style:{paddingBottom:"1.5em"},children:[jsx("h4",{style:{fontWeight:700},children:"Columns"}),jsx(zc,{columns:n,onColCaptionBlur:Oe,onColSourceBlur:Me,onSourceChange:l,onTypeChange:h,addColumns:c,removeColumn:k,source:J,types:H,isBuildocsExtendedEditor:e.isBuildocsExtendedEditor})]})]});return jsx(Fragment,{children:jsxs("div",{id:"main-content-wrapper tableQueryBuilder",style:{display:"flex",flexDirection:"column",height:"100%",overflow:"hidden"},children:[jsx("div",{className:"content on-scrollbar",style:{overflow:"auto",flex:"1 1 auto",minHeight:0},children:jsxs("div",{className:"main-content",style:{padding:"1em",paddingBottom:"0"},children:[jsxs("div",{style:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingBottom:"0.5em",width:"100%"},children:[jsx("h3",{style:{fontWeight:700,margin:0,flex:1},children:e.isBuildocsExtendedEditor?"Data Table Query Builder":"Column Manager"}),jsx("button",{onClick:e.closeForm,style:{display:"inline-flex",alignItems:"center",justifyContent:"center",padding:"6px",border:"1px solid #ddd",background:"#fff",cursor:"pointer",borderRadius:"4px",fontSize:"1.1em",color:"#333",width:"32px",height:"32px",flexShrink:0},onMouseEnter:f=>{f.currentTarget.style.backgroundColor="#f5f5f5";},onMouseLeave:f=>{f.currentTarget.style.backgroundColor="#fff";},"aria-label":"Close",title:"Close",children:jsx(P,{})})]}),e.isBuildocsExtendedEditor&&jsxs(Fragment,{children:[jsx("hr",{style:{paddingTop:"1.5em"}}),jsxs(tt,{style:{paddingBottom:"1.5em"},children:[jsx("h4",{style:{fontWeight:700},children:"Code Generator"}),jsx(Vc,{disableCodegen:v,onFilterIndexChange:ze})]})]}),jsx(b,{}),e.isBuildocsExtendedEditor&&jsxs(Fragment,{children:[jsx("hr",{style:{paddingTop:"1.5em"}}),jsxs(tt,{style:{paddingBottom:"1.5em"},children:[jsx("h4",{style:{fontWeight:700},children:"Breakdown"}),jsx(Ac,{conditionBreakdown:E,onFilterIndexChange:ze})]})]}),e.isBuildocsExtendedEditor&&jsxs(Fragment,{children:[jsx("hr",{style:{paddingTop:"1.5em"}}),jsxs(tt,{children:[jsx("h4",{style:{fontWeight:700},children:"Condition"}),jsx(Fc,{conditionTemplateVisible:B,conditionCategory:u,conditionTemplate:T,onFilterIndexChange:ze,pluginCategories:xe,pluginForms:U})]})]})]})}),jsxs("div",{className:"column-manager-footer",style:{display:"flex",justifyContent:"flex-end",padding:"1em",borderTop:"1px solid #e0e0e0",backgroundColor:"#fff",flexShrink:0,minHeight:"60px",alignItems:"center",gap:"0.5em"},children:[jsx("button",{id:"columnManagerSaveBtn",className:"btn btn-outline-primary btn-sm",style:{display:"inline-block"},onPointerUp:()=>e.saveForm({columns:n,conditionCategory:u,conditionTemplate:T,conditionBreakdown:E,disableCodegen:v}),children:"Save"}),jsx("button",{id:"columnManagerCloseBtn",className:"btn btn-outline-primary btn-sm",style:{display:"inline-block"},onClick:e.closeForm,children:"Close"})]})]})})});var wn=class extends ie.PureComponent{constructor(t){var r,n,i;super(t);this.onSourceEditorOpen=()=>{this.props.disabled||this.setState({opened:true});};this.adjustColor=(t,r)=>"#"+t.replace(/^#/,"").replace(/../g,n=>("0"+Math.min(255,Math.max(0,parseInt(n,16)+r)).toString(16)).slice(-2));this.closeForm=()=>{this.setState({opened:false});};this.saveForm=t=>{this.setState({opened:false}),this.props.propChanged(this.state.propname,t);};this.state={isLoaded:false,pluginCode:t.pluginCode,proptitle:t.proptitle,propname:t.propname,propvalue:t.propvalue,opened:false,hidelabel:(r=t.hidelabel)!=null?r:false,tabIndex:(n=t.tabIndex)!=null?n:0,type:(i=t.type)!=null?i:"TABLE"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(t){var r,n;t.propvalue!==this.props.propvalue&&this.setState({propvalue:this.props.propvalue}),t.pluginCode!==this.props.pluginCode&&this.setState({pluginCode:this.props.pluginCode}),t.proptitle!==this.props.proptitle&&this.setState({proptitle:this.props.proptitle}),t.type!==this.props.type&&this.setState({type:this.props.type}),this.ref&&this.ref.current&&this.props.tabIndex===this.ref.current.tabIndex&&((n=(r=this.ref.current).focus)==null||n.call(r));}render(){var p;if(!this.state.isLoaded)return null;let t=this.props.disabled?"propvalue-container disabledElement":"propvalue-container",r=!!((p=this.state)!=null&&p.propvalue&&this.state.propvalue.columns),n=r?"Edit":"Not set",i=r?"rgb(88, 252, 0)":"#C0C0C0",d={"&.MuiButtonBase-root":{fontSize:"14px",padding:"3px",marginLeft:"-3px",width:"100%",height:"100%",borderRadius:"0px",boxShadow:"none",fontWeight:"normal",backgroundColor:i},"&.MuiButtonBase-root:hover":{backgroundColor:this.adjustColor(i,-50)}};return jsxs(Fragment,{children:[!this.state.hidelabel&&jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.proptitle})}),jsx("div",{className:t,ref:this.ref,children:jsx(o,{variant:"contained",label:n,onClick:this.onSourceEditorOpen,fullWidth:true,sx:d,tabIndex:0,disabled:this.props.disabled})}),this.state.opened&&!this.props.disabled?jsx(a$2,{component:jsx(Vs,{inPreviewMode:false,pluginCode:this.props.pluginCode,modal:true,closeForm:this.closeForm,saveForm:this.saveForm,data:this.state.propvalue,type:this.state.type,isBuildocsExtendedEditor:this.props.isBuildocsExtendedEditor}),id:"column-manager-modal",onCloseModal:this.closeForm,parentId:null,windowMode:"halfWindow"},`col-mgr-${Date.now()}`):null]})}},to=withTranslation()(wn);var Pn=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false,propname:"tabIndex",propvalue:typeof e.propvalue=="number"?e.propvalue:e.propvalue!==void 0?Number(e.propvalue):void 0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(e){this.props.propvalue!==e.propvalue&&this.setState({propvalue:typeof this.props.propvalue=="number"?this.props.propvalue:this.props.propvalue!==void 0?Number(this.props.propvalue):void 0});}render(){if(!this.state.isLoaded)return null;this.props.disabled?"propvalue-container disabledElement":"propvalue-container";return null}},qs=withTranslation()(Pn);var Tn=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:"rendertype",propvalue:(t=e.propvalue)!=null?t:"none"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Render Type"})}),jsx("div",{className:"propvalue-container",children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,options:{none:"None",checkbox:"Checkbox",chip:"Chip"}})})]})}},$s=withTranslation()(Tn);var Sn=class extends ie.PureComponent{constructor(t){var n;super(t);this.convertToText=t=>!t||!Array.isArray(t)||t.length===0?"":t.map(r=>{if(typeof r=="object"&&r!==null){let n=r.value||r.id||"",i=r.id||"";return n===i?n:`${n}|${i}`}return r}).filter(r=>r.trim()!=="").join(`
|
|
1
|
+
import {b as b$3,c as c$1}from'./chunk-CFWUMDWI.js';import {a as a$3,b as b$5}from'./chunk-RQTAG3OS.js';import {b as b$4,e as e$2}from'./chunk-FRAOYRZD.js';import {a as a$2}from'./chunk-22LEYH6Q.js';import {g,b,H,L,q,h,Q,j,l,n,p,s,u,w,e,B,D as D$1,F,O,I,J,S as S$1,f,T,G as G$1,C,E,P as P$1,i,m as m$1,o as o$1,r as r$1,t,v,R,d,M,c as c$2,N as N$1,K as K$1}from'./chunk-TYVVEP34.js';import {b as b$1}from'./chunk-LBMVBVXW.js';import {o,l as l$1,n as n$2}from'./chunk-AYYTOQGP.js';import {N,D,P,r,n as n$1,I as I$1,f as f$1,H as H$1,j as j$1,h as h$1,J as J$1,L as L$1,K,z,F as F$1,e as e$1,G,u as u$1,v as v$1,k,M as M$1,B as B$1,a as a$4}from'./chunk-AR42AC7J.js';import {a as a$1}from'./chunk-SDIZEEZP.js';import {c,b as b$2}from'./chunk-5TBO732O.js';import ie,{memo,useEffect,useState,useCallback,lazy}from'react';import {withTranslation}from'react-i18next';import Ip from'@mui/material/Tabs';import la from'@mui/material/Tab';import tt from'@mui/material/Box';import fr from'@mui/material/TextField';import Mt from'@mui/material/Typography';import ea from'@mui/material/Divider';import ta from'@mui/material/Paper';import ra from'@mui/material/Button';import vp from'@mui/material/IconButton';import yp from'@mui/material/Checkbox';import oa from'@mui/material/FormControlLabel';import xp from'@mui/material/Switch';import {jsxs,Fragment,jsx}from'react/jsx-runtime';import {nanoid}from'@reduxjs/toolkit';function Lo({containerProps:o,onContainerPropsChange:e,disabled:t=false,onSave:r,onNext:n}){let i=H=>G=>{let U=G.target.value;H==="formCode"&&(U=U.replace(/[^a-z0-9]/gi,"").toUpperCase().slice(0,8)),e(H,U);},d=o.formCode||"",p=o.title||"",u=o.webhooks||[],P=o.useInIframe||false,T=d.trim()==="",s=d.trim().length>0&&d.trim().length<3,v=T||s,R=p.trim()==="",w=!v&&!R,E=10,O=H=>{let G=H.target.checked;e("useInIframe",G),!G&&u.length>0&&e("webhooks",[]);},B=()=>{if(u.length>=E)return;let H=[...u,{url:"",enabled:true}];e("webhooks",H);},z=H=>{let G=u.filter((U,se)=>se!==H);e("webhooks",G);},J=(H,G)=>{let U=[...u];U[H]={...U[H],url:G},e("webhooks",U);},K=(H,G)=>{let U=[...u];U[H]={...U[H],enabled:G},e("webhooks",U);};return jsx(tt,{sx:{height:"100%",overflowY:"auto",display:"flex",justifyContent:"center",alignItems:"flex-start",padding:4},children:jsxs(tt,{sx:{width:"100%",maxWidth:"800px"},children:[jsxs(ta,{elevation:0,sx:{padding:3},children:[jsx(Mt,{variant:"h6",gutterBottom:true,sx:{fontWeight:"bold"},children:"Form Information"}),jsx(ea,{sx:{marginBottom:2}}),jsxs(tt,{sx:{display:"flex",flexDirection:"column",gap:2},children:[jsx(fr,{label:"Form Code",value:d,onChange:i("formCode"),disabled:t,fullWidth:true,size:"small",required:true,error:v,helperText:T?"Form Code is required":s?"Form Code must be at least 3 characters":"Unique identifier for this form (3-8 characters, a-z0-9 only)",inputProps:{maxLength:8}}),jsx(fr,{label:"Title",value:o.title||"",onChange:i("title"),disabled:t,fullWidth:true,size:"small",required:true,error:R,helperText:R?"Title is required":""}),jsx(fr,{label:"Description",value:o.description||"",onChange:i("description"),disabled:t,fullWidth:true,size:"small",multiline:true,rows:4,helperText:"Brief description of the form's purpose"})]})]}),jsxs(ta,{elevation:0,sx:{padding:3,mt:3},children:[jsx(tt,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:2},children:jsx(Mt,{variant:"h6",sx:{fontWeight:"bold"},children:"On Save Webhooks"})}),jsx(tt,{sx:{mb:2},children:jsx(oa,{control:jsx(xp,{checked:P,onChange:O,disabled:t,color:"primary"}),label:jsxs(tt,{children:[jsx(Mt,{variant:"body1",sx:{fontWeight:500},children:"Form will be used in iframe"}),jsx(Mt,{variant:"caption",color:"text.secondary",children:"Enable this to configure webhook endpoints for form submission"})]})})}),P&&jsxs(Fragment,{children:[jsx(ea,{sx:{marginBottom:2}}),jsxs(tt,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:1},children:[jsxs(Mt,{variant:"body2",color:"text.secondary",children:["Configure webhook endpoints to be called when the form is submitted. Up to ",E," webhooks allowed."]}),jsx(ra,{variant:"outlined",size:"small",startIcon:jsx(B$1,{}),onClick:B,disabled:t||u.length>=E,children:"Add Webhook"})]}),u.length===0?jsx(Mt,{variant:"body2",color:"text.secondary",sx:{textAlign:"center",py:2},children:'No webhooks configured. Click "Add Webhook" to add one.'}):jsx(tt,{sx:{display:"flex",flexDirection:"column",gap:2},children:u.map((H,G)=>jsxs(tt,{sx:{display:"flex",alignItems:"center",gap:1,p:1.5,border:"1px solid",borderColor:"divider",borderRadius:1,backgroundColor:H.enabled?"transparent":"action.disabledBackground"},children:[jsx(oa,{control:jsx(yp,{checked:H.enabled,onChange:U=>K(G,U.target.checked),disabled:t,size:"small"}),label:"",sx:{mr:0}}),jsx(fr,{label:`Webhook ${G+1} URL`,value:H.url,onChange:U=>J(G,U.target.value),disabled:t||!H.enabled,fullWidth:true,size:"small",placeholder:"https://example.com/webhook",error:H.enabled&&H.url.trim()!==""&&!H.url.startsWith("http"),helperText:H.enabled&&H.url.trim()!==""&&!H.url.startsWith("http")?"URL must start with http:// or https://":""}),jsx(vp,{onClick:()=>z(G),disabled:t,size:"small",color:"error",title:"Remove webhook",children:jsx(N,{})})]},G))})]})]}),jsx(tt,{sx:{display:"flex",justifyContent:"flex-end",mt:3},children:jsx(ra,{variant:"contained",color:"primary",onClick:n,disabled:t||!w,endIcon:jsx(a$4,{}),children:"Next"})})]})})}var _o=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propvalue:e.propvalue,tabIndex:(t=e.tabIndex)!=null?t:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(e){let t=this.ref.current;t&&this.props.tabIndex===t.tabIndex&&t.focus(),this.state.propvalue!==this.props.propvalue&&this.setState({propvalue:this.props.propvalue});}render(){if(!this.state.isLoaded)return null;let e=this.props.disabled||this.props.readOnly?"propvalue-container disabledElement":"propvalue-container",t=this.props.propname==="name"||this.props.propname==="groupname";return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.props.proptitle})}),jsx("div",{className:e,children:jsx("input",{ref:this.ref,type:"text",name:this.props.propname,defaultValue:this.props.propvalue,disabled:this.props.disabled,readOnly:this.props.readOnly,onChange:t?r=>{let n=r.target.value.toLowerCase().replace(/[^a-z0-9_]/g,"");r.target.value=n;}:void 0,onBlur:r=>{var i;let n=r.target.value.trim();((i=this.state.propvalue)!=null?i:"")!==n&&this.props.propChanged(r,this.props.attr,this.props.propname,n);},tabIndex:this.state.tabIndex})})]})}},S=withTranslation()(_o);var ia=withTranslation()(memo(function(e){var i;let{name:t,value:r,visible:n=true}=(i=e.properties)!=null?i:{};return n?jsx("input",{type:"hidden",name:t,defaultValue:r}):null}));ia.displayName="_Hidden";var aa=ia;function Oo(o){if(typeof o=="boolean")return o;if(typeof o=="number")return o===1;if(typeof o=="string"){let e=o.toLowerCase().trim();return e==="true"?true:e==="false"?false:parseInt(o,10)===1}return false}var Mo=class extends ie.PureComponent{constructor(t){var r,n;super(t);this.handleChange=t=>{let r=t.target.checked;this.state.checked!==r&&this.setState({checked:r},()=>{this.props.propChanged(this.state.checked,this.props.propname);});};this.state={isLoaded:false,proptitle:t.proptitle,propname:t.propname,checked:Oo(t.propvalue),hidelabel:(r=t.hidelabel)!=null?r:false,tabIndex:(n=t.tabIndex)!=null?n:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true,checked:Oo(this.props.propvalue)});}componentDidUpdate(t){let r=this.ref.current;r&&this.props.tabIndex===r.tabIndex&&r.focus(),t.propvalue!==this.props.propvalue&&this.setState({checked:Oo(this.props.propvalue)});}render(){if(this.state.isLoaded===false)return null;let t=this.props.disabled?"propvalue-container disabledElement":"propvalue-container";return jsxs(Fragment,{children:[this.state.hidelabel===false&&jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.proptitle})}),jsxs("div",{className:t,children:[jsx(aa,{properties:{name:this.props.propname}}),jsx("input",{ref:this.ref,type:"checkbox",id:this.props.propname,disabled:this.props.disabled,tabIndex:this.state.tabIndex,name:this.props.propname,checked:this.state.checked,readOnly:false,onChange:this.handleChange})]})]})}},m=withTranslation()(Mo);var qe=class qe{static setProps(e){return qe.ctx=e,qe}static requireCtx(){if(!qe.ctx)throw new Error("PropsCommon.setProps(...) was not called before using a PropsCommon method.");return qe.ctx}static DataSourcePropsChange(e,t){let{selectedWidgetPropsChange:r,selectedWidgetProps:n}=qe.requireCtx();return r(t,e,null,n)}static selectedWidgetPropsChange(e,t,r,n){let{selectedWidgetPropsChange:i,selectedWidgetProps:d}=qe.requireCtx();return i(n,r,t,d)}static selectedDropdownWidgetPropsChange(e,t,r){let{selectedWidgetPropsChange:n,selectedWidgetProps:i}=qe.requireCtx();return n(e,t,r,i)}static selectedCheckboxPropsChange(e,t){let{selectedWidgetPropsChange:r,selectedWidgetProps:n}=qe.requireCtx();return r(!!e,t,null,n)}static selectedColorPropsChange(e,t){let{selectedWidgetPropsChange:r,selectedWidgetProps:n}=qe.requireCtx(),d=e==null||e==="#000000"||e==="#000"||e==="rgb(0, 0, 0)"||e==="rgb(0,0,0)"||typeof e=="string"&&e.toLowerCase()==="black"?void 0:e;return r(d,t,"style",n)}static removeWidgetButtonClick(e){let{removeWidgetButtonClick:t}=qe.requireCtx();return t(e)}};qe.ctx=null;var a=qe;var zo=class extends ie.PureComponent{constructor(t){super(t);this.handleTabChange=(t,r)=>{this.setState({tabValue:r});};this.state={isLoaded:false,tabValue:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var z;if(this.state.isLoaded===false)return null;let{type:t}=((z=this.props.selectedWidgetProps)==null?void 0:z._path)||{};if(t!==g.CONTAINER)return null;let r=(J,K,H)=>this.props.selectedWidgetPropsChange(J.target.value,H,K,this.props.selectedWidgetProps),{title:n,subtitle:i,sourcetable:d,systemform:p,donotsave:u,hideheader:P,skiphandler:T,border:s,headerbackground:v,style:R}=this.props.selectedWidgetProps,{maxWidth:w,minHeight:E}=R!=null?R:{},O=jsxs(Fragment,{children:[jsx(S,{disabled:this.props.disabled,proptitle:"Title",propname:"title",attr:null,propvalue:n,propChanged:r}),jsx(S,{disabled:this.props.disabled,proptitle:"Sub Title",propname:"subtitle",attr:null,propvalue:i,propChanged:r}),jsx(m,{disabled:this.props.disabled,proptitle:"Hide Header",propname:"hideheader",attr:null,propvalue:P,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Border",propname:"border",attr:null,propvalue:s,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Header Background",propname:"headerbackground",attr:null,propvalue:v,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]}),B=jsxs(Fragment,{children:[jsx(S,{disabled:this.props.disabled,proptitle:"Max-width",propname:"maxWidth",attr:"style",propvalue:w,propChanged:r}),jsx(S,{disabled:this.props.disabled,proptitle:"Min-height",propname:"minHeight",attr:"style",propvalue:E,propChanged:r}),this.props.isBuildocsExtendedEditor&&jsx(S,{disabled:this.props.disabled,proptitle:"Source Table",propname:"sourcetable",attr:null,propvalue:d,propChanged:r}),this.props.isBuildocsExtendedEditor&&jsx(m,{disabled:this.props.disabled,proptitle:"Do not Save",propname:"donotsave",attr:null,propvalue:u,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(m,{disabled:this.props.disabled,proptitle:"System Form",propname:"systemform",attr:null,propvalue:p,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(m,{disabled:this.props.disabled,proptitle:"Skip Handler Gen.",propname:"skiphandler",attr:null,propvalue:T,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]});return jsxs(Fragment,{children:[jsx("div",{className:"header",style:{display:"flex",justifyContent:"center",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:jsx("span",{children:"Container Properties"})}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(Ip,{value:this.state.tabValue,onChange:this.handleTabChange,variant:"fullWidth",sx:{minHeight:"32px",backgroundColor:"#fafafa",borderBottom:"1px solid #e0e0e0","& .MuiTab-root":{minHeight:"32px",fontSize:"11px",fontWeight:600,padding:"6px 12px",textTransform:"uppercase",letterSpacing:"0.3px",color:"#666","&.Mui-selected":{color:"#333",backgroundColor:"#ffffff"}},"& .MuiTabs-indicator":{backgroundColor:"#1976d2",height:"2px"}},children:[jsx(la,{label:"Default"}),jsx(la,{label:"Advanced"})]})}),this.state.tabValue===0&&O,this.state.tabValue===1&&B]})}},ca=withTranslation()(zo);function Je(o){return "Minified Redux error #"+o+"; visit https://redux.js.org/Errors?code="+o+" for the full message or use the non-minified dev environment for full errors. "}var ua=(function(){return typeof Symbol=="function"&&Symbol.observable||"@@observable"})(),Ho=function(){return Math.random().toString(36).substring(7).split("").join(".")},ma={INIT:"@@redux/INIT"+Ho(),REPLACE:"@@redux/REPLACE"+Ho()};function Np(o){if(typeof o!="object"||o===null)return false;for(var e=o;Object.getPrototypeOf(e)!==null;)e=Object.getPrototypeOf(e);return Object.getPrototypeOf(o)===e}function Fo(o,e,t){var r;if(typeof e=="function"&&typeof t=="function"||typeof t=="function"&&typeof arguments[3]=="function")throw new Error(Je(0));if(typeof e=="function"&&typeof t=="undefined"&&(t=e,e=void 0),typeof t!="undefined"){if(typeof t!="function")throw new Error(Je(1));return t(Fo)(o,e)}if(typeof o!="function")throw new Error(Je(2));var n=o,i=e,d=[],p=d,u=false;function P(){p===d&&(p=d.slice());}function T(){if(u)throw new Error(Je(3));return i}function s(E){if(typeof E!="function")throw new Error(Je(4));if(u)throw new Error(Je(5));var O=true;return P(),p.push(E),function(){if(O){if(u)throw new Error(Je(6));O=false,P();var z=p.indexOf(E);p.splice(z,1),d=null;}}}function v(E){if(!Np(E))throw new Error(Je(7));if(typeof E.type=="undefined")throw new Error(Je(8));if(u)throw new Error(Je(9));try{u=!0,i=n(i,E);}finally{u=false;}for(var O=d=p,B=0;B<O.length;B++){var z=O[B];z();}return E}function R(E){if(typeof E!="function")throw new Error(Je(10));n=E,v({type:ma.REPLACE});}function w(){var E,O=s;return E={subscribe:function(z){if(typeof z!="object"||z===null)throw new Error(Je(11));function J(){z.next&&z.next(T());}J();var K=O(J);return {unsubscribe:K}}},E[ua]=function(){return this},E}return v({type:ma.INIT}),r={dispatch:v,subscribe:s,getState:T,replaceReducer:R},r[ua]=w,r}function ga(o,e,t){return e.split(".").reduce((r,n)=>r&&r[n]?r[n]:t||null,o)}function ha(o,e){return o.filter(t=>t!==e)}function Cr(o){return typeof o=="object"}function ba(o,e){let t=new Map,r=i=>{t.set(i,t.has(i)?t.get(i)+1:1);};o.forEach(r),e.forEach(r);let n=[];return t.forEach((i,d)=>{i===1&&n.push(d);}),n}function fa(o,e){return o.filter(t=>e.indexOf(t)>-1)}var Bt="dnd-core/INIT_COORDS",lt="dnd-core/BEGIN_DRAG",zt="dnd-core/PUBLISH_DRAG_SOURCE",ct="dnd-core/HOVER",ut="dnd-core/DROP",mt="dnd-core/END_DRAG";function Ao(o,e){return {type:Bt,payload:{sourceClientOffset:e||null,clientOffset:o||null}}}var Lp={type:Bt,payload:{clientOffset:null,sourceClientOffset:null}};function va(o){return function(t=[],r={publishSource:true}){let{publishSource:n=true,clientOffset:i,getSourceClientOffset:d}=r,p=o.getMonitor(),u=o.getRegistry();o.dispatch(Ao(i)),_p(t,p,u);let P=Bp(t,p);if(P==null){o.dispatch(Lp);return}let T=null;if(i){if(!d)throw new Error("getSourceClientOffset must be defined");Op(d),T=d(P);}o.dispatch(Ao(i,T));let v=u.getSource(P).beginDrag(p,P);if(v==null)return;Mp(v),u.pinSource(P);let R=u.getSourceType(P);return {type:lt,payload:{itemType:R,item:v,sourceId:P,clientOffset:i||null,sourceClientOffset:T||null,isSourcePublic:!!n}}}}function _p(o,e,t){c$2(!e.isDragging(),"Cannot call beginDrag while dragging."),o.forEach(function(r){c$2(t.getSource(r),"Expected sourceIds to be registered.");});}function Op(o){c$2(typeof o=="function","When clientOffset is provided, getSourceClientOffset must be a function.");}function Mp(o){c$2(Cr(o),"Item must be an object.");}function Bp(o,e){let t=null;for(let r=o.length-1;r>=0;r--)if(e.canDragSource(o[r])){t=o[r];break}return t}function zp(o,e,t){return e in o?Object.defineProperty(o,e,{value:t,enumerable:true,configurable:true,writable:true}):o[e]=t,o}function Hp(o){for(var e=1;e<arguments.length;e++){var t=arguments[e]!=null?arguments[e]:{},r=Object.keys(t);typeof Object.getOwnPropertySymbols=="function"&&(r=r.concat(Object.getOwnPropertySymbols(t).filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),r.forEach(function(n){zp(o,n,t[n]);});}return o}function ya(o){return function(t={}){let r=o.getMonitor(),n=o.getRegistry();Fp(r),jp(r).forEach((d,p)=>{let u=Ap(d,p,n,r),P={type:ut,payload:{dropResult:Hp({},t,u)}};o.dispatch(P);});}}function Fp(o){c$2(o.isDragging(),"Cannot call drop while not dragging."),c$2(!o.didDrop(),"Cannot call drop twice during one drag operation.");}function Ap(o,e,t,r){let n=t.getTarget(o),i=n?n.drop(r,o):void 0;return Vp(i),typeof i=="undefined"&&(i=e===0?{}:r.getDropResult()),i}function Vp(o){c$2(typeof o=="undefined"||Cr(o),"Drop result must either be an object or undefined.");}function jp(o){let e=o.getTargetIds().filter(o.canDropOnTarget,o);return e.reverse(),e}function xa(o){return function(){let t=o.getMonitor(),r=o.getRegistry();Up(t);let n=t.getSourceId();return n!=null&&(r.getSource(n,true).endDrag(t,n),r.unpinSource()),{type:mt}}}function Up(o){c$2(o.isDragging(),"Cannot call endDrag while not dragging.");}function Kt(o,e){return e===null?o===null:Array.isArray(o)?o.some(t=>t===e):o===e}function Ca(o){return function(t,{clientOffset:r}={}){qp(t);let n=t.slice(0),i=o.getMonitor(),d=o.getRegistry(),p=i.getItemType();return $p(n,d,p),Gp(n,i,d),Xp(n,i,d),{type:ct,payload:{targetIds:n,clientOffset:r||null}}}}function qp(o){c$2(Array.isArray(o),"Expected targetIds to be an array.");}function Gp(o,e,t){c$2(e.isDragging(),"Cannot call hover while not dragging."),c$2(!e.didDrop(),"Cannot call hover after drop.");for(let r=0;r<o.length;r++){let n=o[r];c$2(o.lastIndexOf(n)===r,"Expected targetIds to be unique in the passed array.");let i=t.getTarget(n);c$2(i,"Expected targetIds to be registered.");}}function $p(o,e,t){for(let r=o.length-1;r>=0;r--){let n=o[r],i=e.getTargetType(n);Kt(i,t)||o.splice(r,1);}}function Xp(o,e,t){o.forEach(function(r){t.getTarget(r).hover(e,r);});}function wa(o){return function(){if(o.getMonitor().isDragging())return {type:zt}}}function Pa(o){return {beginDrag:va(o),publishDragSource:wa(o),hover:Ca(o),drop:ya(o),endDrag:xa(o)}}var wr=class{receiveBackend(e){this.backend=e;}getMonitor(){return this.monitor}getBackend(){return this.backend}getRegistry(){return this.monitor.registry}getActions(){let e=this,{dispatch:t}=this.store;function r(i){return (...d)=>{let p=i.apply(e,d);typeof p!="undefined"&&t(p);}}let n=Pa(this);return Object.keys(n).reduce((i,d)=>{let p=n[d];return i[d]=r(p),i},{})}dispatch(e){this.store.dispatch(e);}constructor(e,t){this.isSetUp=false,this.handleRefCountChange=()=>{let r=this.store.getState().refCount>0;this.backend&&(r&&!this.isSetUp?(this.backend.setup(),this.isSetUp=true):!r&&this.isSetUp&&(this.backend.teardown(),this.isSetUp=false));},this.store=e,this.monitor=t,e.subscribe(this.handleRefCountChange);}};function Yp(o,e){return {x:o.x+e.x,y:o.y+e.y}}function Ta(o,e){return {x:o.x-e.x,y:o.y-e.y}}function Sa(o){let{clientOffset:e,initialClientOffset:t,initialSourceClientOffset:r}=o;return !e||!t||!r?null:Ta(Yp(e,r),t)}function ka(o){let{clientOffset:e,initialClientOffset:t}=o;return !e||!t?null:Ta(e,t)}var Ht=[],Pr=[];Ht.__IS_NONE__=true;Pr.__IS_ALL__=true;function Ea(o,e){return o===Ht?false:o===Pr||typeof e=="undefined"?true:fa(e,o).length>0}var Tr=class{subscribeToStateChange(e,t={}){let{handlerIds:r}=t;c$2(typeof e=="function","listener must be a function."),c$2(typeof r=="undefined"||Array.isArray(r),"handlerIds, when specified, must be an array of strings.");let n=this.store.getState().stateId,i=()=>{let d=this.store.getState(),p=d.stateId;try{p===n||p===n+1&&!Ea(d.dirtyHandlerIds,r)||e();}finally{n=p;}};return this.store.subscribe(i)}subscribeToOffsetChange(e){c$2(typeof e=="function","listener must be a function.");let t=this.store.getState().dragOffset,r=()=>{let n=this.store.getState().dragOffset;n!==t&&(t=n,e());};return this.store.subscribe(r)}canDragSource(e){if(!e)return false;let t=this.registry.getSource(e);return c$2(t,`Expected to find a valid source. sourceId=${e}`),this.isDragging()?false:t.canDrag(this,e)}canDropOnTarget(e){if(!e)return false;let t=this.registry.getTarget(e);if(c$2(t,`Expected to find a valid target. targetId=${e}`),!this.isDragging()||this.didDrop())return false;let r=this.registry.getTargetType(e),n=this.getItemType();return Kt(r,n)&&t.canDrop(this,e)}isDragging(){return !!this.getItemType()}isDraggingSource(e){if(!e)return false;let t=this.registry.getSource(e,true);if(c$2(t,`Expected to find a valid source. sourceId=${e}`),!this.isDragging()||!this.isSourcePublic())return false;let r=this.registry.getSourceType(e),n=this.getItemType();return r!==n?false:t.isDragging(this,e)}isOverTarget(e,t={shallow:false}){if(!e)return false;let{shallow:r}=t;if(!this.isDragging())return false;let n=this.registry.getTargetType(e),i=this.getItemType();if(i&&!Kt(n,i))return false;let d=this.getTargetIds();if(!d.length)return false;let p=d.indexOf(e);return r?p===d.length-1:p>-1}getItemType(){return this.store.getState().dragOperation.itemType}getItem(){return this.store.getState().dragOperation.item}getSourceId(){return this.store.getState().dragOperation.sourceId}getTargetIds(){return this.store.getState().dragOperation.targetIds}getDropResult(){return this.store.getState().dragOperation.dropResult}didDrop(){return this.store.getState().dragOperation.didDrop}isSourcePublic(){return !!this.store.getState().dragOperation.isSourcePublic}getInitialClientOffset(){return this.store.getState().dragOffset.initialClientOffset}getInitialSourceClientOffset(){return this.store.getState().dragOffset.initialSourceClientOffset}getClientOffset(){return this.store.getState().dragOffset.clientOffset}getSourceClientOffset(){return Sa(this.store.getState().dragOffset)}getDifferenceFromInitialOffset(){return ka(this.store.getState().dragOffset)}constructor(e,t){this.store=e,this.registry=t;}};var Wa=typeof global!="undefined"?global:self,Da=Wa.MutationObserver||Wa.WebKitMutationObserver;function Vo(o){return function(){let t=setTimeout(n,0),r=setInterval(n,50);function n(){clearTimeout(t),clearInterval(r),o();}}}function Jp(o){let e=1,t=new Da(o),r=document.createTextNode("");return t.observe(r,{characterData:true}),function(){e=-e,r.data=e;}}var Ra=typeof Da=="function"?Jp:Vo;var Sr=class{enqueueTask(e){let{queue:t,requestFlush:r}=this;t.length||(r(),this.flushing=true),t[t.length]=e;}constructor(){this.queue=[],this.pendingErrors=[],this.flushing=false,this.index=0,this.capacity=1024,this.flush=()=>{let{queue:e}=this;for(;this.index<e.length;){let t=this.index;if(this.index++,e[t].call(),this.index>this.capacity){for(let r=0,n=e.length-this.index;r<n;r++)e[r]=e[r+this.index];e.length-=this.index,this.index=0;}}e.length=0,this.index=0,this.flushing=false;},this.registerPendingError=e=>{this.pendingErrors.push(e),this.requestErrorThrow();},this.requestFlush=Ra(this.flush),this.requestErrorThrow=Vo(()=>{if(this.pendingErrors.length)throw this.pendingErrors.shift()});}};var kr=class{call(){try{this.task&&this.task();}catch(e){this.onError(e);}finally{this.task=null,this.release(this);}}constructor(e,t){this.onError=e,this.release=t,this.task=null;}};var Er=class{create(e){let t=this.freeTasks,r=t.length?t.pop():new kr(this.onError,n=>t[t.length]=n);return r.task=e,r}constructor(e){this.onError=e,this.freeTasks=[];}};var Ia=new Sr,Kp=new Er(Ia.registerPendingError);function Na(o){Ia.enqueueTask(Kp.create(o));}var Qt="dnd-core/ADD_SOURCE",Zt="dnd-core/ADD_TARGET",er="dnd-core/REMOVE_SOURCE",Ct="dnd-core/REMOVE_TARGET";function La(o){return {type:Qt,payload:{sourceId:o}}}function _a(o){return {type:Zt,payload:{targetId:o}}}function Oa(o){return {type:er,payload:{sourceId:o}}}function Ma(o){return {type:Ct,payload:{targetId:o}}}function Ba(o){c$2(typeof o.canDrag=="function","Expected canDrag to be a function."),c$2(typeof o.beginDrag=="function","Expected beginDrag to be a function."),c$2(typeof o.endDrag=="function","Expected endDrag to be a function.");}function za(o){c$2(typeof o.canDrop=="function","Expected canDrop to be a function."),c$2(typeof o.hover=="function","Expected hover to be a function."),c$2(typeof o.drop=="function","Expected beginDrag to be a function.");}function Wr(o,e){if(e&&Array.isArray(o)){o.forEach(t=>Wr(t,false));return}c$2(typeof o=="string"||typeof o=="symbol",e?"Type can only be a string, a symbol, or an array of either.":"Type can only be a string or a symbol.");}var Ge;(function(o){o.SOURCE="SOURCE",o.TARGET="TARGET";})(Ge||(Ge={}));var Qp=0;function Ha(){return Qp++}function Zp(o){let e=Ha().toString();switch(o){case Ge.SOURCE:return `S${e}`;case Ge.TARGET:return `T${e}`;default:throw new Error(`Unknown Handler Role: ${o}`)}}function Fa(o){switch(o[0]){case "S":return Ge.SOURCE;case "T":return Ge.TARGET;default:throw new Error(`Cannot parse handler ID: ${o}`)}}function Aa(o,e){let t=o.entries(),r=false;do{let{done:n,value:[,i]}=t.next();if(i===e)return true;r=!!n;}while(!r);return false}var Dr=class{addSource(e,t){Wr(e),Ba(t);let r=this.addHandler(Ge.SOURCE,e,t);return this.store.dispatch(La(r)),r}addTarget(e,t){Wr(e,true),za(t);let r=this.addHandler(Ge.TARGET,e,t);return this.store.dispatch(_a(r)),r}containsHandler(e){return Aa(this.dragSources,e)||Aa(this.dropTargets,e)}getSource(e,t=false){return c$2(this.isSourceId(e),"Expected a valid source ID."),t&&e===this.pinnedSourceId?this.pinnedSource:this.dragSources.get(e)}getTarget(e){return c$2(this.isTargetId(e),"Expected a valid target ID."),this.dropTargets.get(e)}getSourceType(e){return c$2(this.isSourceId(e),"Expected a valid source ID."),this.types.get(e)}getTargetType(e){return c$2(this.isTargetId(e),"Expected a valid target ID."),this.types.get(e)}isSourceId(e){return Fa(e)===Ge.SOURCE}isTargetId(e){return Fa(e)===Ge.TARGET}removeSource(e){c$2(this.getSource(e),"Expected an existing source."),this.store.dispatch(Oa(e)),Na(()=>{this.dragSources.delete(e),this.types.delete(e);});}removeTarget(e){c$2(this.getTarget(e),"Expected an existing target."),this.store.dispatch(Ma(e)),this.dropTargets.delete(e),this.types.delete(e);}pinSource(e){let t=this.getSource(e);c$2(t,"Expected an existing source."),this.pinnedSourceId=e,this.pinnedSource=t;}unpinSource(){c$2(this.pinnedSource,"No source is pinned at the time."),this.pinnedSourceId=null,this.pinnedSource=null;}addHandler(e,t,r){let n=Zp(e);return this.types.set(n,t),e===Ge.SOURCE?this.dragSources.set(n,r):e===Ge.TARGET&&this.dropTargets.set(n,r),n}constructor(e){this.types=new Map,this.dragSources=new Map,this.dropTargets=new Map,this.pinnedSourceId=null,this.pinnedSource=null,this.store=e;}};var el=(o,e)=>o===e;function Va(o,e){return !o&&!e?true:!o||!e?false:o.x===e.x&&o.y===e.y}function ja(o,e,t=el){if(o.length!==e.length)return false;for(let r=0;r<o.length;++r)if(!t(o[r],e[r]))return false;return true}function Ua(o=Ht,e){switch(e.type){case ct:break;case Qt:case Zt:case Ct:case er:return Ht;case lt:case zt:case mt:case ut:default:return Pr}let{targetIds:t=[],prevTargetIds:r=[]}=e.payload,n=ba(t,r);if(!(n.length>0||!ja(t,r)))return Ht;let d=r[r.length-1],p=t[t.length-1];return d!==p&&(d&&n.push(d),p&&n.push(p)),n}function tl(o,e,t){return e in o?Object.defineProperty(o,e,{value:t,enumerable:true,configurable:true,writable:true}):o[e]=t,o}function rl(o){for(var e=1;e<arguments.length;e++){var t=arguments[e]!=null?arguments[e]:{},r=Object.keys(t);typeof Object.getOwnPropertySymbols=="function"&&(r=r.concat(Object.getOwnPropertySymbols(t).filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),r.forEach(function(n){tl(o,n,t[n]);});}return o}var qa={initialSourceClientOffset:null,initialClientOffset:null,clientOffset:null};function Ga(o=qa,e){let{payload:t}=e;switch(e.type){case Bt:case lt:return {initialSourceClientOffset:t.sourceClientOffset,initialClientOffset:t.clientOffset,clientOffset:t.clientOffset};case ct:return Va(o.clientOffset,t.clientOffset)?o:rl({},o,{clientOffset:t.clientOffset});case mt:case ut:return qa;default:return o}}function ol(o,e,t){return e in o?Object.defineProperty(o,e,{value:t,enumerable:true,configurable:true,writable:true}):o[e]=t,o}function Ft(o){for(var e=1;e<arguments.length;e++){var t=arguments[e]!=null?arguments[e]:{},r=Object.keys(t);typeof Object.getOwnPropertySymbols=="function"&&(r=r.concat(Object.getOwnPropertySymbols(t).filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),r.forEach(function(n){ol(o,n,t[n]);});}return o}var nl={itemType:null,item:null,sourceId:null,targetIds:[],dropResult:null,didDrop:false,isSourcePublic:null};function $a(o=nl,e){let{payload:t}=e;switch(e.type){case lt:return Ft({},o,{itemType:t.itemType,item:t.item,sourceId:t.sourceId,isSourcePublic:t.isSourcePublic,dropResult:null,didDrop:false});case zt:return Ft({},o,{isSourcePublic:true});case ct:return Ft({},o,{targetIds:t.targetIds});case Ct:return o.targetIds.indexOf(t.targetId)===-1?o:Ft({},o,{targetIds:ha(o.targetIds,t.targetId)});case ut:return Ft({},o,{dropResult:t.dropResult,didDrop:true,targetIds:[]});case mt:return Ft({},o,{itemType:null,item:null,sourceId:null,dropResult:null,didDrop:false,isSourcePublic:null,targetIds:[]});default:return o}}function Xa(o=0,e){switch(e.type){case Qt:case Zt:return o+1;case er:case Ct:return o-1;default:return o}}function Ya(o=0){return o+1}function il(o,e,t){return e in o?Object.defineProperty(o,e,{value:t,enumerable:true,configurable:true,writable:true}):o[e]=t,o}function al(o){for(var e=1;e<arguments.length;e++){var t=arguments[e]!=null?arguments[e]:{},r=Object.keys(t);typeof Object.getOwnPropertySymbols=="function"&&(r=r.concat(Object.getOwnPropertySymbols(t).filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),r.forEach(function(n){il(o,n,t[n]);});}return o}function Ja(o={},e){return {dirtyHandlerIds:Ua(o.dirtyHandlerIds,{type:e.type,payload:al({},e.payload,{prevTargetIds:ga(o,"dragOperation.targetIds",[])})}),dragOffset:Ga(o.dragOffset,e),refCount:Xa(o.refCount,e),dragOperation:$a(o.dragOperation,e),stateId:Ya(o.stateId)}}function Ka(o,e=void 0,t={},r=false){let n=sl(r),i=new Tr(n,new Dr(n)),d=new wr(n,i),p=o(d,e,t);return d.receiveBackend(p),d}function sl(o){let e=typeof window!="undefined"&&window.__REDUX_DEVTOOLS_EXTENSION__;return Fo(Ja,o&&e&&e({name:"dnd-core",instanceId:"dnd-core"}))}function dl(o,e){if(o==null)return {};var t=pl(o,e),r,n;if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);for(n=0;n<i.length;n++)r=i[n],!(e.indexOf(r)>=0)&&Object.prototype.propertyIsEnumerable.call(o,r)&&(t[r]=o[r]);}return t}function pl(o,e){if(o==null)return {};var t={},r=Object.keys(o),n,i;for(i=0;i<r.length;i++)n=r[i],!(e.indexOf(n)>=0)&&(t[n]=o[n]);return t}var Qa=0,Rr=Symbol.for("__REACT_DND_CONTEXT_INSTANCE__"),Za=memo(function(e){var{children:t}=e,r=dl(e,["children"]);let[n,i]=ml(r);return useEffect(()=>{if(i){let d=es();return ++Qa,()=>{--Qa===0&&(d[Rr]=null);}}},[]),jsx(b.Provider,{value:n,children:t})});function ml(o){if("manager"in o)return [{dragDropManager:o.manager},false];let e=gl(o.backend,o.context,o.options,o.debugMode),t=!o.context;return [e,t]}function gl(o,e=es(),t,r){let n=e;return n[Rr]||(n[Rr]={dragDropManager:Ka(o,e,t,r)}),n[Rr]}function es(){return typeof global!="undefined"?global:window}var jo=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var i;if(this.state.isLoaded===false)return null;let{component:e,rowId:t}=((i=this.props.selectedWidgetProps)==null?void 0:i._path)||{};if(e===void 0||e!==H)return null;let r=(d,p,u)=>this.props.selectedWidgetPropsChange(d.target.value,u,p,this.props.selectedWidgetProps),{columns:n}=this.props.selectedWidgetProps;return jsxs(Fragment,{children:[jsxs("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:[jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"Row Properties"}),!this.props.disabled&&jsx("div",{className:"removeWidgetButtonHolder",style:{position:"relative"},children:jsx(N,{className:"removeWidgetButton","aria-hidden":"true",title:"Remove Row",onClick:()=>a.setProps(this.props).removeWidgetButtonClick(t)})})]}),jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"ID"})}),jsx("div",{className:"propvalue-container",children:jsx("span",{className:"elwrapper",style:{fontSize:"9px",lineHeight:"20px"},children:t})}),jsx(S,{disabled:this.props.disabled,proptitle:"Segment count",propname:"columns",attr:null,propvalue:n,propChanged:r})]})}},os=withTranslation()(jo);var Uo=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){if(!this.state.isLoaded)return null;let e=this.props.disabled?"propvalue-container disabledElement":"propvalue-container";return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.props.proptitle})}),jsx("div",{className:e,ref:this.ref,children:jsx("span",{className:"elwrapper",style:this.props.style,children:this.props.propvalue})})]})}},Nr=withTranslation()(Uo);var qo=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var d,p;if(!this.state.isLoaded)return null;let{component:e,segmentId:t}=((d=this.props.selectedWidgetProps)==null?void 0:d._path)||{};if(e===void 0||e!==L)return null;let r=(u,P,T)=>this.props.selectedWidgetPropsChange(u.target.value,T,P,this.props.selectedWidgetProps),{flexGrow:n,minWidth:i}=(p=this.props.selectedWidgetProps.style)!=null?p:{};return jsxs(Fragment,{children:[jsx("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"Row Segment Properties"})}),jsx(Nr,{disabled:this.props.disabled,proptitle:"ID",propvalue:t,style:{fontSize:"9px",lineHeight:"20px"}}),jsx(S,{disabled:this.props.disabled,proptitle:"Flex-grow",propname:"flexGrow",attr:"style",propvalue:n,propChanged:r}),jsx(S,{disabled:this.props.disabled,proptitle:"Min-width",propname:"minWidth",attr:"style",propvalue:i,propChanged:r})]})}},as=withTranslation()(qo);var Go=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"fontWeight",propvalue:e.propvalue},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,"style");return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Font-weight"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,sort:"keydesc",options:{normal:"Normal",bold:"Bold",100:"100",200:"200",300:"300",400:"400",500:"500",600:"600",700:"700",800:"800",900:"900"}})})]})}},Pe=withTranslation()(Go);var $o=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"fontSize",propvalue:e.propvalue,defaultValue:(r=e.defaultValue)!=null?r:"15px"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var r;if(!this.state.isLoaded)return null;let e=(n,i)=>this.props.propChanged(i,n,"style"),t={};for(let n=10;n<=60;n++){let i=`${n}px`;t[i]=i;}return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Font-size"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,defaultValue:this.state.defaultValue,propChanged:e,propname:this.state.propname,propvalue:(r=this.props.propvalue)!=null?r:this.state.propvalue,hidelabel:true,sort:"alpha",options:t})})]})}},Te=withTranslation()($o);var Rl=ie.lazy(()=>new Function('return import("react-color")')().then(o=>({default:o.SketchPicker})).catch(()=>({default:(()=>null)}))),Yo=class extends ie.PureComponent{constructor(t){super(t);this.handleChange=t=>{t.hex&&this.props.propChanged(t.hex,this.props.propname);};this.handleReset=()=>{this.props.propChanged(void 0,this.props.propname),this.setState({propvalue:"#000000"});};this.state={isLoaded:false,propvalue:t.propvalue||"#000000"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(t){this.props.propvalue&&this.props.propvalue!==t.propvalue&&this.state.propvalue!==this.props.propvalue&&this.setState({propvalue:this.props.propvalue});}render(){if(!this.state.isLoaded)return null;let t={width:"1.55em",height:"1.6em",margin:"6px 6px 6px",borderRadius:"4px",backgroundColor:this.state.propvalue},r=this.props.disabled?"propvalue-container disabledElement":"propvalue-container";return jsxs(Fragment,{children:[jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[jsx("span",{className:"elwrapper caption",children:this.props.proptitle}),!this.props.disabled&&jsx(D,{style:{cursor:"pointer",fontSize:"12px",marginRight:"6px",color:"#666",opacity:.7},title:"Reset color",onClick:this.handleReset})]}),jsx("div",{className:r,ref:this.ref,children:this.props.disabled?jsxs("div",{style:{display:"flex",alignItems:"center"},children:[jsx("div",{style:t}),jsx("span",{style:{lineHeight:"2em",fontStyle:"normal"},children:this.state.propvalue.toUpperCase()})]}):jsx(ie.Suspense,{fallback:null,children:jsx(Rl,{color:this.state.propvalue,onChange:this.handleChange,disableAlpha:true})})})]})}},it=withTranslation()(Yo);var Jo=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"variant",propvalue:e.propvalue,options:(r=e.options)!=null?r:{standard:"Standard",outlined:"Outlined",filled:"Filled"}},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Variant"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,sort:"keydesc",options:this.state.options})})]})}},ht=withTranslation()(Jo);var Ko=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"buttontype",propvalue:e.propvalue,options:(r=e.options)!=null?r:{none:h.NONE,cancel:h.CANCEL,custom:h.CUSTOM,print:h.PRINT,save:h.SAVE}},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Button Type"})}),jsx("div",{className:"propvalue-container",children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,options:this.state.options})})]})}},cs=withTranslation()(Ko);var Qo=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"colorSchema",propvalue:e.propvalue,defaultValue:(r=e.defaultValue)!=null?r:""},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var r;if(!this.state.isLoaded)return null;let e=(n,i)=>this.props.propChanged(i,n,null),t={"":"",primary:"Primary",actionbtnok:"Action Button (Positive)",regularbtn:"Action Button (Neutral)"};return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Color Schema"})}),jsx("div",{className:"propvalue-container",children:jsx(q,{...this.props,defaultValue:this.state.defaultValue,propChanged:e,propname:this.state.propname,propvalue:(r=this.props.propvalue)!=null?r:this.state.propvalue,hidelabel:true,options:t})})]})}},ms=withTranslation()(Qo);var en=class extends ie.PureComponent{constructor(t){super(t);this.handleTabChange=(t,r)=>{this.setState({tabValue:r});};this.state={isLoaded:false,tabValue:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var E,O;if(this.state.isLoaded===false)return null;let{component:t,widgetId:r}=((E=this.props.selectedWidgetProps)==null?void 0:E._path)||{};if(t===void 0||t!==Q)return null;let{title:n,buttontype:i,fullWidth:d,name:p,variant:u,colorSchema:P,visible:T,style:s}=this.props.selectedWidgetProps,v=(O=s==null?void 0:s.backgroundColor)!=null?O:"primary.main";P&&(v=`${P.toLowerCase()}.main`);let R=jsxs(Fragment,{children:[jsx(cs,{attr:null,disabled:this.props.disabled,defaultValue:h.NONE.toLowerCase(),propvalue:i,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Caption",propname:"title",attr:null,propvalue:n,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:p,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(ms,{disabled:this.props.disabled,propvalue:P,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(it,{disabled:this.props.disabled,proptitle:"Color",propname:"backgroundColor",propvalue:v,propChanged:a.setProps(this.props).selectedColorPropsChange}),jsx(ht,{attr:null,disabled:this.props.disabled,defaultValue:"outlined",options:{contained:"Contained",outlined:"Outlined",text:"Text"},propvalue:u,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Full Width",propname:"fullWidth",propvalue:d,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:T,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]}),w=jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"ID"})}),jsx("div",{className:"propvalue-container",children:jsx("span",{className:"elwrapper",style:{fontSize:"9px",lineHeight:"20px"},children:r})}),jsx(Te,{disabled:this.props.disabled,propvalue:s==null?void 0:s.fontSize,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Pe,{disabled:this.props.disabled,defaultValue:"normal",propvalue:s==null?void 0:s.fontWeight,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange})]});return jsxs(Fragment,{children:[jsxs("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:[jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"Button Properties"}),!this.props.disabled&&jsx("div",{className:"removeWidgetButtonHolder",style:{position:"relative"},children:jsx(N,{className:"removeWidgetButton","aria-hidden":"true",title:"Remove Widget",onClick:()=>a.setProps(this.props).removeWidgetButtonClick(r)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(Ip,{value:this.state.tabValue,onChange:this.handleTabChange,variant:"fullWidth",sx:{minHeight:"32px",backgroundColor:"#fafafa",borderBottom:"1px solid #e0e0e0","& .MuiTab-root":{minHeight:"32px",fontSize:"11px",fontWeight:600,padding:"6px 12px",textTransform:"uppercase",letterSpacing:"0.3px",color:"#666","&.Mui-selected":{color:"#333",backgroundColor:"#ffffff"}},"& .MuiTabs-indicator":{backgroundColor:"#1976d2",height:"2px"}},children:[jsx(la,{label:"Default"}),jsx(la,{label:"Advanced"})]})}),this.state.tabValue===0&&R,this.state.tabValue===1&&w]})}},bs=withTranslation()(en);var tn=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:e.propname,propvalue:e.propvalue,title:(t=e.title)!=null?t:"Text Align"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t,r;if(!this.state.isLoaded)return null;let e=(n,i)=>this.props.propChanged(i,n,"style");return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.title})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:(t=this.state.propname)!=null?t:"textAlign",propvalue:(r=this.props.propvalue)!=null?r:this.state.propvalue,hidelabel:true,options:{left:"Left",center:"Center",right:"Right"}})})]})}},Ne=withTranslation()(tn);var rn=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"verticalalign",propvalue:e.propvalue},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Vertical-align"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,options:{middle:"Middle",bottom:"Bottom"}})})]})}},Ar=withTranslation()(rn);var nn=class extends ie.PureComponent{constructor(t){super(t);this.handleTabChange=(t,r)=>{this.setState({tabValue:r});};this.state={isLoaded:false,tabValue:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var B;if(this.state.isLoaded===false)return null;let{type:t,component:r,rowId:n,segmentId:i,widgetId:d}=((B=this.props.selectedWidgetProps)==null?void 0:B._path)||{};if(r===void 0||r!==j)return null;let{title:p,name:u,verticalalign:P,visible:T,style:{textAlign:s,fontSize:v,fontWeight:R,color:w}}=this.props.selectedWidgetProps,E=jsxs(Fragment,{children:[jsx(S,{disabled:this.props.disabled,proptitle:"Caption",propname:"title",attr:null,propvalue:p,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:u,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(Ne,{disabled:this.props.disabled,defaultValue:"left",propvalue:s,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:T,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]}),O=jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"ID"})}),jsx("div",{className:"propvalue-container",children:jsx("span",{className:"elwrapper",style:{fontSize:"9px",lineHeight:"20px"},children:d})}),jsx(it,{disabled:this.props.disabled,proptitle:"Color",propname:"color",propvalue:w,propChanged:a.setProps(this.props).selectedColorPropsChange}),jsx(Te,{disabled:this.props.disabled,propvalue:v,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Pe,{disabled:this.props.disabled,defaultValue:"normal",propvalue:R,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Ar,{disabled:this.props.disabled,defaultValue:"middle",propvalue:P,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange})]});return jsxs(Fragment,{children:[jsxs("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:[jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"Label Properties"}),!this.props.disabled&&jsx("div",{className:"removeWidgetButtonHolder",style:{position:"relative"},children:jsx(N,{className:"removeWidgetButton","aria-hidden":"true",title:"Remove Widget",onClick:()=>a.setProps(this.props).removeWidgetButtonClick(d)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(Ip,{value:this.state.tabValue,onChange:this.handleTabChange,variant:"fullWidth",sx:{minHeight:"32px",backgroundColor:"#fafafa",borderBottom:"1px solid #e0e0e0","& .MuiTab-root":{minHeight:"32px",fontSize:"11px",fontWeight:600,padding:"6px 12px",textTransform:"uppercase",letterSpacing:"0.3px",color:"#666","&.Mui-selected":{color:"#333",backgroundColor:"#ffffff"}},"& .MuiTabs-indicator":{backgroundColor:"#1976d2",height:"2px"}},children:[jsx(la,{label:"Default"}),jsx(la,{label:"Advanced"})]})}),this.state.tabValue===0&&E,this.state.tabValue===1&&O]})}},Cs=withTranslation()(nn);var an=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:e.propname,propvalue:e.propvalue,tabIndex:(t=e.tabIndex)!=null?t:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(this.state.isLoaded===false)return null;let e=this.props.disabled?"propvalue-container disabledElement":"propvalue-container";return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Format"})}),jsx("div",{className:e,children:jsx("input",{ref:this.ref,type:"text",name:this.props.propname,defaultValue:(t=this.state.propvalue)!=null?t:"",disabled:this.props.disabled,onBlur:r=>{var i;let n=r.target.value.trim();((i=this.state.propvalue)!=null?i:"")!==n&&this.props.propChanged(r,this.props.attr,this.props.propname,n);},tabIndex:this.state.tabIndex})})]})}},Ps=withTranslation()(an);var sn=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false,propname:e.propname,propvalue:e.propvalue,inputtype:e.inputtype};}componentDidMount(){this.setState({isLoaded:true});}render(){if(!this.state.isLoaded)return null;let e={input:"Input",inputwcopy:"Input/Copy Btn",date:"Date",time:"Time",datetime:"Date/Time",phone:"Phone",currency:"Currency",password:"Password"};return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Input Type"})}),jsx("div",{className:"propvalue-container",children:jsx(q,{propname:"inputtype",disabled:this.props.disabled,defaultValue:this.props.inputtype||"input",propChanged:(t,r)=>this.props.selectedDropdownWidgetPropsChange(r,t,null),hidelabel:true,sort:"alpha",options:e})})]})}},Ts=withTranslation()(sn);var dn=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false,propname:e.propname,propvalue:e.propvalue},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(){}render(){if(!this.state.isLoaded)return null;let e=(t,r)=>this.props.propChanged(r,t,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Default value"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:"defaultvalue",propvalue:this.props.propvalue,hidelabel:true,options:{"":"",today:"Today"}})})]})}},ks=withTranslation()(dn);var pn=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false,propname:e.propname,propvalue:e.propvalue},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(){}render(){if(!this.state.isLoaded)return null;let e=(t,r)=>this.props.propChanged(r,t,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Default value"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:"defaultvalue",propvalue:this.props.propvalue,hidelabel:true,options:{"":"","start of day":"start of day",now:"now"}})})]})}},Ws=withTranslation()(pn);var ln=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"size",propvalue:e.propvalue},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Size"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,sort:"keydesc",options:{small:"Small",medium:"Medium"}})})]})}},At=withTranslation()(ln);var cn=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"reservedname",propvalue:e.propvalue,options:(r=e.options)!=null?r:{_cby:"_cby (Created By)",_cdt:"_cdt (Created Date)",_desc:"_desc (Description)",_fcode:"_fcode (Form Code)",_mby:"_mby (Modified By)",_mdt:"_mdt (Modified Date)",_custom:"Custom"}},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Name"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,sort:"alpha",options:this.state.options})})]})}},Is=withTranslation()(cn);var un=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"reservedregex",propvalue:e.propvalue,options:(r=e.options)!=null?r:{_codeInput:"A-Z Characters Only",_numbersOnly:"Numbers Only",_noSymbol:"Characters & Numbers",_custom:"Custom RegEx"}},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Allowed Input"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,options:this.state.options})})]})}},Ls=withTranslation()(un);var mn=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"currency_format",propvalue:e.propvalue,defaultValue:(r=e.defaultValue)!=null?r:"en-US"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var r;if(!this.state.isLoaded)return null;let e=(n,i)=>this.props.propChanged(i,n,null),t={"":"Don't display",locale:"Current Locale","fixed-locale":"Fixed Locale"};return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Currency Format"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,defaultValue:this.state.defaultValue,propChanged:e,propname:this.state.propname,propvalue:(r=this.props.propvalue)!=null?r:this.state.propvalue,hidelabel:true,options:t})})]})}},Jr=withTranslation()(mn);var gn=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"item_currencydisplay"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var r;if(!this.state.isLoaded)return null;let e=(n,i)=>this.props.propChanged(i,n,null),t={"":"None",symbol:"Symbol",code:"Code"};return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Currency Display"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(r=this.props.propvalue)!=null?r:"",hidelabel:true,options:t})})]})}},Qr=withTranslation()(gn);var hn=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"item_fixedlocale"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Fixed Locale"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:"",hidelabel:true,options:l(),sort:"keydesc"})})]})}},eo=withTranslation()(hn);var bn=class extends ie.PureComponent{constructor(t){super(t);this.handleTabChange=(t,r)=>{this.setState({tabValue:r});};this.state={isLoaded:false,tabValue:0};}componentDidMount(){this.setState({isLoaded:true});}render(){var N$1;if(this.state.isLoaded===false)return null;let{component:t,widgetId:r}=((N$1=this.props.selectedWidgetProps)==null?void 0:N$1._path)||{};if(t===void 0||t!==n)return null;let{currency_inputfield:n$1,currency_format:i,currency_currency:d,currency_fixedlocale:p,currency_currencydisplay:u,dateformat:P,defaultvalue:T,gsindex:s,forcereadonly:v,ignorereadonly:R,inputtype:w,label:E,placeholder:O,phoneformat:B,name:z,onchangehandler:J,readonly:K,required:H,requiredmessage:G,reservedname:U,reservedregex:se,regex:xe,showicon:_e,searchbar:Re,size:ze,uppercasemode:Oe,variant:Me,viewfield:l,visible:h,style:c}=this.props.selectedWidgetProps,{textAlign:k,fontSize:b,fontWeight:C}=c!=null?c:{},g=jsxs(Fragment,{children:[jsx(Ts,{disabled:this.props.disabled,inputtype:w,selectedDropdownWidgetPropsChange:a.setProps(this.props).selectedDropdownWidgetPropsChange,selectedWidgetPropsChange:a.setProps(this.props).selectedWidgetPropsChange}),w==="currency"&&jsxs(Fragment,{children:[jsx(Jr,{disabled:this.props.disabled,propvalue:i,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),i==="fixed-locale"&&jsx(eo,{disabled:this.props.disabled,propname:"currency_fixedlocale",propvalue:p,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),(i==="locale"||i==="fixed-locale")&&jsx(Qr,{disabled:this.props.disabled,propname:"currency_currencydisplay",propvalue:u,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),(i===""||i===void 0||i==="locale")&&jsx(S,{disabled:this.props.disabled,proptitle:"Currency Field Name",propname:"currency_inputfield",attr:null,propvalue:n$1,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),(i===""||i===void 0)&&jsx(S,{disabled:this.props.disabled,proptitle:"Currency",propname:"currency_currency",attr:null,propvalue:d,propChanged:a.setProps(this.props).selectedWidgetPropsChange})]}),w==="input"&&jsx(Ls,{disabled:this.props.disabled,proptitle:"Allowed Input",propname:"reservedregex",attr:null,propvalue:se,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),w==="input"&&se==="_custom"&&jsx(S,{disabled:this.props.disabled,proptitle:"Custom RegEx",propname:"regex",attr:null,propvalue:xe,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),w==="input"&&jsx(S,{disabled:this.props.disabled,proptitle:"Default Value",propname:"defaultvalue",attr:null,propvalue:T,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),w==="date"&&jsx(Fragment,{children:jsx(ks,{disabled:this.props.disabled,defaultValue:"",propvalue:T,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange})}),w==="time"&&jsx(Ws,{disabled:this.props.disabled,defaultValue:"",propvalue:T,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),(w==="date"||w==="time")&&jsx(Ps,{disabled:this.props.disabled,attr:null,propname:"dateformat",propvalue:P,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),w==="phone"&&jsx(S,{disabled:this.props.disabled,proptitle:"Phone Format",propname:"phoneformat",attr:null,propvalue:B,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Label",propname:"label",attr:null,propvalue:E,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(Is,{disabled:this.props.disabled,proptitle:"Name",propname:"reservedname",attr:null,propvalue:U,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),U==="_custom"&&jsx(S,{disabled:this.props.disabled,proptitle:"Custom Name",propname:"name",attr:null,propvalue:z,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),w!=="date"&&w!=="time"&&jsx(S,{disabled:this.props.disabled,proptitle:"Placeholder",propname:"placeholder",attr:null,propvalue:O,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Required Field",propname:"required",propvalue:H,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Required Message",propname:"requiredmessage",attr:null,propvalue:G,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"ReadOnly",propname:"readonly",attr:null,propvalue:K,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(At,{attr:null,disabled:this.props.disabled,defaultValue:"small",propvalue:ze,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(ht,{attr:null,disabled:this.props.disabled,defaultValue:"outlined",propvalue:Me,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:h,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]}),W=jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"ID"})}),jsx("div",{className:"propvalue-container",children:jsx("span",{className:"elwrapper",style:{fontSize:"9px",lineHeight:"20px"},children:r})}),this.props.isBuildocsExtendedEditor&&jsx(m,{disabled:this.props.disabled,proptitle:"GS Index",propname:"gsindex",attr:null,propvalue:s,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(Te,{disabled:this.props.disabled,propvalue:b,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Pe,{disabled:this.props.disabled,defaultValue:"normal",propvalue:C,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Ne,{disabled:this.props.disabled,defaultValue:"left",propvalue:k,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"On Change Handler",propname:"onchangehandler",attr:null,propvalue:J,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Readonly (On Edit)",propname:"forcereadonly",attr:null,propvalue:v,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Readonly Ignore",propname:"ignorereadonly",attr:null,propvalue:R,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),w==="date"&&jsx(m,{disabled:this.props.disabled,proptitle:"Show Icon",propname:"showicon",attr:null,propvalue:_e,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),w!=="date"&&jsx(m,{disabled:this.props.disabled,proptitle:"Upper Case Mode",propname:"uppercasemode",attr:null,propvalue:Oe,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(m,{disabled:this.props.disabled,proptitle:"Search Bar",propname:"searchbar",propvalue:Re,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(m,{disabled:this.props.disabled,proptitle:"View Field",propname:"viewfield",propvalue:l,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]});return jsxs(Fragment,{children:[jsxs("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:[jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"Text Input Properties"}),!this.props.disabled&&jsx("div",{className:"removeWidgetButtonHolder",style:{position:"relative"},children:jsx(N,{className:"removeWidgetButton","aria-hidden":"true",title:"Remove Widget",onClick:()=>a.setProps(this.props).removeWidgetButtonClick(r)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(Ip,{value:this.state.tabValue,onChange:this.handleTabChange,variant:"fullWidth",sx:{minHeight:"32px",backgroundColor:"#fafafa",borderBottom:"1px solid #e0e0e0","& .MuiTab-root":{minHeight:"32px",fontSize:"11px",fontWeight:600,padding:"6px 12px",textTransform:"uppercase",letterSpacing:"0.3px",color:"#666","&.Mui-selected":{color:"#333",backgroundColor:"#ffffff"}},"& .MuiTabs-indicator":{backgroundColor:"#1976d2",height:"2px"}},children:[jsx(la,{label:"Default"}),jsx(la,{label:"Advanced"})]})}),this.state.tabValue===0&&g,this.state.tabValue===1&&W]})}},zs=withTranslation()(bn);var vn=class extends ie.PureComponent{constructor(t){super(t);this.handleTabChange=(t,r)=>{this.setState({tabValue:r});};this.state={isLoaded:false,tabValue:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var xe;if(!this.state.isLoaded)return null;let{component:t,widgetId:r}=((xe=this.props.selectedWidgetProps)==null?void 0:xe._path)||{};if(t===void 0||t!==p)return null;let{autocompleteTextArea:n,autosize:i,ignorereadonly:d,label:p$1,name:u,onchangehandler:P,placeholder:T,readonly:s,required:v,requiredmessage:R,size:w,variant:E,viewfield:O,visible:B,style:z}=this.props.selectedWidgetProps,{textAlign:J,fontSize:K,fontWeight:H,minHeight:G}=z!=null?z:{},U=jsxs(Fragment,{children:[jsx(S,{disabled:this.props.disabled,proptitle:"Label",propname:"label",attr:null,propvalue:p$1,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:u,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Placeholder",propname:"placeholder",attr:null,propvalue:T,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Required Field",propname:"required",propvalue:v,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Required Message",propname:"requiredmessage",attr:null,propvalue:R,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"ReadOnly",propname:"readonly",attr:null,propvalue:s,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:B,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(At,{attr:null,disabled:this.props.disabled,defaultValue:"small",propvalue:w,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(ht,{attr:null,disabled:this.props.disabled,defaultValue:"outlined",propvalue:E,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange})]}),se=jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"ID"})}),jsx("div",{className:"propvalue-container",children:jsx("span",{className:"elwrapper",style:{fontSize:"9px",lineHeight:"20px"},children:r})}),jsx(m,{disabled:this.props.disabled,proptitle:"Auto Complete",propname:"autocompleteTextArea",propvalue:n!=null?n:false,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(m,{disabled:this.props.disabled,proptitle:"Auto Size",propname:"autosize",propvalue:i,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Min-height",propname:"minHeight",attr:"style",propvalue:G,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(Te,{disabled:this.props.disabled,propvalue:K,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Pe,{disabled:this.props.disabled,defaultValue:"normal",propvalue:H,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Ne,{disabled:this.props.disabled,defaultValue:"left",propvalue:J,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"On Change Handler",propname:"onchangehandler",attr:null,propvalue:P,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Ignore Readonly",propname:"ignorereadonly",attr:null,propvalue:d,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(m,{disabled:this.props.disabled,proptitle:"View Field",propname:"viewfield",propvalue:O,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]});return jsxs(Fragment,{children:[jsxs("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:[jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"TextArea Properties"}),!this.props.disabled&&jsx("div",{className:"removeWidgetButtonHolder",style:{position:"relative"},children:jsx(N,{className:"removeWidgetButton","aria-hidden":"true",title:"Remove Widget",onClick:()=>a.setProps(this.props).removeWidgetButtonClick(r)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(Ip,{value:this.state.tabValue,onChange:this.handleTabChange,variant:"fullWidth",sx:{minHeight:"32px",backgroundColor:"#fafafa",borderBottom:"1px solid #e0e0e0","& .MuiTab-root":{minHeight:"32px",fontSize:"11px",fontWeight:600,padding:"6px 12px",textTransform:"uppercase",letterSpacing:"0.3px",color:"#666","&.Mui-selected":{color:"#333",backgroundColor:"#ffffff"}},"& .MuiTabs-indicator":{backgroundColor:"#1976d2",height:"2px"}},children:[jsx(la,{label:"Default"}),jsx(la,{label:"Advanced"})]})}),this.state.tabValue===0&&U,this.state.tabValue===1&&se]})}},As=withTranslation()(vn);var yn={backgroundColor:"white",cursor:"move"},$e=o=>{let{id:e,type:t$1,component:r,icon:n$1,title:i$1,disabled:d$1}=o,p$1=d$1?"formwidget disabledElement":"formwidget",u$1={};t$1===g.ROW?u$1=G$1.objectInspector.defaultProps:t$1===g.TAB?u$1=C.objectInspector.defaultProps:t$1===g.TABLE?u$1=E.objectInspector.defaultProps:t$1===g.WIDGET&&(r===Q?u$1=P$1.objectInspector.defaultProps:r===j?u$1=i.objectInspector.defaultProps:r===n?u$1=m$1.objectInspector.defaultProps:r===p?u$1=o$1.objectInspector.defaultProps:r===s?u$1=r$1.objectInspector.defaultProps:r===I?u$1={datatype:"string",datalength:"1000",groupname:"",ignorereadonly:false,name:"",readonly:false,required:false,tabIndex:0,style:{minHeight:"200px"},title:"File Uploader",value:"",visible:true}:r===J?u$1={groupname:"",ignorereadonly:false,name:"",readonly:false,required:false,style:{minHeight:"200px"},tabIndex:0,title:"Placeholder",value:"",visible:true}:r===u?u$1=t.objectInspector.defaultProps:r===w?u$1=v.objectInspector.defaultProps:r===S$1&&(u$1=R.objectInspector.defaultProps));try{let[,P]=d(()=>({type:t$1,item:{id:e,type:t$1,stricttype:r.displayName,component:r,properties:u$1,_children:[]}}));return d$1?jsx("div",{className:p$1,style:yn,title:i$1,children:n$1}):jsx("div",{className:p$1,ref:P,style:yn,title:i$1,children:n$1})}catch(P){return jsx("div",{className:p$1,style:yn,title:i$1,children:n$1})}};var Mc=o=>{let[e,t]=useState(""),{loadFields:r,viewPort:n}=b$1();useEffect(()=>{t(o.value);},[o.value]);let i=d=>{t(d.target.value);};return ie.createElement("div",{style:{display:"flex",width:"30%"}},ie.createElement(n$2,{id:nanoid(5),label:"Column Title",onBlur:o.onBlur,onInput:i,name:o.name,size:"small",type:"text",variant:"outlined",value:e,visible:true},null))},Bc=o=>{let[e,t]=useState("");useEffect(()=>{t(o.value);},[o.value]);let r=n=>{t(n.target.value);};return ie.createElement(n$2,{id:nanoid(5),label:"Field Name",onBlur:o.onBlur,onInput:r,name:o.name,size:"small",type:"text",variant:"outlined",value:e,visible:true},null)},zc=o=>{let e=o.columns.map((t,r,n)=>ie.createElement("div",{key:nanoid(11),style:{padding:"0.3em 1em 0.3em 0em",display:"flex",alignItems:"center",gap:"1em"}},jsx(Mc,{name:"coltitle_"+r,onBlur:i=>o.onColCaptionBlur(i,r),value:t[0]}),ie.createElement("div",{style:{width:"30%",display:"flex"}},o.isBuildocsExtendedEditor?ie.createElement(l$1,{key:nanoid(11),id:"colsource_"+r,data:o.source,darkMode:false,label:"Field Name",multiple:false,placeholder:"Field Name",readOnly:false,renderType:"none",selectedValue:[t[1]],size:"small",variant:"outlined",width:"100%",visible:true,onChange:i=>o.onSourceChange(i,r)},null):jsx(Bc,{name:"colsource_"+r,onBlur:i=>o.onColSourceBlur(i,r),value:t[1]})),ie.createElement("div",{style:{width:"30%",display:"flex"}},ie.createElement(l$1,{key:nanoid(11),id:"coltype_"+r,data:o.types,darkMode:false,label:"Type",multiple:false,placeholder:"Type",readOnly:false,renderType:"none",selectedValue:[t[2]==="string"?"freetext":t[2]==="currency"?"price":t[2]],size:"small",variant:"outlined",width:"100%",visible:true,onChange:i=>o.onTypeChange(i,r)},null)),ie.createElement("div",{style:{display:"flex",width:"40px",flexShrink:0,alignItems:"center"}},r>0?jsx(vp,{sx:{},onClick:i=>o.removeColumn(t),children:jsx(M$1,{style:{fontSize:"0.7em"}})}):null)));return jsxs(Fragment,{children:[jsx("div",{style:{paddingTop:"0.5em"},children:e}),jsx("div",{style:{paddingTop:"0.2em"},children:jsx("button",{id:"",className:"btn btn-outline-primary btn-sm",onClick:()=>o.addColumns(),children:"Add Column"})})]})},Hc=o=>{let e=o.columns.map((t,r)=>ie.createElement("div",{key:nanoid(11),style:{padding:"0.3em 1em 0.3em 0em",display:"flex"}},ie.createElement("div",{style:{display:"flex",width:"30%"}},ie.createElement(l$1,{key:nanoid(11),id:"colsource_"+r,data:o.source,darkMode:false,label:"Code",multiple:false,placeholder:"code",readOnly:false,renderType:"none",selectedValue:[t[1]],size:"small",variant:"outlined",width:"100%",visible:true,onChange:n=>o.onSourceChange(n,r)},null))));return jsx(Fragment,{children:jsx("div",{style:{paddingTop:"0.5em"},children:e})})},Fc=o=>{let e=ie.createElement("div",{key:nanoid(11),style:{padding:"0.3em 1em 0.3em 0em",display:"flex"}},ie.createElement("div",{style:{display:"flex",marginLeft:"-8px",width:"20%"}},ie.createElement(l$1,{key:nanoid(11),id:"category",data:o.pluginCategories,darkMode:false,label:"Category",multiple:false,placeholder:"Category",readOnly:false,renderType:"none",selectedValue:[o.conditionCategory],size:"small",variant:"outlined",width:"100%",visible:true,onChange:t=>o.onFilterIndexChange(t,"category")},null)),o.conditionTemplateVisible?ie.createElement("div",{style:{display:"flex",marginLeft:"8px",width:"20%"}},ie.createElement(l$1,{key:nanoid(11),id:"template",data:o.pluginForms,darkMode:false,label:"Template",multiple:false,placeholder:"Template",readOnly:false,renderType:"none",selectedValue:[o.conditionTemplate],size:"small",variant:"outlined",width:"100%",visible:true,onChange:t=>o.onFilterIndexChange(t,"template")},null)):null);return jsx(tt,{style:{paddingTop:"0.5em"},children:e})},Ac=o=>{let e=ie.createElement("div",{key:nanoid(11),style:{padding:"0.3em 1em 0.3em 0em",display:"flex"}},ie.createElement("div",{style:{display:"flex",marginLeft:"-8px",width:"20%"}},ie.createElement(l$1,{key:nanoid(11),id:"querytype",data:[{id:"regular",value:"Regular"},{id:"project",value:"By Project"},{id:"byfolderandchild",value:"By Folder & Children"},{id:"children",value:"Only child records"},{id:"amendment",value:"Amendment Chain"}],darkMode:false,label:"Breakdown",multiple:false,placeholder:"Select Breakdown",readOnly:false,renderType:"none",selectedValue:[o.conditionBreakdown],size:"small",variant:"outlined",width:"100%",visible:true,onChange:t=>o.onFilterIndexChange(t,"breakdown")},null)));return jsx(tt,{children:e})},Vc=o=>{let e=ie.createElement("div",{key:nanoid(11),style:{padding:"0.3em 1em 0.3em 0em",display:"flex"}},ie.createElement("div",{style:{display:"flex",marginLeft:"-8px",width:"41%"}},ie.createElement(l$1,{key:nanoid(11),id:"disableCodegen",data:[{id:"",value:"Auto-Generate Code"},{id:"X",value:"Disable Auto-Generation of Table Widget Code"}],darkMode:false,label:"Code Generation",multiple:false,placeholder:"Select Mode",readOnly:false,renderType:"none",selectedValue:[o.disableCodegen],size:"small",variant:"outlined",width:"100%",visible:true,onChange:t=>o.onFilterIndexChange(t,"disableCodegen")},null)));return jsx(tt,{children:e})},Vs=memo(function(e){var C,g,W,N,_;let{loadFields:t,viewPort:r}=b$1(),[n,i]=useState((C=e.data)!=null&&C.columns?e.data.columns:[[null,null,"string"]]),[d,p]=useState(false),[u,P$1]=useState((g=e.data)!=null&&g.conditionCategory?e.data.conditionCategory:""),[T,s]=useState((W=e.data)!=null&&W.conditionTemplate?e.data.conditionTemplate:""),[v,R]=useState((N=e.data)!=null&&N.disableCodegen?e.data.disableCodegen:""),w=(_=e.data)!=null&&_.conditionBreakdown?e.data.conditionBreakdown:"regular",[E,O]=useState(w),[B,z]=useState(true),[J,K]=useState([{id:"",value:""}]),[H,G]=useState([{id:"freetext",value:"String"},{id:"number",value:"Number"},{id:"date",value:"Date"},{id:"datetime",value:"Date / Time"},{id:"checkbox",value:"Checkbox"},{id:"price",value:"Price"}]),[U,se]=useState([{id:"",value:""}]),[xe,_e]=useState([{id:"",value:""}]),Re=useCallback(async()=>{let f=y=>{let x=[{id:"",value:""}];for(let M in y)x.push({id:M,value:y[M]});return x};t&&await t({pluginCode:e.pluginCode}).then(y=>{if(y.meta.requestStatus==="fulfilled"){let x={...y.payload};x.pluginCategories&&_e(f(x.pluginCategories)),x.pluginForms&&se(f(x.pluginForms)),x.viewFields&&K(f(x.viewFields)),p(true);}});},[]);if(useEffect(()=>{d||(e.isBuildocsExtendedEditor?Re():p(true));},[]),!d)return ie.createElement("div",{},jsx(a$1,{}));let ze=(f,y)=>{let x=f.target.value.trim();y==="category"?P$1(x):y==="disableCodegen"?R(x):y==="template"?s(x):y==="breakdown"&&(O(x),(x==="children"||x==="amendment")&&s(""));},Oe=(f,y)=>{let x=[...n];x[y]=[f.target.value.trim(),n[y][1],n[y][2]],i(x);},Me=(f,y)=>{let x=[...n];x[y]=[n[y][0],f.target.value.trim(),n[y][2]],i(x);},l=(f,y)=>{let x=[...n];x[y]=[n[y][0],f.target.value.trim(),n[y][2]],i(x);},h=(f,y)=>{let x=[...n];x[y]=[n[y][0],n[y][1],f.target.value.trim()],i(x);},c=()=>{i([...n,[null,null,null]]);},k=f=>{let y=n.filter(x=>x!==f);i(y);},b=()=>e.type==="SELECTBOX"?jsxs(Fragment,{children:[jsx("hr",{style:{paddingTop:"1.5em"}}),jsxs(tt,{style:{paddingBottom:"1.5em"},children:[jsx("h4",{style:{fontWeight:700},children:"Source"}),jsx(Hc,{columns:n,onColCaptionBlur:Oe,onSourceChange:l,onTypeChange:h,addColumns:c,removeColumn:k,source:J})]})]}):jsxs(Fragment,{children:[jsx("hr",{style:{paddingTop:"1.5em"}}),jsxs(tt,{style:{paddingBottom:"1.5em"},children:[jsx("h4",{style:{fontWeight:700},children:"Columns"}),jsx(zc,{columns:n,onColCaptionBlur:Oe,onColSourceBlur:Me,onSourceChange:l,onTypeChange:h,addColumns:c,removeColumn:k,source:J,types:H,isBuildocsExtendedEditor:e.isBuildocsExtendedEditor})]})]});return jsx(Fragment,{children:jsxs("div",{id:"main-content-wrapper tableQueryBuilder",style:{display:"flex",flexDirection:"column",height:"100%",overflow:"hidden"},children:[jsx("div",{className:"content on-scrollbar",style:{overflow:"auto",flex:"1 1 auto",minHeight:0},children:jsxs("div",{className:"main-content",style:{padding:"1em",paddingBottom:"0"},children:[jsxs("div",{style:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingBottom:"0.5em",width:"100%"},children:[jsx("h3",{style:{fontWeight:700,margin:0,flex:1},children:e.isBuildocsExtendedEditor?"Data Table Query Builder":"Column Manager"}),jsx("button",{onClick:e.closeForm,style:{display:"inline-flex",alignItems:"center",justifyContent:"center",padding:"6px",border:"1px solid #ddd",background:"#fff",cursor:"pointer",borderRadius:"4px",fontSize:"1.1em",color:"#333",width:"32px",height:"32px",flexShrink:0},onMouseEnter:f=>{f.currentTarget.style.backgroundColor="#f5f5f5";},onMouseLeave:f=>{f.currentTarget.style.backgroundColor="#fff";},"aria-label":"Close",title:"Close",children:jsx(P,{})})]}),e.isBuildocsExtendedEditor&&jsxs(Fragment,{children:[jsx("hr",{style:{paddingTop:"1.5em"}}),jsxs(tt,{style:{paddingBottom:"1.5em"},children:[jsx("h4",{style:{fontWeight:700},children:"Code Generator"}),jsx(Vc,{disableCodegen:v,onFilterIndexChange:ze})]})]}),jsx(b,{}),e.isBuildocsExtendedEditor&&jsxs(Fragment,{children:[jsx("hr",{style:{paddingTop:"1.5em"}}),jsxs(tt,{style:{paddingBottom:"1.5em"},children:[jsx("h4",{style:{fontWeight:700},children:"Breakdown"}),jsx(Ac,{conditionBreakdown:E,onFilterIndexChange:ze})]})]}),e.isBuildocsExtendedEditor&&jsxs(Fragment,{children:[jsx("hr",{style:{paddingTop:"1.5em"}}),jsxs(tt,{children:[jsx("h4",{style:{fontWeight:700},children:"Condition"}),jsx(Fc,{conditionTemplateVisible:B,conditionCategory:u,conditionTemplate:T,onFilterIndexChange:ze,pluginCategories:xe,pluginForms:U})]})]})]})}),jsxs("div",{className:"column-manager-footer",style:{display:"flex",justifyContent:"flex-end",padding:"1em",borderTop:"1px solid #e0e0e0",backgroundColor:"#fff",flexShrink:0,minHeight:"60px",alignItems:"center",gap:"0.5em"},children:[jsx("button",{id:"columnManagerSaveBtn",className:"btn btn-outline-primary btn-sm",style:{display:"inline-block"},onPointerUp:()=>e.saveForm({columns:n,conditionCategory:u,conditionTemplate:T,conditionBreakdown:E,disableCodegen:v}),children:"Save"}),jsx("button",{id:"columnManagerCloseBtn",className:"btn btn-outline-primary btn-sm",style:{display:"inline-block"},onClick:e.closeForm,children:"Close"})]})]})})});var wn=class extends ie.PureComponent{constructor(t){var r,n,i;super(t);this.onSourceEditorOpen=()=>{this.props.disabled||this.setState({opened:true});};this.adjustColor=(t,r)=>"#"+t.replace(/^#/,"").replace(/../g,n=>("0"+Math.min(255,Math.max(0,parseInt(n,16)+r)).toString(16)).slice(-2));this.closeForm=()=>{this.setState({opened:false});};this.saveForm=t=>{this.setState({opened:false}),this.props.propChanged(this.state.propname,t);};this.state={isLoaded:false,pluginCode:t.pluginCode,proptitle:t.proptitle,propname:t.propname,propvalue:t.propvalue,opened:false,hidelabel:(r=t.hidelabel)!=null?r:false,tabIndex:(n=t.tabIndex)!=null?n:0,type:(i=t.type)!=null?i:"TABLE"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(t){var r,n;t.propvalue!==this.props.propvalue&&this.setState({propvalue:this.props.propvalue}),t.pluginCode!==this.props.pluginCode&&this.setState({pluginCode:this.props.pluginCode}),t.proptitle!==this.props.proptitle&&this.setState({proptitle:this.props.proptitle}),t.type!==this.props.type&&this.setState({type:this.props.type}),this.ref&&this.ref.current&&this.props.tabIndex===this.ref.current.tabIndex&&((n=(r=this.ref.current).focus)==null||n.call(r));}render(){var p;if(!this.state.isLoaded)return null;let t=this.props.disabled?"propvalue-container disabledElement":"propvalue-container",r=!!((p=this.state)!=null&&p.propvalue&&this.state.propvalue.columns),n=r?"Edit":"Not set",i=r?"rgb(88, 252, 0)":"#C0C0C0",d={"&.MuiButtonBase-root":{fontSize:"14px",padding:"3px",marginLeft:"-3px",width:"100%",height:"100%",borderRadius:"0px",boxShadow:"none",fontWeight:"normal",backgroundColor:i},"&.MuiButtonBase-root:hover":{backgroundColor:this.adjustColor(i,-50)}};return jsxs(Fragment,{children:[!this.state.hidelabel&&jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.proptitle})}),jsx("div",{className:t,ref:this.ref,children:jsx(o,{variant:"contained",label:n,onClick:this.onSourceEditorOpen,fullWidth:true,sx:d,tabIndex:0,disabled:this.props.disabled})}),this.state.opened&&!this.props.disabled?jsx(a$2,{component:jsx(Vs,{inPreviewMode:false,pluginCode:this.props.pluginCode,modal:true,closeForm:this.closeForm,saveForm:this.saveForm,data:this.state.propvalue,type:this.state.type,isBuildocsExtendedEditor:this.props.isBuildocsExtendedEditor}),id:"column-manager-modal",onCloseModal:this.closeForm,parentId:null,windowMode:"halfWindow"},`col-mgr-${Date.now()}`):null]})}},to=withTranslation()(wn);var Pn=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false,propname:"tabIndex",propvalue:typeof e.propvalue=="number"?e.propvalue:e.propvalue!==void 0?Number(e.propvalue):void 0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(e){this.props.propvalue!==e.propvalue&&this.setState({propvalue:typeof this.props.propvalue=="number"?this.props.propvalue:this.props.propvalue!==void 0?Number(this.props.propvalue):void 0});}render(){if(!this.state.isLoaded)return null;this.props.disabled?"propvalue-container disabledElement":"propvalue-container";return null}},qs=withTranslation()(Pn);var Tn=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:"rendertype",propvalue:(t=e.propvalue)!=null?t:"none"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Render Type"})}),jsx("div",{className:"propvalue-container",children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,options:{none:"None",checkbox:"Checkbox",chip:"Chip"}})})]})}},$s=withTranslation()(Tn);var Sn=class extends ie.PureComponent{constructor(t){var n;super(t);this.convertToText=t=>!t||!Array.isArray(t)||t.length===0?"":t.map(r=>{if(typeof r=="object"&&r!==null){let n=r.value||r.id||"",i=r.id||"";return n===i?n:`${n}|${i}`}return r}).filter(r=>r.trim()!=="").join(`
|
|
2
2
|
`);this.convertToArray=t=>!t||t.trim()===""?[]:t.split(`
|
|
3
3
|
`).map(r=>r.trim()).filter(r=>r!=="").map(r=>{let n=r.indexOf("|");if(n!==-1){let i=r.substring(0,n).trim();return {id:r.substring(n+1).trim(),value:i}}else return {id:r,value:r}});this.handleBlur=t=>{let r=t.target.value;if(this.state.lastSavedValue!==r){let i=this.convertToArray(r);this.setState({textValue:r,lastSavedValue:r}),this.props.propChanged(t,this.props.attr,this.props.propname,i);}};let r=this.convertToText(t.propvalue);this.state={isLoaded:false,textValue:r,lastSavedValue:r,tabIndex:(n=t.tabIndex)!=null?n:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(t){let r=this.ref.current;if(r&&this.props.tabIndex===r.tabIndex&&r.focus(),this.props.propvalue!==t.propvalue){let n=this.convertToText(this.props.propvalue);this.setState({textValue:n,lastSavedValue:n});}}render(){if(!this.state.isLoaded)return null;let t=this.props.disabled?"propvalue-container disabledElement":"propvalue-container";return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.props.proptitle})}),jsx("div",{className:t,children:jsx("textarea",{ref:this.ref,name:this.props.propname,value:this.state.textValue,disabled:this.props.disabled,onChange:r=>this.setState({textValue:r.target.value}),onBlur:this.handleBlur,tabIndex:this.state.tabIndex,placeholder:`Enter values (one per line)
|
|
4
4
|
Format: DisplayText|value or just DisplayText`,style:{width:"100%",minHeight:"80px",fontFamily:"inherit",fontSize:"12px",padding:"4px",border:"1px solid #ccc",borderRadius:"3px",resize:"vertical"}})})]})}},Ys=withTranslation()(Sn);var En=class extends ie.PureComponent{constructor(t){super(t);this.handleTabChange=(t,r)=>{this.setState({tabValue:r});};this.state={isLoaded:false,tabValue:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var l;if(!this.state.isLoaded)return null;let{component:t,widgetId:r}=((l=this.props.selectedWidgetProps)==null?void 0:l._path)||{};if(t===void 0||t!==s)return null;let {gsindex:n,ignorereadonly:i,dropsource:d,dropvalues:p,label:u,multiple:P,name:T,onchangehandler:s$1,placeholder:v,forcereadonly:R,readonly:w,required:E,requiredmessage:O,rendertype:B,searchbar:z,size:J,tabIndex:K,variant:H,viewfield:G,visible:U,style:se}=this.props.selectedWidgetProps,{fontSize:xe,fontWeight:_e,minHeight:Re}=se!=null?se:{},Oe=jsxs(Fragment,{children:[this.props.isBuildocsExtendedEditor&&jsx(to,{disabled:this.props.disabled,proptitle:"Column Manager",propname:"dropsource",propvalue:d,propChanged:a.setProps(this.props).DataSourcePropsChange,tabIndex:K!==void 0?K++:void 0,pluginCode:this.props.pluginCode,type:"SELECTBOX",isBuildocsExtendedEditor:this.props.isBuildocsExtendedEditor}),jsx(S,{disabled:this.props.disabled,proptitle:"Label",propname:"label",attr:null,propvalue:u,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:T,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Placeholder",propname:"placeholder",attr:null,propvalue:v,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(Ys,{disabled:this.props.disabled,proptitle:"Dropdown Values",propname:"dropvalues",attr:null,propvalue:p,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(m,{attr:null,disabled:this.props.disabled,proptitle:"Multiple",propname:"multiple",propvalue:P,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Search Bar",propname:"searchbar",propvalue:z,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Required Field",propname:"required",propvalue:E,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Required Message",propname:"requiredmessage",attr:null,propvalue:O,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"ReadOnly",propname:"readonly",attr:null,propvalue:w,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx($s,{attr:null,disabled:this.props.disabled,propvalue:B,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(At,{attr:null,disabled:this.props.disabled,defaultValue:"small",propvalue:J,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(ht,{attr:null,disabled:this.props.disabled,defaultValue:"outlined",propvalue:H,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:U,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]}),Me=jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"ID"})}),jsx("div",{className:"propvalue-container",children:jsx("span",{className:"elwrapper",style:{fontSize:"9px",lineHeight:"20px"},children:r})}),this.props.isBuildocsExtendedEditor&&jsx(m,{disabled:this.props.disabled,proptitle:"GS Index",propname:"gsindex",attr:null,propvalue:n,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(Te,{disabled:this.props.disabled,propvalue:xe,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Pe,{disabled:this.props.disabled,defaultValue:"normal",propvalue:_e,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(qs,{attr:null,disabled:this.props.disabled,propvalue:K,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"On Change Handler",propname:"onchangehandler",attr:null,propvalue:s$1,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Readonly (On Edit)",propname:"forcereadonly",attr:null,propvalue:R,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Readonly Ignore",propname:"ignorereadonly",attr:null,propvalue:i,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(m,{disabled:this.props.disabled,proptitle:"View Field",propname:"viewfield",propvalue:G,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]});return jsxs(Fragment,{children:[jsxs("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:[jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"SelectBox Properties"}),!this.props.disabled&&jsx("div",{className:"removeWidgetButtonHolder",style:{position:"relative"},children:jsx(N,{className:"removeWidgetButton","aria-hidden":"true",title:"Remove Widget",onClick:()=>a.setProps(this.props).removeWidgetButtonClick(r)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(Ip,{value:this.state.tabValue,onChange:this.handleTabChange,variant:"fullWidth",sx:{minHeight:"32px",backgroundColor:"#fafafa",borderBottom:"1px solid #e0e0e0","& .MuiTab-root":{minHeight:"32px",fontSize:"11px",fontWeight:600,padding:"6px 12px",textTransform:"uppercase",letterSpacing:"0.3px",color:"#666","&.Mui-selected":{color:"#333",backgroundColor:"#ffffff"}},"& .MuiTabs-indicator":{backgroundColor:"#1976d2",height:"2px"}},children:[jsx(la,{label:"Default"}),jsx(la,{label:"Advanced"})]})}),this.state.tabValue===0&&Oe,this.state.tabValue===1&&Me]})}},Qs=withTranslation()(En);var Wn=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"elementSize",propvalue:e.propvalue,defaultValue:(r=e.defaultValue)!=null?r:"1.35em"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var r;if(!this.state.isLoaded)return null;let e=(n,i)=>this.props.propChanged(i,n,"style"),t={"1.0em":"1.0em","1.1em":"1.1em","1.2em":"1.2em","1.3em":"1.3em","1.35em":"1.35em","1.4em":"1.4em","1.5em":"1.5em","1.6em":"1.6em","1.7em":"1.7em","1.8em":"1.8em"};return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Size"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,defaultValue:this.state.defaultValue,propChanged:e,propname:this.state.propname,propvalue:(r=this.props.propvalue)!=null?r:this.state.propvalue,hidelabel:true,sort:"alpha",options:t})})]})}},io=withTranslation()(Wn);var Dn=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false,propname:e.propname,propvalue:e.propvalue},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(){}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Label Position"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:"labelplacement",propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,options:{bottom:"bottom",end:"end",start:"start",top:"top"}})})]})}},so=withTranslation()(Dn);var In=class extends ie.PureComponent{constructor(t){super(t);this.handleTabChange=(t,r)=>{this.setState({tabValue:r});};this.state={isLoaded:false,tabValue:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var K;if(this.state.isLoaded===false)return null;let{component:t,widgetId:r}=((K=this.props.selectedWidgetProps)==null?void 0:K._path)||{};if(t===void 0||t!==u)return null;let{defaultvalue:n,ignorereadonly:i,label:d,labelplacement:p,name:u$1,onchangehandler:P,readonly:T,required:s,value:v,viewfield:R,visible:w,style:E}=this.props.selectedWidgetProps,{textAlign:O,elementSize:B}=E!=null?E:{},z=jsxs(Fragment,{children:[jsx(S,{disabled:this.props.disabled,proptitle:"Label Text",propname:"label",attr:null,propvalue:d,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:u$1,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Value",propname:"value",attr:null,propvalue:v,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Default Value",propname:"defaultvalue",attr:null,propvalue:n,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(so,{disabled:this.props.disabled,defaultValue:"end",propvalue:p,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Required Field",propname:"required",propvalue:s,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"ReadOnly",propname:"readonly",attr:null,propvalue:T,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:w,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]}),J=jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"ID"})}),jsx("div",{className:"propvalue-container",children:jsx("span",{className:"elwrapper",style:{fontSize:"9px",lineHeight:"20px"},children:r})}),jsx(io,{disabled:this.props.disabled,propvalue:B,defaultValue:"1.35em",propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Ne,{disabled:this.props.disabled,defaultValue:"left",propvalue:O,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"On Change Handler",propname:"onchangehandler",attr:null,propvalue:P,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Ignore Readonly",propname:"ignorereadonly",attr:null,propvalue:i,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(m,{disabled:this.props.disabled,proptitle:"View Field",propname:"viewfield",propvalue:R,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]});return jsxs(Fragment,{children:[jsxs("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:[jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"CheckBox Properties"}),!this.props.disabled&&jsx("div",{className:"removeWidgetButtonHolder",style:{position:"relative"},children:jsx(N,{className:"removeWidgetButton","aria-hidden":"true",title:"Remove Widget",onClick:()=>a.setProps(this.props).removeWidgetButtonClick(r)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(Ip,{value:this.state.tabValue,onChange:this.handleTabChange,variant:"fullWidth",sx:{minHeight:"32px",backgroundColor:"#fafafa",borderBottom:"1px solid #e0e0e0","& .MuiTab-root":{minHeight:"32px",fontSize:"11px",fontWeight:600,padding:"6px 12px",textTransform:"uppercase",letterSpacing:"0.3px",color:"#666","&.Mui-selected":{color:"#333",backgroundColor:"#ffffff"}},"& .MuiTabs-indicator":{backgroundColor:"#1976d2",height:"2px"}},children:[jsx(la,{label:"Default"}),jsx(la,{label:"Advanced"})]})}),this.state.tabValue===0&&z,this.state.tabValue===1&&J]})}},od=withTranslation()(In);var Ln=class extends ie.PureComponent{constructor(t){super(t);this.handleTabChange=(t,r)=>{this.setState({tabValue:r});};this.state={isLoaded:false,tabValue:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var K;if(!this.state.isLoaded)return null;let{component:t,widgetId:r}=((K=this.props.selectedWidgetProps)==null?void 0:K._path)||{};if(t===void 0||t!==w)return null;let{groupname:n,defaultvalue:i,ignorereadonly:d,label:p,labelplacement:u,name:P,onchangehandler:T,readonly:s,value:v,viewfield:R,visible:w$1,style:E}=this.props.selectedWidgetProps,{textAlign:O,elementSize:B}=E!=null?E:{},z=jsxs(Fragment,{children:[jsx(S,{disabled:this.props.disabled,proptitle:"Label Text",propname:"label",attr:null,propvalue:p,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Group Name",propname:"groupname",attr:null,propvalue:n,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:P,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Value",propname:"value",attr:null,propvalue:v,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Default Value",propname:"defaultvalue",attr:null,propvalue:i,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(so,{disabled:this.props.disabled,defaultValue:"end",propvalue:u,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"ReadOnly",propname:"readonly",attr:null,propvalue:s,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:w$1,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]}),J=jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"ID"})}),jsx("div",{className:"propvalue-container",children:jsx("span",{className:"elwrapper",style:{fontSize:"9px",lineHeight:"20px"},children:r})}),jsx(io,{disabled:this.props.disabled,propvalue:B,defaultValue:"1.35em",propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Ne,{disabled:this.props.disabled,defaultValue:"left",propvalue:O,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"On Change Handler",propname:"onchangehandler",attr:null,propvalue:T,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Ignore Readonly",propname:"ignorereadonly",attr:null,propvalue:d,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(m,{disabled:this.props.disabled,proptitle:"View Field",propname:"viewfield",propvalue:R,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]});return jsxs(Fragment,{children:[jsxs("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:[jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"Radio Properties"}),!this.props.disabled&&jsx("div",{className:"removeWidgetButtonHolder",style:{position:"relative"},children:jsx(N,{className:"removeWidgetButton","aria-hidden":"true",title:"Remove Widget",onClick:()=>a.setProps(this.props).removeWidgetButtonClick(r)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(Ip,{value:this.state.tabValue,onChange:this.handleTabChange,variant:"fullWidth",sx:{minHeight:"32px",backgroundColor:"#fafafa",borderBottom:"1px solid #e0e0e0","& .MuiTab-root":{minHeight:"32px",fontSize:"11px",fontWeight:600,padding:"6px 12px",textTransform:"uppercase",letterSpacing:"0.3px",color:"#666","&.Mui-selected":{color:"#333",backgroundColor:"#ffffff"}},"& .MuiTabs-indicator":{backgroundColor:"#1976d2",height:"2px"}},children:[jsx(la,{label:"Default"}),jsx(la,{label:"Advanced"})]})}),this.state.tabValue===0&&z,this.state.tabValue===1&&J]})}},ad=withTranslation()(Ln);var dd=memo(function({tabId:e$1,id:t,getSelectedWidgetId:r,getActiveTabIndex:n,moveRowItem:i,addRowSegmentItem:d,findPanelItem:p,findSegmentItem:u,findWidgetItem:P,moveWidgetItem:T,onPointerUp:s,showMessage:v,getEditMode:R,eventDispatcher:w,getFormData:E}){let O=p(e$1,t),B$1=O.index,[,z]=useState(false),[,J]=useState(false),[{isOver:K,isOverCurrent:H}]=e(()=>({accept:[g.ROW,g.TAB],drop(G,U){let se=U.didDrop();se||(i(G,e$1,t,t,B$1,G.tabId===e$1),z(true),J(se));},collect:G=>({isOver:G.isOver(),isOverCurrent:G.isOver({shallow:true}),activeItem:G.getItem()})}),[z,J]);return ie.createElement(ie.Fragment,{},jsx(B,{children:O.item._children.map(({panelId:G,id:U,component:se,properties:xe})=>ie.createElement(se,{key:"tabpanel_"+U,tabId:e$1,panelId:G,properties:xe,onPointerUp:(_e,Re,ze,Oe,Me,l,h)=>{_e.stopPropagation(),s(_e,Re,ze,Oe,Me,l,h);},showMessage:v,addRowSegmentItem:d,getSelectedWidgetId:r,getActiveTabIndex:n,findSegmentItem:u,findWidgetItem:P,moveWidgetItem:T,getEditMode:R,eventDispatcher:w,getFormData:E},null))}))});dd.displayName="_Tabpanel";var po=dd;var On=class extends ie.PureComponent{constructor(t){super(t);this.handleTabChange=(t,r)=>{this.setState({tabValue:r});};this.state={isLoaded:false,tabValue:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var K,H;if(this.state.isLoaded===false)return null;let{component:t,widgetId:r}=((K=this.props.selectedWidgetProps)==null?void 0:K._path)||{};if((t===void 0||t!==D$1)&&t!==po)return null;let{item_title:n,item_default_color:i,item_active_color:d,item_default_background_color:p,item_active_background_color:u,item_fontsize:P,item_fontweight:T,item_name:s,item_visible:v}=(H=this.props.selectedWidgetProps.tabsetup)!=null?H:{},{name:R,tabcount:w,visible:E}=this.props.selectedWidgetProps,O=s&&s!=="",B=()=>O?jsxs(Fragment,{children:[jsx("div",{className:"header item-header",style:{fontSize:"14px",fontWeight:"600",padding:"12px 10px"},children:"Tab Item Properties"}),jsx(S,{disabled:this.props.disabled,proptitle:"Caption",propname:"item_title",attr:null,propvalue:n,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Item Name",propname:"item_name",attr:null,propvalue:s,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Visible",propname:"item_visible",propvalue:v,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]}):null,z=jsxs(Fragment,{children:[jsx(S,{disabled:this.props.disabled||O,proptitle:"Name",propname:"name",attr:null,propvalue:R,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled||O,proptitle:"Tab Count",propname:"tabcount",attr:null,propvalue:w,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(m,{disabled:this.props.disabled||O,proptitle:"Visible",propname:"visible",propvalue:E,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(B,{})]}),J=jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"ID"})}),jsx("div",{className:"propvalue-container",children:jsx("span",{className:"elwrapper",style:{fontSize:"9px",lineHeight:"20px"},children:r})}),jsx(it,{disabled:this.props.disabled,proptitle:"Bg-Color",propname:"item_default_background_color",propvalue:p,propChanged:a.setProps(this.props).selectedColorPropsChange}),jsx(it,{disabled:this.props.disabled,proptitle:"Bg-Hover-Color",propname:"item_active_background_color",propvalue:u,propChanged:a.setProps(this.props).selectedColorPropsChange}),jsx(it,{disabled:this.props.disabled,proptitle:"Text-Color",propname:"item_default_color",propvalue:i,propChanged:a.setProps(this.props).selectedColorPropsChange}),jsx(it,{disabled:this.props.disabled,proptitle:"Text-Hover-Color",propname:"item_active_color",propvalue:d,propChanged:a.setProps(this.props).selectedColorPropsChange}),jsx(Te,{disabled:this.props.disabled,propname:"item_fontsize",propvalue:P,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Pe,{disabled:this.props.disabled,propname:"item_fontweight",defaultValue:"bold",propvalue:T,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange})]});return jsxs(Fragment,{children:[jsxs("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:[jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"Tab Properties"}),!this.props.disabled&&jsx("div",{className:"removeWidgetButtonHolder",style:{position:"relative"},children:jsx(N,{className:"removeWidgetButton","aria-hidden":"true",title:"Remove Widget",onClick:()=>a.setProps(this.props).removeWidgetButtonClick(r)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(Ip,{value:this.state.tabValue,onChange:this.handleTabChange,variant:"fullWidth",sx:{minHeight:"32px",backgroundColor:"#fafafa",borderBottom:"1px solid #e0e0e0","& .MuiTab-root":{minHeight:"32px",fontSize:"11px",fontWeight:600,padding:"6px 12px",textTransform:"uppercase",letterSpacing:"0.3px",color:"#666","&.Mui-selected":{color:"#333",backgroundColor:"#ffffff"}},"& .MuiTabs-indicator":{backgroundColor:"#1976d2",height:"2px"}},children:[jsx(la,{label:"Default"}),jsx(la,{label:"Advanced"})]})}),this.state.tabValue===0&&z,this.state.tabValue===1&&J]})}},cd=withTranslation()(On);var Mn=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"pagesize",propvalue:e.propvalue,proptitle:(r=e.proptitle)!=null?r:"Pagesize"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var r;if(!this.state.isLoaded)return null;let e=(n,i)=>this.props.propChanged(i,n,null),t={50:"50",100:"100",300:"300",500:"500"};return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.proptitle})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(r=this.props.propvalue)!=null?r:this.state.propvalue,hidelabel:true,options:t})})]})}},md=withTranslation()(Mn);var Bn=class extends ie.PureComponent{constructor(e){var t,r,n,i;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"rowactions",propvalue:(r=e.propvalue)!=null?r:"{}",proptitle:(n=e.proptitle)!=null?n:"Row Actions",rowactiontype:(i=e.rowactiontype)!=null?i:"none"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var n;if(!this.state.isLoaded||((n=this.props.rowactiontype)!=null?n:this.state.rowactiontype)==="none")return null;let e=this.props.disabled?"propvalue-container disabledElement":"propvalue-container",t=(i,d,p)=>(p[d]=i,this.props.propChanged(null,null,"rowactions",JSON.stringify(p))),r={};try{r=JSON.parse(this.props.propvalue||this.state.propvalue||"{}")||{};}catch(i){r={};}return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.proptitle})}),jsxs("div",{className:e,ref:this.ref,children:[this.props.isBuildocsExtendedEditor&&jsxs("div",{style:{display:"flex"},children:[jsx(m,{disabled:this.props.disabled,hidelabel:true,propname:"action_editrow",propvalue:r.action_editrow,propChanged:(i,d)=>t(i,d,r)}),jsx("div",{style:{lineHeight:"30px",paddingLeft:"5px"},children:"Edit Row"})]}),jsxs("div",{style:{display:"flex"},children:[jsx(m,{disabled:this.props.disabled,hidelabel:true,propname:"action_edit",propvalue:r.action_edit,propChanged:(i,d)=>t(i,d,r)}),jsx("div",{style:{lineHeight:"30px",paddingLeft:"5px"},children:"Edit"})]}),jsxs("div",{style:{display:"flex"},children:[jsx(m,{disabled:this.props.disabled,hidelabel:true,propname:"action_amend",propvalue:r.action_amend,propChanged:(i,d)=>t(i,d,r)}),jsx("div",{style:{lineHeight:"30px",paddingLeft:"5px"},children:"Amend"})]}),jsxs("div",{style:{display:"flex"},children:[jsx(m,{disabled:this.props.disabled,hidelabel:true,propname:"action_print",propvalue:r.action_print,propChanged:(i,d)=>t(i,d,r)}),jsx("div",{style:{lineHeight:"30px",paddingLeft:"5px"},children:"Print"})]}),jsxs("div",{style:{display:"flex"},children:[jsx(m,{disabled:this.props.disabled,hidelabel:true,propname:"action_download",propvalue:r.action_download,propChanged:(i,d)=>t(i,d,r)}),jsx("div",{style:{lineHeight:"30px",paddingLeft:"5px"},children:"Download"})]}),jsxs("div",{style:{display:"flex"},children:[jsx(m,{disabled:this.props.disabled,hidelabel:true,propname:"action_delete",propvalue:r.action_delete,propChanged:(i,d)=>t(i,d,r)}),jsx("div",{style:{lineHeight:"30px",paddingLeft:"5px"},children:"Delete"})]}),this.props.isBuildocsExtendedEditor&&jsxs("div",{style:{display:"flex"},children:[jsx(m,{disabled:this.props.disabled,hidelabel:true,propname:"action_copy",propvalue:r.action_copy,propChanged:(i,d)=>t(i,d,r)}),jsx("div",{style:{lineHeight:"30px",paddingLeft:"5px"},children:"Copy Template"})]}),this.props.isBuildocsExtendedEditor&&jsxs("div",{style:{display:"flex"},children:[jsx(m,{disabled:this.props.disabled,hidelabel:true,propname:"action_sign",propvalue:r.action_sign,propChanged:(i,d)=>t(i,d,r)}),jsx("div",{style:{lineHeight:"30px",paddingLeft:"5px"},children:"Sign"})]})]})]})}},hd=withTranslation()(Bn);var zn=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"rowdensity",propvalue:e.propvalue,proptitle:(r=e.proptitle)!=null?r:"Row Density"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.proptitle})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,sort:"keydesc",options:{comfortable:"Comfortable",compact:"Compact",spacious:"Spacious"}})})]})}},fd=withTranslation()(zn);var Hn=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"rowactiontype",propvalue:e.propvalue,proptitle:(r=e.proptitle)!=null?r:"Row Actions Type"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.proptitle})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,options:{none:"None",flat:"Flat",menu:"Menu",...this.props.isBuildocsExtendedEditor&&{primary:"Primary"}}})})]})}},yd=withTranslation()(Hn);var Fn=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"rowclickas",propvalue:e.propvalue,proptitle:(r=e.proptitle)!=null?r:"Row Click As"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.proptitle})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,options:{none:"None",new:"Add New"}})})]})}},Cd=withTranslation()(Fn);var An=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"tablemode",propvalue:e.propvalue,proptitle:(r=e.proptitle)!=null?r:"Table Mode"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.proptitle})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,options:{datatable:"Datatable",tabulator:"Tabulator"}})})]})}};withTranslation()(An);var Vn=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"searchtype",propvalue:e.propvalue,proptitle:(r=e.proptitle)!=null?r:"Search Type"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.proptitle})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,options:{startsWith:"StartsWith",contains:"Contains"}})})]})}},Sd=withTranslation()(Vn);var Un=class extends ie.PureComponent{constructor(t){super(t);this.handleTabChange=(t,r)=>{this.setState({tabValue:r});};this.handleEditRowModeChange=(t,r)=>{let n=this.props.selectedWidgetProps;this.props.selectedWidgetPropsChange(!!t,r,null,n),setTimeout(()=>{let i=t?"tabulator":"datatable";this.props.selectedWidgetPropsChange(i,"tablemode",null,this.props.selectedWidgetProps);},0);};this.state={isLoaded:false,tabValue:0};}componentDidMount(){this.setState({isLoaded:true});}componentDidUpdate(t){var r,n,i,d;((n=(r=t.selectedWidgetProps)==null?void 0:r._path)==null?void 0:n.widgetId)!==((d=(i=this.props.selectedWidgetProps)==null?void 0:i._path)==null?void 0:d.widgetId)&&this.setState({tabValue:0});}render(){var ye;if(this.state.isLoaded===false)return null;let{component:t,rowId:r}=((ye=this.props.selectedWidgetProps)==null?void 0:ye._path)||{};if(t===void 0||t!==F)return null;let {alloweditrow:n,backendpagination:i,columns:d,colactions:p,colgrouping:u,colordering:P,colresizing:T,datasource:s,height:v,hideaddbutton:R,newrecordurl:w,name:E,folders:O,foldercaption:B,pagination:z,pagesize:J,readonly:K,ignorereadonly:H,rowactions:G,rowactiontype:U,rowclickas:se,rowdensity:xe,rownumber:_e,rowselection:Re,rowvirtualization:ze,search:Oe,searchtype:Me,selectall:l,stickyheader:h,tablemode:c,toolbarInternalActions:k,topToolbar:b,enableuploadfiles:C,uploadtemplcode:g,visible:W,style:N$1}=this.props.selectedWidgetProps,{fontSize:_,fontWeight:f}=N$1!=null?N$1:{},x=1,M=jsxs(Fragment,{children:[jsx(to,{disabled:this.props.disabled,proptitle:"Column Manager",propname:"datasource",propvalue:s,propChanged:a.setProps(this.props).DataSourcePropsChange,tabIndex:x++,pluginCode:this.props.pluginCode,type:"TABLE",isBuildocsExtendedEditor:this.props.isBuildocsExtendedEditor}),jsx(m,{disabled:this.props.disabled,proptitle:"Edit Row Mode",propname:"alloweditrow",propvalue:n,propChanged:this.handleEditRowModeChange,tabIndex:x++}),jsx(S,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:E,propChanged:a.setProps(this.props).selectedWidgetPropsChange,tabIndex:x++}),this.props.isBuildocsExtendedEditor&&jsx(S,{disabled:this.props.disabled,proptitle:"Columns",propname:"columns",attr:null,propvalue:d,propChanged:a.setProps(this.props).selectedWidgetPropsChange,tabIndex:x++}),jsx(S,{disabled:this.props.disabled,proptitle:c==="tabulator"?"Height":"Max Height",propname:"height",attr:null,propvalue:v,propChanged:a.setProps(this.props).selectedWidgetPropsChange,tabIndex:x++}),!n&&c==="datatable"&&jsx(m,{disabled:this.props.disabled,proptitle:"Pagination",propname:"pagination",propvalue:z,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:x++}),!n&&!!z&&jsx(m,{disabled:this.props.disabled,proptitle:"Lazy Loading",propname:"backendpagination",propvalue:i,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:x++}),!n&&c==="datatable"&&!!z&&jsx(md,{disabled:this.props.disabled,proptitle:"Page Size",propname:"pagesize",propvalue:J,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange,tabIndex:x++}),!n&&jsx(m,{disabled:this.props.disabled,proptitle:"Search",propname:"search",propvalue:Oe,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:x++}),!n&&jsx(Sd,{disabled:this.props.disabled,proptitle:"Search Type",propname:"searchtype",propvalue:Me||"searchtype",propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange,tabIndex:x++}),jsx(m,{disabled:this.props.disabled,proptitle:"ReadOnly",propname:"readonly",attr:null,propvalue:K,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:W,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:x++}),false]}),Ce=jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"ID"})}),jsx("div",{className:"propvalue-container",children:jsx("span",{className:"elwrapper",style:{fontSize:"9px",lineHeight:"20px"},children:r})}),jsx(Te,{disabled:this.props.disabled,propname:"fontSize",propvalue:_,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange,tabIndex:x++}),jsx(Pe,{disabled:this.props.disabled,propname:"fontWeight",defaultValue:"normal",propvalue:f,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange,tabIndex:x++}),jsx(m,{disabled:this.props.disabled,proptitle:"Hide Add Button",propname:"hideaddbutton",propvalue:R,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:x++}),jsx(S,{disabled:this.props.disabled,proptitle:"New Record Url",propname:"newrecordurl",attr:null,propvalue:w,propChanged:a.setProps(this.props).selectedWidgetPropsChange,tabIndex:x++}),!n&&jsx(m,{disabled:this.props.disabled,proptitle:"Column Actions",propname:"colactions",propvalue:p,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:x++}),!n&&jsx(m,{disabled:this.props.disabled,proptitle:"Column Grouping",propname:"colgrouping",propvalue:u,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:x++}),!n&&jsx(m,{disabled:this.props.disabled,proptitle:"Column Ordering",propname:"colordering",propvalue:P,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:x++}),!n&&jsx(m,{disabled:this.props.disabled,proptitle:"Column Resizing",propname:"colresizing",propvalue:T,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:x++}),!n&&jsx(m,{disabled:this.props.disabled,proptitle:"Enable Upload",propname:"enableuploadfiles",propvalue:C,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:x++}),false,!n&&this.props.isBuildocsExtendedEditor&&jsx(m,{disabled:this.props.disabled,proptitle:"Breadcrumbs",propname:"folders",propvalue:O,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:x++}),!n&&this.props.isBuildocsExtendedEditor&&jsx(S,{disabled:this.props.disabled,proptitle:"Folder Caption",propname:"foldercaption",attr:null,propvalue:B,propChanged:a.setProps(this.props).selectedWidgetPropsChange,tabIndex:x++}),jsx(m,{disabled:this.props.disabled,proptitle:"Ignore Readonly",propname:"ignorereadonly",attr:null,propvalue:H,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),!n&&jsx(yd,{disabled:this.props.disabled,isBuildocsExtendedEditor:this.props.isBuildocsExtendedEditor,proptitle:"Row Actions Type",propname:"rowactiontype",propvalue:U,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange,tabIndex:x++}),!n&&jsx(hd,{disabled:this.props.disabled,isBuildocsExtendedEditor:this.props.isBuildocsExtendedEditor,proptitle:"Row Actions",propname:"rowactions",propvalue:G,propChanged:a.setProps(this.props).selectedWidgetPropsChange,tabIndex:x++,rowactiontype:U}),!n&&this.props.isBuildocsExtendedEditor&&jsx(Cd,{disabled:this.props.disabled,proptitle:"Row Click As",propname:"rowclickas",propvalue:se,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange,tabIndex:x++}),!n&&jsx(fd,{disabled:this.props.disabled,proptitle:"Row Density",propname:"rowdensity",propvalue:xe,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange,tabIndex:x++}),!n&&jsx(m,{disabled:this.props.disabled,proptitle:"Row Number",propname:"rownumber",propvalue:_e,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:x++}),!n&&jsx(m,{disabled:this.props.disabled,proptitle:"Row Selection",propname:"rowselection",propvalue:Re,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:x++}),false,!n&&jsx(m,{disabled:this.props.disabled,proptitle:"Select All",propname:"selectall",propvalue:l,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:x++}),!n&&jsx(m,{disabled:this.props.disabled,proptitle:"Sticky Header",propname:"stickyheader",propvalue:h,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:x++}),!n&&jsx(m,{disabled:this.props.disabled,proptitle:"Toolbar Internal Actions",propname:"toolbarInternalActions",propvalue:k,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:x++}),!n&&jsx(m,{disabled:this.props.disabled,proptitle:"Top Toolbar",propname:"topToolbar",propvalue:b,propChanged:a.setProps(this.props).selectedCheckboxPropsChange,tabIndex:x++})]});return jsxs(Fragment,{children:[jsxs("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:[jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"Table Properties"}),!this.props.disabled&&jsx("div",{className:"removeWidgetButtonHolder",style:{position:"relative"},children:jsx(N,{className:"removeWidgetButton","aria-hidden":"true",title:"Remove Widget",onClick:()=>a.setProps(this.props).removeWidgetButtonClick(r)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(Ip,{value:this.state.tabValue,onChange:this.handleTabChange,variant:"fullWidth",sx:{minHeight:"32px",backgroundColor:"#fafafa",borderBottom:"1px solid #e0e0e0","& .MuiTab-root":{minHeight:"32px",fontSize:"11px",fontWeight:600,padding:"6px 12px",textTransform:"uppercase",letterSpacing:"0.3px",color:"#666","&.Mui-selected":{color:"#333",backgroundColor:"#ffffff"}},"& .MuiTabs-indicator":{backgroundColor:"#1976d2",height:"2px"}},children:[jsx(la,{label:"Default"}),jsx(la,{label:"Advanced"})]})}),this.state.tabValue===0&&M,this.state.tabValue===1&&Ce]})}},Ed=withTranslation()(Un);var qn=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:e.propname,propvalue:e.propvalue,title:(t=e.title)!=null?t:"Editor"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t,r;if(!this.state.isLoaded)return null;let e=(n,i)=>this.props.propChanged(i,n,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.title})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:(t=this.state.propname)!=null?t:"item_editor",propvalue:(r=this.props.propvalue)!=null?r:this.state.propvalue,hidelabel:true,options:{input:"Input",number:"Number",checkbox:"Checkbox"},disabled:this.props.disabled||this.props.readOnly})})]})}},Dd=withTranslation()(qn);var Gn=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:e.propname,propvalue:e.propvalue,title:(t=e.title)!=null?t:"Column Type"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var r,n,i;if(!this.state.isLoaded)return null;let e=(d,p)=>this.props.propChanged(p,d,null),t={freetext:"String",number:"Number",date:"Date",datetime:"Date Time",checkbox:"Checkbox",price:"Price"};return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.title})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:(r=this.state.propname)!=null?r:"item_columntype",propvalue:(i=(n=this.props.propvalue)!=null?n:this.state.propvalue)!=null?i:"freetext",hidelabel:true,options:t})})]})}},Id=withTranslation()(Gn);var $n=class extends ie.PureComponent{constructor(t){super(t);this.autoPopulateColumnType=()=>{var p,u;let{parentDatasource:t,parentCellIndex:r}=((p=this.props.selectedWidgetProps)==null?void 0:p._path)||{};if(!(t!=null&&t.columns)||r===void 0||r<0)return;let n=t.columns[r];if(!n||!n[2])return;let d=(u={string:"freetext",freetext:"freetext",currency:"price",price:"price",date:"date",datetime:"datetime",number:"number",checkbox:"checkbox"}[n[2]])!=null?u:"freetext";this.props.selectedWidgetProps.item_columntype!==d&&this.handleColumnTypeChange(d,"item_columntype",null);};this.handleColumnTypeChange=(t,r,n)=>{let i=t,d=this.props.selectedWidgetProps;this.props.selectedWidgetPropsChange(t,r,n,d),setTimeout(()=>{let p=this.props.selectedWidgetProps;this.props.selectedWidgetPropsChange(void 0,"item_format",null,p),this.props.selectedWidgetPropsChange(void 0,"item_fixedlocale",null,p),this.props.selectedWidgetPropsChange(void 0,"item_currencydisplay",null,p),this.props.selectedWidgetPropsChange(void 0,"item_inputfield",null,p),this.props.selectedWidgetPropsChange(void 0,"item_currency",null,p),this.props.selectedWidgetPropsChange(false,"item_assymbol",null,p),this.props.selectedWidgetPropsChange(false,"item_bottomcalc",null,p),this.props.selectedWidgetPropsChange(void 0,"item_formula",null,p),i==="price"&&this.props.selectedWidgetPropsChange("right","item_ctextalign","style",p);},0);};this.handleCurrencyFormatChange=(t,r,n)=>{this.props.selectedWidgetPropsChange(t,r,n,this.props.selectedWidgetProps),setTimeout(()=>{let i=this.props.selectedWidgetProps;this.props.selectedWidgetPropsChange(void 0,"item_inputfield",null,i),this.props.selectedWidgetPropsChange(void 0,"item_currency",null,i),this.props.selectedWidgetPropsChange(void 0,"item_fixedlocale",null,i),this.props.selectedWidgetPropsChange(void 0,"item_currencydisplay",null,i);},0);};this.state={isLoaded:false},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true}),this.autoPopulateColumnType();}componentDidUpdate(t){t.selectedWidgetProps!==this.props.selectedWidgetProps&&this.autoPopulateColumnType();}render(){var Pt,he,at,gr,hr;if(this.state.isLoaded===false)return null;let{component:t,segmentId:r,parentAllowEditRow:n,parentTableMode:i,parentDatasource:d,parentCellIndex:p}=((Pt=this.props.selectedWidgetProps)==null?void 0:Pt._path)||{};if(t===void 0||t!==O)return null;let{item_name:u,item_isprice:P,item_title:T,item_minsize:s,item_displaytooltip:v,item_enablesorting:R,item_increment:w,item_isdate:E,item_isdatetime:O$1,item_ischeckbox:B,item_bottomcalc:z,item_visible:J,item_editor:K,item_formula:H,item_readonly:G,item_format:U,item_assymbol:se,item_inputfield:xe,item_currency:_e,item_columntype:Re,item_currencydisplay:ze,item_fixedlocale:Oe,style:Me}=this.props.selectedWidgetProps,{item_textalign:l,item_ctextalign:h}=Me!=null?Me:{},c=Re!=null?Re:"freetext";Re||(E===true?c="date":O$1===true?c="datetime":B===true?c="checkbox":P===true?c="price":c="freetext");let k=!!(d!=null&&d.columns&&p!==void 0&&p>=0&&((he=d.columns[p])!=null&&he[2])),b=c==="date",C=c==="datetime",g=c==="checkbox",W=c==="price",N=c==="number",_=c==="freetext"||c==="",f=K,y=false;g?(f="checkbox",y=true):W||N?(f="number",y=true):_&&(f="input",y=true);let x=W,M=W&&(U==="locale"||U==="fixed-locale"),Ce=W&&(U===""||U==="locale"),ye=W&&U===""&&!M,Ie=W&&U==="fixed-locale",Ee=false,ue=!!n&&N||i==="tabulator",He=W||N,Fe=!!n&&f==="number"&&!b&&!C&&!g;return jsxs(Fragment,{children:[jsx("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"Table Cell Properties"})}),jsx(Nr,{disabled:this.props.disabled,proptitle:"ID",propvalue:r,style:{fontSize:"9px",lineHeight:"20px"}}),jsx(S,{disabled:this.props.disabled,readOnly:!this.props.isBuildocsExtendedEditor,proptitle:"Caption",propname:"item_title",attr:null,propvalue:T,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Display Tooltip",propname:"item_displaytooltip",propvalue:v,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Enable Sorting",propname:"item_enablesorting",propvalue:R,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(Id,{disabled:this.props.disabled||k,propname:"item_columntype",propvalue:c,propChanged:this.handleColumnTypeChange}),x&&jsx(Jr,{disabled:this.props.disabled,propname:"item_format",propvalue:U,propChanged:this.handleCurrencyFormatChange}),Ie&&jsx(eo,{disabled:this.props.disabled,propname:"item_fixedlocale",propvalue:Oe,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange},`fixedlocale-${p}`),M&&jsx(Qr,{disabled:this.props.disabled,propname:"item_currencydisplay",propvalue:ze,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange},`currencydisplay-${p}`),Ce&&jsx(S,{disabled:this.props.disabled,proptitle:"Currency Field Name",propname:"item_inputfield",attr:null,propvalue:xe,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),ye&&jsx(S,{disabled:this.props.disabled,proptitle:"Currency Code",propname:"item_currency",attr:null,propvalue:_e,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),Ee,ue&&jsx(m,{disabled:this.props.disabled,proptitle:"Increment",propname:"item_increment",propvalue:w,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(Ne,{title:"Title Align",disabled:this.props.disabled,defaultValue:"center",propname:"item_textalign",propvalue:l,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Ne,{title:"Content Align",disabled:this.props.disabled,defaultValue:"left",propname:"item_ctextalign",propvalue:h,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),He&&jsx(m,{disabled:this.props.disabled,proptitle:"Calculate Totals",propname:"item_bottomcalc",propvalue:z,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"ReadOnly",propname:"item_readonly",propvalue:G,propChanged:a.setProps(this.props).selectedCheckboxPropsChange}),jsx(S,{disabled:this.props.disabled,readOnly:true,proptitle:"Name",propname:"item_name",attr:null,propvalue:(hr=(gr=(at=d==null?void 0:d.columns)==null?void 0:at[p])==null?void 0:gr[1])!=null?hr:u,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(Dd,{disabled:this.props.disabled,propname:"item_editor",propvalue:f,propChanged:a.setProps(this.props).selectedWidgetPropsChange,readOnly:y}),Fe&&jsx(S,{disabled:this.props.disabled,proptitle:"Formula",propname:"item_formula",attr:null,propvalue:H,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Min Size",propname:"item_minsize",attr:null,propvalue:s,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(m,{disabled:this.props.disabled,proptitle:"Visible",propname:"item_visible",propvalue:J,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]})}},Ld=withTranslation()($n);var Yn=class extends ie.PureComponent{constructor(t){super(t);this.handleTabChange=(t,r)=>{this.setState({tabValue:r});};this.state={isLoaded:false,tabValue:0},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var R;if(this.state.isLoaded===false)return null;let{component:t,widgetId:r}=((R=this.props.selectedWidgetProps)==null?void 0:R._path)||{};if(t===void 0||t!==I)return null;let{name:n,viewfield:i,visible:d,style:p}=this.props.selectedWidgetProps,{fontSize:u,fontWeight:P,minHeight:T}=p!=null?p:{},s=jsxs(Fragment,{children:[jsx(S,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:n,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:d,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]}),v=jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"ID"})}),jsx("div",{className:"propvalue-container",children:jsx("span",{className:"elwrapper",style:{fontSize:"9px",lineHeight:"20px"},children:r})}),jsx(S,{disabled:this.props.disabled,proptitle:"Min-height",propname:"minHeight",attr:"style",propvalue:T,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(Te,{disabled:this.props.disabled,propvalue:u,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Pe,{disabled:this.props.disabled,defaultValue:"normal",propvalue:P,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),this.props.isBuildocsExtendedEditor&&jsx(m,{disabled:this.props.disabled,proptitle:"View Field",propname:"viewfield",propvalue:i,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]});return jsxs(Fragment,{children:[jsxs("div",{className:"header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"12px 10px",fontSize:"14px",fontWeight:"600"},children:[jsx("span",{style:{flex:1,textAlign:"center",marginLeft:"24px"},children:"File Uploader Properties"}),!this.props.disabled&&jsx("div",{className:"removeWidgetButtonHolder",style:{position:"relative"},children:jsx(N,{className:"removeWidgetButton","aria-hidden":"true",title:"Remove Widget",onClick:()=>a.setProps(this.props).removeWidgetButtonClick(r)})})]}),jsx("div",{style:{gridColumn:"1 / -1",padding:0},children:jsxs(Ip,{value:this.state.tabValue,onChange:this.handleTabChange,variant:"fullWidth",sx:{minHeight:"32px",backgroundColor:"#fafafa",borderBottom:"1px solid #e0e0e0","& .MuiTab-root":{minHeight:"32px",fontSize:"11px",fontWeight:600,padding:"6px 12px",textTransform:"uppercase",letterSpacing:"0.3px",color:"#666","&.Mui-selected":{color:"#333",backgroundColor:"#ffffff"}},"& .MuiTabs-indicator":{backgroundColor:"#1976d2",height:"2px"}},children:[jsx(la,{label:"Default"}),jsx(la,{label:"Advanced"})]})}),this.state.tabValue===0&&s,this.state.tabValue===1&&v]})}},Md=withTranslation()(Yn);var Jn=class extends ie.PureComponent{constructor(e){var t,r;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"placeholdertype",propvalue:e.propvalue,proptitle:(r=e.proptitle)!=null?r:"Type"},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.state.proptitle})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,sort:"keydesc",options:{tree:"Tree",dualbox:"Dual Box"}})})]})}},zd=withTranslation()(Jn);var Kn=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){if(!this.state.isLoaded)return null;let e=this.props.disabled?"propvalue-container disabledElement":"propvalue-container";return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:this.props.proptitle})}),jsxs("div",{className:e,style:{display:"flex"},ref:this.ref,children:[jsx("div",{style:{flexGrow:1},children:jsx("span",{className:"elwrapper",style:this.props.style,children:this.props.propvalue})}),this.props.disabled===false&&jsx("div",{className:"removeWidgetButtonHolder",children:jsx(N,{className:"removeWidgetButton","aria-hidden":"true",title:"Remove Widget",onClick:()=>this.props.propChanged(this.props.propvalue)})})]})]})}},xo=withTranslation()(Kn);var Qn=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var E;if(this.state.isLoaded===false)return null;let{type:e,component:t,rowId:r,segmentId:n,widgetId:i}=((E=this.props.selectedWidgetProps)==null?void 0:E._path)||{};if(t===void 0||t!==J)return null;let{title:d,name:p,visible:u,placeholdertype:P,style:{textAlign:T,fontSize:s,fontWeight:v,color:R,minHeight:w}}=this.props.selectedWidgetProps;return jsxs(Fragment,{children:[jsx("div",{className:"header",children:"Placeholder Properties"}),jsx(xo,{disabled:this.props.disabled,proptitle:"ID",propvalue:i,style:{fontSize:"9px",lineHeight:"20px"},propChanged:a.setProps(this.props).removeWidgetButtonClick}),jsx(S,{disabled:this.props.disabled,proptitle:"Min-height",propname:"minHeight",attr:"style",propvalue:w,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(zd,{disabled:this.props.disabled,proptitle:"Type",propname:"placeholdertype",propvalue:P,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:p,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:u,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]})}},Vd=withTranslation()(Qn);var Zn=class extends ie.PureComponent{constructor(e){var t;super(e),this.state={isLoaded:false,propname:(t=e.propname)!=null?t:"viewcomp",propvalue:e.propvalue},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var t;if(!this.state.isLoaded)return null;let e=(r,n)=>this.props.propChanged(n,r,null);return jsxs(Fragment,{children:[jsx("div",{children:jsx("span",{className:"elwrapper caption",children:"Component"})}),jsx("div",{className:"propvalue-container",ref:this.ref,children:jsx(q,{...this.props,propChanged:e,propname:this.state.propname,propvalue:(t=this.props.propvalue)!=null?t:this.state.propvalue,hidelabel:true,options:{"":"",btree:"Btree"}})})]})}},Ud=withTranslation()(Zn);var ei=class extends ie.PureComponent{constructor(e){super(e),this.state={isLoaded:false},this.ref=ie.createRef();}componentDidMount(){this.setState({isLoaded:true});}render(){var B;if(this.state.isLoaded===false)return null;let{type:e,component:t,rowId:r,segmentId:n,widgetId:i}=((B=this.props.selectedWidgetProps)==null?void 0:B._path)||{};if(t===void 0||t!==S$1)return null;let{title:d,name:p,verticalalign:u,visible:P,viewcomp:T,plugincode:s,formcode:v,style:{textAlign:R,fontSize:w,fontWeight:E,color:O}}=this.props.selectedWidgetProps;return jsxs(Fragment,{children:[jsx("div",{className:"header",children:"View Properties"}),jsx(xo,{disabled:this.props.disabled,proptitle:"ID",propvalue:i,style:{fontSize:"9px",lineHeight:"20px"},propChanged:a.setProps(this.props).removeWidgetButtonClick}),jsx(Ud,{disabled:this.props.disabled,defaultValue:"",propvalue:T,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Plugin Code",propname:"plugincode",attr:null,propvalue:s,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Form Code",propname:"formcode",attr:null,propvalue:v,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Caption",propname:"title",attr:null,propvalue:d,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(Te,{disabled:this.props.disabled,propvalue:w,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Pe,{disabled:this.props.disabled,defaultValue:"normal",propvalue:E,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(S,{disabled:this.props.disabled,proptitle:"Name",propname:"name",attr:null,propvalue:p,propChanged:a.setProps(this.props).selectedWidgetPropsChange}),jsx(Ar,{disabled:this.props.disabled,defaultValue:"middle",propvalue:u,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(Ne,{disabled:this.props.disabled,defaultValue:"left",propvalue:R,propChanged:a.setProps(this.props).selectedDropdownWidgetPropsChange}),jsx(m,{disabled:this.props.disabled,proptitle:"Visible",propname:"visible",propvalue:P,propChanged:a.setProps(this.props).selectedCheckboxPropsChange})]})}},Gd=withTranslation()(ei);var ti=class extends ie.PureComponent{constructor(t){super(t);this.handleScroll=()=>{setTimeout(()=>{var t,r;(r=(t=this.gridContainerRef)==null?void 0:t.current)==null||r.scrollTo(0,0);},0);};this.state={isLoaded:false,leftSideBarVisible:true,context:null},this.gridContainerRef=ie.createRef();}componentDidMount(){this.handleScroll(),this.setState({isLoaded:true});}componentDidUpdate(){this.handleScroll();}render(){var d;if(this.state.isLoaded===false)return null;let t=f.isFloatingState()?"sidebar-float-active":"",r$1=this.state.leftSideBarVisible?"left-sidebar "+t:"left-sidebar minified sidebar-hide-left",n$2=(d=this.props.selectedWidgetProps)==null?void 0:d._path,i=n$2?`${n$2.widgetId||""}-${n$2.rowId||""}-${n$2.segmentId||""}-${n$2.tabId||""}-${n$2.panelId||""}`:"";return jsx("div",{id:"left-sidebar",className:r$1,children:jsx("div",{className:"sidebar-scroll",tabIndex:1,style:{outline:"none",touchAction:"none"},children:jsxs("div",{className:"formeditor-menu",children:[jsxs("div",{className:"properties-container",children:[jsxs("div",{className:"grid-container",ref:this.gridContainerRef,children:[jsx(od,{...this.props,disabled:this.props.inPreviewMode},"checkbox-"+i),jsx(ca,{...this.props,disabled:this.props.inPreviewMode},"container-"+i),jsx(Md,{...this.props,disabled:this.props.inPreviewMode},"fileuploader-"+i),jsx(Cs,{...this.props,disabled:this.props.inPreviewMode},"label-"+i),jsx(bs,{...this.props,disabled:this.props.inPreviewMode},"button-"+i),jsx(Vd,{...this.props,disabled:this.props.inPreviewMode},"placeholder-"+i),jsx(ad,{...this.props,disabled:this.props.inPreviewMode},"radio-"+i),jsx(os,{...this.props,disabled:this.props.inPreviewMode},"row-"+i),jsx(as,{...this.props,disabled:this.props.inPreviewMode},"rowsegment-"+i),jsx(Qs,{...this.props,disabled:this.props.inPreviewMode},"selectbox-"+i),jsx(cd,{...this.props,disabled:this.props.inPreviewMode},"tabbox-"+i),jsx(Ed,{...this.props,disabled:this.props.inPreviewMode},"table-"+i),jsx(Ld,{...this.props,disabled:this.props.inPreviewMode},"tablecell-"+i),jsx(zs,{...this.props,disabled:this.props.inPreviewMode},"textinput-"+i),jsx(As,{...this.props,disabled:this.props.inPreviewMode},"textarea-"+i),jsx(Gd,{...this.props,disabled:this.props.inPreviewMode},"view-"+i)]}),jsx("div",{className:"formeditor-controls",style:{display:"flex",justifyContent:"center"},children:jsx("button",{id:"saveFormBtn",className:"btn btn-outline-primary btn-sm",onClick:this.props.saveForm,style:{width:"100%",display:"flex",alignItems:"center",justifyContent:"center",gap:"8px"},children:this.props.inPreviewMode?jsxs(Fragment,{children:[jsx(r,{size:14}),jsx("span",{children:"Edit"})]}):jsxs(Fragment,{children:[jsx(n$1,{size:14}),jsx("span",{children:"Save & Preview"})]})})})]}),jsxs("div",{className:"widgets-container",children:[jsx($e,{id:null,type:g.ROW,component:H,icon:jsx(I$1,{}),title:"Row",disabled:this.props.inPreviewMode}),jsx($e,{id:null,type:g.TAB,component:D$1,icon:jsx(f$1,{}),title:"TabBox Widget",disabled:this.props.inPreviewMode}),jsx($e,{id:null,type:g.TABLE,component:F,icon:jsx(H$1,{}),title:"Table Widget",disabled:this.props.inPreviewMode}),this.props.isBuildocsExtendedEditor&&jsx($e,{id:null,type:g.WIDGET,component:S$1,icon:jsx(j$1,{}),title:"View Widget",disabled:this.props.inPreviewMode}),jsx($e,{id:null,type:g.WIDGET,component:I,icon:jsx(h$1,{}),title:"File Uploader",disabled:this.props.inPreviewMode}),jsx($e,{id:null,type:g.WIDGET,component:j,icon:jsx(J$1,{}),title:"Label Widget",disabled:this.props.inPreviewMode}),jsx($e,{id:null,type:g.WIDGET,component:n,icon:jsx(L$1,{}),title:"Text Input Widget",disabled:this.props.inPreviewMode}),jsx($e,{id:null,type:g.WIDGET,component:p,icon:jsx(K,{}),title:"TextArea Widget",disabled:this.props.inPreviewMode}),jsx($e,{id:null,type:g.WIDGET,component:s,icon:jsx(z,{}),title:"Selectbox Widget",disabled:this.props.inPreviewMode}),jsx($e,{id:null,type:g.WIDGET,component:u,icon:jsx(F$1,{}),title:"CheckBox Widget",disabled:this.props.inPreviewMode}),jsx($e,{id:null,type:g.WIDGET,component:w,icon:jsx(e$1,{}),title:"Radio Widget",disabled:this.props.inPreviewMode}),jsx($e,{id:null,type:g.WIDGET,component:Q,icon:jsx(G,{}),title:"Button Widget",disabled:this.props.inPreviewMode})]})]})})})}},Yd=withTranslation()(ti);function Qd(o){let{children:e,value:t,index:r,...n}=o;return jsx("div",{role:"tabpanel",hidden:t!==r,id:`vertical-tabpanel-${r}`,"aria-labelledby":`vertical-tab-${r}`,style:{width:"100%",height:"100%"},...n,children:t===r&&jsx(tt,{sx:{height:"100%"},children:e})})}function Zd(o){return {id:`vertical-tab-${o}`,"aria-controls":`vertical-tabpanel-${o}`}}function ri(o){var s;let[e,t]=useState((s=o.currentTab)!=null?s:0);ie.useEffect(()=>{o.currentTab!==void 0&&t(o.currentTab);},[o.currentTab]);let r=(v,R)=>{t(R),o.onTabChange&&o.onTabChange(R);},n=o.containerProps.formCode||"",i=o.containerProps.title||"",d=n.trim()==="",p=n.trim().length>0&&n.trim().length<3,u=d||p,P=i.trim()==="",T=!u&&!P;return ie.useEffect(()=>{!T&&e!==0&&!o.inPreviewMode&&(t(0),o.onTabChange&&o.onTabChange(0));},[T,e,o.inPreviewMode,o.onTabChange]),jsxs(tt,{sx:{flexGrow:1,bgcolor:"background.paper",display:"flex",height:"100%"},children:[jsxs(tt,{sx:{display:"flex",flexDirection:"column",borderRight:1,borderColor:"divider",minWidth:"80px"},children:[jsxs(Ip,{orientation:"vertical",value:e,onChange:r,"aria-label":"Form editor tabs",sx:{flexGrow:1,"& .MuiTab-root":{minWidth:"80px",padding:"20px 16px",fontSize:"11px",alignItems:"center"},"& .MuiTabs-indicator":{left:0,right:"auto",width:"4px",backgroundColor:"#1976d2"}},children:[jsx(la,{icon:jsx(u$1,{size:20}),label:"General",...Zd(0),sx:{flexDirection:"column",gap:.5}}),jsx(la,{icon:jsx(v$1,{size:20}),label:"Build",...Zd(1),disabled:!T,sx:{flexDirection:"column",gap:.5,opacity:T?1:.4}})]}),o.closeForm&&jsxs(tt,{onClick:()=>{var v;return (v=o.closeForm)==null?void 0:v.call(o)},sx:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",padding:"20px 16px",borderTop:1,borderColor:"divider",cursor:"pointer",minHeight:"68px",gap:.5,fontSize:"11px",color:"text.primary",transition:"background-color 0.3s","&:hover":{backgroundColor:"rgba(0, 0, 0, 0.04)"}},title:"Close Form Editor",children:[jsx(k,{size:20}),jsx("span",{style:{fontSize:"11px"},children:"Close"})]})]}),jsx(Qd,{value:e,index:0,children:jsx(Lo,{containerProps:o.containerProps,onContainerPropsChange:o.onContainerPropsChange,disabled:o.inPreviewMode,onSave:o.saveForm,onNext:()=>{t(1),o.onTabChange&&o.onTabChange(1);}})}),jsx(Qd,{value:e,index:1,children:jsx(Yd,{...o})})]})}var ge=c(a$3());function oi(o){let e=null;return ()=>(e==null&&(e=o()),e)}function ep(o,e){return o.filter(t=>t!==e)}function tp(o,e){let t=new Set,r=i=>t.add(i);o.forEach(r),e.forEach(r);let n=[];return t.forEach(i=>n.push(i)),n}var To=class{enter(e){let t=this.entered.length,r=n=>this.isNodeInDocument(n)&&(!n.contains||n.contains(e));return this.entered=tp(this.entered.filter(r),[e]),t===0&&this.entered.length>0}leave(e){let t=this.entered.length;return this.entered=ep(this.entered.filter(this.isNodeInDocument),e),t>0&&this.entered.length===0}reset(){this.entered=[];}constructor(e){this.entered=[],this.isNodeInDocument=e;}};var So=class{initializeExposedProperties(){Object.keys(this.config.exposeProperties).forEach(e=>{Object.defineProperty(this.item,e,{configurable:true,enumerable:true,get(){return null}});});}loadDataTransfer(e){if(e){let t={};Object.keys(this.config.exposeProperties).forEach(r=>{let n=this.config.exposeProperties[r];n!=null&&(t[r]={value:n(e,this.config.matchesTypes),configurable:true,enumerable:true});}),Object.defineProperties(this.item,t);}}canDrag(){return true}beginDrag(){return this.item}isDragging(e,t){return t===e.getSourceId()}endDrag(){}constructor(e){this.config=e,this.item={},this.initializeExposedProperties();}};var cr={};b$2(cr,{FILE:()=>ni,HTML:()=>si,TEXT:()=>ai,URL:()=>ii});var ni="__NATIVE_FILE__",ii="__NATIVE_URL__",ai="__NATIVE_TEXT__",si="__NATIVE_HTML__";function ko(o,e,t){let r=e.reduce((n,i)=>n||o.getData(i),"");return r!=null?r:t}var Eo={[ni]:{exposeProperties:{files:o=>Array.prototype.slice.call(o.files),items:o=>o.items,dataTransfer:o=>o},matchesTypes:["Files"]},[si]:{exposeProperties:{html:(o,e)=>ko(o,e,""),dataTransfer:o=>o},matchesTypes:["Html","text/html"]},[ii]:{exposeProperties:{urls:(o,e)=>ko(o,e,"").split(`
|