| 1 |
import{a as C,g as O,i as j,r as k,H as E,_ as s,I as B,j as r,f as S,bI as I,b1 as P,at as R}from"./main-96.js";import{F as b}from"./bf-460-326.js";import{S as w}from"./bf-283-176.js";import"./bf-781-46.js";import"./bf-687-180.js";import"./bf-551-68.js";import"./bf-200-43.js";import"./bf-431-60.js";/* empty css */import"./bf-63-62.js";import"./bf-762-63.js";import"./bf-163-182.js";function X(){const{css:o}=C(),{fieldKey:e}=O(),[p,N]=j(P),[D,_]=j(R),[c,u]=k.useState({});if(!e)return null;const d=E(p[e]),{btnTyp:l}=d,m=a=>Object.entries(p).some(([t,i])=>t!==e&&i.typ==="button"&&i.btnTyp===a),h={"next-step":s("Next Step"),"previous-step":s("Previous Step")},F=l in h,v=[{name:s("Reset"),value:"reset",disabled:m("reset")},{name:s("Button"),value:"button",disabled:!1}];(B||l==="save-draft")&&v.push({name:s("Save Draft"),value:"save-draft",disabled:!B}),m("submit")||v.push({name:s("Submit"),value:"submit",disabled:!1});const A=a=>{const{value:t}=a.target;if((t==="submit"||t==="reset")&&m(t)){u({btnTyp:t==="submit"?s("Already have a submit button"):s("Already have a reset button")}),setTimeout(()=>{u({btnTyp:""})},3e3);return}c.btnTyp&&u({btnTyp:""}),d.btnTyp=t;let i="var(--btn-bg)",f="var(--btn-c)",T="var(--btn-bdr-clr)",x="var(--btn-bdr)",$="var(--btn-bdr-width)";t==="reset"&&(i="hsla(240, 12%, 94%, 100)",f="hsla(208, 46%, 25%, 100)"),t==="save-draft"&&(i="hsla(0, 0%, 100%, 100)",f="var(--btn-bgc)",T="var(--btn-bgc)",x="solid",$="1px"),_(y=>S(y,n=>{n.fields[e].classes[`.${e}-btn`].background=i,n.fields[e].classes[`.${e}-btn`].color=f,n.fields[e].classes[`.${e}-btn`]["border-color"]=T,n.fields[e].classes[`.${e}-btn`]["border-style"]=x,n.fields[e].classes[`.${e}-btn`]["border-width"]=$,n.fields[e].classes[`.${e}-btn:hover`]&&(n.fields[e].classes[`.${e}-btn:hover`].color="var(--btn-c)")}));const g=S(p,y=>{y[e]=d});N(g),I({event:`Button Type updated to ${t}: ${d.txt}`,type:"set_btn_typ",state:{fields:g,fldKey:e}})};return r.jsxs(w,{id:"btn-typ",title:s("Button Type"),className:o(b.fieldSection),open:!0,children:[r.jsx("div",{className:o(b.placeholder),children:F?r.jsx("select",{"data-testid":"btn-typ-slct",className:o(b.input),value:l,disabled:!0,title:s("Step navigation buttons keep their type"),children:r.jsx("option",{value:l,children:h[l]})}):r.jsx("select",{"data-testid":"btn-typ-slct",className:o(b.input),value:l,onChange:A,children:v.map(a=>r.jsx("option",{value:a.value,disabled:a.disabled&&a.value!==l,children:a.name},`btcd-k-${a.value}`))})}),c.btnTyp&&r.jsx("span",{className:o({cr:"red",ml:10}),children:c.btnTyp})]})}export{X as default}; |
