| 1 |
var W=Object.defineProperty;var M=Object.getOwnPropertySymbols;var Y=Object.prototype.hasOwnProperty,Z=Object.prototype.propertyIsEnumerable;var w=(r,n,a)=>n in r?W(r,n,{enumerable:!0,configurable:!0,writable:!0,value:a}):r[n]=a,A=(r,n)=>{for(var a in n||(n={}))Y.call(n,a)&&w(r,a,n[a]);if(M)for(var a of M(n))Z.call(n,a)&&w(r,a,n[a]);return r};import{g as D,i as tt,aH as st,aq as et,cd as ot,a as it,r as O,j as i,h as lt,E as nt,X as at,U as ct,_ as T,bs as pt,M as rt,I as dt,ce as mt,f as y,bG as v}from"./main-294.js";import{F as K}from"./bf-821-385.js";import{E as ut}from"./bf-409-457.js";import{S as ht}from"./bf-908-241.js";import{C as Lt}from"./bf-186-103.js";import"./bf-176-80.js";import"./bf-934-246.js";import"./bf-85-248.js";import"./bf-487-72.js";import"./bf-867-113.js";import"./bf-22-244.js";import"./bf-764-245.js";import"./bf-5-86.js";function St({className:r="",onEditList:n,showOptionIcon:a=!1}){var _,k,F,S;const{fieldKey:s}=D(),[h,L]=tt(st),I=et(ot),{css:p}=it(),[N,$]=O.useState(!1),[E,x]=O.useState(!1),[m,z]=O.useState(0);if(!s)return null;const l=h[s],u=(l==null?void 0:l.optionsList)||[],j=(k=(_=l==null?void 0:l.config)==null?void 0:_.activeList)!=null?k:0,f=(F=l==null?void 0:l.adminLbl)!=null?F:"",H=u.length,C=e=>u.some(t=>Object.keys(t)[0]===e),R=()=>{if(!dt){I(A({show:!0},mt.optionList));return}let e=`List-${u.length+1}`;for(;C(e);)e=`${e}1`;const t=y(h,o=>{o[s].optionsList=[...u,{[e]:[{lbl:"Option 1"},{lbl:"Option 2"},{lbl:"Option 3"}]}]});L(t),v({event:`Add New List: ${l.lbl||f||s}`,type:"add_new_list",state:{fields:t,fldKey:s}})},P=e=>{const t=y(h,o=>{o[s].optionsList.splice(e,1)});L(t),v({event:`Remove List: ${l.lbl||f||s}`,type:"remove_list",state:{fields:t,fldKey:s}})},V=(e,t)=>{const{value:o,defaultValue:d}=e.target;if(C(o))e.preventDefault(),x(t);else{const c=y(h,b=>{b[s].optionsList[t]={[o]:b[s].optionsList[t][d]}});L(c),v({event:`List Name Change: ${l.lbl||f||s}`,type:"list_name_change",state:{fields:c,fldKey:s}}),x(!1)}},G=(e,t)=>{const o=y(h,d=>{const c=d[s];c.config.activeList=t;const b=Object.keys(c.optionsList[t])[0],g=c.optionsList[t][b].find(Q=>Q.check);c.config.defaultValue=g?g.val||g.lbl:""});L(o),v({event:`Change Active List: ${l.lbl||f||s}`,type:"change_active_list",state:{fields:o,fldKey:s}})},U=e=>{z(e),$(!0),n==null||n(e)},q=e=>{const t=y(h,o=>{const d=Object.keys(o[s].optionsList[m])[0];if(o[s].optionsList[m][d]=e,m===j){const c=e.find(b=>b.check);o[s].config.defaultValue=c?c.val||c.lbl:""}});L(t),v({event:`Modify Option List: ${l.lbl||f||s}`,type:"modify_options_list",state:{fields:t,fldKey:s}})},X=e=>{L(t=>y(t,o=>{o[s].customTypeList||(o[s].customTypeList=[]),o[s].customTypeList[m]=e}))},J=u[m]?Object.values(u[m])[0]:[];return i.jsxs(i.Fragment,{children:[i.jsx(ht,{id:"lst-n-opt",title:"Lists & Options",className:`${p(K.fieldSection)} ${r}`,open:!0,children:i.jsxs("div",{className:p({p:"5px 10px"}),children:[u.map((e,t)=>{const o=Object.keys(e)[0];return i.jsxs(O.Fragment,{children:[i.jsxs("div",{className:p(lt.flxcb),children:[i.jsx("input",{"data-testid":`lst-name-inp-${t}`,type:"text",value:o,className:p(K.input,{mr:10,my:5}),onChange:d=>V(d,t)}),i.jsx(Lt,{id:`lst-opt-${t}`,radio:!0,name:"option-list",className:p({p:0}),onChange:d=>G(d,t),checked:t===j,value:t,tip:"Select this list as active"}),i.jsx("button",{"data-testid":`lst-opt-edt-btn-${t}`,type:"button",className:p(B.deleteButton),title:"Edit List Options",onClick:()=>U(t),children:i.jsx(nt,{size:19})}),H>1&&t!==j&&i.jsx("button",{"data-testid":`lst-opt-del-btn-${t}`,type:"button",className:p(B.deleteButton),onClick:()=>P(t),title:"Delete List",children:i.jsx(at,{size:19})})]}),E===t&&i.jsx("span",{className:p({cr:"red",ml:5}),children:"Duplicate List Name Not Allowed"})]},`list-name-${t+1}`)}),i.jsxs(ct,{dataTestId:"edt-opt-stng",variant:"primary-outline",size:"sm",className:p({mt:10}),onClick:R,children:[T("Add Options List"),i.jsx("span",{className:p({ml:3,mt:3,tm:"rotate(45deg)"}),children:i.jsx(pt,{size:"13",stroke:"3"})})]})]})}),i.jsx(rt,{md:!0,autoHeight:!0,show:N,setModal:()=>$(!1),className:"o-v",title:T("Options"),width:"730px",children:i.jsx("div",{className:"pos-rel",children:i.jsx(ut,{optionMdl:N,options:J,setOptions:q,lblKey:"lbl",valKey:"val",imgKey:"img",type:"radio",hasGroup:!0,showUpload:a,customType:(S=l==null?void 0:l.customTypeList)==null?void 0:S[m],setCustomType:X})})})]})}const B={deleteButton:{se:25,flx:"center",b:"none",p:3,mr:1,tn:".2s all",curp:1,brs:"50%",bd:"none",":hover":{bd:"var(--b-20-93)",cr:"var(--blue)"}}};export{St as default}; |
