@stlite/desktop 0.95.0 → 0.96.0

package/build/assets/index-CucLKMvI-CdFsTlcF.js

@@ -0,0 +1 @@
+import{r as a,O as ue,K as ce,cM as pe,R as X,cN as w,l as b,as as O,m as s,aR as me,al as fe,bC as ge,an as he,ao as be,B as E,cO as ye,aC as ve,ap as P,H as we,I as G,_ as Y}from"./index-Bdi0ug4X.js";import{e as Te}from"./InputInstructions-BSpH125g-CSupbuK3.js";import{m as xe}from"./FormClearHelper-C58X4iX0-CI3cpm91.js";import{_ as Ie}from"./sprintf-D5E86llw-6tzWM3a-.js";import{u as Ce}from"./uniqueId-BrCTHDA7-CGglDaT_.js";import{a as ke}from"./input-5gXdrXd2-J6HaBKjM.js";import"./base-input-CAXjxi6E-LJzeEbPm.js";var J=a.forwardRef(function(e,t){var n={fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};return a.createElement(G,Y({iconAttrs:n,iconVerticalAlign:"middle",iconViewBox:"0 0 8 8"},e,{ref:t}),a.createElement("path",{d:"M0 3v2h8V3H0z"}))});J.displayName="Minus";var Q=a.forwardRef(function(e,t){var n={fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"};return a.createElement(G,Y({iconAttrs:n,iconVerticalAlign:"middle",iconViewBox:"0 0 8 8"},e,{ref:t}),a.createElement("path",{d:"M3 0v3H0v2h3v3h2V5h3V3H5V0H3z"}))});Q.displayName="Plus";const Re=E("div",{target:"e116k4er3"})(({theme:e})=>({display:"flex",flexDirection:"row",flexWrap:"nowrap",alignItems:"center",height:e.sizes.minElementHeight,borderWidth:e.sizes.borderWidth,borderStyle:"solid",borderColor:e.colors.widgetBorderColor??e.colors.secondaryBg,transitionDuration:"200ms",transitionProperty:"border",transitionTimingFunction:"cubic-bezier(0.2, 0.8, 0.4, 1)",borderRadius:e.radii.default,overflow:"hidden","&.focused":{borderColor:e.colors.primary},input:{MozAppearance:"textfield","&::-webkit-inner-spin-button, &::-webkit-outer-spin-button":{WebkitAppearance:"none",margin:e.spacing.none}}}),""),Se=E("div",{target:"e116k4er2"})({name:"76z9jo",styles:"display:flex;flex-direction:row;align-self:stretch"}),_=E("button",{target:"e116k4er1"})(({theme:e})=>({margin:e.spacing.none,border:"none",height:e.sizes.full,display:"flex",alignItems:"center",width:e.sizes.numberInputControlsWidth,justifyContent:"center",color:e.colors.bodyText,transition:"color 300ms, backgroundColor 300ms",backgroundColor:e.colors.secondaryBg,"&:hover:enabled, &:focus:enabled":{color:e.colors.white,backgroundColor:e.colors.primary,transition:"none",outline:"none"},"&:active":{outline:"none",border:"none"},"&:disabled":{cursor:"not-allowed",color:e.colors.fadedText40}}),""),Ee=E("div",{target:"e116k4er0"})(({theme:e,clearable:t})=>({position:"absolute",marginRight:e.spacing.twoXS,left:0,right:`calc(${e.sizes.numberInputControlsWidth} * 2 + ${t?"1em":"0em"})`}),""),Ne=we.getLogger("NumberInput");function Ve(e){return b(e)||e===""?void 0:e}const S=({value:e,format:t,step:n,dataType:f})=>{if(b(e))return null;let r=Ve(t);if(b(r)&&X(n)){const i=n.toString();f===w.DataType.FLOAT&&n!==0&&i.includes(".")&&(r=`%0.${i.split(".")[1].length}f`)}if(b(r))return e.toString();try{return Ie.sprintf(r,e)}catch(i){return Ne.warn(`Error in sprintf(${r}, ${e}): ${i}`),String(e)}},ze=(e,t,n)=>b(e)?!1:e-t>=n,je=(e,t,n)=>b(e)?!1:e+t<=n,De=e=>(e.element.dataType===w.DataType.INT?e.widgetMgr.getIntValue(e.element):e.widgetMgr.getDoubleValue(e.element))??e.element.default??null,K=({step:e,dataType:t})=>e||(t===w.DataType.INT?1:.01),We=({disabled:e,element:t,widgetMgr:n,fragmentId:f})=>{const r=ue(),{dataType:i,id:N,formId:m,default:W,format:g,icon:V,min:y,max:v}=t,{width:L,elementRef:q}=ce(),[l,Z]=a.useState(()=>K(t)),F=De({element:t,widgetMgr:n}),[h,T]=a.useState(!1),[d,x]=a.useState(F),[B,M]=a.useState(!1),C=a.useRef(null),H=a.useRef(Ce("number_input_")),[U,I]=a.useState(()=>S({value:F,dataType:i,format:g,step:l})),k=ze(d,l,y),R=je(d,l,v),A=pe({formId:m}),ee=A?n.allowFormEnterToSubmit(m):h,te=B&&L>r.breakpoints.hideWidgetDetails;a.useEffect(()=>{Z(K({step:t.step,dataType:t.dataType}))},[t.dataType,t.step]),a.useEffect(()=>{h||I(S({value:d,dataType:i,format:g,step:l}))},[i,g,l]);const c=a.useCallback(({value:o,source:u})=>{if(X(o)&&(y>o||o>v))C.current?.reportValidity();else{const p=o??W??null;switch(i){case w.DataType.INT:n.setIntValue({id:N,formId:m},p,u,f);break;case w.DataType.FLOAT:n.setDoubleValue({id:N,formId:m},p,u,f);break;default:throw new Error("Invalid data type")}T(!1),x(p),I(S({value:p,dataType:i,format:g,step:l}))}},[y,v,C,n,f,l,i,N,m,W,g]),re=a.useCallback(()=>{h&&c({value:d,source:{fromUi:!0}}),M(!1)},[h,d,c]),ae=a.useCallback(()=>{M(!0)},[]),$=a.useCallback(()=>{const{value:o}=t;t.setValue=!1,x(o??null),I(S({value:o??null,dataType:i,format:g,step:l})),c({value:o??null,source:{fromUi:!1}})},[t,l,c,i,g]);a.useEffect(()=>{t.setValue?$():c({value:d,source:{fromUi:!1}});const o=C.current;if(o){const u=p=>{p.preventDefault()};return o.addEventListener("wheel",u),()=>{o.removeEventListener("wheel",u)}}},[]),t.setValue&&$();const z=b(t.default)&&!e,oe=a.useCallback(()=>{const o=t.default??null;x(o),c({value:o,source:{fromUi:!0}})},[t]);xe({element:t,widgetMgr:n,onFormCleared:oe});const ne=o=>{const{value:u}=o.target;if(u==="")T(!0),x(null),I(null);else{let p;t.dataType===w.DataType.INT?p=parseInt(u,10):p=parseFloat(u),T(!0),x(p),I(u)}},j=a.useCallback(()=>{R&&(T(!0),c({value:(d??y)+l,source:{fromUi:!0}}))},[d,y,l,R]),D=a.useCallback(()=>{k&&(T(!0),c({value:(d??v)-l,source:{fromUi:!0}}))},[d,v,l,k]),le=a.useCallback(o=>{const{key:u}=o;switch(u){case"ArrowUp":o.preventDefault(),j();break;case"ArrowDown":o.preventDefault(),D();break}},[j,D]),se=a.useCallback(o=>{o.key==="Enter"&&(h&&c({value:d,source:{fromUi:!0}}),n.allowFormEnterToSubmit(m)&&n.submitForm(m,f))},[h,d,c,n,m,f]),ie=O(r.iconSizes.lg)+2*O(r.spacing.twoXS),de=V?r.breakpoints.hideNumberInputControls+ie:r.breakpoints.hideNumberInputControls;return s.jsxs("div",{className:"stNumberInput","data-testid":"stNumberInput",ref:q,children:[s.jsx(me,{label:t.label,disabled:e,labelVisibility:fe(t.labelVisibility?.value),htmlFor:H.current,children:t.help&&s.jsx(ge,{children:s.jsx(he,{content:t.help,placement:be.TOP_RIGHT})})}),s.jsxs(Re,{className:B?"focused":"","data-testid":"stNumberInputContainer",children:[s.jsx(ke,{type:"number",inputRef:C,value:U??"",placeholder:t.placeholder,onBlur:re,onFocus:ae,onChange:ne,onKeyPress:se,onKeyDown:le,clearable:z,clearOnEscape:z,disabled:e,"aria-label":t.label,startEnhancer:t.icon&&s.jsx(ve,{"data-testid":"stNumberInputIcon",iconValue:t.icon,size:"lg"}),id:H.current,overrides:{ClearIconContainer:{style:{padding:0}},ClearIcon:{props:{overrides:{Svg:{style:{color:r.colors.grayTextColor,padding:r.spacing.threeXS,height:r.sizes.clearIconSize,width:r.sizes.clearIconSize,":hover":{fill:r.colors.bodyText}}}}}},Input:{props:{"data-testid":"stNumberInputField",step:l,min:y,max:v,type:"number",inputMode:""},style:{fontWeight:r.fontWeights.normal,lineHeight:r.lineHeights.inputWidget,paddingRight:r.spacing.sm,paddingLeft:r.spacing.md,paddingBottom:r.spacing.sm,paddingTop:r.spacing.sm,"::placeholder":{color:r.colors.fadedText60}}},InputContainer:{style:()=>({borderTopRightRadius:0,borderBottomRightRadius:0})},Root:{style:{borderTopRightRadius:0,borderBottomRightRadius:0,borderTopLeftRadius:0,borderBottomLeftRadius:0,borderLeftWidth:0,borderRightWidth:0,borderTopWidth:0,borderBottomWidth:0,paddingRight:0,paddingLeft:V?r.spacing.sm:0}},StartEnhancer:{style:{paddingLeft:0,paddingRight:0,minWidth:r.iconSizes.lg,color:ye(V)?r.colors.fadedText60:"inherit"}}}}),L>de&&s.jsxs(Se,{children:[s.jsx(_,{"data-testid":"stNumberInputStepDown",onClick:D,disabled:!k||e,tabIndex:-1,children:s.jsx(P,{content:J,size:"xs",color:k?"inherit":r.colors.fadedText40})}),s.jsx(_,{"data-testid":"stNumberInputStepUp",onClick:j,disabled:!R||e,tabIndex:-1,children:s.jsx(P,{content:Q,size:"xs",color:R?"inherit":r.colors.fadedText40})})]})]}),te&&s.jsx(Ee,{clearable:z,children:s.jsx(Te,{dirty:h,value:U??"",inForm:A,allowEnterToSubmit:ee})})]})},$e=a.memo(We);export{$e as default};

package/build/assets/index-CxZCITs0-CLi85oo1.js

@@ -0,0 +1 @@
+import{J as b,ac as i,r as d,m as e,ad as p,ae as x,af as S,aV as f,ag as F,ah as R,cC as C,cD as M}from"./index-Bdi0ug4X.js";import{cE as T}from"./index-Bdi0ug4X.js";import{d as A,m as D}from"./FormClearHelper-C58X4iX0-CI3cpm91.js";function j(r){const{disabled:l,element:t,widgetMgr:o,fragmentId:u}=r,{formId:s}=t,m=t.shortcut?t.shortcut:void 0,{formsData:B}=b(M),h=B.formsWithUploads.has(s);let n=i.SECONDARY_FORM_SUBMIT;t.type==="primary"?n=i.PRIMARY_FORM_SUBMIT:t.type==="tertiary"&&(n=i.TERTIARY_FORM_SUBMIT);const a=l||h;d.useEffect(()=>(o.addSubmitButton(s,t),()=>o.removeSubmitButton(s,t)),[o,s,t]);const c=d.useCallback(()=>{a||o.submitForm(t.formId,u,t)},[a,o,t,u]);return p({shortcut:m,disabled:a,onActivate:c}),e.jsx(x,{className:"stFormSubmitButton","data-testid":"stFormSubmitButton",children:e.jsx(S,{help:t.help,containerWidth:!0,children:e.jsx(f,{kind:n,size:F.SMALL,containerWidth:!0,disabled:a,onClick:c,children:e.jsx(R,{icon:t.icon,label:t.label,shortcut:m})})})})}function _(r){return e.jsx(C,{children:e.jsx(j,{...r})})}export{A as FormClearHelper,j as FormSubmitButton,_ as FormSubmitContent,T as default,D as useFormClearHelper};