@sme.up/ketchup2 2.0.0-SNAPSHOT-20250703080123 → 2.0.0-SNAPSHOT-20250703120822
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../../../src/components/input-panel/assets/data.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,SAAS,EAAE,MAAM,gCAAgC,CAAA;AAE1E,eAAO,MAAM,sBAAsB,EAAE,
|
|
1
|
+
{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../../../src/components/input-panel/assets/data.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,SAAS,EAAE,MAAM,gCAAgC,CAAA;AAE1E,eAAO,MAAM,sBAAsB,EAAE,SAgNpC,CAAA;AAED,eAAO,MAAM,8BAA8B,EAAE,SAwG5C,CAAA;AAED,eAAO,MAAM,2BAA2B,EAAE,SAEzC,CAAA;AAWD,eAAO,MAAM,8CAA8C,WAE1D,CAAA;AAWD,eAAO,MAAM,+CAA+C,WAE3D,CAAA"}
|
package/dist/ketchup2.cjs.js
CHANGED
|
@@ -46,5 +46,5 @@ Valid keys: `+JSON.stringify(Object.keys(h),null," "));var F=re(Y,K,k,N,W+"."+K
|
|
|
46
46
|
${V?"smp-datepickercalendar-td-today":""}
|
|
47
47
|
${h?"smp-datepickercalendar-td-selected":""}
|
|
48
48
|
${x?"smp-datepickercalendar-td-focused":""}
|
|
49
|
-
${$?"smp-datepickercalendar-td-disabled":""}`},X=()=>`${v[f]} ${d.toString()}`;return m.jsxs("div",{className:q.wrapper,ref:s,role:"dialog",tabIndex:-1,"aria-modal":"true","data-component":"datepicker-calendar",children:[m.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:"16px"},children:[m.jsx(ye,{onClick:P,ariaLabel:a(Ct.PREVIOUS_MONTH),optionalDisplayValue:"<",appearance:"ghost",variant:"base",bindValue:"<"}),m.jsx("div",{"aria-label":X(),className:q.label,children:X()}),m.jsx(ye,{onClick:A,ariaLabel:a(Ct.NEXT_MONTH),bindValue:">",optionalDisplayValue:">",appearance:"ghost",variant:"base"})]}),m.jsxs("table",{ref:w,role:"grid","aria-label":`${a(Se.CALENDAR_FOR)} ${v[f]} ${d}`,className:q.table,children:[m.jsx("thead",{children:m.jsx("tr",{children:T.map(V=>m.jsx("th",{scope:"col",abbr:V.full,className:q.th,children:V.value},V.value))})}),m.jsx("tbody",{children:G.map((V,h)=>m.jsx("tr",{children:V.map((x,$)=>{const _=h*7+$;if(x===null)return m.jsx("td",{className:q.td(!1,!1,!1,!0)},`empty-${$}`);const k=x.getDate()===o.getDate()&&x.getMonth()===o.getMonth()&&x.getFullYear()===o.getFullYear(),N=l&&x.getDate()===l.getDate()&&x.getMonth()===l.getMonth()&&x.getFullYear()===l.getFullYear(),W=p===x.getDate(),Y=S(x);return m.jsx("td",{role:"gridcell","aria-selected":N,tabIndex:W?0:-1,onClick:()=>y(x),onKeyDown:U=>j(U,_),"aria-label":`${x.getDate()} ${v[x.getMonth()]} ${x.getFullYear()}`,"data-selected":N,"aria-disabled":Y,ref:U=>{E.current[_]=U},className:q.td(k,N,W,Y),children:x.getDate()},`day-${$}`)})},`week-${h}`))})]})]})}const In=({bindValue:n,placeholder:e,onChange:t,disabledDateRanges:r,isEditable:s=!0,...a})=>{const i=C.useRef(null),[o,l]=C.useState(!1),[c,f]=C.useState(n||""),[u,d]=C.useState(""),{anchorRef:g,targetRef:p}=it({position:"bottom",enabled:o}),b=C.useCallback(()=>{l(!1),i?.current?.focus()},[]);ct([p,g],o,()=>{b()}),$t(o,p);const{format:w,getCurrentLanguage:E}=Re(),v=C.useCallback(L=>{const D=L.length>5&&vr(L,E())||L,j=w(D,void 0,void 0,{type:"date"}),R=typeof D!="string",I=R&&D.toISOString().substring(0,10)||"";return{isValid:R,formattedDate:j,isoDate:I,normalizedDate:D}},[E,w]);C.useEffect(()=>{const{formattedDate:L,isoDate:D,isValid:j}=v(n);f(j&&D||n),d(j&&L||n)},[n,w,v]);const T=()=>l(L=>!L),S=()=>{P(u)},y=L=>{P(L),b()},P=L=>{const{isoDate:D,isValid:j}=v(L);t&&t(j&&D||L)},A=L=>{d(L)},O=L=>{L.key==="Enter"&&(L.preventDefault(),P(u))};return m.jsxs("div",{"data-component":"date-picker",children:[m.jsx(ve,{...a,bindValue:u,placeholder:e,onBlur:S,onChange:A,onKeyDown:O,shapeIcon:"calendar",onShapeIconClick:T,ref:g,inputRef:i,isEditable:s,size:10,maxLength:a.maxLength?a.maxLength:10}),o&&m.jsx(lt,{children:m.jsx(fs,{disabledDateRanges:r,onDateChange:y,initialValue:_t(c)&&c||"",targetRef:p})})]})},ds=({elements:n,displayMode:e,minimumChars:t,listDisplayMode:r,isEditable:s=!0,placeholder:a,label:i,disabled:o,fun:l,error:c,onOptionsRequest:f,onChange:u,onBlur:d,...g})=>{const p=n.map(E=>E.bindValue),b=(E,v)=>{const T=[...n];if(E=="")T.pop();else{const S=T.findIndex(y=>y.bindValue===E&&y.optionalDisplayValue===v);S>=0?T.splice(S,1):T.push({bindValue:E,optionalDisplayValue:v})}u?.(T)},w={container:"smp-multipleAutocomplete-container"};return m.jsxs("div",{className:w.container,"data-component":"multiple-autocomplete",children:[i&&m.jsx(Oe,{label:i,disabled:o}),m.jsx(kt,{elements:n,displayMode:e,isEditable:s,onChange:E=>{u?.(E)}}),m.jsx(jt,{...g,bindValue:"",fun:l,isEditable:s,onChange:b,_changeOnEnter:!0,listDisplayMode:r,minimumChars:t,placeholder:a,onOptionsRequest:f,_multiActiveIndex:p,error:c,onBlur:d})]})},Nn=({...n})=>{const[e,t]=C.useState(!1),r=e?"visibility-off":"visibility";return m.jsx(ve,{...n,inputType:e?"text":"password",shapeIcon:r,onShapeIconClick:()=>t(!e),ariaLabel:"password","data-component":"password"})},ps=({...n})=>{const[e,t]=C.useState(n.bindValue),{translate:r}=Re(),s=a=>{a.key==="Enter"&&(a.preventDefault(),n.onEnter?.(e))};return m.jsx(ve,{...n,placeholder:n.placeholder?n.placeholder:r(Se.SPOTLIGHT_DEFAULT_PLACEHOLDER),icon:"magnify",inputType:"search",bindValue:e,onChange:t,onKeyDown:s,ariaLabel:"search bar",_dataComponent:"search-bar"})},hs=({bindValue:n,optionalDisplayValue:e,label:t})=>{const r={wrapper:"smp-text-wrapper"};return t?m.jsxs("div",{className:r.wrapper,children:[m.jsx(Oe,{label:t}),m.jsx(Ee,{variant:"body",bindValue:e||n})]}):m.jsx(Ee,{variant:"body",bindValue:e||n})};class Te{class;value;constructor(e,t){this.class=e,this.value=t}static fromDataObj(e){return new Te(e,e.k==""?[]:e.k.split(";"))}static fromString(e){return new Te({t:"",p:""},e.split(";"))}getValue(){return this.value}getLegacyValue(){return this.value.join(";")}}const $e=(n,e,t)=>({obj:{t:n.obj.t,p:n.obj.p,k:e},decode:t??n.decode,shape:n.shape,fun:n.fun}),vn=n=>{const e=Te.fromDataObj(n.obj),t=n.decode?Te.fromString(n.decode).getValue():[];return e.getValue().map((r,s)=>({bindValue:r,optionalDisplayValue:t.length>=s?t[s]:""}))},ms=(n,e)=>{const t=new Te(n.obj,e.map(s=>s.bindValue)).getLegacyValue(),r=new Te(n.obj,e.map(s=>s.optionalDisplayValue?s.optionalDisplayValue:"")).getLegacyValue();return $e(n,t,r)},gs=n=>{switch(n){case"CodeOnly":return 15;case"Both":case"CodeAndDesc":case"DescAndCode":return 50;case"DescOnly":default:return 35}},ys=({min:n,max:e,step:t=1,inputMode:r="decimal",dSep:s,bindValue:a,onChange:i,onEnter:o,...l})=>{const{getCurrentLanguage:c}=Re(),f=C.useRef(null),u=c(),{groupingChar:d,decimalChar:g}=C.useMemo(()=>ts(u,s),[u,s]),p=C.useCallback((R,I)=>new Intl.NumberFormat(u,{minimumFractionDigits:I,maximumFractionDigits:I,useGrouping:!0}).format(R),[u]),b=C.useCallback(ss,[d,g]),w=C.useCallback(es,[n,e]),E=a!=null&&a.toString().includes(".")?a.toString().split(".")[1].length:0,[v,T]=C.useState(E),[S,y]=C.useState(a!=null?p(a,v):""),P=C.useRef(a??null);C.useEffect(()=>{if(a==null){y(""),P.current=null;return}const R=a.toString().includes(".")?a.toString().split(".")[1].length:0,I=R===0?v:R;I!==v&&T(I),y(p(a,I)),P.current=a},[a,p]);const A=C.useCallback((R,I=!1)=>{if(R.trim()===""){y(""),P.current=null,i?.(void 0,""),I&&o?.(void 0);return}const M=b(R,d,g);if(isNaN(M))if(P.current!=null){const G=p(P.current,v);y(G)}else y("");else{const G=w(M,n,e),H=rs(R,d,g);T(H);const q=p(G,H);y(q),P.current=G,i?.(G,q),I&&o?.(G)}},[b,d,g,w,n,e,p,i,o,v]),O=R=>y(R),L=()=>A(S),D=R=>{if(R.key==="Enter"){R.preventDefault(),A(S,!0);return}if(R.key==="ArrowUp"||R.key==="ArrowDown"){R.preventDefault();const I=R.key==="ArrowUp"?1:-1,M=P.current??0,G=w(M+I*t,n,e);A(p(G,v))}},j=R=>{if(!R.currentTarget.contains(document.activeElement))return;R.preventDefault();const I=R.deltaY<0?1:-1,M=P.current??0,G=w(M+I*t,n,e);A(p(G,v))};return m.jsx("div",{ref:f,"data-component":"input-number",onWheel:j,children:m.jsx(ve,{...l,"aria-valuemin":n,"aria-valuemax":e,"aria-valuenow":P.current??void 0,bindValue:S,inputType:"text",inputMode:r,min:n,max:e,step:t,onChange:O,onBlur:L,onKeyDown:D})})};class Ue{class;value;decimalSeparator;constructor(e,t,r="."){this.class=e,this.value=t,this.decimalSeparator=r}static fromDataObj(e,t){const r=t==="."?",":".";if(e.k=="")return new Ue(e,void 0,t);const s=e.k.replace(new RegExp(`\\${r}`,"g"),""),a=parseFloat(s.replace(t,"."));return new Ue(e,a,t)}getLegacyValue(){return this.value!=null?this.value.toString().replace(".",this.decimalSeparator):""}getValue(){return this.value}}const bs=({disabled:n,bindValue:e,onChange:t,placeholder:r,state:s,appearance:a,isEditable:i,label:o,ariaLabel:l,helperText:c,error:f,onBlur:u,onKeyDown:d,rows:g=10,cols:p=35})=>{const b=C.useId(),w=`${b}-helper`,E=f?"danger":s,v=c||!!f,T=y=>{t?.(y.target.value)},S={wrapper:"smp-textarea-wrapper",container:`smp-textarea ${n?"smp-textarea-disabled":""} ${r?"smp-textarea-placeholder":""} ${E?`smp-textarea-${E}`:""} ${a?`smp-textarea-${a}`:""} ${i?"":"smp-textarea-readOnly"}`};return m.jsxs("div",{className:S.wrapper,"data-component":"textarea",children:[o&&m.jsx(Oe,{htmlFor:b,label:o,disabled:n}),m.jsx("textarea",{id:b,value:e,placeholder:r,onChange:T,onBlur:u,className:S.container,disabled:n,readOnly:!i,onKeyDown:d,"aria-label":o?void 0:l,"aria-labelledby":o?b:void 0,"aria-describedby":v?w:void 0,rows:g,cols:p}),v&&m.jsx(_n,{id:w,helperText:f,disabled:n,state:E})]})};var Tt=(n=>(n.PAGE_DIRECTION="pageDirection",n.LINE_DIRECTION="lineDirection",n))(Tt||{});const Ne={"smp-radio":"_smp-radio_1wj31_1","smp-radio-options-container":"_smp-radio-options-container_1wj31_10","smp-radio-horizontal":"_smp-radio-horizontal_1wj31_16","smp-radio-element":"_smp-radio-element_1wj31_20","smp-radio-disabled":"_smp-radio-disabled_1wj31_26"},vs=({disabled:n=!1,displayMode:e="DescOnly",RadLay:t=Tt.PAGE_DIRECTION,options:r,onOptionsRequest:s,fun:a,label:i,...o})=>{const[l,c]=C.useState(r),f=C.useId();C.useEffect(()=>{!l&&s&&a&&s(a,void 0).then(b=>c(b)).catch(b=>{console.error("Error during loading options (radio)",b)})},[l,s,a]);const u={container:Ne["smp-radio"],optionsContainer:`${Ne["smp-radio-options-container"]} ${t==Tt.LINE_DIRECTION?Ne["smp-radio-horizontal"]:""}`,option:`${Ne["smp-radio-element"]} ${n?Ne["smp-radio-disabled"]:""}`},d=()=>{n||o.onBlur?.()},g=b=>{n||o.onChange?.(b.id,b.label)},p=C.useId();return m.jsxs("div",{"smp-id":"radio-container",className:u.container,id:f,children:[i&&m.jsx(Oe,{label:i,disabled:n,htmlFor:f}),m.jsx("div",{className:u.optionsContainer,children:l?.map((b,w)=>m.jsxs("label",{className:u.option,children:[m.jsx("input",{type:"radio",name:p,value:b.id,disabled:n,checked:b.id===o.bindValue,onChange:()=>g(b),onBlur:d}),m.jsx(Ee,{variant:"body",bindValue:Ce(b.id,b.label,e)})]},w))})]})},xs=({value:n,onChange:e,targetRef:t,isOpen:r})=>{const s=C.useRef(null);C.useEffect(()=>{r&&s?.current&&s.current.focus()},[r,s]);const[a,i,o]=n,l=c=>Array.from({length:c},(f,u)=>m.jsx("option",{value:u,children:u.toString().padStart(2,"0")},u));return m.jsxs("div",{className:"smp-timepicker-widget",ref:t,children:[m.jsx("select",{value:a,ref:s,onChange:c=>e(+c.target.value,i,o),id:"time-picker-hours",children:l(24)}),":",m.jsx("select",{value:i,onChange:c=>e(a,+c.target.value,o),id:"time-picker-minutes",children:l(60)}),":",m.jsx("select",{value:o||0,onChange:c=>e(a,i,+c.target.value),id:"time-picker-seconds",children:l(60)})]})},xn=n=>{const e=n.match(/^(\d{1,2}):(\d{1,2})(?::(\d{1,2}))?$/);if(!e)return!1;const[,t,r,s]=e,a=parseInt(t,10),i=parseInt(r,10),o=s?parseInt(s,10):0;return a>=0&&a<=23&&i>=0&&i<=59&&(s===void 0||o>=0&&o<=59)},Ss=n=>{const e=n.split(":").map(t=>parseInt(t,10));return[e[0]||0,e[1]||0,e[2]||0]},ws=(n,e,t)=>{const r=n!=null&&!isNaN(n)?n.toString().padStart(2,"0"):"",s=e!=null&&!isNaN(e)?e.toString().padStart(2,"0"):"",a=t!=null&&!isNaN(t)?t.toString().padStart(2,"0"):"";return r&&s?`${r}:${s}:${a}`:s?`${s}:${a}`:a},Es=({bindValue:n,placeholder:e="HH:MM:SS",onChange:t,isEditable:r=!0,...s})=>{const a=C.useRef(null),[i,o]=C.useState(!1),[l,c]=C.useState(n||""),[f,u]=C.useState(""),{anchorRef:d,targetRef:g}=it({position:"bottom",enabled:i}),p=C.useCallback(()=>{o(!1),a?.current?.focus()},[]);ct([g,d],i,()=>o(!1)),$t(i,g),C.useEffect(()=>{const y=n||"",P=xn(y)?y:n||"";c(y),u(P)},[n]),C.useEffect(()=>{const y=P=>{P.key==="Escape"&&o(!1)};return i&&document.addEventListener("keydown",y),()=>{document.removeEventListener("keydown",y)}},[i]);const b=()=>{r&&o(y=>!y)},w=y=>{u(y)},E=(y,P,A)=>{const O=ws(y,P,A);c(O),u(O),t?.(O),p()},v=()=>{S(f)},T=y=>{y.key==="Enter"&&(y.preventDefault(),S(f))},S=y=>{if(y.trim()===""){c(""),u(""),t?.("");return}xn(y)?(c(y),u(y),t?.(y)):u(y)};return m.jsxs("div",{"data-component":"time-picker",children:[m.jsx(Dt,{...s,bindValue:f,placeholder:e,onChange:w,onBlur:v,onKeyDown:T,shapeIcon:"clock",onShapeIconClick:b,isEditable:r,ref:d,inputRef:a}),i&&m.jsx(lt,{children:m.jsx(xs,{value:Ss(l),onChange:E,targetRef:g,isOpen:i})})]})};function Cs(n){return typeof n=="string"&&/^\d{6}$/.test(n)}class ot{class;time;constructor(e,t){this.class=e,this.time=t}static fromDataObj(e){const t=Sn.get(`${e.t}${e.p}`);if(t)return new ot(e,t.legacyToIso(e.k));throw new Error(`time creation from ${e.t}${e.p} not implemented yet`)}getLegacyValue(){const e=Sn.get(`${this.class.t}${this.class.p}`);if(e)return e.isoToLegacy(this.time);throw new Error(`Time object not implemented ${this.class.t}${this.class.p}`)}getValue(){return this.time}}const Sn=new Map([["I12",{legacyToIso(n){return Cs(n)&&`${n.substring(0,2)}:${n.substring(2,4)}:${n.substring(4,6)}`||n},isoToLegacy(n){return n.replaceAll(":","")||n}}]]),Ts={"smp-cell-wrapper":"_smp-cell-wrapper_mdlkz_1"},le=n=>n==null?!1:typeof n=="string"?n.toLocaleLowerCase()=="yes"||n.toLocaleLowerCase()=="true":n,Os=({bindValue:n,disabled:e=!1,displayMode:t="DescOnly",BtoVer:r="false",options:s,onOptionsRequest:a,fun:i,...o})=>{const[l,c]=C.useState(s),f=d=>{e||o.onChange?.(d.id,d.label)};C.useEffect(()=>{!l&&a&&i&&a(i,void 0).then(d=>c(d)).catch(d=>{console.error("Error during loading options (button group)",d)})},[l,a,i]);const u={container:`smp-button-group-container ${le(r)?"smp-button-group-vertical":""}`};return m.jsx("div",{"smp-id":"buttonGroup-container",className:u.container,children:l?.map(d=>m.jsx(ye,{appearance:"raised",variant:"base",active:n===d.id,onClick:()=>f(d),bindValue:d.id,optionalDisplayValue:Ce(d.id,d.label,t),disabled:e,justify:le(r)?"start":"center",icon:d.icon,buttonExt:`oneButton-${le(r)?"vertical":"horizontal"}`},d.id))})},we=({decode:n,shape:e,obj:t,data:r,icon:s,fun:a,placeholderIcon:i,label:o,tooltip:l,options:c,onChange:f,onClick:u,onEnter:d,onBlur:g,onOptionsRequest:p,onContextMenu:b,isEditable:w,dSep:E="."})=>{const v={obj:t,shape:e,decode:n,icon:s,fun:a,data:r},T=v.data&&v.data.size&&v.data.size>=256?"MEM":e,S={onBlur:g,onOptionsRequest:p,fun:a,icon:s,placeholderIcon:i,tooltip:l,label:o,isEditable:w,size:v.data&&v.data.size?v.data.size:v.data?.displayMode&&gs(v.data.displayMode||"CodeOnly"),...r},y=(j,R,I)=>gr(t)?$e(j,new nt(t,R).getLegacyValue()):yr(t)?$e(j,new ot(t,R).getLegacyValue()):$e(j,R,I),P=(j,R)=>$e(j,new Ue(t,R,E).getLegacyValue()),A=j=>$e(v,new tt(t,j).getLegacyValue()),O=j=>ms(v,j),L=()=>{switch(T){case te.AUTOCOMPLETE:{const j={...S,bindValue:t.k,optionalDisplayValue:n,onChange:(R,I)=>{f?.(y(v,R,I))}};return m.jsx(jt,{...j})}case te.BUTTON:{const j={...S,bindValue:t.k,optionalDisplayValue:r?.label&&typeof r.label=="string"?r.label:void 0,title:n,onClick:()=>{u?.(y(v,t.k))}};return m.jsx(ye,{...j})}case te.BUTTON_LIST:{const j={...S,options:c,onClick:(R,I)=>{const M={...v,fun:I};u?.(y(M,R))}};return m.jsx(Ln,{...j})}case te.CHIP:{const j={...S,elements:vn(v)};return m.jsx(kt,{...j})}case te.CHECKBOX:case te.SWITCH:{const j=e===te.SWITCH,R={...S,bindValue:tt.fromDataObj(t).getValue(),optionalDisplayValue:n,onChange:I=>{f?.(A(I))},...j&&{variant:"switch"}};return m.jsx(Pn,{...R})}case te.COMBOBOX:{const j={...S,bindValue:t.k,optionalDisplayValue:n,onChange:(R,I)=>{f?.(y(v,R,I))}};return m.jsx(An,{...j})}case te.DATE:{const j={...S,bindValue:nt.fromDataObj(t).getValue(),onChange:R=>{f?.(y(v,R))}};return m.jsx(In,{...j})}case te.ICON:case te.IMAGE:{const j={...S,icon:s,isInteractable:!!S.fun,onClick:()=>{u?.(y(v,t.k))}};return m.jsx(ie,{...j})}case te.INPUT_NUMBER:{const j={...S,bindValue:Ue.fromDataObj(t,E).getValue(),onChange:R=>{f?.(P(v,R))}};return m.jsx(ys,{...j})}case te.EDITOR:case te.MEMO:{const j={...S,bindValue:t.k,optionalDisplayValue:n,onChange:R=>{f?.(y(v,R))}};return m.jsx(bs,{...j})}case te.MULTI_AUTOCOMPLETE:{const j={...S,elements:vn(v),onChange:R=>{f?.(O(R))}};return m.jsx(ds,{...j})}case te.PASSWORD:{const j={...S,bindValue:t.k,onChange:R=>{f?.(y(v,R))}};return m.jsx(Nn,{...j})}case te.RADIO:{const j={...S,bindValue:t.k,onChange:(R,I)=>{f?.(y(v,R,I))}};return m.jsx(vs,{...j})}case te.SPOTLIGHT:{const j={...S,bindValue:t.k,onEnter:R=>{d?.(y(v,R))}};return m.jsx(ps,{...j})}case te.TEXT_FIELD:{const j={...S,bindValue:t.k,optionalDisplayValue:n,onChange:R=>{f?.(y(v,R))}};return m.jsx(ve,{...j})}case te.BUTTON_GROUP:{const j={...S,bindValue:t.k,onChange:R=>{f?.(y(v,R))}};return m.jsx(Os,{...j})}case te.TIME:{const j={...S,bindValue:ot.fromDataObj(t).getValue(),onChange:R=>{f?.(y(v,R))}};return m.jsx(Es,{...j})}default:{const j={...S,bindValue:t.k,optionalDisplayValue:n};return m.jsx(hs,{...j})}}},D={wrapper:`${Ts["smp-cell-wrapper"]}`};return m.jsx("span",{className:D.wrapper,onContextMenu:j=>{b&&l&&(j.preventDefault(),b(v,j.currentTarget))},children:L()})},Rs=({data:n,onClick:e,onEnter:t,onContextMenu:r})=>{const[s,a]=C.useState(),i=C.useCallback(o=>{if(!o.rows?.length||!o.columns?.length)return{};const l=o.rows[0];return o.columns.filter(c=>c.visible).reduce((c,f)=>{const u=l.cells[f.name],d={...u,id:f.name,onChange:g=>{a(p=>p&&{...p,[f.name]:{...p[f.name],obj:{...p[f.name].obj,k:g.obj.k}}})},onClick:()=>{u.fun&&e&&e({...u})},onEnter:g=>{t&&t(g)},onContextMenu:(g,p)=>{r&&r(g,p)}};return{...c,[f.name]:d}},{})},[e,t,r]);return C.useEffect(()=>{n&&a(i(n))},[n,i]),!n?.rows?.length||!n.columns?.length?null:s&&m.jsx("header",{className:"smp-appbar","aria-label":"App Bar",children:m.jsx(et,{layout:n.rows[0].layout,children:Object.values(s).map(o=>m.jsx(we,{...o}))})})},_s=n=>n.children?.length?n.children.map(e=>({id:e.obj?.k??"",label:e.decode??e.value??e.obj?.k??"",fun:e.fun,icon:e.icon})):[],Ds=({data:n,logo:e,open:t,minifiedOnClose:r=!0,customHeight:s="100vh",onClick:a,onEnter:i,onClose:o,loadOptions:l,onContextMenu:c})=>{const[f,u]=C.useState(),[d,g]=C.useState(t??!0),p=C.useRef(null),b=s.trim()?s:"100vh",w=C.useCallback(S=>{if(!S?.rows?.length||!S?.columns?.length)return{};const y=S.rows[0];return S.columns.filter(P=>P.visible??!0).reduce((P,A)=>{const O=y.cells[A.name];if(!O||!d&&le(r)&&O.shape!==te.BUTTON&&O.shape!==te.BUTTON_LIST)return P;const L={...O,id:A.name,onChange:D=>{u(j=>{const R={...j};return R?.[A.name]&&(R[A.name].obj.k=D.obj.k),R})},onClick:D=>{D.fun&&a&&a(D)},onEnter:D=>{i&&i(D)},onContextMenu:(D,j)=>{c&&c(D,j)}};return l&&O.shape==te.BUTTON_LIST&&(L.onOptionsRequest=(D,j)=>l(D,j).then(R=>_s(R))),!d&&le(r)&&(L.data={...L.data,showText:!1,justify:"center",squared:!0}),{...P,[A.name]:L}},{})},[d,r,a,i,l,c]),E=C.useCallback(()=>{o?.()},[o]),v=()=>{le(r)?g(S=>!S):(g(!1),o?.())};if(C.useEffect(()=>{u(w(n))},[n]),C.useEffect(()=>{if(!p.current)return;if(!le(r)){u(w(n));return}const S=getComputedStyle(p.current).getPropertyValue("--smp-drawer-slide-transition");let y=Number(S);S.endsWith("ms")?y=parseFloat(S):S.endsWith("s")&&(y=parseFloat(S)*1e3),setTimeout(()=>{u(w(n))},y/2)},[d,r]),C.useEffect(()=>{t!==void 0&&!le(r)&&g(t)},[r,t]),!n?.rows?.length||!n.columns?.length)return null;const T={drawer:`smp-drawer ${le(r)?"smp-drawer-minified":"smp-drawer-fixed"} ${d?"smp-drawer-open":""} ${!le(r)&&!d?"smp-drawer-no-border":""}`,container:"smp-drawer-container",containerHeader:"smp-drawer-container-header",containerIcon:`${d?"":"smp-drawer-container-icon-close"} smp-drawer-container-icon`,containerLayout:"smp-drawer-container-layout",containerLogo:"smp-drawer-container-logo",backdrop:`smp-drawer-backdrop ${d?"smp-drawer-backdrop-open":""}`};return f&&m.jsxs(m.Fragment,{children:[!le(r)&&m.jsx("div",{"aria-hidden":"true","aria-label":"drawer-backdrop",className:T.backdrop,onClick:E}),m.jsx("aside",{ref:p,className:T.drawer,style:{height:b},"aria-label":"Drawer","smp-id":"drawer",children:m.jsxs("div",{className:T.container,children:[m.jsxs("div",{className:T.containerHeader,children:[e&&m.jsx("div",{className:T.containerLogo,children:m.jsx(ie,{icon:e,title:"drawer_logo",width:"100%",height:24})}),m.jsx("div",{className:T.containerIcon,children:m.jsx(ie,{icon:le(r)?"menu_close":"close",title:"drawer_icon",rotated:!d,isInteractable:!0,onClick:v,width:20,height:20})})]}),m.jsx("div",{className:T.containerLayout,children:m.jsx(et,{layout:n.rows[0].layout,children:Object.values(f).map(S=>m.jsx(we,{...S}))})})]})})]})},js=({ColumnsNumber:n=1,data:e={},ForceText:t,TextColName:r,TextColor:s="var(--smp-dashList-color-base)",Fillspace:a,FontSize:i,Horizontal:o,ForceIcon:l,IconColName:c,IconColor:f="var(--smp-dashList-color-base)",NumberFormat:u,ForceUM:d,UmColName:g,UmColor:p="var(--smp-dashList-color-base)",ForceValue:b,ValueColName:w,ValueColor:E="var(--smp-dashList-color-base)",SelectLayout:v="1",onClick:T})=>{const S="N/A",y=e?.columns||[],P=e?.rows||[],A=P.length>0,O="--smp-dashList-color",L="smp-layout",D="descr",j="icon",R="um",I="value",M=i||"1em",G="18px",H="--smp-dashList-columns",q="--smp-dashList-fontSize",X={dash:(B="1")=>{const Z=h(B),ne=Z,se=x(Z,D),_e=x(Z,j),Le=x(Z,R),pe=x(Z,I);return{container:ne,descr:se,icon:_e,um:Le,value:pe}},dashList:`smp-dash-list ${le(a)?"smp-dash-list-fill-space":""}
|
|
49
|
+
${$?"smp-datepickercalendar-td-disabled":""}`},X=()=>`${v[f]} ${d.toString()}`;return m.jsxs("div",{className:q.wrapper,ref:s,role:"dialog",tabIndex:-1,"aria-modal":"true","data-component":"datepicker-calendar",children:[m.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:"16px"},children:[m.jsx(ye,{onClick:P,ariaLabel:a(Ct.PREVIOUS_MONTH),optionalDisplayValue:"<",appearance:"ghost",variant:"base",bindValue:"<"}),m.jsx("div",{"aria-label":X(),className:q.label,children:X()}),m.jsx(ye,{onClick:A,ariaLabel:a(Ct.NEXT_MONTH),bindValue:">",optionalDisplayValue:">",appearance:"ghost",variant:"base"})]}),m.jsxs("table",{ref:w,role:"grid","aria-label":`${a(Se.CALENDAR_FOR)} ${v[f]} ${d}`,className:q.table,children:[m.jsx("thead",{children:m.jsx("tr",{children:T.map(V=>m.jsx("th",{scope:"col",abbr:V.full,className:q.th,children:V.value},V.value))})}),m.jsx("tbody",{children:G.map((V,h)=>m.jsx("tr",{children:V.map((x,$)=>{const _=h*7+$;if(x===null)return m.jsx("td",{className:q.td(!1,!1,!1,!0)},`empty-${$}`);const k=x.getDate()===o.getDate()&&x.getMonth()===o.getMonth()&&x.getFullYear()===o.getFullYear(),N=l&&x.getDate()===l.getDate()&&x.getMonth()===l.getMonth()&&x.getFullYear()===l.getFullYear(),W=p===x.getDate(),Y=S(x);return m.jsx("td",{role:"gridcell","aria-selected":N,tabIndex:W?0:-1,onClick:()=>y(x),onKeyDown:U=>j(U,_),"aria-label":`${x.getDate()} ${v[x.getMonth()]} ${x.getFullYear()}`,"data-selected":N,"aria-disabled":Y,ref:U=>{E.current[_]=U},className:q.td(k,N,W,Y),children:x.getDate()},`day-${$}`)})},`week-${h}`))})]})]})}const In=({bindValue:n,placeholder:e,onChange:t,disabledDateRanges:r,isEditable:s=!0,...a})=>{const i=C.useRef(null),[o,l]=C.useState(!1),[c,f]=C.useState(n||""),[u,d]=C.useState(""),{anchorRef:g,targetRef:p}=it({position:"bottom",enabled:o}),b=C.useCallback(()=>{l(!1),i?.current?.focus()},[]);ct([p,g],o,()=>{b()}),$t(o,p);const{format:w,getCurrentLanguage:E}=Re(),v=C.useCallback(L=>{const D=L.length>5&&vr(L,E())||L,j=w(D,void 0,void 0,{type:"date"}),R=typeof D!="string",I=R&&D.toISOString().substring(0,10)||"";return{isValid:R,formattedDate:j,isoDate:I,normalizedDate:D}},[E,w]);C.useEffect(()=>{const{formattedDate:L,isoDate:D,isValid:j}=v(n);f(j&&D||n),d(j&&L||n)},[n,w,v]);const T=()=>l(L=>!L),S=()=>{P(u)},y=L=>{P(L),b()},P=L=>{const{isoDate:D,isValid:j}=v(L);t&&t(j&&D||L)},A=L=>{d(L)},O=L=>{L.key==="Enter"&&(L.preventDefault(),P(u))};return m.jsxs("div",{"data-component":"date-picker",children:[m.jsx(ve,{...a,bindValue:u,placeholder:e,onBlur:S,onChange:A,onKeyDown:O,shapeIcon:"calendar",onShapeIconClick:T,ref:g,inputRef:i,isEditable:s,size:10,maxLength:a.maxLength?a.maxLength:10}),o&&m.jsx(lt,{children:m.jsx(fs,{disabledDateRanges:r,onDateChange:y,initialValue:_t(c)&&c||"",targetRef:p})})]})},ds=({elements:n,displayMode:e,minimumChars:t,listDisplayMode:r,isEditable:s=!0,placeholder:a,label:i,disabled:o,fun:l,error:c,onOptionsRequest:f,onChange:u,onBlur:d,...g})=>{const p=n.map(E=>E.bindValue),b=(E,v)=>{const T=[...n];if(E=="")T.pop();else{const S=T.findIndex(y=>y.bindValue===E&&y.optionalDisplayValue===v);S>=0?T.splice(S,1):T.push({bindValue:E,optionalDisplayValue:v})}u?.(T)},w={container:"smp-multipleAutocomplete-container"};return m.jsxs("div",{className:w.container,"data-component":"multiple-autocomplete",children:[i&&m.jsx(Oe,{label:i,disabled:o}),m.jsx(kt,{elements:n,displayMode:e,isEditable:s,onChange:E=>{u?.(E)}}),m.jsx(jt,{...g,bindValue:"",fun:l,isEditable:s,onChange:b,_changeOnEnter:!0,listDisplayMode:r,minimumChars:t,placeholder:a,onOptionsRequest:f,_multiActiveIndex:p,error:c,onBlur:d})]})},Nn=({...n})=>{const[e,t]=C.useState(!1),r=e?"visibility-off":"visibility";return m.jsx(ve,{...n,inputType:e?"text":"password",shapeIcon:r,onShapeIconClick:()=>t(!e),ariaLabel:"password","data-component":"password"})},ps=({...n})=>{const[e,t]=C.useState(n.bindValue),{translate:r}=Re(),s=a=>{a.key==="Enter"&&(a.preventDefault(),n.onEnter?.(e))};return m.jsx(ve,{...n,placeholder:n.placeholder?n.placeholder:r(Se.SPOTLIGHT_DEFAULT_PLACEHOLDER),icon:"magnify",inputType:"search",bindValue:e,onChange:t,onKeyDown:s,ariaLabel:"search bar",_dataComponent:"search-bar"})},hs=({bindValue:n,optionalDisplayValue:e,label:t})=>{const r={wrapper:"smp-text-wrapper"};return t?m.jsxs("div",{className:r.wrapper,children:[m.jsx(Oe,{label:t}),m.jsx(Ee,{variant:"body",bindValue:e||n})]}):m.jsx(Ee,{variant:"body",bindValue:e||n})};class Te{class;value;constructor(e,t){this.class=e,this.value=t}static fromDataObj(e){return new Te(e,e.k==""?[]:e.k.split(";"))}static fromString(e){return new Te({t:"",p:""},e.split(";"))}getValue(){return this.value}getLegacyValue(){return this.value.join(";")}}const $e=(n,e,t)=>({obj:{t:n.obj.t,p:n.obj.p,k:e},decode:t??n.decode,shape:n.shape,fun:n.fun}),vn=n=>{const e=Te.fromDataObj(n.obj),t=n.decode?Te.fromString(n.decode).getValue():[];return e.getValue().map((r,s)=>({bindValue:r,optionalDisplayValue:t.length>=s?t[s]:""}))},ms=(n,e)=>{const t=new Te(n.obj,e.map(s=>s.bindValue)).getLegacyValue(),r=new Te(n.obj,e.map(s=>s.optionalDisplayValue?s.optionalDisplayValue:"")).getLegacyValue();return $e(n,t,r)},gs=n=>{switch(n){case"CodeOnly":return 15;case"Both":case"CodeAndDesc":case"DescAndCode":return 50;case"DescOnly":default:return 35}},ys=({min:n,max:e,step:t=1,inputMode:r="decimal",dSep:s,bindValue:a,onChange:i,onEnter:o,...l})=>{const{getCurrentLanguage:c}=Re(),f=C.useRef(null),u=c(),{groupingChar:d,decimalChar:g}=C.useMemo(()=>ts(u,s),[u,s]),p=C.useCallback((R,I)=>new Intl.NumberFormat(u,{minimumFractionDigits:I,maximumFractionDigits:I,useGrouping:!0}).format(R),[u]),b=C.useCallback(ss,[d,g]),w=C.useCallback(es,[n,e]),E=a!=null&&a.toString().includes(".")?a.toString().split(".")[1].length:0,[v,T]=C.useState(E),[S,y]=C.useState(a!=null?p(a,v):""),P=C.useRef(a??null);C.useEffect(()=>{if(a==null){y(""),P.current=null;return}const R=a.toString().includes(".")?a.toString().split(".")[1].length:0,I=R===0?v:R;I!==v&&T(I),y(p(a,I)),P.current=a},[a,p]);const A=C.useCallback((R,I=!1)=>{if(R.trim()===""){y(""),P.current=null,i?.(void 0,""),I&&o?.(void 0);return}const M=b(R,d,g);if(isNaN(M))if(P.current!=null){const G=p(P.current,v);y(G)}else y("");else{const G=w(M,n,e),H=rs(R,d,g);T(H);const q=p(G,H);y(q),P.current=G,i?.(G,q),I&&o?.(G)}},[b,d,g,w,n,e,p,i,o,v]),O=R=>y(R),L=()=>A(S),D=R=>{if(R.key==="Enter"){R.preventDefault(),A(S,!0);return}if(R.key==="ArrowUp"||R.key==="ArrowDown"){R.preventDefault();const I=R.key==="ArrowUp"?1:-1,M=P.current??0,G=w(M+I*t,n,e);A(p(G,v))}},j=R=>{if(!R.currentTarget.contains(document.activeElement))return;R.preventDefault();const I=R.deltaY<0?1:-1,M=P.current??0,G=w(M+I*t,n,e);A(p(G,v))};return m.jsx("div",{ref:f,"data-component":"input-number",onWheel:j,children:m.jsx(ve,{...l,"aria-valuemin":n,"aria-valuemax":e,"aria-valuenow":P.current??void 0,bindValue:S,inputType:"text",inputMode:r,min:n,max:e,step:t,onChange:O,onBlur:L,onKeyDown:D})})};class Ue{class;value;decimalSeparator;constructor(e,t,r="."){this.class=e,this.value=t,this.decimalSeparator=r}static fromDataObj(e,t){const r=t==="."?",":".";if(e.k=="")return new Ue(e,void 0,t);const s=e.k.replace(new RegExp(`\\${r}`,"g"),""),a=parseFloat(s.replace(t,"."));return new Ue(e,a,t)}getLegacyValue(){return this.value!=null?this.value.toString().replace(".",this.decimalSeparator):""}getValue(){return this.value}}const bs=({disabled:n,bindValue:e,onChange:t,placeholder:r,state:s,appearance:a,isEditable:i,label:o,ariaLabel:l,helperText:c,error:f,onBlur:u,onKeyDown:d,rows:g=10,cols:p=35})=>{const b=C.useId(),w=`${b}-helper`,E=f?"danger":s,v=c||!!f,T=y=>{t?.(y.target.value)},S={wrapper:"smp-textarea-wrapper",container:`smp-textarea ${n?"smp-textarea-disabled":""} ${r?"smp-textarea-placeholder":""} ${E?`smp-textarea-${E}`:""} ${a?`smp-textarea-${a}`:""} ${i?"":"smp-textarea-readOnly"}`};return m.jsxs("div",{className:S.wrapper,"data-component":"textarea",children:[o&&m.jsx(Oe,{htmlFor:b,label:o,disabled:n}),m.jsx("textarea",{id:b,value:e,placeholder:r,onChange:T,onBlur:u,className:S.container,disabled:n,readOnly:!i,onKeyDown:d,"aria-label":o?void 0:l,"aria-labelledby":o?b:void 0,"aria-describedby":v?w:void 0,rows:g,cols:p}),v&&m.jsx(_n,{id:w,helperText:f,disabled:n,state:E})]})};var Tt=(n=>(n.PAGE_DIRECTION="pageDirection",n.LINE_DIRECTION="lineDirection",n))(Tt||{});const Ne={"smp-radio":"_smp-radio_1wj31_1","smp-radio-options-container":"_smp-radio-options-container_1wj31_10","smp-radio-horizontal":"_smp-radio-horizontal_1wj31_16","smp-radio-element":"_smp-radio-element_1wj31_20","smp-radio-disabled":"_smp-radio-disabled_1wj31_26"},vs=({disabled:n=!1,displayMode:e="DescOnly",RadLay:t=Tt.PAGE_DIRECTION,options:r,onOptionsRequest:s,fun:a,label:i,...o})=>{const[l,c]=C.useState(r),f=C.useId();C.useEffect(()=>{!l&&s&&a&&s(a,void 0).then(b=>c(b)).catch(b=>{console.error("Error during loading options (radio)",b)})},[l,s,a]);const u={container:Ne["smp-radio"],optionsContainer:`${Ne["smp-radio-options-container"]} ${t==Tt.LINE_DIRECTION?Ne["smp-radio-horizontal"]:""}`,option:`${Ne["smp-radio-element"]} ${n?Ne["smp-radio-disabled"]:""}`},d=()=>{n||o.onBlur?.()},g=b=>{n||o.onChange?.(b.id,b.label)},p=C.useId();return m.jsxs("div",{"smp-id":"radio-container",className:u.container,id:f,children:[i&&m.jsx(Oe,{label:i,disabled:n,htmlFor:f}),m.jsx("div",{className:u.optionsContainer,children:l?.map((b,w)=>m.jsxs("label",{className:u.option,children:[m.jsx("input",{type:"radio",name:p,value:b.id,disabled:n,checked:b.id===o.bindValue,onChange:()=>g(b),onBlur:d}),m.jsx(Ee,{variant:"body",bindValue:Ce(b.id,b.label,e)})]},w))})]})},xs=({value:n,onChange:e,targetRef:t,isOpen:r})=>{const s=C.useRef(null);C.useEffect(()=>{r&&s?.current&&s.current.focus()},[r,s]);const[a,i,o]=n,l=c=>Array.from({length:c},(f,u)=>m.jsx("option",{value:u,children:u.toString().padStart(2,"0")},u));return m.jsxs("div",{className:"smp-timepicker-widget",ref:t,children:[m.jsx("select",{value:a,ref:s,onChange:c=>e(+c.target.value,i,o),id:"time-picker-hours",children:l(24)}),":",m.jsx("select",{value:i,onChange:c=>e(a,+c.target.value,o),id:"time-picker-minutes",children:l(60)}),":",m.jsx("select",{value:o||0,onChange:c=>e(a,i,+c.target.value),id:"time-picker-seconds",children:l(60)})]})},xn=n=>{const e=n.match(/^(\d{1,2}):(\d{1,2})(?::(\d{1,2}))?$/);if(!e)return!1;const[,t,r,s]=e,a=parseInt(t,10),i=parseInt(r,10),o=s?parseInt(s,10):0;return a>=0&&a<=23&&i>=0&&i<=59&&(s===void 0||o>=0&&o<=59)},Ss=n=>{const e=n.split(":").map(t=>parseInt(t,10));return[e[0]||0,e[1]||0,e[2]||0]},ws=(n,e,t)=>{const r=n!=null&&!isNaN(n)?n.toString().padStart(2,"0"):"",s=e!=null&&!isNaN(e)?e.toString().padStart(2,"0"):"",a=t!=null&&!isNaN(t)?t.toString().padStart(2,"0"):"";return r&&s?`${r}:${s}:${a}`:s?`${s}:${a}`:a},Es=({bindValue:n,placeholder:e="HH:MM:SS",onChange:t,isEditable:r=!0,...s})=>{const a=C.useRef(null),[i,o]=C.useState(!1),[l,c]=C.useState(n||""),[f,u]=C.useState(""),{anchorRef:d,targetRef:g}=it({position:"bottom",enabled:i}),p=C.useCallback(()=>{o(!1),a?.current?.focus()},[]);ct([g,d],i,()=>o(!1)),$t(i,g),C.useEffect(()=>{const y=n||"",P=xn(y)?y:n||"";c(y),u(P)},[n]),C.useEffect(()=>{const y=P=>{P.key==="Escape"&&o(!1)};return i&&document.addEventListener("keydown",y),()=>{document.removeEventListener("keydown",y)}},[i]);const b=()=>{r&&o(y=>!y)},w=y=>{u(y)},E=(y,P,A)=>{const O=ws(y,P,A);c(O),u(O),t?.(O),p()},v=()=>{S(f)},T=y=>{y.key==="Enter"&&(y.preventDefault(),S(f))},S=y=>{if(y.trim()===""){c(""),u(""),t?.("");return}xn(y)?(c(y),u(y),t?.(y)):u(y)};return m.jsxs("div",{"data-component":"time-picker",children:[m.jsx(Dt,{...s,bindValue:f,placeholder:e,onChange:w,onBlur:v,onKeyDown:T,shapeIcon:"clock",onShapeIconClick:b,isEditable:r,ref:d,inputRef:a}),i&&m.jsx(lt,{children:m.jsx(xs,{value:Ss(l),onChange:E,targetRef:g,isOpen:i})})]})};function Cs(n){return typeof n=="string"&&/^\d{6}$/.test(n)}class ot{class;time;constructor(e,t){this.class=e,this.time=t}static fromDataObj(e){const t=Sn.get(`${e.t}${e.p}`);if(t)return new ot(e,t.legacyToIso(e.k));throw new Error(`time creation from ${e.t}${e.p} not implemented yet`)}getLegacyValue(){const e=Sn.get(`${this.class.t}${this.class.p}`);if(e)return e.isoToLegacy(this.time);throw new Error(`Time object not implemented ${this.class.t}${this.class.p}`)}getValue(){return this.time}}const Sn=new Map([["I12",{legacyToIso(n){return Cs(n)&&`${n.substring(0,2)}:${n.substring(2,4)}:${n.substring(4,6)}`||n},isoToLegacy(n){return n.replaceAll(":","")||n}}]]),Ts={"smp-cell-wrapper":"_smp-cell-wrapper_mdlkz_1"},le=n=>n==null?!1:typeof n=="string"?n.toLocaleLowerCase()=="yes"||n.toLocaleLowerCase()=="true":n,Os=({bindValue:n,disabled:e=!1,displayMode:t="DescOnly",BtoVer:r="false",options:s,onOptionsRequest:a,fun:i,...o})=>{const[l,c]=C.useState(s),f=d=>{e||o.onChange?.(d.id,d.label)};C.useEffect(()=>{!l&&a&&i&&a(i,void 0).then(d=>c(d)).catch(d=>{console.error("Error during loading options (button group)",d)})},[l,a,i]);const u={container:`smp-button-group-container ${le(r)?"smp-button-group-vertical":""}`};return m.jsx("div",{"smp-id":"buttonGroup-container",className:u.container,children:l?.map(d=>m.jsx(ye,{appearance:"raised",variant:"base",active:n===d.id,onClick:()=>f(d),bindValue:d.id,optionalDisplayValue:Ce(d.id,d.label,t),disabled:e,justify:le(r)?"start":"center",icon:d.icon,buttonExt:`oneButton-${le(r)?"vertical":"horizontal"}`},d.id))})},we=({decode:n,shape:e,obj:t,data:r,icon:s,fun:a,placeholderIcon:i,label:o,tooltip:l,options:c,onChange:f,onClick:u,onEnter:d,onBlur:g,onOptionsRequest:p,onContextMenu:b,isEditable:w,dSep:E="."})=>{const v={obj:t,shape:e,decode:n,icon:s,fun:a,data:r},T=v.data&&v.data.size&&v.data.size>=256?"MEM":e,S={onBlur:g,onOptionsRequest:p,fun:a,icon:s,placeholderIcon:i,tooltip:l,label:o,isEditable:w,size:v.data&&v.data.size?v.data.size:v.data?.displayMode&&gs(v.data.displayMode||"CodeOnly"),...r},y=(j,R,I)=>gr(t)?$e(j,new nt(t,R).getLegacyValue()):yr(t)?$e(j,new ot(t,R).getLegacyValue()):$e(j,R,I),P=(j,R)=>$e(j,new Ue(t,R,E).getLegacyValue()),A=j=>$e(v,new tt(t,j).getLegacyValue()),O=j=>ms(v,j),L=()=>{switch(T){case te.AUTOCOMPLETE:{const j={...S,bindValue:t.k,optionalDisplayValue:n,onChange:(R,I)=>{f?.(y(v,R,I))}};return m.jsx(jt,{...j})}case te.BUTTON:{const j={...S,bindValue:t.k,optionalDisplayValue:r?.label&&typeof r.label=="string"?r.label:void 0,title:n,onClick:()=>{u?.(y(v,t.k))}};return m.jsx(ye,{...j})}case te.BUTTON_LIST:{const j={...S,options:c,onClick:(R,I)=>{const M={...v,fun:I};u?.(y(M,R))}};return m.jsx(Ln,{...j})}case te.CHIP:{const j={...S,elements:vn(v)};return m.jsx(kt,{...j})}case te.CHECKBOX:case te.SWITCH:{const j=e===te.SWITCH,R={...S,bindValue:tt.fromDataObj(t).getValue(),optionalDisplayValue:n,onChange:I=>{f?.(A(I))},...j&&{variant:"switch"}};return m.jsx(Pn,{...R})}case te.COMBOBOX:{const j={...S,bindValue:t.k,optionalDisplayValue:n,onChange:(R,I)=>{f?.(y(v,R,I))}};return m.jsx(An,{...j})}case te.DATE:{const j={...S,bindValue:nt.fromDataObj(t).getValue(),onChange:R=>{f?.(y(v,R))}};return m.jsx(In,{...j})}case te.ICON:case te.IMAGE:{const j={...S,icon:s,isInteractable:!!S.fun,onClick:()=>{u?.(y(v,t.k))}};return m.jsx(ie,{...j})}case te.INPUT_NUMBER:{const j={...S,bindValue:Ue.fromDataObj(t,E).getValue(),onChange:R=>{f?.(P(v,R))}};return m.jsx(ys,{...j})}case te.EDITOR:case te.MEMO:{const j={...S,bindValue:t.k,optionalDisplayValue:n,onChange:R=>{f?.(y(v,R))}};return m.jsx(bs,{...j})}case te.MULTI_AUTOCOMPLETE:{const j={...S,elements:vn(v),onChange:R=>{f?.(O(R))}};return m.jsx(ds,{...j})}case te.PASSWORD:{const j={...S,bindValue:t.k,onChange:R=>{f?.(y(v,R))}};return m.jsx(Nn,{...j})}case te.RADIO:{const j={...S,bindValue:t.k,onChange:(R,I)=>{f?.(y(v,R,I))}};return m.jsx(vs,{...j})}case te.SPOTLIGHT:{const j={...S,bindValue:t.k,onEnter:R=>{d?.(y(v,R))}};return m.jsx(ps,{...j})}case te.TEXT_FIELD:{const j={...S,bindValue:t.k,optionalDisplayValue:n,onChange:R=>{f?.(y(v,R))}};return m.jsx(ve,{...j})}case te.BUTTON_GROUP:{const j={...S,bindValue:t.k,onChange:(R,I)=>{f?.(y(v,R,I))}};return m.jsx(Os,{...j})}case te.TIME:{const j={...S,bindValue:ot.fromDataObj(t).getValue(),onChange:R=>{f?.(y(v,R))}};return m.jsx(Es,{...j})}default:{const j={...S,bindValue:t.k,optionalDisplayValue:n};return m.jsx(hs,{...j})}}},D={wrapper:`${Ts["smp-cell-wrapper"]}`};return m.jsx("span",{className:D.wrapper,onContextMenu:j=>{b&&l&&(j.preventDefault(),b(v,j.currentTarget))},children:L()})},Rs=({data:n,onClick:e,onEnter:t,onContextMenu:r})=>{const[s,a]=C.useState(),i=C.useCallback(o=>{if(!o.rows?.length||!o.columns?.length)return{};const l=o.rows[0];return o.columns.filter(c=>c.visible).reduce((c,f)=>{const u=l.cells[f.name],d={...u,id:f.name,onChange:g=>{a(p=>p&&{...p,[f.name]:{...p[f.name],obj:{...p[f.name].obj,k:g.obj.k}}})},onClick:()=>{u.fun&&e&&e({...u})},onEnter:g=>{t&&t(g)},onContextMenu:(g,p)=>{r&&r(g,p)}};return{...c,[f.name]:d}},{})},[e,t,r]);return C.useEffect(()=>{n&&a(i(n))},[n,i]),!n?.rows?.length||!n.columns?.length?null:s&&m.jsx("header",{className:"smp-appbar","aria-label":"App Bar",children:m.jsx(et,{layout:n.rows[0].layout,children:Object.values(s).map(o=>m.jsx(we,{...o}))})})},_s=n=>n.children?.length?n.children.map(e=>({id:e.obj?.k??"",label:e.decode??e.value??e.obj?.k??"",fun:e.fun,icon:e.icon})):[],Ds=({data:n,logo:e,open:t,minifiedOnClose:r=!0,customHeight:s="100vh",onClick:a,onEnter:i,onClose:o,loadOptions:l,onContextMenu:c})=>{const[f,u]=C.useState(),[d,g]=C.useState(t??!0),p=C.useRef(null),b=s.trim()?s:"100vh",w=C.useCallback(S=>{if(!S?.rows?.length||!S?.columns?.length)return{};const y=S.rows[0];return S.columns.filter(P=>P.visible??!0).reduce((P,A)=>{const O=y.cells[A.name];if(!O||!d&&le(r)&&O.shape!==te.BUTTON&&O.shape!==te.BUTTON_LIST)return P;const L={...O,id:A.name,onChange:D=>{u(j=>{const R={...j};return R?.[A.name]&&(R[A.name].obj.k=D.obj.k),R})},onClick:D=>{D.fun&&a&&a(D)},onEnter:D=>{i&&i(D)},onContextMenu:(D,j)=>{c&&c(D,j)}};return l&&O.shape==te.BUTTON_LIST&&(L.onOptionsRequest=(D,j)=>l(D,j).then(R=>_s(R))),!d&&le(r)&&(L.data={...L.data,showText:!1,justify:"center",squared:!0}),{...P,[A.name]:L}},{})},[d,r,a,i,l,c]),E=C.useCallback(()=>{o?.()},[o]),v=()=>{le(r)?g(S=>!S):(g(!1),o?.())};if(C.useEffect(()=>{u(w(n))},[n]),C.useEffect(()=>{if(!p.current)return;if(!le(r)){u(w(n));return}const S=getComputedStyle(p.current).getPropertyValue("--smp-drawer-slide-transition");let y=Number(S);S.endsWith("ms")?y=parseFloat(S):S.endsWith("s")&&(y=parseFloat(S)*1e3),setTimeout(()=>{u(w(n))},y/2)},[d,r]),C.useEffect(()=>{t!==void 0&&!le(r)&&g(t)},[r,t]),!n?.rows?.length||!n.columns?.length)return null;const T={drawer:`smp-drawer ${le(r)?"smp-drawer-minified":"smp-drawer-fixed"} ${d?"smp-drawer-open":""} ${!le(r)&&!d?"smp-drawer-no-border":""}`,container:"smp-drawer-container",containerHeader:"smp-drawer-container-header",containerIcon:`${d?"":"smp-drawer-container-icon-close"} smp-drawer-container-icon`,containerLayout:"smp-drawer-container-layout",containerLogo:"smp-drawer-container-logo",backdrop:`smp-drawer-backdrop ${d?"smp-drawer-backdrop-open":""}`};return f&&m.jsxs(m.Fragment,{children:[!le(r)&&m.jsx("div",{"aria-hidden":"true","aria-label":"drawer-backdrop",className:T.backdrop,onClick:E}),m.jsx("aside",{ref:p,className:T.drawer,style:{height:b},"aria-label":"Drawer","smp-id":"drawer",children:m.jsxs("div",{className:T.container,children:[m.jsxs("div",{className:T.containerHeader,children:[e&&m.jsx("div",{className:T.containerLogo,children:m.jsx(ie,{icon:e,title:"drawer_logo",width:"100%",height:24})}),m.jsx("div",{className:T.containerIcon,children:m.jsx(ie,{icon:le(r)?"menu_close":"close",title:"drawer_icon",rotated:!d,isInteractable:!0,onClick:v,width:20,height:20})})]}),m.jsx("div",{className:T.containerLayout,children:m.jsx(et,{layout:n.rows[0].layout,children:Object.values(f).map(S=>m.jsx(we,{...S}))})})]})})]})},js=({ColumnsNumber:n=1,data:e={},ForceText:t,TextColName:r,TextColor:s="var(--smp-dashList-color-base)",Fillspace:a,FontSize:i,Horizontal:o,ForceIcon:l,IconColName:c,IconColor:f="var(--smp-dashList-color-base)",NumberFormat:u,ForceUM:d,UmColName:g,UmColor:p="var(--smp-dashList-color-base)",ForceValue:b,ValueColName:w,ValueColor:E="var(--smp-dashList-color-base)",SelectLayout:v="1",onClick:T})=>{const S="N/A",y=e?.columns||[],P=e?.rows||[],A=P.length>0,O="--smp-dashList-color",L="smp-layout",D="descr",j="icon",R="um",I="value",M=i||"1em",G="18px",H="--smp-dashList-columns",q="--smp-dashList-fontSize",X={dash:(B="1")=>{const Z=h(B),ne=Z,se=x(Z,D),_e=x(Z,j),Le=x(Z,R),pe=x(Z,I);return{container:ne,descr:se,icon:_e,um:Le,value:pe}},dashList:`smp-dash-list ${le(a)?"smp-dash-list-fill-space":""}
|
|
50
50
|
${le(o)?"smp-dash-list-horizontal":""}`},{format:V}=Re(),h=B=>`${L}-${B}`,x=(B,Z)=>`${B}__${Z}`,$=B=>`${O}-${B}`,_=B=>{const Z=/R(\d{1,3})G(\d{1,3})B(\d{1,3})/;if(Z.test(B)){const se=B.match(Z)||[];if(se?.length>3)return"rgb("+se[1]+","+se[2]+","+se[3]+")"}return B},k=B=>{if(!u)return B;const[Z,ne]=N(u).map(De=>parseInt(De||"0")),se="0,0"+(ne?"."+"0".repeat(ne):""),_e=V(B,se,"it");if(!Z)return _e;const[Le,pe]=_e.split(",");return Le+(pe?`,${pe}`:"")},N=B=>B.includes(";")?B.split(";"):[B],W=B=>{const Z=se=>{if(se)return B?.cells[se]?.obj.k},ne=se=>{if(!(y.length<=se))return B?.cells[y[se].name]?.obj?.k};return{descr:t||Z(r)||ne(2)||"",icon:l||Z(c)||ne(3)||"",um:d||Z(g)||ne(1)||"",value:b||Z(w)||ne(0)||""}},Y=B=>{T?.(B)},U=(B,Z)=>{(B.key==="Enter"||B.key===" ")&&(B.preventDefault(),B.stopPropagation(),Y(Z))},K=(B=>{const Z=X.dash(B);return{className:Z,descr:ne=>m.jsx("div",{className:Z.descr,children:ne},`${B}-${D}`),icon:ne=>m.jsx("div",{className:Z.icon,children:m.jsx(ie,{color:f,height:G,icon:ne,width:G})},`${B}-${j}`),um:ne=>m.jsx("div",{className:Z.um,children:ne},`${B}-${R}`),value:ne=>m.jsx("div",{className:Z.value,children:ne},`${B}-${I}`)}})(v),re=B=>{const{descr:Z,icon:ne,um:se,value:_e}=W(B),Le={[$(D)]:_(s),[$(R)]:_(p),[$(I)]:_(E)},pe=[],De=k(_e);switch(v){case"2":ne&&pe.push(K.icon(ne)),pe.push(K.descr(Z)),pe.push(K.value(se?De+" "+se:De));break;default:case"1":pe.push(K.descr(Z)),pe.push(K.value(se?De+" "+se:De))}return m.jsx("div",{className:K.className.container,role:"button",style:Le,tabIndex:0,onClick:()=>Y(B),onKeyDown:Fn=>U(Fn,B),children:pe},B.rowId)},F={[H]:String(n),[q]:M};return m.jsx("div",{className:X.dashList,style:F,children:A?P.map(B=>re(B)):S})},Xe={"smp-table":"_smp-table_1qmju_1","smp-headerCell":"_smp-headerCell_1qmju_35","smp-resizer":"_smp-resizer_1qmju_44"},ks="_rowContent_20wit_2",$s="_clickable_20wit_21",Ls="_indent_20wit_26",Ps="_toggle_20wit_32",As="_cell_20wit_38",Is="_leftSection_20wit_46",xe={rowContent:ks,clickable:$s,indent:Ls,toggle:Ps,cell:As,leftSection:Is};function Ze(n){return!!n&&"children"in n}function Ns(n){return!Ze(n)}function Ms(n){const e=JSON.stringify(n,Object.keys(n).sort());let t=0,r,s;if(e.length===0)return t.toString();for(r=0;r<e.length;r++)s=e.charCodeAt(r),t=(t<<5)-t+s,t|=0;return Math.abs(t).toString()}const Mn=({row:n,columnWidths:e={},level:t=0,rowHeight:r=26,offsetTop:s})=>{const[a,i]=C.useState(!1),o=Ze(n)&&!!n.children?.length,l=n.cells&&Object.keys(n.cells).length>0,c=o,f=t*20,u=()=>{o&&i(!a)},d={content:`${xe.rowContent} ${o?xe.clickable:""}`,toggle:`${xe.toggle}`,indent:`${xe.indent}`,cell:`${xe.cell}`},g=v=>m.jsx(we,{...v}),p=()=>m.jsx("span",{className:d.toggle,children:c&&m.jsx(ie,{icon:a?"arrow_drop_right":"arrow_drop_down",width:16})}),b=()=>m.jsx("span",{className:d.indent,style:{width:`${f}px`},"aria-hidden":"true"}),w=()=>{const v=Ns(n)?"":n.decode||(l?"":"Untitled"),T=s??r*t;return m.jsxs("tr",{className:d.content,onClick:u,role:o?"button":"row","aria-expanded":o?!a:void 0,style:{height:`${r}px`,lineHeight:`calc(${r}px - 2*2px)`,transform:`translateY(${T}px)`},children:[Ze(n)&&m.jsxs("td",{className:xe.leftSection,style:{height:`${r}px`},children:[b(),p(),m.jsx("span",{className:xe.rowLabel,children:v})]}),n.cells&&Object.keys(n.cells).length>0&&Object.entries(n.cells).map(([S,y])=>m.jsx("td",{className:d.cell,style:{width:e[S],minWidth:e[S],height:`${r}px`},children:g({...y,id:S})},Ms(y)||S))]})},E=()=>a||!o?null:m.jsx(m.Fragment,{children:Ze(n)&&n.children?.map((v,T)=>m.jsx(Mn,{row:v,level:t+1},`child-${T}`))});return m.jsxs(m.Fragment,{children:[w(),E()]})},Fs=({label:n,rowHeight:e=28,offsetTop:t=0,level:r=0,onClick:s,isExpanded:a})=>{const i={tr:"smp-groupRow-tr",td:"smp-groupRow-td"};return m.jsx("tr",{className:i.tr,style:{height:e,top:t,lineHeight:`${e}px`},onClick:s,children:m.jsxs("td",{className:i.td,style:{paddingLeft:10+r*20},children:[m.jsx(ie,{icon:a?"arrow_drop_down":"arrow_drop_right",width:16}),m.jsx(Ee,{variant:"title",bindValue:n})]})})};function Vs(n,e){const t=new Set(n);return t.has(e)?t.delete(e):t.add(e),t}function Us(n,e){return n.map(t=>{const r=e.find(s=>s.column===t.bindValue);return{column:t.bindValue,visible:r?.visible??!0}})}function Ws(n,e,t,r){const s=[];let a=0;return i(n,0,[]),{flatRows:s,offset:a};function i(u,d,g){if(d>=e.length){f(u);return}const p=e[d].column,b=o(u,p);for(const[w,E]of b){const v=[...g,w],T=l(v,d),S=r.has(T);s.push(c(w,T,d,S)),a+=t,S&&i(E,d+1,v)}}function o(u,d){const g=new Map;for(const p of u){const b=p.cells[d]?.decode??"N/D";g.has(b)||g.set(b,[]),g.get(b).push(p)}return g}function l(u,d){return`group-${u.join("-")}-${d}`}function c(u,d,g,p){return{isGroup:!0,value:u,cells:{},rowId:d,level:g,isExpanded:p}}function f(u){for(const d of u)s.push(d),a+=t}}const Ys=({groups:n=[],isDraggable:e=!0,isEditable:t=!0,onChange:r,onDrop:s,onDragOver:a})=>{const i=n.map(o=>({bindValue:o.column}));return m.jsxs("tr",{className:"smp-groupBar-container",onDragOver:a,onDrop:s,children:[m.jsx("td",{children:m.jsx(ie,{icon:"groups"})}),m.jsx("td",{children:m.jsx(kt,{elements:i,isEditable:t,isDraggable:e,displayMode:"CodeOnly",onChange:r})})]})},Bs=({columns:n,columnWidths:e})=>m.jsx("tfoot",{children:m.jsx("tr",{children:n.map(t=>t.visible&&m.jsx("td",{className:Xe["smp-headerCell"],style:{width:e[t.name],minWidth:e[t.name],maxWidth:e[t.name]}},t.name))})}),Gs=({columns:n,rows:e,containerRef:t,sizingMode:r})=>{const[s,a]=C.useState({});return C.useEffect(()=>{if(!(!n||n.length===0)){if(r==="fixed"){const o=Object.fromEntries(n.map(l=>[l.name,120]));a(o)}else if(r==="fit-grid"){const i=t.current?.offsetWidth||800,o=n.filter(f=>f.visible!==!1),l=i/o.length,c=Object.fromEntries(o.map(f=>[f.name,l]));a(c)}else if(r==="fit-content"){const i={};for(const o of n){if(!o.visible)continue;const l=o.title?.length||0,c=Math.max(...e.map(f=>`${f.cells?.[o.name]?.decode||f.cells?.[o.name]?.value||""}`.length),l);i[o.name]=c*8+24}a(i)}}},[n,e,t,r]),[s,a]},Hs=({data:n,lineHeight:e=28,TableHeight:t=400,groups:r,columnSizingMode:s="fixed",showGroupBar:a=!0})=>{const[i,o]=C.useState(n??{columns:[],rows:[]}),[l,c]=C.useState(r||[]),[f,u]=C.useState(new Set),d=C.useRef(null),[g,p]=Gs({columns:i?.columns??[],rows:i?.rows??[],containerRef:d,sizingMode:s});C.useEffect(()=>{if(l?.length&&n.rows){const{flatRows:A}=Ws(n.rows,l,e,f);o({...n,rows:A})}else o(n)},[n,l,f,e]);const b=A=>{c(Us(A,l))},w=A=>{A.preventDefault();const O=A.dataTransfer.getData("text/plain");if(!O||l.some(j=>j.column===O))return;const D=[...l,{column:O,visible:!0}];c(D)},E=A=>{A.preventDefault()},{virtualItems:v,containerProps:T,innerProps:S}=Dn({items:i?.rows??[],itemHeight:e,containerHeight:t,overscan:5}),y=(A,O)=>{const L=A.clientX,D=g[O],j=I=>{const M=I.clientX-L,G=Math.max(50,D+M);p(H=>({...H,[O]:G}))},R=()=>{window.removeEventListener("mousemove",j),window.removeEventListener("mouseup",R)};window.addEventListener("mousemove",j),window.addEventListener("mouseup",R)},P={smpTable:`${Xe["smp-table"]}`,headerCell:`${Xe["smp-headerCell"]}`,resizer:`${Xe["smp-resizer"]}`};return i&&m.jsx("div",{className:P.smpTable,...T,ref:d,children:m.jsxs("table",{children:[m.jsxs("thead",{children:[(r||a)&&m.jsx(Ys,{groups:l,onChange:b,onDrop:w,onDragOver:E}),m.jsx("tr",{children:i.columns&&i.columns?.map(A=>A.visible&&m.jsxs("th",{className:P.headerCell,draggable:!0,onDragStart:O=>{O.dataTransfer.setData("text/plain",A.name)},style:{width:g[A.name],minWidth:g[A.name],maxWidth:g[A.name]},children:[m.jsx(Ee,{variant:"title",bindValue:A.title}),m.jsx("div",{className:P.resizer,onMouseDown:O=>y(O,A.name),role:"region"})]},A.name))})]}),m.jsx("tbody",{...S,children:v.map(({item:A,index:O,offsetTop:L})=>{const D=A.rowId||A.value||`${A.isGroup?"group":"row"}-${O}`;return A.isGroup?m.jsx(Fs,{label:A.value||"",rowHeight:e,offsetTop:L,level:A.level,onClick:()=>{const j=A.rowId;j&&u(R=>Vs(R,j))},isExpanded:A.isExpanded},`group-${D}`):m.jsx(Mn,{row:A,columnWidths:g,rowHeight:e,offsetTop:L,isGroup:!1},`row-${D}`)})}),m.jsx(Bs,{columns:i.columns,columnWidths:g})]})})},Ks=({data:n,Type:e,ShowSubmit:t=!1,SubmitPosition:r="Right",DefaultValue:s,Label:a,LabelPosition:i="Left",onBlur:o,onClick:l,onOptionsRequest:c})=>{const[f,u]=C.useState();C.useEffect(()=>{u(()=>{if(!n)return;const b={...n};return e&&(b.shape=e),b.shape==null&&(b.shape=te.TEXT_FIELD),s&&(b.obj=br(s)),b})},[n,s,e]);const g={container:`smp-field-container ${le(t)?`smp-field-position-${r}`:""}`},p=()=>{le(t)||o?.(f)};if(f)return m.jsxs("div",{className:g.container,children:[m.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"8px",font:"var(--smp-fontLabel-base)"},children:m.jsx(we,{...f,id:"FLD",onChange:u,onOptionsRequest:c,fun:n?.fun,onBlur:p,label:a,labelPosition:i})}),le(t)&&m.jsx(ye,{optionalDisplayValue:"Confirm",onClick:()=>l?.(f),bindValue:"Confirm"})]})},zs=n=>n?.type==="SmeupDataTree",qs=n=>n?.type==="SmeupDataTable",Js=n=>zs(n)?n.children?n.children.map(e=>({id:e.obj.k,label:e.value??""})):[]:qs(n)?n.rows.map(e=>{const t=e.cells||e.cells,[r,s]=Object.keys(t);return{id:t[r].obj.k,label:t[s].value||t[s].obj.k}}):[],Xs={"smp-form":"_smp-form_9ox03_1"},Zs=({data:n,id:e,readOnly:t=!1,hiddenSubmitButton:r=!1,updateOnClick:s=!1,decimalSeparator:a=".",optionsHandler:i,onSubmit:o,onCheck:l,onCheckObj:c,onContextMenu:f,onButtonClick:u})=>{const[d,g]=C.useState({}),{translate:p}=Re(),b=C.useId();C.useEffect(()=>{g(S(n))},[n]);const w=(O,L)=>{if(g(D=>({...D,[O]:{...D[O],obj:{...D[O].obj,k:L.obj.k},decode:L.decode,data:{...D[O].data,error:void 0},value:L.obj.k}})),s&&(L.shape==te.CHECKBOX||L.shape==te.SWITCH)){const D=structuredClone(d);D[O].obj.k=L.obj.k,D[O].value=L.obj.k,o({value:y(D),cell:O})}},E=O=>{const L=y(d);o({value:L,cell:O})},v=(O,L)=>{u?.({cellId:O,currentState:{type:"SmeupDataTable",columns:n.columns,rows:[{cells:d}]},fun:L||""})},T=async O=>{if(d[O].obj.k!=n.rows[0].cells[O].obj.k&&(d[O].inputSettings?.checkObject&&c&&((await c({obj:d[O].obj,fun:d[O].fun,cellId:O})).valid||g(D=>({...D,[O]:{...D[O],data:{...D[O].data,error:p(Se.CHECK_OBJECT_WRONG_VALIDATION)}}}))),d[O].inputSettings?.checkValueOnExit)){const L=y(d);l?.({value:L,cell:O})}},S=O=>{if(!O.rows?.length||!O.columns?.length)return{};const L=O.rows?.[0];return O.columns.filter(D=>D.visible??!0).reduce((D,j)=>{const R={...L.cells[j.name],id:j.name,label:j.title,dSep:a,data:{...L.cells[j.name].data,dSep:a}};return R.isEditable==null&&(R.isEditable=!0),t&&(R.isEditable=!1),R.isEditable&&R.shape==null&&(R.shape=te.TEXT_FIELD),{...D,[j.name]:R}},{})},y=O=>({before:n,after:{type:"SmeupDataTable",columns:JSON.parse(JSON.stringify(n.columns)),rows:[{cells:JSON.parse(JSON.stringify(O))}]}}),P=n.setup?.commands?.map((O,L)=>C.createElement(we,{...O,decode:O.value,data:{label:O.value},id:`command-${L}`,key:`command-${L}`,shape:te.BUTTON,onClick:()=>E(O.obj.k)}))||[];r||P.unshift(m.jsx(we,{decode:p(Se.CONFIRM_BUTTON),shape:te.BUTTON,id:"",obj:{t:"",p:"",k:""},data:{submit:!0,label:p(Se.CONFIRM_BUTTON)}},"submit-command"));const A={smpForm:`${Xs["smp-form"]}`};return d&&m.jsxs("form",{"data-component":"input-panel",className:A.smpForm,id:e||b,onSubmit:O=>{O.preventDefault(),E()},children:[m.jsx(et,{layout:n.rows[0].layout,children:Object.values(d).map(O=>m.jsx(we,{...O,onOptionsRequest:O.fun?async(L,D)=>Js(await i(L,D,n,O.id)):void 0,onChange:L=>w(O.id,L),onBlur:()=>T(O.id),onContextMenu:f,onClick:()=>{O.shape=="BTN"&&v(O.id,O.fun)},data:{...O.data,autocomplete:"off"}}))}),P.length>0&&m.jsx(et,{layout:{sections:[{id:"1",horizontal:!0,justify:"start",content:P.map(O=>({id:O.props.id}))}]},children:P})]})};exports.AppBar=Rs;exports.Autocomplete=jt;exports.Button=ye;exports.ButtonList=Ln;exports.Checkbox=Pn;exports.Combobox=An;exports.DashList=js;exports.DataTableComponent=Hs;exports.DatePicker=In;exports.Drawer=Ds;exports.Field=Ks;exports.Icon=ie;exports.InputPanel=Zs;exports.Password=Nn;exports.TabBar=Rn;exports.Textfield=ve;exports.configurePaths=pr;
|
package/dist/ketchup2.es.js
CHANGED
|
@@ -5526,8 +5526,8 @@ const Cn = /* @__PURE__ */ new Map([
|
|
|
5526
5526
|
const j = {
|
|
5527
5527
|
...S,
|
|
5528
5528
|
bindValue: t.k,
|
|
5529
|
-
onChange: (O) => {
|
|
5530
|
-
d?.(y(v, O));
|
|
5529
|
+
onChange: (O, P) => {
|
|
5530
|
+
d?.(y(v, O, P));
|
|
5531
5531
|
}
|
|
5532
5532
|
};
|
|
5533
5533
|
return /* @__PURE__ */ m.jsx(ks, { ...j });
|
package/package.json
CHANGED