@oliasoft-open-source/react-ui-library 4.6.7 → 4.6.9-beta-1
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/assets/{index-2LJjuVRB.css → index-ChHypG1u.css} +50 -49
- package/dist/assets/{index-21EwET8E.js → index-faqWAJWP.js} +30 -30
- package/dist/index.d.ts +22 -0
- package/dist/index.html +1 -1
- package/dist/index.js +162 -39
- package/dist/index.js.map +1 -1
- package/dist/storybook/assets/{Color-6VNJS4EI-hQgbfk1_.js → Color-6VNJS4EI-Z5sK3XI3.js} +1 -1
- package/dist/storybook/assets/{DocsRenderer-NNNQARDV-qVZ0Szzp.js → DocsRenderer-NNNQARDV-V4NlgkVD.js} +1 -1
- package/dist/storybook/assets/{WithTooltip-V3YHNWJZ-EVkXusH9.js → WithTooltip-V3YHNWJZ-n5RY-jXL.js} +1 -1
- package/dist/storybook/assets/{accordion.stories-Je6TgVbI.js → accordion.stories-rvf_KSkf.js} +1 -1
- package/dist/storybook/assets/actions-ZOs51LZe.css +1 -0
- package/dist/storybook/assets/{actions-mOcj9IlF.js → actions-eW7plDvv.js} +1 -1
- package/dist/storybook/assets/{actions.stories-ER0_rAT3.js → actions.stories-v91cA8Aa.js} +1 -1
- package/dist/storybook/assets/{afe.stories-yjkRmCqu.js → afe.stories-O_jbxAft.js} +1 -1
- package/dist/storybook/assets/{badge.stories-QAHZ0hGs.js → badge.stories-AQYzIvli.js} +1 -1
- package/dist/storybook/assets/{blowout.stories-fjMitjld.js → blowout.stories-Vff9htu-.js} +1 -1
- package/dist/storybook/assets/{button-group-mNQThLQb.js → button-group-rkjreZ1T.js} +1 -1
- package/dist/storybook/assets/{button-group.stories-hEWUnlpm.js → button-group.stories-HnVY5ZDT.js} +1 -1
- package/dist/storybook/assets/{button-shH4xakS.js → button-yLYf8aC9.js} +1 -1
- package/dist/storybook/assets/{button.stories-5xHwBO1P.js → button.stories-sp9SbrbR.js} +1 -1
- package/dist/storybook/assets/{buttons-and-links-Htqi06fE.js → buttons-and-links-7YupNRlV.js} +1 -1
- package/dist/storybook/assets/{card.stories-52XKdWMP.js → card.stories--XA-NPtn.js} +1 -1
- package/dist/storybook/assets/{casing-loads.stories-rv-r7qUR.js → casing-loads.stories-6R0hRdCq.js} +1 -1
- package/dist/storybook/assets/{cell.stories-ntUcZ9Z2.js → cell.stories-aDJ0YBLq.js} +1 -1
- package/dist/storybook/assets/{check-box-2gxosI3y.js → check-box-TRAFDvOc.js} +1 -1
- package/dist/storybook/assets/{check-box.stories-dct4BaKG.js → check-box.stories-xj8y4pvN.js} +1 -1
- package/dist/storybook/assets/{chunk-HLWAVYOI-XUXGp0n7.js → chunk-HLWAVYOI-XLYdcxXs.js} +1 -1
- package/dist/storybook/assets/{color-l-jFB8qa.js → color-NxP93yaH.js} +1 -1
- package/dist/storybook/assets/{column.stories-1Qq8awo0.js → column.stories-wGhSlroa.js} +1 -1
- package/dist/storybook/assets/{dialog-JbUIdbsX.js → dialog--p0h3TPY.js} +1 -1
- package/dist/storybook/assets/{drawer-GdbVQdWk.js → drawer-NuViVQqw.js} +1 -1
- package/dist/storybook/assets/{drawer.stories-XWMoCncm.js → drawer.stories-mIhzICjZ.js} +1 -1
- package/dist/storybook/assets/{empty.stories-XVXKuuiT.js → empty.stories-3hs4gUgZ.js} +1 -1
- package/dist/storybook/assets/{field-FZX0Z7IB.js → field-UZtORY6D.js} +1 -1
- package/dist/storybook/assets/{field.stories-Quu0snQm.js → field.stories-DPmPvDCm.js} +1 -1
- package/dist/storybook/assets/{file-input.stories-lKF1ABXX.js → file-input.stories-ZuAa6172.js} +1 -1
- package/dist/storybook/assets/{flex.stories-8HJIYv6E.js → flex.stories-7GcqtV92.js} +1 -1
- package/dist/storybook/assets/{footer.stories-txHcy_rz.js → footer.stories-ZMPDPnnC.js} +1 -1
- package/dist/storybook/assets/{form.stories-AikCzsZc.js → form.stories-raJ_-60i.js} +1 -1
- package/dist/storybook/assets/{formation.stories-WYUKooZj.js → formation.stories-hf47ETfS.js} +1 -1
- package/dist/storybook/assets/{formatter-SWP5E3XI-2jpDZ32o.js → formatter-SWP5E3XI-yKw2uSJu.js} +1 -1
- package/dist/storybook/assets/{heading-jZsIIJF0.js → heading-AvGkZ8ae.js} +1 -1
- package/dist/storybook/assets/{heading.stories-lW_q2VjY.js → heading.stories-aJs549tG.js} +1 -1
- package/dist/storybook/assets/{help-icon-SKky6KLV.js → help-icon-4sFVvBkZ.js} +1 -1
- package/dist/storybook/assets/{help-icon.stories-i7tX8eBl.js → help-icon.stories-9Apwwl_z.js} +1 -1
- package/dist/storybook/assets/{iframe-afwDQcyf.js → iframe-ZAYt1_h5.js} +2 -2
- package/dist/storybook/assets/{index-WQN43Pdc.js → index-oOnKy0ih.js} +5 -5
- package/dist/storybook/assets/{input-group.stories-gJFYuvVb.js → input-group.stories-wQfcKDtd.js} +1 -1
- package/dist/storybook/assets/{input-validation-1C25NF0D.js → input-validation-ZAH73PKA.js} +1 -1
- package/dist/storybook/assets/{input-2BhbKV-j.js → input-w-UScEUy.js} +1 -1
- package/dist/storybook/assets/{input.stories-74EIL_bF.js → input.stories-NMD1Bqi4.js} +1 -1
- package/dist/storybook/assets/{inputs-dvl3Vxzi.js → inputs-q_polzRu.js} +1 -1
- package/dist/storybook/assets/{label-uCFEME1p.js → label-am612zWx.js} +1 -1
- package/dist/storybook/assets/{label.stories-LhXr4NuA.js → label.stories-QPyTvO7T.js} +1 -1
- package/dist/storybook/assets/{layout-forms-aQDJspiu.js → layout-forms-7gaTsqRb.js} +1 -1
- package/dist/storybook/assets/{layout-general-glx7j38t.js → layout-general-lhXJ2QUn.js} +1 -1
- package/dist/storybook/assets/{list-PShi-3TE.js → list-LWmKQq1G.js} +1 -1
- package/dist/storybook/assets/{list.stories-data-Qc3oehAh.js → list.stories-data-IWB082tu.js} +1 -1
- package/dist/storybook/assets/{list.stories-TLnvjaYU.js → list.stories-fgw3Kx3W.js} +1 -1
- package/dist/storybook/assets/{loader.stories-xsnhGOV_.js → loader.stories-NaDVDl7Z.js} +1 -1
- package/dist/storybook/assets/{menu.stories-ppWN2JgO.js → menu.stories-K4nBhFj_.js} +1 -1
- package/dist/storybook/assets/{message.stories-N8ZGvhv2.js → message.stories-CSw6ElMp.js} +1 -1
- package/dist/storybook/assets/{meta-content-lUynpOsR.js → meta-content-70Z_mWPh.js} +1 -1
- package/dist/storybook/assets/{modal.stories-DDey1uF7.js → modal.stories-10-XQKON.js} +1 -1
- package/dist/storybook/assets/{number-input-CMhEMmUd.js → number-input-hrCn3Rag.js} +1 -1
- package/dist/storybook/assets/{number-input.stories-AU1jlL6D.js → number-input.stories-59JRvVcf.js} +1 -1
- package/dist/storybook/assets/{option-dropdown.stories-n7CDZevX.js → option-dropdown.stories-ZCnTHpeT.js} +1 -1
- package/dist/storybook/assets/{padding-and-spacing-nDPUVOhE.js → padding-and-spacing-lItMcm8V.js} +1 -1
- package/dist/storybook/assets/{page.stories-UQlnuZid.js → page.stories-GrhPKgmq.js} +1 -1
- package/dist/storybook/assets/{pagination-tnyyuMkB.js → pagination-yFWOmymz.js} +1 -1
- package/dist/storybook/assets/{pagination.stories-c7jbEB_j.js → pagination.stories-IahSsrYh.js} +1 -1
- package/dist/storybook/assets/{pop-confirm.stories-kZScSFuk.js → pop-confirm.stories-StkaY9mZ.js} +1 -1
- package/dist/storybook/assets/{popover-cad2llTa.js → popover-YDVuwgEX.js} +1 -1
- package/dist/storybook/assets/{popover.stories-1JvlWYFM.js → popover.stories-QeTPelqE.js} +1 -1
- package/dist/storybook/assets/{preview-8iAUReLe.js → preview-H9heiVBM.js} +1 -1
- package/dist/storybook/assets/{preview-NgqKh_bR.js → preview-k7tq6q9C.js} +2 -2
- package/dist/storybook/assets/{projects.stories-epAPUAg1.js → projects.stories-HDwAJ2lH.js} +1 -1
- package/dist/storybook/assets/{radio-button-5n_38sFk.js → radio-button-g10vtbgR.js} +1 -1
- package/dist/storybook/assets/{radio-button.stories-Z_B_oHnZ.js → radio-button.stories-Lm3AgSPw.js} +1 -1
- package/dist/storybook/assets/{reservoirs.stories-TKohSiCU.js → reservoirs.stories-UloVc7w8.js} +1 -1
- package/dist/storybook/assets/{rich-text-input.stories-EbjoMb2s.js → rich-text-input.stories-g_yH3vr8.js} +1 -1
- package/dist/storybook/assets/{row.stories-s3mq4p3b.js → row.stories-G_GPRlN5.js} +1 -1
- package/dist/storybook/assets/{select-DZdWUrCW.js → select-xiPCWaz8.js} +1 -1
- package/dist/storybook/assets/{select.stories-QOxuHSmz.js → select.stories-XhlzQ7cL.js} +1 -1
- package/dist/storybook/assets/{side-bar-dRjlh2Za.js → side-bar-hJdv8LbH.js} +1 -1
- package/dist/storybook/assets/{side-bar.stories-aKMnuHiZ.js → side-bar.stories-Yhz9jXs2.js} +1 -1
- package/dist/storybook/assets/{site.stories-Qfujz1ST.js → site.stories-KJRfCDdv.js} +1 -1
- package/dist/storybook/assets/slider-at3_DXQg.js +7 -0
- package/dist/storybook/assets/slider.stories-R5xGydpl.js +171 -0
- package/dist/storybook/assets/{spacer.stories-Tc3LfeOH.js → spacer.stories-9tR72ZgH.js} +1 -1
- package/dist/storybook/assets/{syntaxhighlighter-B5GMVT5T-sSZfeghu.js → syntaxhighlighter-B5GMVT5T-gS3HJKcc.js} +1 -1
- package/dist/storybook/assets/{table-5HZEOUW_.js → table-oIcCiJqg.js} +1 -1
- package/dist/storybook/assets/{table.stories-wP0SdJzJ.js → table.stories-G14SBspc.js} +1 -1
- package/dist/storybook/assets/{table.stories-data-NfE_v-gH.js → table.stories-data-Bg4REEx4.js} +1 -1
- package/dist/storybook/assets/{textarea-TSoWqDT8.js → textarea-KPKJt9L7.js} +1 -1
- package/dist/storybook/assets/{textarea.stories-w6XYooLd.js → textarea.stories-7DZ5m1lo.js} +1 -1
- package/dist/storybook/assets/{title.stories-CDtRZqWr.js → title.stories-fKMID_pc.js} +1 -1
- package/dist/storybook/assets/{toaster.stories-D_1FY8OT.js → toaster.stories-4aAkEVaa.js} +1 -1
- package/dist/storybook/assets/{toggle-M_66MP8X.js → toggle-m3EwNS6z.js} +1 -1
- package/dist/storybook/assets/{toggle.stories-VfPLoUW1.js → toggle.stories-jaduywRN.js} +1 -1
- package/dist/storybook/assets/{tooltip-HEHiU__l.js → tooltip-gljV_DQ0.js} +2 -2
- package/dist/storybook/assets/{tooltip.stories-tiOgoWHH.js → tooltip.stories-CEbtg_cS.js} +1 -1
- package/dist/storybook/assets/{tooltip.test-case.stories-g9fe1-Ut.js → tooltip.test-case.stories-Sq5qLreq.js} +1 -1
- package/dist/storybook/assets/{top-bar-ywJJBf-H.js → top-bar-8ASbRXqr.js} +1 -1
- package/dist/storybook/assets/{top-bar.stories-KkBPu_h3.js → top-bar.stories-9LS979MG.js} +1 -1
- package/dist/storybook/assets/{top-bar.testcase.stories-RJkl6c8Z.js → top-bar.testcase.stories-Yjz8R3nX.js} +1 -1
- package/dist/storybook/assets/{tree.stories-UiERA8eJ.js → tree.stories-VhgtyM-i.js} +1 -1
- package/dist/storybook/assets/{unit-input.stories-NxlXJaPc.js → unit-input.stories--JK_4hwn.js} +1 -1
- package/dist/storybook/assets/{unit-table.stories-M8TmG1IT.js → unit-table.stories-ddutc_iU.js} +1 -1
- package/dist/storybook/iframe.html +1 -1
- package/dist/storybook/project.json +1 -1
- package/package.json +1 -1
- package/dist/404.html +0 -1
- package/dist/storybook/assets/actions-W12osUP0.css +0 -1
- package/dist/storybook/assets/slider-MN9iDCsS.js +0 -7
- package/dist/storybook/assets/slider.stories-hVrt3K9M.js +0 -127
package/dist/storybook/assets/{unit-input.stories-NxlXJaPc.js → unit-input.stories--JK_4hwn.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as m}from"./index-RfLt4OUa.js";import{d as r,r as it}from"./index-qZmQ7nA9.js";import{c as st}from"./index-VW3EWkuE.js";import{u as ut}from"./use-previous-VKMmnaK7.js";import{M as we}from"./actions-mOcj9IlF.js";import{I as ot}from"./input-group-addon-BHVsW9mL.js";import{B as c}from"./button-shH4xakS.js";import{T as dt}from"./tooltip-HEHiU__l.js";import{I as ct}from"./input-group-R8LoqKRn.js";import{S}from"./spacer-Yji9g2AW.js";import{T as mt}from"./text-6KQ6ntOV.js";import{I as pt}from"./input-2BhbKV-j.js";import{M as Ee}from"./types-VB5zD18b.js";import{l as E}from"./lodash-Bmg8FrMx.js";import{D as gt}from"./divider-RwW2f_N0.js";import{R as Wn,C as pe}from"./row-vFUhHoz5.js";import{F as I}from"./field-FZX0Z7IB.js";import{M as ge}from"./message-CRKuTfOl.js";import"./index-cCpkwrS5.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./icon-8EQazuuW.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-8sb_A2v4.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./spinner-R8Il4aRe.js";import"./index-miLrID2P.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./label-uCFEME1p.js";import"./help-icon-SKky6KLV.js";const ht=()=>{const n=m.useRef(null);return m.useLayoutEffect(()=>{n.current&&(n.current(),n.current=null)}),t=>{n.current=t}},vt=(n,a)=>{const t=a==null?void 0:a[n];return t||(console.log(`Warning: 'unitTemplate' does not define a preferred unit for '${n}'. Defaulting to standard unit.`),r.unitFromQuantity(n)??"")};var b=(n=>(n.CUSTOM="custom",n.PREDEFINED="predefined",n))(b||{});const Tn=n=>n==="undefined"||n===void 0||n===""||n==="null"||n===null||n==="NaN"||isNaN(n),Rn=(n="",a,t="",s=!1)=>{if(s)return n;if(a&&!Tn(n))try{const u=r.isValueWithUnit(n)?n:r.withUnit(n,t),o=r.convertSamePrecision(u,a);return r.getValue(o)}catch{}return n},ft=n=>n?!!r.getUnit(n):!1,F=(n="",a,t,s)=>{if(s)return n;const u=ft(n)||r.isValueWithUnit(n),o=r.getValue(n);return Tn(o)?o:u?Rn(o,a,t,s):n},Ne=n=>E.isObject(n)&&!E.isArray(n)&&!E.isFunction(n)?E.get(n,"fieldName",""):typeof n=="string"?n:"",Ct=n=>E.isObjectLike(n)&&E.has(n,"message"),bt=n=>typeof n=="string"?n:Ct(n)?n.message:null;var Ut=it();const yt=n=>n.search(RegExp(/(^0{2}\.)|(^0+[1-9])/g))===0,Ae=(n,a)=>{var j;const{allowEmpty:t=!1,autoValue:s,placeholder:u,disabledValidation:o=!1}=a||{},i=String(n);if(o||s||u)return null;const g=Ut.isValueWithUnit(i)?r.getValue(i):i;if(t&&g==="")return null;if(yt(g))return"Invalid number format due to leading zeroes";const h=r.validateNumber(g);if(!h.valid){const re=((j=h==null?void 0:h.errors)==null?void 0:j[0])??null;return bt(re)}return null},Pe=(n="")=>{var a;return(a=r.KNOWN_UNITS)==null?void 0:a.includes(n)},xt=(n,a)=>{const t=r.getUnit(n||"");return Pe(a)&&Pe(t)},Vt="_predefinedMenuActive_1yvt4_1",It={predefinedMenuActive:Vt},p=({name:n,placeholder:a="",disabled:t=!1,disabledUnit:s=!1,error:u=null,left:o=!1,small:i=!1,width:g="100%",value:h,unitkey:j="",initUnit:re,noConversion:Ln=!1,onChange:ie=()=>{},onClick:kt=()=>{},onFocus:Kn=()=>{},onSwitchUnit:he=()=>{},unitTemplate:ve,doNotConvertValue:A=!1,testId:w,warning:$n=null,predefinedOptions:x,initialPredefinedOption:Hn=!1,shouldLinkAutomaticly:fe=!0,selectedPredefinedOptionKey:Ce,validationCallback:be=()=>({name:"",error:null}),disabledValidation:Ue=!1,allowEmpty:ye=!1,autoValue:V})=>{typeof h=="number"&&(h=`${h}`);const zn=ht(),[se="",P=""]=h!==void 0?r.split(h):[],xe=V?r.getUnit(V):"",Ve=m.useMemo(()=>vt(j,ve),[j,ve]),Jn=xt(h,Ve),U=re||Ve||P,Yn=ut(U),Ie=F(h,U,P,A),je=F(V,U,xe,A),Zn=Ie!==""?{value:Ie,unit:U}:je!==""?{value:je,unit:U}:{value:se,unit:P},[v,Y]=m.useState(Zn),[Gn,ue]=m.useState(null),[k,oe]=m.useState(Hn?b.PREDEFINED:b.CUSTOM),de=se===""&&V,D=x&&x.find(l=>{if(Ce)return Ce===l.valueKey;const d=r.isValueWithUnit(l.value)?r.getUnit(l.value):"";return r.withUnit(Rn(h,d),d)===l.value}),Qn=()=>{if(j)try{const l=de?V:h??"";let d=r.altUnitsList(l,j);return r.getValue(l)===""?d.map(f=>["",f[1]]):d}catch{return null}},Xn=l=>{const d=Ne(n),f=l.target,{value:y,selectionStart:X}=f,Se=r.cleanNumStr(y.replaceAll(" ","").replaceAll("|","")),ce=r.withUnit(Se,(v==null?void 0:v.unit)||""),at=r.getValue(ce),me=Ae(at,{allowEmpty:ye,autoValue:V,placeholder:a,disabledValidation:Ue});if(me===null){ie({target:{value:ce,name:d}});const[lt,rt]=r.split(ce);Y({value:lt,unit:rt}),ue(null),be(d,null)}else Y({value:Se,unit:v.unit}),ue(me),be(d,me);zn(()=>{f.selectionStart=X,f.selectionEnd=X})},et=(l,d)=>{d===v.unit||isNaN(Number(l))||(Y({value:l,unit:d}),he&&he(d))};m.useEffect(()=>{if(U){let f,y="";Yn!==U?(f=F(h,U,P,A),y=U):r.withUnit(v.value,v.unit)!==h&&(f=F(h,v.unit,P,A),y=v.unit),f!==void 0&&Y({value:f,unit:y}),x&&oe(D&&fe?b.PREDEFINED:b.CUSTOM)}const l=r.checkAndCleanDecimalComma(se),d=Ae(l,{allowEmpty:ye,autoValue:V,placeholder:a,disabledValidation:Ue});ue(d)},[U,h,u,fe]);const Z=Qn(),G=r.label(v.unit)||v.unit||"",nt=Ln||!Z||Z&&Z.length===1,ke=Ne(n);let Q;const tt=l=>{const[d,f=""]=r.isValueWithUnit(l.value)?r.split(l.value):[l.value];return{type:Ee.OPTION,inline:!0,onClick:()=>{r.validateNumber(d).valid&&!t&&(oe(b.PREDEFINED),ie({target:{value:l.value,name:typeof n=="string"?n:(n==null?void 0:n.fieldName)||"",predefinedSelected:!0,predefinedOption:l}}))},label:e.jsxs(e.Fragment,{children:[e.jsx(mt,{children:l.label}),e.jsx(S,{width:"20px",height:"0"})]}),description:r.isValueWithUnit(l.value)?`${d} ${f}`:l.value,selected:D===l&&k===b.PREDEFINED}};if(Q=[{type:Ee.OPTION,inline:!0,onClick:()=>{k!==b.CUSTOM&&!t&&ie({target:{value:r.withUnit(v.value,v.unit),name:typeof n=="string"?n:(n==null?void 0:n.fieldName)||""}})},label:"Custom",selected:k===b.CUSTOM}],x!=null&&x.length){const l=x.map(tt);Q=[...Q,...l]}return e.jsx("div",{className:k===b.PREDEFINED?st(It.predefinedMenuActive):"",children:e.jsxs(ct,{small:i,width:g,children:[x&&e.jsx(dt,{text:k===b.PREDEFINED?D==null?void 0:D.label:"",children:e.jsx(we,{maxHeight:380,groupOrder:"first",testId:w&&`${w}-predefined-menu`,disabled:t,menu:{colored:!0,trigger:"Component",component:e.jsx(c,{groupOrder:"first",active:k===b.PREDEFINED,icon:k===b.PREDEFINED?"link":"unlink"}),small:i,sections:Q}})}),e.jsx(pt,{type:"text",name:ke,testId:w,disabled:t,placeholder:de?F(V,v.unit,xe,A):a,value:v.value,onChange:Xn,onFocus:Kn,error:u||Gn,warning:$n,right:!o},ke),G&&(nt||!Jn?e.jsx(ot,{groupOrder:"last",children:G}):e.jsx(we,{maxHeight:380,groupOrder:"last",disabled:s,testId:w&&`${w}-menu`,menu:{label:G,trigger:"DropDownButton",small:i,sections:Z.map(([l,d,f])=>{const y=f||d||"";return{type:"Option",label:isNaN(Number(l))?"":l,inline:!0,onClick:X=>{X.stopPropagation(),et(de?"":l,d)},description:y,selected:y===G,testId:`${w}-unit-${y}`}})}}))]})})};try{p.displayName="UnitInput",p.__docgenInfo={description:"",displayName:"UnitInput",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string | { fieldName?: string | undefined; }"}},placeholder:{defaultValue:{value:""},description:"",name:"placeholder",required:!1,type:{name:"string"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},disabledUnit:{defaultValue:{value:"false"},description:"",name:"disabledUnit",required:!1,type:{name:"boolean"}},error:{defaultValue:{value:"null"},description:"",name:"error",required:!1,type:{name:"string | boolean | null"}},left:{defaultValue:{value:"false"},description:"",name:"left",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},width:{defaultValue:{value:"100%"},description:"",name:"width",required:!1,type:{name:"string | number"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"string"}},unitkey:{defaultValue:{value:""},description:"",name:"unitkey",required:!1,type:{name:"string"}},initUnit:{defaultValue:null,description:"",name:"initUnit",required:!1,type:{name:"string"}},noConversion:{defaultValue:{value:"false"},description:"",name:"noConversion",required:!1,type:{name:"boolean"}},doNotConvertValue:{defaultValue:{value:"false"},description:"",name:"doNotConvertValue",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},warning:{defaultValue:{value:"null"},description:"",name:"warning",required:!1,type:{name:"string | null"}},predefinedOptions:{defaultValue:null,description:"",name:"predefinedOptions",required:!1,type:{name:"IPredefinedOption[]"}},initialPredefinedOption:{defaultValue:{value:"false"},description:"",name:"initialPredefinedOption",required:!1,type:{name:"boolean"}},shouldLinkAutomaticly:{defaultValue:{value:"true"},description:"",name:"shouldLinkAutomaticly",required:!1,type:{name:"boolean"}},selectedPredefinedOptionKey:{defaultValue:null,description:"",name:"selectedPredefinedOptionKey",required:!1,type:{name:"string"}},validationCallback:{defaultValue:{value:"() => ({ name: '', error: null })"},description:"",name:"validationCallback",required:!1,type:{name:"((name: string, message: string | null) => { name: string; error: string | null; })"}},disabledValidation:{defaultValue:{value:"false"},description:"",name:"disabledValidation",required:!1,type:{name:"boolean"}},allowEmpty:{defaultValue:{value:"false"},description:"",name:"allowEmpty",required:!1,type:{name:"boolean"}},autoValue:{defaultValue:null,description:"",name:"autoValue",required:!1,type:{name:"string"}},onChange:{defaultValue:{value:"() => {}"},description:"",name:"onChange",required:!1,type:{name:"(event: ChangeEvent<HTMLInputElement> | ICustomChangeEvent) => void"}},onSwitchUnit:{defaultValue:{value:"() => {}"},description:"",name:"onSwitchUnit",required:!1,type:{name:"((unit: string) => void)"}},onClick:{defaultValue:{value:"() => {}"},description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler<HTMLInputElement>"}},onFocus:{defaultValue:{value:"() => {}"},description:"",name:"onFocus",required:!1,type:{name:"FocusEventHandler<HTMLInputElement>"}},unitTemplate:{defaultValue:null,description:"",name:"unitTemplate",required:!1,type:{name:"Record<string, any>"}}}}}catch{}const{useArgs:jt}=__STORYBOOK_MODULE_ADDONS__,sa={title:"Basic/UnitInput",component:p,args:{name:"example",unitkey:"length",value:"123|m"}},C=n=>{const[a,t]=jt(),s=u=>{t({value:u.target.value})};return e.jsx(p,{...n,onChange:s})},ee=C.bind({}),M=C.bind({});M.args={initUnit:"ft",unitTemplate:{length:"ft"}};const _=C.bind({});_.args={value:'123|"',unitkey:'"'};const O=C.bind({});O.args={width:"180px"};const B=C.bind({});B.args={noConversion:!0};const q=C.bind({});q.args={small:!0};const W=C.bind({});W.args={error:"Error message goes here"};const T=C.bind({});T.args={value:"asas123asd|%"};const N=C.bind({});N.args={disabled:!0,disabledUnit:!0};N.parameters={docs:{description:{story:"Each part of UnitInput can be disabled separately. `disabled` disables only the main text input, `disabledUnit` disables only the unit menu. **Needs review (comes from Reservoir input requirements)**"}}};const R=C.bind({});R.args={disabled:!0,disabledUnit:!0,noConversion:!0};const L=C.bind({});L.args={disabledUnit:!0,unitkey:void 0};const K=C.bind({});K.args={disabledUnit:!0,unitkey:"length"};const $=C.bind({});$.args={disabledUnit:!1,disabled:!0};const H=n=>{const[a,t]=m.useState("123|m"),[s,u]=m.useState("223|m"),[o,i]=m.useState("ft");return e.jsxs(e.Fragment,{children:[e.jsx(c,{label:"Change initUnit",onClick:()=>i(o==="m"?"ft":"m")}),e.jsx(S,{}),e.jsx(c,{label:"Change value",onClick:()=>t(a==="123|m"?"456|m":"123|m")}),e.jsx(S,{}),e.jsx(p,{name:"example",onChange:g=>{t(g.target.value)},unitkey:"length",value:a,initUnit:o,onSwitchUnit:i}),e.jsx(S,{}),e.jsx(p,{name:"example2",onChange:g=>{u(g.target.value)},unitkey:"length",value:s,initUnit:o,onSwitchUnit:i}),e.jsx(gt,{}),e.jsx("h4",{children:"Without initUnit property (taken from the redux store)"}),e.jsx(p,{name:"example",onChange:g=>{t(g.target.value)},unitkey:"length",value:a,onSwitchUnit:i}),e.jsx(p,{name:"example2",onChange:g=>{u(g.target.value)},unitkey:"length",value:s,onSwitchUnit:i})]})};H.parameters={docs:{description:{story:"[OW-4380](https://oliasoft.atlassian.net/browse/OW-4380?atlOrigin=eyJpIjoiMmM1N2RkNWU3Mjk5NDYxY2E0YzhkMzk5ZTVmZTJhMjciLCJwIjoiaiJ9)"}}};const z=C.bind({});z.args={predefinedOptions:[{label:"bottom of casing",value:"12|km"},{label:"mud weight at shoe depth",value:"8|mm"}]};const J=()=>{const n="500px",[a,t]=m.useState(void 0);return e.jsxs(e.Fragment,{children:[e.jsx("h4",{children:"Different edge cases such as +/- infinity, undefined, NaN, null:"}),e.jsxs(Wn,{children:[e.jsxs(pe,{width:"25%",children:[e.jsx(c,{label:"Change value infinity",onClick:()=>t(1/0)}),e.jsx("br",{}),e.jsx(c,{label:"Change value -infinity",onClick:()=>t(-1/0)}),e.jsx("br",{}),e.jsx(c,{label:"Change value null",onClick:()=>t(null)}),e.jsx("br",{}),e.jsx(c,{label:"Change value - undefined",onClick:()=>t(void 0)}),e.jsx("br",{}),e.jsx(c,{label:"Change value - NaN",onClick:()=>t(NaN)}),e.jsx("br",{}),e.jsx(c,{label:"Change value - nothing (empty)",onClick:()=>t(void 0)}),e.jsx("br",{}),e.jsx(c,{label:"Change value - empty string",onClick:()=>t("")})]}),e.jsxs(pe,{width:"25%",children:[e.jsx(c,{label:"Change value infinity|m",onClick:()=>t("Infinity|m")}),e.jsx("br",{}),e.jsx(c,{label:"Change value -infinity|m",onClick:()=>t("-Infinity|m")}),e.jsx("br",{}),e.jsx(c,{label:"Change value null|m",onClick:()=>t("null|m")}),e.jsx("br",{}),e.jsx(c,{label:"Change value - undefined|m",onClick:()=>t("undefined|m")}),e.jsx("br",{}),e.jsx(c,{label:"Change value - NaN|m",onClick:()=>t("NaN|m")}),e.jsx("br",{}),e.jsx(c,{label:"Change value - nothing (empty)|m",onClick:()=>t("|m")})]})]}),e.jsx("br",{}),e.jsx(I,{label:"Normal PUI",children:e.jsx(p,{name:"example1",onChange:s=>t(s.target.value),value:a,unitkey:"length",width:n,placeholder:"value|unit"})}),e.jsx(I,{label:"Disabled validation",children:e.jsx(p,{name:"example2",onChange:s=>t(s.target.value),value:a,unitkey:"length",disabledValidation:!0,width:n})}),e.jsx(I,{label:"Disabled validation and manual error",children:e.jsx(p,{name:"example3",onChange:s=>t(s.target.value),value:a,unitkey:"length",error:"test",disabledValidation:!0,width:n})}),e.jsx(ge,{message:{heading:"Current value inside PUI: "+a,visible:!0}})]})},ne=()=>{const n="500px",[a,t]=m.useState("1|m"),[s,u]=m.useState("|m"),o="123|km";return e.jsxs(e.Fragment,{children:[e.jsx("h4",{children:"Different cases for automatic (placeholder) values:"}),e.jsx(Wn,{children:e.jsxs(pe,{width:"25%",children:[e.jsx(c,{label:"Change value to ''",onClick:()=>t("")}),e.jsx("br",{}),e.jsx(c,{label:"Change value to 1",onClick:()=>t("1")}),e.jsx("br",{}),e.jsx(c,{label:"Change value to 1|m",onClick:()=>t("1|m")}),e.jsx("br",{}),e.jsx(c,{label:"Change value to |m - empty value",onClick:()=>t("|m")})]})}),e.jsx("br",{}),e.jsx(I,{label:"Normal PUI (placeholder + auto)",children:e.jsx(p,{name:"example1",onChange:i=>t(i.target.value),value:a,unitkey:"length",width:n,placeholder:"value|unit",autoValue:o})}),e.jsx(I,{label:"Normal PUI (only auto)",children:e.jsx(p,{name:"example1",onChange:i=>t(i.target.value),value:a,unitkey:"length",width:n,autoValue:o})}),e.jsx(I,{label:"Empty PUI with autoValue",children:e.jsx(p,{name:"example1",onChange:i=>u(i.target.value),value:s,unitkey:"length",width:n,autoValue:o})}),e.jsx(I,{label:"Normal PUI (only placeholder)",children:e.jsx(p,{name:"example1",onChange:i=>t(i.target.value),value:a,unitkey:"length",width:n,placeholder:"Placeholder test"})}),e.jsx(I,{label:"Normal PUI (placeholder + allowEmpty)",children:e.jsx(p,{name:"example1",onChange:i=>t(i.target.value),value:a,unitkey:"length",width:n,placeholder:"Placeholder test",allowEmpty:!0})}),e.jsx(ge,{message:{heading:"Current value inside PUI: "+a,visible:!0}})]})};J.parameters={docs:{description:{story:"[OW-8884](https://oliasoft.atlassian.net/browse/OW-8884)"}}};const te=()=>{const[n,a]=m.useState("123|%"),[t,s]=m.useState(null),u="This should be visible when an error appears",o=(i,g)=>(s(g),{name:i,error:g});return e.jsxs(e.Fragment,{children:[e.jsx("h4",{children:"3rd party validation message when inputting invalid value:"}),e.jsx(p,{name:"example",onChange:i=>a(i.target.value),error:!t||u,validationCallback:o,value:n}),e.jsx("br",{}),e.jsx(S,{}),e.jsx("h4",{children:"Original validation message: "}),e.jsx(ge,{message:{heading:t,visible:!0}})]})},ae=()=>{const[n,a]=m.useState("123|m"),[t,s]=m.useState(""),[u,o]=m.useState("km"),i=()=>{o("ft"),s("placeholder"),a("|m")};return e.jsxs(e.Fragment,{children:[e.jsx("h4",{children:"Empty value case:"}),e.jsx(p,{name:"example",onChange:g=>a(g.target.value),value:n,allowEmpty:!0,placeholder:t,initUnit:u,unitkey:"length"}),e.jsx("br",{}),e.jsx(S,{}),e.jsx(c,{label:"Change value |m and unit ft",onClick:()=>i()})]})},le=()=>{const[n,a]=m.useState("123|m"),[t,s]=m.useState("m");return e.jsxs(e.Fragment,{children:[e.jsx(p,{name:"example",onChange:u=>a(u.target.value),value:n,initUnit:t,unitkey:"length",onSwitchUnit:s}),e.jsx(S,{}),e.jsx(p,{name:"example",onChange:u=>a(u.target.value),value:n,initUnit:t,unitkey:"length",onSwitchUnit:s})]})};var De,Fe,Me;ee.parameters={...ee.parameters,docs:{...(De=ee.parameters)==null?void 0:De.docs,source:{originalSource:`args => {
|
|
1
|
+
import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as m}from"./index-RfLt4OUa.js";import{d as r,r as it}from"./index-qZmQ7nA9.js";import{c as st}from"./index-VW3EWkuE.js";import{u as ut}from"./use-previous-VKMmnaK7.js";import{M as we}from"./actions-eW7plDvv.js";import{I as ot}from"./input-group-addon-BHVsW9mL.js";import{B as c}from"./button-yLYf8aC9.js";import{T as dt}from"./tooltip-gljV_DQ0.js";import{I as ct}from"./input-group-R8LoqKRn.js";import{S}from"./spacer-Yji9g2AW.js";import{T as mt}from"./text-6KQ6ntOV.js";import{I as pt}from"./input-w-UScEUy.js";import{M as Ee}from"./types-VB5zD18b.js";import{l as E}from"./lodash-Bmg8FrMx.js";import{D as gt}from"./divider-RwW2f_N0.js";import{R as Wn,C as pe}from"./row-vFUhHoz5.js";import{F as I}from"./field-UZtORY6D.js";import{M as ge}from"./message-CRKuTfOl.js";import"./index-cCpkwrS5.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./icon-8EQazuuW.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-8sb_A2v4.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./spinner-R8Il4aRe.js";import"./index-miLrID2P.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./label-am612zWx.js";import"./help-icon-4sFVvBkZ.js";const ht=()=>{const n=m.useRef(null);return m.useLayoutEffect(()=>{n.current&&(n.current(),n.current=null)}),t=>{n.current=t}},vt=(n,a)=>{const t=a==null?void 0:a[n];return t||(console.log(`Warning: 'unitTemplate' does not define a preferred unit for '${n}'. Defaulting to standard unit.`),r.unitFromQuantity(n)??"")};var b=(n=>(n.CUSTOM="custom",n.PREDEFINED="predefined",n))(b||{});const Tn=n=>n==="undefined"||n===void 0||n===""||n==="null"||n===null||n==="NaN"||isNaN(n),Rn=(n="",a,t="",s=!1)=>{if(s)return n;if(a&&!Tn(n))try{const u=r.isValueWithUnit(n)?n:r.withUnit(n,t),o=r.convertSamePrecision(u,a);return r.getValue(o)}catch{}return n},ft=n=>n?!!r.getUnit(n):!1,F=(n="",a,t,s)=>{if(s)return n;const u=ft(n)||r.isValueWithUnit(n),o=r.getValue(n);return Tn(o)?o:u?Rn(o,a,t,s):n},Ne=n=>E.isObject(n)&&!E.isArray(n)&&!E.isFunction(n)?E.get(n,"fieldName",""):typeof n=="string"?n:"",Ct=n=>E.isObjectLike(n)&&E.has(n,"message"),bt=n=>typeof n=="string"?n:Ct(n)?n.message:null;var Ut=it();const yt=n=>n.search(RegExp(/(^0{2}\.)|(^0+[1-9])/g))===0,Ae=(n,a)=>{var j;const{allowEmpty:t=!1,autoValue:s,placeholder:u,disabledValidation:o=!1}=a||{},i=String(n);if(o||s||u)return null;const g=Ut.isValueWithUnit(i)?r.getValue(i):i;if(t&&g==="")return null;if(yt(g))return"Invalid number format due to leading zeroes";const h=r.validateNumber(g);if(!h.valid){const re=((j=h==null?void 0:h.errors)==null?void 0:j[0])??null;return bt(re)}return null},Pe=(n="")=>{var a;return(a=r.KNOWN_UNITS)==null?void 0:a.includes(n)},xt=(n,a)=>{const t=r.getUnit(n||"");return Pe(a)&&Pe(t)},Vt="_predefinedMenuActive_1yvt4_1",It={predefinedMenuActive:Vt},p=({name:n,placeholder:a="",disabled:t=!1,disabledUnit:s=!1,error:u=null,left:o=!1,small:i=!1,width:g="100%",value:h,unitkey:j="",initUnit:re,noConversion:Ln=!1,onChange:ie=()=>{},onClick:kt=()=>{},onFocus:Kn=()=>{},onSwitchUnit:he=()=>{},unitTemplate:ve,doNotConvertValue:A=!1,testId:w,warning:$n=null,predefinedOptions:x,initialPredefinedOption:Hn=!1,shouldLinkAutomaticly:fe=!0,selectedPredefinedOptionKey:Ce,validationCallback:be=()=>({name:"",error:null}),disabledValidation:Ue=!1,allowEmpty:ye=!1,autoValue:V})=>{typeof h=="number"&&(h=`${h}`);const zn=ht(),[se="",P=""]=h!==void 0?r.split(h):[],xe=V?r.getUnit(V):"",Ve=m.useMemo(()=>vt(j,ve),[j,ve]),Jn=xt(h,Ve),U=re||Ve||P,Yn=ut(U),Ie=F(h,U,P,A),je=F(V,U,xe,A),Zn=Ie!==""?{value:Ie,unit:U}:je!==""?{value:je,unit:U}:{value:se,unit:P},[v,Y]=m.useState(Zn),[Gn,ue]=m.useState(null),[k,oe]=m.useState(Hn?b.PREDEFINED:b.CUSTOM),de=se===""&&V,D=x&&x.find(l=>{if(Ce)return Ce===l.valueKey;const d=r.isValueWithUnit(l.value)?r.getUnit(l.value):"";return r.withUnit(Rn(h,d),d)===l.value}),Qn=()=>{if(j)try{const l=de?V:h??"";let d=r.altUnitsList(l,j);return r.getValue(l)===""?d.map(f=>["",f[1]]):d}catch{return null}},Xn=l=>{const d=Ne(n),f=l.target,{value:y,selectionStart:X}=f,Se=r.cleanNumStr(y.replaceAll(" ","").replaceAll("|","")),ce=r.withUnit(Se,(v==null?void 0:v.unit)||""),at=r.getValue(ce),me=Ae(at,{allowEmpty:ye,autoValue:V,placeholder:a,disabledValidation:Ue});if(me===null){ie({target:{value:ce,name:d}});const[lt,rt]=r.split(ce);Y({value:lt,unit:rt}),ue(null),be(d,null)}else Y({value:Se,unit:v.unit}),ue(me),be(d,me);zn(()=>{f.selectionStart=X,f.selectionEnd=X})},et=(l,d)=>{d===v.unit||isNaN(Number(l))||(Y({value:l,unit:d}),he&&he(d))};m.useEffect(()=>{if(U){let f,y="";Yn!==U?(f=F(h,U,P,A),y=U):r.withUnit(v.value,v.unit)!==h&&(f=F(h,v.unit,P,A),y=v.unit),f!==void 0&&Y({value:f,unit:y}),x&&oe(D&&fe?b.PREDEFINED:b.CUSTOM)}const l=r.checkAndCleanDecimalComma(se),d=Ae(l,{allowEmpty:ye,autoValue:V,placeholder:a,disabledValidation:Ue});ue(d)},[U,h,u,fe]);const Z=Qn(),G=r.label(v.unit)||v.unit||"",nt=Ln||!Z||Z&&Z.length===1,ke=Ne(n);let Q;const tt=l=>{const[d,f=""]=r.isValueWithUnit(l.value)?r.split(l.value):[l.value];return{type:Ee.OPTION,inline:!0,onClick:()=>{r.validateNumber(d).valid&&!t&&(oe(b.PREDEFINED),ie({target:{value:l.value,name:typeof n=="string"?n:(n==null?void 0:n.fieldName)||"",predefinedSelected:!0,predefinedOption:l}}))},label:e.jsxs(e.Fragment,{children:[e.jsx(mt,{children:l.label}),e.jsx(S,{width:"20px",height:"0"})]}),description:r.isValueWithUnit(l.value)?`${d} ${f}`:l.value,selected:D===l&&k===b.PREDEFINED}};if(Q=[{type:Ee.OPTION,inline:!0,onClick:()=>{k!==b.CUSTOM&&!t&&ie({target:{value:r.withUnit(v.value,v.unit),name:typeof n=="string"?n:(n==null?void 0:n.fieldName)||""}})},label:"Custom",selected:k===b.CUSTOM}],x!=null&&x.length){const l=x.map(tt);Q=[...Q,...l]}return e.jsx("div",{className:k===b.PREDEFINED?st(It.predefinedMenuActive):"",children:e.jsxs(ct,{small:i,width:g,children:[x&&e.jsx(dt,{text:k===b.PREDEFINED?D==null?void 0:D.label:"",children:e.jsx(we,{maxHeight:380,groupOrder:"first",testId:w&&`${w}-predefined-menu`,disabled:t,menu:{colored:!0,trigger:"Component",component:e.jsx(c,{groupOrder:"first",active:k===b.PREDEFINED,icon:k===b.PREDEFINED?"link":"unlink"}),small:i,sections:Q}})}),e.jsx(pt,{type:"text",name:ke,testId:w,disabled:t,placeholder:de?F(V,v.unit,xe,A):a,value:v.value,onChange:Xn,onFocus:Kn,error:u||Gn,warning:$n,right:!o},ke),G&&(nt||!Jn?e.jsx(ot,{groupOrder:"last",children:G}):e.jsx(we,{maxHeight:380,groupOrder:"last",disabled:s,testId:w&&`${w}-menu`,menu:{label:G,trigger:"DropDownButton",small:i,sections:Z.map(([l,d,f])=>{const y=f||d||"";return{type:"Option",label:isNaN(Number(l))?"":l,inline:!0,onClick:X=>{X.stopPropagation(),et(de?"":l,d)},description:y,selected:y===G,testId:`${w}-unit-${y}`}})}}))]})})};try{p.displayName="UnitInput",p.__docgenInfo={description:"",displayName:"UnitInput",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string | { fieldName?: string | undefined; }"}},placeholder:{defaultValue:{value:""},description:"",name:"placeholder",required:!1,type:{name:"string"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},disabledUnit:{defaultValue:{value:"false"},description:"",name:"disabledUnit",required:!1,type:{name:"boolean"}},error:{defaultValue:{value:"null"},description:"",name:"error",required:!1,type:{name:"string | boolean | null"}},left:{defaultValue:{value:"false"},description:"",name:"left",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},width:{defaultValue:{value:"100%"},description:"",name:"width",required:!1,type:{name:"string | number"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"string"}},unitkey:{defaultValue:{value:""},description:"",name:"unitkey",required:!1,type:{name:"string"}},initUnit:{defaultValue:null,description:"",name:"initUnit",required:!1,type:{name:"string"}},noConversion:{defaultValue:{value:"false"},description:"",name:"noConversion",required:!1,type:{name:"boolean"}},doNotConvertValue:{defaultValue:{value:"false"},description:"",name:"doNotConvertValue",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},warning:{defaultValue:{value:"null"},description:"",name:"warning",required:!1,type:{name:"string | null"}},predefinedOptions:{defaultValue:null,description:"",name:"predefinedOptions",required:!1,type:{name:"IPredefinedOption[]"}},initialPredefinedOption:{defaultValue:{value:"false"},description:"",name:"initialPredefinedOption",required:!1,type:{name:"boolean"}},shouldLinkAutomaticly:{defaultValue:{value:"true"},description:"",name:"shouldLinkAutomaticly",required:!1,type:{name:"boolean"}},selectedPredefinedOptionKey:{defaultValue:null,description:"",name:"selectedPredefinedOptionKey",required:!1,type:{name:"string"}},validationCallback:{defaultValue:{value:"() => ({ name: '', error: null })"},description:"",name:"validationCallback",required:!1,type:{name:"((name: string, message: string | null) => { name: string; error: string | null; })"}},disabledValidation:{defaultValue:{value:"false"},description:"",name:"disabledValidation",required:!1,type:{name:"boolean"}},allowEmpty:{defaultValue:{value:"false"},description:"",name:"allowEmpty",required:!1,type:{name:"boolean"}},autoValue:{defaultValue:null,description:"",name:"autoValue",required:!1,type:{name:"string"}},onChange:{defaultValue:{value:"() => {}"},description:"",name:"onChange",required:!1,type:{name:"(event: ChangeEvent<HTMLInputElement> | ICustomChangeEvent) => void"}},onSwitchUnit:{defaultValue:{value:"() => {}"},description:"",name:"onSwitchUnit",required:!1,type:{name:"((unit: string) => void)"}},onClick:{defaultValue:{value:"() => {}"},description:"",name:"onClick",required:!1,type:{name:"MouseEventHandler<HTMLInputElement>"}},onFocus:{defaultValue:{value:"() => {}"},description:"",name:"onFocus",required:!1,type:{name:"FocusEventHandler<HTMLInputElement>"}},unitTemplate:{defaultValue:null,description:"",name:"unitTemplate",required:!1,type:{name:"Record<string, any>"}}}}}catch{}const{useArgs:jt}=__STORYBOOK_MODULE_ADDONS__,sa={title:"Basic/UnitInput",component:p,args:{name:"example",unitkey:"length",value:"123|m"}},C=n=>{const[a,t]=jt(),s=u=>{t({value:u.target.value})};return e.jsx(p,{...n,onChange:s})},ee=C.bind({}),M=C.bind({});M.args={initUnit:"ft",unitTemplate:{length:"ft"}};const _=C.bind({});_.args={value:'123|"',unitkey:'"'};const O=C.bind({});O.args={width:"180px"};const B=C.bind({});B.args={noConversion:!0};const q=C.bind({});q.args={small:!0};const W=C.bind({});W.args={error:"Error message goes here"};const T=C.bind({});T.args={value:"asas123asd|%"};const N=C.bind({});N.args={disabled:!0,disabledUnit:!0};N.parameters={docs:{description:{story:"Each part of UnitInput can be disabled separately. `disabled` disables only the main text input, `disabledUnit` disables only the unit menu. **Needs review (comes from Reservoir input requirements)**"}}};const R=C.bind({});R.args={disabled:!0,disabledUnit:!0,noConversion:!0};const L=C.bind({});L.args={disabledUnit:!0,unitkey:void 0};const K=C.bind({});K.args={disabledUnit:!0,unitkey:"length"};const $=C.bind({});$.args={disabledUnit:!1,disabled:!0};const H=n=>{const[a,t]=m.useState("123|m"),[s,u]=m.useState("223|m"),[o,i]=m.useState("ft");return e.jsxs(e.Fragment,{children:[e.jsx(c,{label:"Change initUnit",onClick:()=>i(o==="m"?"ft":"m")}),e.jsx(S,{}),e.jsx(c,{label:"Change value",onClick:()=>t(a==="123|m"?"456|m":"123|m")}),e.jsx(S,{}),e.jsx(p,{name:"example",onChange:g=>{t(g.target.value)},unitkey:"length",value:a,initUnit:o,onSwitchUnit:i}),e.jsx(S,{}),e.jsx(p,{name:"example2",onChange:g=>{u(g.target.value)},unitkey:"length",value:s,initUnit:o,onSwitchUnit:i}),e.jsx(gt,{}),e.jsx("h4",{children:"Without initUnit property (taken from the redux store)"}),e.jsx(p,{name:"example",onChange:g=>{t(g.target.value)},unitkey:"length",value:a,onSwitchUnit:i}),e.jsx(p,{name:"example2",onChange:g=>{u(g.target.value)},unitkey:"length",value:s,onSwitchUnit:i})]})};H.parameters={docs:{description:{story:"[OW-4380](https://oliasoft.atlassian.net/browse/OW-4380?atlOrigin=eyJpIjoiMmM1N2RkNWU3Mjk5NDYxY2E0YzhkMzk5ZTVmZTJhMjciLCJwIjoiaiJ9)"}}};const z=C.bind({});z.args={predefinedOptions:[{label:"bottom of casing",value:"12|km"},{label:"mud weight at shoe depth",value:"8|mm"}]};const J=()=>{const n="500px",[a,t]=m.useState(void 0);return e.jsxs(e.Fragment,{children:[e.jsx("h4",{children:"Different edge cases such as +/- infinity, undefined, NaN, null:"}),e.jsxs(Wn,{children:[e.jsxs(pe,{width:"25%",children:[e.jsx(c,{label:"Change value infinity",onClick:()=>t(1/0)}),e.jsx("br",{}),e.jsx(c,{label:"Change value -infinity",onClick:()=>t(-1/0)}),e.jsx("br",{}),e.jsx(c,{label:"Change value null",onClick:()=>t(null)}),e.jsx("br",{}),e.jsx(c,{label:"Change value - undefined",onClick:()=>t(void 0)}),e.jsx("br",{}),e.jsx(c,{label:"Change value - NaN",onClick:()=>t(NaN)}),e.jsx("br",{}),e.jsx(c,{label:"Change value - nothing (empty)",onClick:()=>t(void 0)}),e.jsx("br",{}),e.jsx(c,{label:"Change value - empty string",onClick:()=>t("")})]}),e.jsxs(pe,{width:"25%",children:[e.jsx(c,{label:"Change value infinity|m",onClick:()=>t("Infinity|m")}),e.jsx("br",{}),e.jsx(c,{label:"Change value -infinity|m",onClick:()=>t("-Infinity|m")}),e.jsx("br",{}),e.jsx(c,{label:"Change value null|m",onClick:()=>t("null|m")}),e.jsx("br",{}),e.jsx(c,{label:"Change value - undefined|m",onClick:()=>t("undefined|m")}),e.jsx("br",{}),e.jsx(c,{label:"Change value - NaN|m",onClick:()=>t("NaN|m")}),e.jsx("br",{}),e.jsx(c,{label:"Change value - nothing (empty)|m",onClick:()=>t("|m")})]})]}),e.jsx("br",{}),e.jsx(I,{label:"Normal PUI",children:e.jsx(p,{name:"example1",onChange:s=>t(s.target.value),value:a,unitkey:"length",width:n,placeholder:"value|unit"})}),e.jsx(I,{label:"Disabled validation",children:e.jsx(p,{name:"example2",onChange:s=>t(s.target.value),value:a,unitkey:"length",disabledValidation:!0,width:n})}),e.jsx(I,{label:"Disabled validation and manual error",children:e.jsx(p,{name:"example3",onChange:s=>t(s.target.value),value:a,unitkey:"length",error:"test",disabledValidation:!0,width:n})}),e.jsx(ge,{message:{heading:"Current value inside PUI: "+a,visible:!0}})]})},ne=()=>{const n="500px",[a,t]=m.useState("1|m"),[s,u]=m.useState("|m"),o="123|km";return e.jsxs(e.Fragment,{children:[e.jsx("h4",{children:"Different cases for automatic (placeholder) values:"}),e.jsx(Wn,{children:e.jsxs(pe,{width:"25%",children:[e.jsx(c,{label:"Change value to ''",onClick:()=>t("")}),e.jsx("br",{}),e.jsx(c,{label:"Change value to 1",onClick:()=>t("1")}),e.jsx("br",{}),e.jsx(c,{label:"Change value to 1|m",onClick:()=>t("1|m")}),e.jsx("br",{}),e.jsx(c,{label:"Change value to |m - empty value",onClick:()=>t("|m")})]})}),e.jsx("br",{}),e.jsx(I,{label:"Normal PUI (placeholder + auto)",children:e.jsx(p,{name:"example1",onChange:i=>t(i.target.value),value:a,unitkey:"length",width:n,placeholder:"value|unit",autoValue:o})}),e.jsx(I,{label:"Normal PUI (only auto)",children:e.jsx(p,{name:"example1",onChange:i=>t(i.target.value),value:a,unitkey:"length",width:n,autoValue:o})}),e.jsx(I,{label:"Empty PUI with autoValue",children:e.jsx(p,{name:"example1",onChange:i=>u(i.target.value),value:s,unitkey:"length",width:n,autoValue:o})}),e.jsx(I,{label:"Normal PUI (only placeholder)",children:e.jsx(p,{name:"example1",onChange:i=>t(i.target.value),value:a,unitkey:"length",width:n,placeholder:"Placeholder test"})}),e.jsx(I,{label:"Normal PUI (placeholder + allowEmpty)",children:e.jsx(p,{name:"example1",onChange:i=>t(i.target.value),value:a,unitkey:"length",width:n,placeholder:"Placeholder test",allowEmpty:!0})}),e.jsx(ge,{message:{heading:"Current value inside PUI: "+a,visible:!0}})]})};J.parameters={docs:{description:{story:"[OW-8884](https://oliasoft.atlassian.net/browse/OW-8884)"}}};const te=()=>{const[n,a]=m.useState("123|%"),[t,s]=m.useState(null),u="This should be visible when an error appears",o=(i,g)=>(s(g),{name:i,error:g});return e.jsxs(e.Fragment,{children:[e.jsx("h4",{children:"3rd party validation message when inputting invalid value:"}),e.jsx(p,{name:"example",onChange:i=>a(i.target.value),error:!t||u,validationCallback:o,value:n}),e.jsx("br",{}),e.jsx(S,{}),e.jsx("h4",{children:"Original validation message: "}),e.jsx(ge,{message:{heading:t,visible:!0}})]})},ae=()=>{const[n,a]=m.useState("123|m"),[t,s]=m.useState(""),[u,o]=m.useState("km"),i=()=>{o("ft"),s("placeholder"),a("|m")};return e.jsxs(e.Fragment,{children:[e.jsx("h4",{children:"Empty value case:"}),e.jsx(p,{name:"example",onChange:g=>a(g.target.value),value:n,allowEmpty:!0,placeholder:t,initUnit:u,unitkey:"length"}),e.jsx("br",{}),e.jsx(S,{}),e.jsx(c,{label:"Change value |m and unit ft",onClick:()=>i()})]})},le=()=>{const[n,a]=m.useState("123|m"),[t,s]=m.useState("m");return e.jsxs(e.Fragment,{children:[e.jsx(p,{name:"example",onChange:u=>a(u.target.value),value:n,initUnit:t,unitkey:"length",onSwitchUnit:s}),e.jsx(S,{}),e.jsx(p,{name:"example",onChange:u=>a(u.target.value),value:n,initUnit:t,unitkey:"length",onSwitchUnit:s})]})};var De,Fe,Me;ee.parameters={...ee.parameters,docs:{...(De=ee.parameters)==null?void 0:De.docs,source:{originalSource:`args => {
|
|
2
2
|
const [_, updateArgs] = useArgs();
|
|
3
3
|
const handleChange = (evt: any) => {
|
|
4
4
|
updateArgs({
|
package/dist/storybook/assets/{unit-table.stories-M8TmG1IT.js → unit-table.stories-ddutc_iU.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as n}from"./jsx-runtime-FsUICBgo.js";import{r as v}from"./index-RfLt4OUa.js";import{f as Q}from"./immer.esm-bD7SSJ7T.js";import{d as b}from"./index-qZmQ7nA9.js";import{G as Z}from"./grid-u1mZpaML.js";import{C as L}from"./card-0r8RRVk-.js";import{F as V}from"./field-
|
|
1
|
+
import{j as n}from"./jsx-runtime-FsUICBgo.js";import{r as v}from"./index-RfLt4OUa.js";import{f as Q}from"./immer.esm-bD7SSJ7T.js";import{d as b}from"./index-qZmQ7nA9.js";import{G as Z}from"./grid-u1mZpaML.js";import{C as L}from"./card-0r8RRVk-.js";import{F as V}from"./field-UZtORY6D.js";import{H as E}from"./heading-AvGkZ8ae.js";import{S as H}from"./select-xiPCWaz8.js";import{T as F}from"./toggle-m3EwNS6z.js";import{l as ee}from"./lodash-Bmg8FrMx.js";import{u as te}from"./use-previous-VKMmnaK7.js";import{T as ne,C as P}from"./table-oIcCiJqg.js";import"./index-cCpkwrS5.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./tslib.es6-OIsz3r9a.js";import"./index-VW3EWkuE.js";import"./label-am612zWx.js";import"./common-types-U65vzrrz.js";import"./help-icon-4sFVvBkZ.js";import"./tooltip-gljV_DQ0.js";import"./index-miLrID2P.js";import"./icon-8EQazuuW.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-8sb_A2v4.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./types-5uVBABF4.js";import"./assertThisInitialized-4q6YPdh3.js";import"./memoize-one.esm-hqe5SRxC.js";import"./types-VB5zD18b.js";import"./text-6KQ6ntOV.js";import"./actions-eW7plDvv.js";import"./button-yLYf8aC9.js";import"./spinner-R8Il4aRe.js";import"./badge-23Ty_zBt.js";import"./select.input-zP5tW20f.js";import"./index.es-VXFRDikp.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./tiny-invariant-R4kOKlvx.js";import"./pagination-yFWOmymz.js";import"./input-w-UScEUy.js";import"./input-group-R8LoqKRn.js";import"./input-group-addon-BHVsW9mL.js";import"./number-input-hrCn3Rag.js";import"./check-box-TRAFDvOc.js";import"./slider-at3_DXQg.js";import"./index-ugi_ZH6T.js";import"./popover-YDVuwgEX.js";const ae=o=>o.reduce(({preferredUnits:i,storageUnits:r},{unitKey:s,preferredUnit:a,storageUnit:g})=>(i[s]=a,r[s]=g,{preferredUnits:i,storageUnits:r}),{preferredUnits:{},storageUnits:{}}),re=({headers:o,rows:i,selectedUnits:r,storageUnits:s,onChangeUnit:a,convertBackToStorageUnit:g,enableCosmeticRounding:c,enableDisplayRounding:f})=>{const u=o?o.map(m=>({...m,cells:m.cells.map(p=>{var t;if(p.type===P.AUTO_UNIT){const{testId:C,unitKey:d}=p;return{value:r[d],type:P.SELECT,options:(t=b.getUnitsForQuantity(d))==null?void 0:t.map(h=>({label:b.label(h),value:h})),native:p.native,onChange:h=>a({unitKey:d,value:h.target.value}),testId:C}}return p})})):[],l=i?i.map((m,p)=>({...m,cells:m.cells.map((t,C)=>{if("autoUnit"in t&&(t!=null&&t.autoUnit)&&(typeof(t==null?void 0:t.value)=="string"||typeof(t==null?void 0:t.value)=="number")){const{unitKey:d,value:h,formatDisplayValue:U}=t,x=f&&"roundDisplayValue"in t?t==null?void 0:t.roundDisplayValue:null,e=r[d],T=s[d],y=e!==T,S=y?b.convertAndGetValue(h,e,T):t.value,R=b.isScientificStringNum(h),w=c&&(y||!R)?b.roundToPrecision(S,14):S,_=U?U(w):w;return{...t,value:_,enableCosmeticRounding:c,enableDisplayRounding:f,roundDisplayValue:x,onChange:j=>{const{value:W}=j.target,I=s[d],D=r[d],J=D!==I,K=g?I:D,$=J?b.convertAndGetValue(W,K,D):W;if("onChange"in t){const{onChange:X}=t,Y={...j,target:{...j.target,value:String($),rowIndex:p,cellIndex:C,unit:K}};X(Y)}}}}return t})})):[];return{convertedHeaders:u,convertedRows:l}},B=({table:o,unitConfig:i,convertBackToStorageUnit:r=!0,enableCosmeticRounding:s=!0,enableDisplayRounding:a=!0})=>{const{rows:g,headers:c,...f}=o,{storageUnits:u,preferredUnits:l}=ae(i),m=te(l),[p,t]=v.useState(l),C=({unitKey:e,value:T})=>t({...p,[e]:T}),d=e=>re({headers:c,rows:g,selectedUnits:e,storageUnits:u,onChangeUnit:C,convertBackToStorageUnit:r,enableCosmeticRounding:s,enableDisplayRounding:a}),h=d(p),[U,x]=v.useState(h);return v.useEffect(()=>{!ee.isEqual(l,m)&&(t(l),x(d(l)))},[i]),v.useEffect(()=>{x(d(p))},[o,p]),n.jsx(ne,{table:{...f,headers:U.convertedHeaders,rows:U.convertedRows}})};try{B.displayName="UnitTable",B.__docgenInfo={description:"",displayName:"UnitTable",props:{table:{defaultValue:null,description:"",name:"table",required:!0,type:{name:"IUnitTable"}},unitConfig:{defaultValue:null,description:"",name:"unitConfig",required:!0,type:{name:"IUnitConfigItem[]"}},convertBackToStorageUnit:{defaultValue:{value:"true"},description:"",name:"convertBackToStorageUnit",required:!1,type:{name:"boolean"}},enableCosmeticRounding:{defaultValue:{value:"true"},description:"",name:"enableCosmeticRounding",required:!1,type:{name:"boolean"}},enableDisplayRounding:{defaultValue:{value:"true"},description:"",name:"enableDisplayRounding",required:!1,type:{name:"boolean"}},onListReorder:{defaultValue:null,description:"",name:"onListReorder",required:!1,type:{name:"((obj: { from: number; to: number; }) => void)"}}}}}catch{}const dt={title:"Basic/UnitTable",args:{}},oe=!0,ie=!0,le=!0,se=!1,z="m",M="C",ue=3,de=(o,i,r)=>{const s=[i,i,r],a=[...Array(o)].map((g,c)=>{const f=c,u=c+1.25,l=4+c*.25;return[String(f),String(u),String(l)]});return[s,...a]},ce=de(ue,z,M),pe=({reduxTable:o,value:i,unit:r,rowIndex:s,cellIndex:a})=>Q(o,g=>{const c=g[0][a],f=(u,l)=>l===0;return g.forEach((u,l)=>{if(f(u,l)){u[a]=r;return}if(l===s+1){u[a]=String(i);return}const m=b.convertAndGetValue(u[a],r,c);u[a]=String(m)}),g}),ge=({reduxTable:o,value:i,rowIndex:r,cellIndex:s})=>Q(o,a=>{a[r+1][s]=i}),k=()=>{var U,x;const[o,i]=v.useState(z),[r,s]=v.useState(M),[a,g]=v.useState(ce),[c,f]=v.useState(oe),[u,l]=v.useState(le),[m,p]=v.useState(ie),[t,C]=v.useState(se),d=e=>{const{rowIndex:T,cellIndex:y,value:S,unit:R}=e.target,w=t?pe({reduxTable:a,value:S,unit:R,rowIndex:T,cellIndex:y}):ge({reduxTable:a,value:S,rowIndex:T,cellIndex:y});g(w)},h=a.reduce((e,T,y)=>(y===0?e.headers=[{cells:[{value:"From"},{value:"To"},{value:"Temperature"}]},{cells:[{type:"AutoUnit",unitKey:"length"},{type:"AutoUnit",unitKey:"length"},{type:"AutoUnit",unitKey:"temperature",testId:"table-unit-selector-3"}]}]:e.rows=e.rows.concat({cells:T.map((S,R)=>{const w=y===1&&R===1;return{value:S,type:w?"Text":"NumberInput",unitKey:R===2?"temperature":"length",onChange:d,roundDisplayValue:y===3&&R===2?D=>b.roundByMagnitude(D,2):null,formatDisplayValue:w?D=>`T* ${D}`:null,autoUnit:!0}})}),e),{headers:[],rows:[]});return n.jsxs(Z,{columns:"1fr 1fr",gap:!0,children:[n.jsxs(L,{heading:n.jsx(E,{children:"Settings"}),children:[n.jsx(V,{label:"Convert back to storage unit:",labelLeft:!0,labelWidth:200,children:n.jsx(F,{checked:c,onChange:e=>f(e.target.checked)})}),n.jsx(V,{label:"Enable display rounding:",labelLeft:!0,labelWidth:200,children:n.jsx(F,{checked:u,onChange:e=>l(e.target.checked)})}),n.jsx(V,{label:"Enable cosmetic rounding:",labelLeft:!0,labelWidth:200,children:n.jsx(F,{checked:m,onChange:e=>p(e.target.checked)})}),n.jsx(V,{label:"Convert whole table:",labelLeft:!0,labelWidth:200,children:n.jsx(F,{checked:t,onChange:e=>C(e.target.checked)})})]}),n.jsxs(L,{heading:n.jsx(E,{children:"Unit template"}),children:[n.jsx(V,{label:"Length unit:",labelLeft:!0,labelWidth:120,children:n.jsx(H,{options:(U=b.getUnitsForQuantity("length"))==null?void 0:U.map(e=>({value:e,label:b.label(e)})),value:{value:o},onChange:e=>i(e.target.value),width:"100px"})}),n.jsx(V,{label:"Temperature unit:",labelLeft:!0,labelWidth:120,children:n.jsx(H,{options:(x=b.getUnitsForQuantity("temperature"))==null?void 0:x.map(e=>({value:e,label:b.label(e)})),value:{value:r},onChange:e=>s(e.target.value),width:"100px"})})]}),n.jsx(L,{heading:n.jsx(E,{children:"Storage State (Redux)"}),children:n.jsx("pre",{children:n.jsx("code",{children:JSON.stringify(a,null,2)})})}),n.jsx(L,{heading:n.jsx(E,{children:"UnitTable"}),children:n.jsx(B,{table:h,unitConfig:[{unitKey:"length",storageUnit:a[0][0],preferredUnit:o},{unitKey:"temperature",storageUnit:a[0][2],preferredUnit:r}],convertBackToStorageUnit:c,enableDisplayRounding:u,enableCosmeticRounding:m})})]})};var A,N,q,G,O;k.parameters={...k.parameters,docs:{...(A=k.parameters)==null?void 0:A.docs,source:{originalSource:`() => {
|
|
2
2
|
const [preferredLengthUnit, setPreferredLengthUnit] = useState(initialLengthUnit);
|
|
3
3
|
const [preferredTemperatureUnit, setPreferredTemperatureUnit] = useState(initialTemperatureUnit);
|
|
4
4
|
const [reduxTable, setReduxTable] = useState<TTable>(initialTable);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"generatedAt":
|
|
1
|
+
{"generatedAt":1718800894182,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"packageManager":{"type":"yarn","version":"1.22.19"},"features":{"storyStoreV7":true},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","storybookVersion":"7.6.19","storybookVersionSpecifier":"^7.6.19","language":"typescript","storybookPackages":{"@storybook/addon-essentials":{"version":"7.6.19"},"@storybook/addon-links":{"version":"7.6.19"},"@storybook/addons":{"version":"7.6.19"},"@storybook/react":{"version":"7.6.19"},"@storybook/react-vite":{"version":"7.6.19"},"eslint-plugin-storybook":{"version":"0.6.15"},"storybook":{"version":"7.5.3"}},"addons":{"@storybook/addon-actions":{"version":"7.6.19"},"@storybook/addon-docs":{"version":"7.6.19"},"storybook-dark-mode":{"version":"3.0.3"}}}
|
package/package.json
CHANGED
package/dist/404.html
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<!doctype html><head><title>React UI Library</title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1" user-scalable="no"><meta name="apple-mobile-web-app-capable" content="yes"><script type="module" crossorigin src="/react-ui-library/assets/index-21EwET8E.js"></script><link rel="stylesheet" crossorigin href="/react-ui-library/assets/index-2LJjuVRB.css"></head><body><div id="content"></div></body>
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._actions_1nid8_1{margin-left:auto;display:flex;flex-wrap:nowrap;justify-content:flex-end;align-items:center}._actions_1nid8_1>*:not(:last-child){margin-right:var(--padding-xxs)}._actionComponentContainer_1nid8_11{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#c8c8c8;position:relative;z-index:2;transition:color .2s;line-height:0}._actionComponentContainer_1nid8_11 i{margin:0;line-height:1!important}._actionComponentContainer_1nid8_11:hover,._actionComponentContainer_1nid8_11:focus{color:var(--color-text-primary-hover)}._actionComponentContainer_1nid8_11:active,._actionComponentContainer_1nid8_11._active_1nid8_33{color:var(--color-text-primary-active)}._wrapper_uioq1_1{display:inline-flex;max-width:100%}._layer_uioq1_5 ._wrapper_uioq1_1{width:100%}._layerContainer_uioq1_8{z-index:var(--zindex-dropdown)}._layer_uioq1_5{border:1px solid var(--color-border);border-radius:var(--border-radius);overflow:hidden;margin:2px 0;background:var(--color-background-layer);box-shadow:var(--shadow-layer);min-width:10em;max-width:30em;position:relative;overflow-y:auto}._layer_uioq1_5._nested_uioq1_23{margin:-1px 2px}._layer_uioq1_5 ul{margin:0;padding:0;list-style-type:none}._layer_uioq1_5 ul li{list-style:none;display:block}._fileInput_uioq1_35{opacity:0;position:absolute;top:0;right:0;bottom:0;left:0}._trigger_uioq1_40{display:inline-flex;align-items:center;cursor:pointer;max-width:100%}._layer_uioq1_5 ._trigger_uioq1_40{width:100%}._middleAlignedInline_uioq1_49{display:flex;align-items:center;overflow:hidden;width:100%}._heading_uioq1_55{color:var(--color-text-muted);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;font-weight:700}._heading_uioq1_55 ._headingIcon_uioq1_61{float:right}._heading_uioq1_55 ._headingIcon_uioq1_61 svg{color:var(--color-text-faint)}._heading_uioq1_55 ._headingIcon_uioq1_61:hover{cursor:pointer}._heading_uioq1_55 ._headingIcon_uioq1_61:hover svg{color:var(--color-text-primary-hover)}._option_uioq1_73{color:inherit;display:block;position:relative}._heading_uioq1_55,._option_uioq1_73,._layer_uioq1_5 ._trigger_uioq1_40{padding:var(--padding-input);border:1px solid transparent}._option_uioq1_73,._layer_uioq1_5 ._trigger_uioq1_40{line-height:var(--line-height);display:flex;align-items:flex-start}._option_uioq1_73:hover,._layer_uioq1_5 ._trigger_uioq1_40:hover,._option_uioq1_73._active_uioq1_92,._layer_uioq1_5 ._trigger_uioq1_40._active_uioq1_92{background-color:var(--color-background-listitem-hover);cursor:pointer}._option_uioq1_73._selected_uioq1_97{background-color:var(--color-background-listitem-active)}._layer_uioq1_5 ._trigger_uioq1_40{align-items:center}._optionContent_uioq1_103{flex-wrap:wrap;margin-right:auto}._inline_uioq1_107 ._optionContent_uioq1_103{display:flex;justify-content:space-between;flex-grow:1}._icon_uioq1_112,._check_uioq1_113{display:flex;flex-shrink:1;width:var(--size-xs);height:var(--line-height);font-size:var(--size-xs);justify-content:center;align-items:center}._icon_uioq1_112{margin-right:var(--padding-xs);color:var(--color-text-primary)}._icon_uioq1_112:empty{display:none}._icon_uioq1_112 img{max-height:16px;max-width:16px;width:auto;height:auto}._text_uioq1_135{display:inline-flex;align-items:center;cursor:pointer}._label_uioq1_140{margin-right:auto}._label_uioq1_140,._heading_uioq1_55{max-width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._description_uioq1_151{color:#999;display:block}._arrow_uioq1_155{margin-left:var(--padding-xxs);display:flex}._divider_uioq1_159{border:0;border-top:1px solid var(--color-border)}._deprecatedSemanticIcon_uioq1_163{color:var(--color-text-primary)!important;margin:-5px 0 0!important}._disabled_uioq1_167{color:var(--color-text-faint);pointer-events:none;cursor:not-allowed!important}._buttonLabel_uioq1_172{overflow:hidden;text-overflow:ellipsis;display:block;margin-right:auto}._buttonCaret_uioq1_178{display:flex;margin-left:var(--padding-xxs)}._component_uioq1_182{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}._right_uioq1_188{margin-left:auto;display:flex;align-items:center}._actions_uioq1_193{margin-left:var(--padding-xs);display:flex;align-items:center;margin-top:-2px;margin-bottom:-2px}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import{j as H}from"./jsx-runtime-FsUICBgo.js";import{_ as or}from"./lodash-Bmg8FrMx.js";import{r as o,a as lr}from"./index-RfLt4OUa.js";import{a as Ze,b as Z,_ as J}from"./objectSpread2-93s0nBry.js";import{c as ue,a as sr}from"./index-VW3EWkuE.js";import{_ as kt,b as cr}from"./inheritsLoose-8sb_A2v4.js";import{_ as fr}from"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import{m as dr}from"./memoize-one.esm-hqe5SRxC.js";import{i as vr}from"./index-ugi_ZH6T.js";import{I as ht}from"./common-types-U65vzrrz.js";import{D as mr}from"./disabled-context-urNQThQz.js";import{b as gr,T as Er}from"./tooltip-HEHiU__l.js";import{B as bt}from"./button-shH4xakS.js";function Je(e,a){(a==null||a>e.length)&&(a=e.length);for(var t=0,r=new Array(a);t<a;t++)r[t]=e[t];return r}function yr(e){if(Array.isArray(e))return Je(e)}function hr(e){if(typeof Symbol<"u"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function Ht(e,a){if(e){if(typeof e=="string")return Je(e,a);var t=Object.prototype.toString.call(e).slice(8,-1);if(t==="Object"&&e.constructor&&(t=e.constructor.name),t==="Map"||t==="Set")return Array.from(e);if(t==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return Je(e,a)}}function br(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
|
|
2
|
-
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function ne(e){return yr(e)||hr(e)||Ht(e)||br()}function _r(e){if(Array.isArray(e))return e}function Sr(e,a){var t=e==null?null:typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(t!=null){var r,n,i,u,l=[],c=!0,h=!1;try{if(i=(t=t.call(e)).next,a===0){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=i.call(t)).done)&&(l.push(r.value),l.length!==a);c=!0);}catch(b){h=!0,n=b}finally{try{if(!c&&t.return!=null&&(u=t.return(),Object(u)!==u))return}finally{if(h)throw n}}return l}}function pr(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
|
|
3
|
-
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function $(e,a){return _r(e)||Sr(e,a)||Ht(e,a)||pr()}var ze={},Mr=function(a){};function Or(e,a){}function Cr(e,a){}function xr(){ze={}}function Kt(e,a,t){!a&&!ze[t]&&(e(!1,t),ze[t]=!0)}function ke(e,a){Kt(Or,e,a)}function Nr(e,a){Kt(Cr,e,a)}ke.preMessage=Mr;ke.resetWarned=xr;ke.noteOnce=Nr;function Rr(e,a){var t=arguments.length>2&&arguments[2]!==void 0?arguments[2]:!1,r=new Set;function n(i,u){var l=arguments.length>2&&arguments[2]!==void 0?arguments[2]:1,c=r.has(i);if(ke(!c,"Warning: There may be circular references"),c)return!1;if(i===u)return!0;if(t&&l>1)return!1;r.add(i);var h=l+1;if(Array.isArray(i)){if(!Array.isArray(u)||i.length!==u.length)return!1;for(var b=0;b<i.length;b++)if(!n(i[b],u[b],h))return!1;return!0}if(i&&u&&Ze(i)==="object"&&Ze(u)==="object"){var y=Object.keys(i);return y.length!==Object.keys(u).length?!1:y.every(function(g){return n(i[g],u[g],h)})}return!1}return n(e,a)}function _t(e){var a=o.useRef();a.current=e;var t=o.useCallback(function(){for(var r,n=arguments.length,i=new Array(n),u=0;u<n;u++)i[u]=arguments[u];return(r=a.current)===null||r===void 0?void 0:r.call.apply(r,[a].concat(i))},[]);return t}function Pr(){return!!(typeof window<"u"&&window.document&&window.document.createElement)}var St=Pr()?o.useLayoutEffect:o.useEffect,Tr=function(a,t){var r=o.useRef(!0);St(function(){return a(r.current)},t),St(function(){return r.current=!1,function(){r.current=!0}},[])},pt=function(a,t){Tr(function(r){if(!r)return a()},t)};function Mt(e){var a=o.useRef(!1),t=o.useState(e),r=$(t,2),n=r[0],i=r[1];o.useEffect(function(){return a.current=!1,function(){a.current=!0}},[]);function u(l,c){c&&a.current||i(l)}return[n,u]}function $e(e){return e!==void 0}function Ar(e,a){var t=a||{},r=t.defaultValue,n=t.value,i=t.onChange,u=t.postState,l=Mt(function(){return $e(n)?n:$e(r)?typeof r=="function"?r():r:typeof e=="function"?e():e}),c=$(l,2),h=c[0],b=c[1],y=n!==void 0?n:h,g=u?u(y):y,d=_t(i),E=Mt([y]),v=$(E,2),f=v[0],_=v[1];pt(function(){var S=f[0];h!==S&&d(h,S)},[f]),pt(function(){$e(n)||b(n)},[n]);var s=_t(function(S,U){b(S,U),_([y],U)});return[g,s]}function Wt(e,a){if(e==null)return{};var t=fr(e,a),r,n;if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],!(a.indexOf(r)>=0)&&Object.prototype.propertyIsEnumerable.call(e,r)&&(t[r]=e[r])}return t}var m={MAC_ENTER:3,BACKSPACE:8,TAB:9,NUM_CENTER:12,ENTER:13,SHIFT:16,CTRL:17,ALT:18,PAUSE:19,CAPS_LOCK:20,ESC:27,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40,PRINT_SCREEN:44,INSERT:45,DELETE:46,ZERO:48,ONE:49,TWO:50,THREE:51,FOUR:52,FIVE:53,SIX:54,SEVEN:55,EIGHT:56,NINE:57,QUESTION_MARK:63,A:65,B:66,C:67,D:68,E:69,F:70,G:71,H:72,I:73,J:74,K:75,L:76,M:77,N:78,O:79,P:80,Q:81,R:82,S:83,T:84,U:85,V:86,W:87,X:88,Y:89,Z:90,META:91,WIN_KEY_RIGHT:92,CONTEXT_MENU:93,NUM_ZERO:96,NUM_ONE:97,NUM_TWO:98,NUM_THREE:99,NUM_FOUR:100,NUM_FIVE:101,NUM_SIX:102,NUM_SEVEN:103,NUM_EIGHT:104,NUM_NINE:105,NUM_MULTIPLY:106,NUM_PLUS:107,NUM_MINUS:109,NUM_PERIOD:110,NUM_DIVISION:111,F1:112,F2:113,F3:114,F4:115,F5:116,F6:117,F7:118,F8:119,F9:120,F10:121,F11:122,F12:123,NUMLOCK:144,SEMICOLON:186,DASH:189,EQUALS:187,COMMA:188,PERIOD:190,SLASH:191,APOSTROPHE:192,SINGLE_QUOTE:222,OPEN_SQUARE_BRACKET:219,BACKSLASH:220,CLOSE_SQUARE_BRACKET:221,WIN_KEY:224,MAC_FF_META:224,WIN_IME:229,isTextModifyingKeyEvent:function(a){var t=a.keyCode;if(a.altKey&&!a.ctrlKey||a.metaKey||t>=m.F1&&t<=m.F12)return!1;switch(t){case m.ALT:case m.CAPS_LOCK:case m.CONTEXT_MENU:case m.CTRL:case m.DOWN:case m.END:case m.ESC:case m.HOME:case m.INSERT:case m.LEFT:case m.MAC_FF_META:case m.META:case m.NUMLOCK:case m.NUM_CENTER:case m.PAGE_DOWN:case m.PAGE_UP:case m.PAUSE:case m.PRINT_SCREEN:case m.RIGHT:case m.SHIFT:case m.UP:case m.WIN_KEY:case m.WIN_KEY_RIGHT:return!1;default:return!0}},isCharacterKey:function(a){if(a>=m.ZERO&&a<=m.NINE||a>=m.NUM_ZERO&&a<=m.NUM_MULTIPLY||a>=m.A&&a<=m.Z||window.navigator.userAgent.indexOf("WebKit")!==-1&&a===0)return!0;switch(a){case m.SPACE:case m.QUESTION_MARK:case m.NUM_PLUS:case m.NUM_MINUS:case m.NUM_PERIOD:case m.NUM_DIVISION:case m.SEMICOLON:case m.DASH:case m.EQUALS:case m.COMMA:case m.PERIOD:case m.SLASH:case m.APOSTROPHE:case m.SINGLE_QUOTE:case m.OPEN_SQUARE_BRACKET:case m.BACKSLASH:case m.CLOSE_SQUARE_BRACKET:return!0;default:return!1}}},de=o.createContext({min:0,max:0,direction:"ltr",step:1,includedStart:0,includedEnd:0,tabIndex:0,keyboard:!0});function et(e,a,t){return(e-a)/(t-a)}function rt(e,a,t,r){var n=et(a,t,r),i={};switch(e){case"rtl":i.right="".concat(n*100,"%"),i.transform="translateX(50%)";break;case"btt":i.bottom="".concat(n*100,"%"),i.transform="translateY(50%)";break;case"ttb":i.top="".concat(n*100,"%"),i.transform="translateY(-50%)";break;default:i.left="".concat(n*100,"%"),i.transform="translateX(-50%)";break}return i}function _e(e,a){return Array.isArray(e)?e[a]:e}var Ir=["prefixCls","value","valueIndex","onStartMove","style","render","dragging","onOffsetChange"],Ur=o.forwardRef(function(e,a){var t,r,n=e.prefixCls,i=e.value,u=e.valueIndex,l=e.onStartMove,c=e.style,h=e.render,b=e.dragging,y=e.onOffsetChange,g=Wt(e,Ir),d=o.useContext(de),E=d.min,v=d.max,f=d.direction,_=d.disabled,s=d.keyboard,S=d.range,U=d.tabIndex,P=d.ariaLabelForHandle,M=d.ariaLabelledByForHandle,R=d.ariaValueTextFormatterForHandle,T="".concat(n,"-handle"),O=function(A){_||l(A,u)},x=function(A){if(!_&&s){var C=null;switch(A.which||A.keyCode){case m.LEFT:C=f==="ltr"||f==="btt"?-1:1;break;case m.RIGHT:C=f==="ltr"||f==="btt"?1:-1;break;case m.UP:C=f!=="ttb"?1:-1;break;case m.DOWN:C=f!=="ttb"?-1:1;break;case m.HOME:C="min";break;case m.END:C="max";break;case m.PAGE_UP:C=2;break;case m.PAGE_DOWN:C=-2;break}C!==null&&(A.preventDefault(),y(C,u))}},W=rt(f,i,E,v),F=o.createElement("div",kt({ref:a,className:ue(T,(t={},Z(t,"".concat(T,"-").concat(u+1),S),Z(t,"".concat(T,"-dragging"),b),t)),style:J(J({},W),c),onMouseDown:O,onTouchStart:O,onKeyDown:x,tabIndex:_?null:_e(U,u),role:"slider","aria-valuemin":E,"aria-valuemax":v,"aria-valuenow":i,"aria-disabled":_,"aria-label":_e(P,u),"aria-labelledby":_e(M,u),"aria-valuetext":(r=_e(R,u))===null||r===void 0?void 0:r(i),"aria-orientation":f==="ltr"||f==="rtl"?"horizontal":"vertical"},g));return h&&(F=h(F,{index:u,prefixCls:n,value:i,dragging:b})),F}),Lr=["prefixCls","style","onStartMove","onOffsetChange","values","handleRender","draggingIndex"],wr=o.forwardRef(function(e,a){var t=e.prefixCls,r=e.style,n=e.onStartMove,i=e.onOffsetChange,u=e.values,l=e.handleRender,c=e.draggingIndex,h=Wt(e,Lr),b=o.useRef({});return o.useImperativeHandle(a,function(){return{focus:function(g){var d;(d=b.current[g])===null||d===void 0||d.focus()}}}),o.createElement(o.Fragment,null,u.map(function(y,g){return o.createElement(Ur,kt({ref:function(E){E?b.current[g]=E:delete b.current[g]},dragging:c===g,prefixCls:t,style:_e(r,g),key:g,value:y,valueIndex:g,onStartMove:n,onOffsetChange:i,render:l},h))}))});function Ot(e){var a="touches"in e?e.touches[0]:e;return{pageX:a.pageX,pageY:a.pageY}}function Fr(e,a,t,r,n,i,u,l,c){var h=o.useState(null),b=$(h,2),y=b[0],g=b[1],d=o.useState(-1),E=$(d,2),v=E[0],f=E[1],_=o.useState(t),s=$(_,2),S=s[0],U=s[1],P=o.useState(t),M=$(P,2),R=M[0],T=M[1],O=o.useRef(null),x=o.useRef(null);o.useEffect(function(){v===-1&&U(t)},[t,v]),o.useEffect(function(){return function(){document.removeEventListener("mousemove",O.current),document.removeEventListener("mouseup",x.current),document.removeEventListener("touchmove",O.current),document.removeEventListener("touchend",x.current)}},[]);var W=function(L,D){S.some(function(K,z){return K!==L[z]})&&(D!==void 0&&g(D),U(L),u(L))},F=function(L,D){if(L===-1){var K=R[0],z=R[R.length-1],Se=r-K,pe=n-z,j=D*(n-r);j=Math.max(j,Se),j=Math.min(j,pe);var ie=i(K+j);j=ie-K;var oe=R.map(function(ge){return ge+j});W(oe)}else{var X=(n-r)*D,le=ne(S);le[L]=R[L];var me=c(le,X,L,"dist");W(me.values,me.value)}},q=o.useRef(F);q.current=F;var A=function(L,D){L.stopPropagation();var K=t[D];f(D),g(K),T(t);var z=Ot(L),Se=z.pageX,pe=z.pageY,j=function(X){X.preventDefault();var le=Ot(X),me=le.pageX,ge=le.pageY,Me=me-Se,Oe=ge-pe,Ce=e.current.getBoundingClientRect(),xe=Ce.width,ee=Ce.height,Y;switch(a){case"btt":Y=-Oe/ee;break;case"ttb":Y=Oe/ee;break;case"rtl":Y=-Me/xe;break;default:Y=Me/xe}q.current(D,Y)},ie=function oe(X){X.preventDefault(),document.removeEventListener("mouseup",oe),document.removeEventListener("mousemove",j),document.removeEventListener("touchend",oe),document.removeEventListener("touchmove",j),O.current=null,x.current=null,f(-1),l()};document.addEventListener("mouseup",ie),document.addEventListener("mousemove",j),document.addEventListener("touchend",ie),document.addEventListener("touchmove",j),O.current=j,x.current=ie},C=o.useMemo(function(){var B=ne(t).sort(function(D,K){return D-K}),L=ne(S).sort(function(D,K){return D-K});return B.every(function(D,K){return D===L[K]})?S:t},[t,S]);return[v,y,C,A]}function Dr(e){var a,t=e.prefixCls,r=e.style,n=e.start,i=e.end,u=e.index,l=e.onStartMove,c=o.useContext(de),h=c.direction,b=c.min,y=c.max,g=c.disabled,d=c.range,E="".concat(t,"-track"),v=et(n,b,y),f=et(i,b,y),_=function(U){!g&&l&&l(U,-1)},s={};switch(h){case"rtl":s.right="".concat(v*100,"%"),s.width="".concat(f*100-v*100,"%");break;case"btt":s.bottom="".concat(v*100,"%"),s.height="".concat(f*100-v*100,"%");break;case"ttb":s.top="".concat(v*100,"%"),s.height="".concat(f*100-v*100,"%");break;default:s.left="".concat(v*100,"%"),s.width="".concat(f*100-v*100,"%")}return o.createElement("div",{className:ue(E,(a={},Z(a,"".concat(E,"-").concat(u+1),d),Z(a,"".concat(t,"-track-draggable"),l),a)),style:J(J({},s),r),onMouseDown:_,onTouchStart:_})}function kr(e){var a=e.prefixCls,t=e.style,r=e.values,n=e.startPoint,i=e.onStartMove,u=o.useContext(de),l=u.included,c=u.range,h=u.min,b=o.useMemo(function(){if(!c){if(r.length===0)return[];var y=n??h,g=r[0];return[{start:Math.min(y,g),end:Math.max(y,g)}]}for(var d=[],E=0;E<r.length-1;E+=1)d.push({start:r[E],end:r[E+1]});return d},[r,c,n,h]);return l?b.map(function(y,g){var d=y.start,E=y.end;return o.createElement(Dr,{index:g,prefixCls:a,style:_e(t,g),start:d,end:E,key:g,onStartMove:i})}):null}function Hr(e){var a=e.prefixCls,t=e.style,r=e.children,n=e.value,i=e.onClick,u=o.useContext(de),l=u.min,c=u.max,h=u.direction,b=u.includedStart,y=u.includedEnd,g=u.included,d="".concat(a,"-text"),E=rt(h,n,l,c);return o.createElement("span",{className:ue(d,Z({},"".concat(d,"-active"),g&&b<=n&&n<=y)),style:J(J({},E),t),onMouseDown:function(f){f.stopPropagation()},onClick:function(){i(n)}},r)}function Kr(e){var a=e.prefixCls,t=e.marks,r=e.onClick,n="".concat(a,"-mark");return t.length?o.createElement("div",{className:n},t.map(function(i){var u=i.value,l=i.style,c=i.label;return o.createElement(Hr,{key:u,prefixCls:n,style:l,value:u,onClick:r},c)})):null}function Wr(e){var a=e.prefixCls,t=e.value,r=e.style,n=e.activeStyle,i=o.useContext(de),u=i.min,l=i.max,c=i.direction,h=i.included,b=i.includedStart,y=i.includedEnd,g="".concat(a,"-dot"),d=h&&b<=t&&t<=y,E=J(J({},rt(c,t,u,l)),typeof r=="function"?r(t):r);return d&&(E=J(J({},E),typeof n=="function"?n(t):n)),o.createElement("span",{className:ue(g,Z({},"".concat(g,"-active"),d)),style:E})}function jr(e){var a=e.prefixCls,t=e.marks,r=e.dots,n=e.style,i=e.activeStyle,u=o.useContext(de),l=u.min,c=u.max,h=u.step,b=o.useMemo(function(){var y=new Set;if(t.forEach(function(d){y.add(d.value)}),r&&h!==null)for(var g=l;g<=c;)y.add(g),g+=h;return Array.from(y)},[l,c,h,r,t]);return o.createElement("div",{className:"".concat(a,"-step")},b.map(function(y){return o.createElement(Wr,{prefixCls:a,key:y,value:y,style:n,activeStyle:i})}))}function $r(e,a,t,r,n,i){var u=o.useCallback(function(d){var E=isFinite(d)?d:e;return E=Math.min(a,d),E=Math.max(e,E),E},[e,a]),l=o.useCallback(function(d){if(t!==null){var E=e+Math.round((u(d)-e)/t)*t,v=function(S){return(String(S).split(".")[1]||"").length},f=Math.max(v(t),v(a),v(e)),_=Number(E.toFixed(f));return e<=_&&_<=a?_:null}return null},[t,e,a,u]),c=o.useCallback(function(d){var E=u(d),v=r.map(function(s){return s.value});t!==null&&v.push(l(d)),v.push(e,a);var f=v[0],_=a-e;return v.forEach(function(s){var S=Math.abs(E-s);S<=_&&(f=s,_=S)}),f},[e,a,r,t,u,l]),h=function d(E,v,f){var _=arguments.length>3&&arguments[3]!==void 0?arguments[3]:"unit";if(typeof v=="number"){var s,S=E[f],U=S+v,P=[];r.forEach(function(x){P.push(x.value)}),P.push(e,a),P.push(l(S));var M=v>0?1:-1;_==="unit"?P.push(l(S+M*t)):P.push(l(U)),P=P.filter(function(x){return x!==null}).filter(function(x){return v<0?x<=S:x>=S}),_==="unit"&&(P=P.filter(function(x){return x!==S}));var R=_==="unit"?S:U;s=P[0];var T=Math.abs(s-R);if(P.forEach(function(x){var W=Math.abs(x-R);W<T&&(s=x,T=W)}),s===void 0)return v<0?e:a;if(_==="dist")return s;if(Math.abs(v)>1){var O=ne(E);return O[f]=s,d(O,v-M,f,_)}return s}else{if(v==="min")return e;if(v==="max")return a}},b=function(E,v,f){var _=arguments.length>3&&arguments[3]!==void 0?arguments[3]:"unit",s=E[f],S=h(E,v,f,_);return{value:S,changed:S!==s}},y=function(E){return i===null&&E===0||typeof i=="number"&&E<i},g=function(E,v,f){var _=arguments.length>3&&arguments[3]!==void 0?arguments[3]:"unit",s=E.map(c),S=s[f],U=h(s,v,f,_);if(s[f]=U,n===!1){var P=i||0;f>0&&s[f-1]!==S&&(s[f]=Math.max(s[f],s[f-1]+P)),f<s.length-1&&s[f+1]!==S&&(s[f]=Math.min(s[f],s[f+1]-P))}else if(typeof i=="number"||i===null){for(var M=f+1;M<s.length;M+=1)for(var R=!0;y(s[M]-s[M-1])&&R;){var T=b(s,1,M);s[M]=T.value,R=T.changed}for(var O=f;O>0;O-=1)for(var x=!0;y(s[O]-s[O-1])&&x;){var W=b(s,-1,O-1);s[O-1]=W.value,x=W.changed}for(var F=s.length-1;F>0;F-=1)for(var q=!0;y(s[F]-s[F-1])&&q;){var A=b(s,-1,F-1);s[F-1]=A.value,q=A.changed}for(var C=0;C<s.length-1;C+=1)for(var B=!0;y(s[C+1]-s[C])&&B;){var L=b(s,1,C+1);s[C+1]=L.value,B=L.changed}}return{value:s[f],values:s}};return[c,g]}var Ct=o.forwardRef(function(e,a){var t,r=e.prefixCls,n=r===void 0?"rc-slider":r,i=e.className,u=e.style,l=e.disabled,c=l===void 0?!1:l,h=e.keyboard,b=h===void 0?!0:h,y=e.autoFocus,g=e.onFocus,d=e.onBlur,E=e.min,v=E===void 0?0:E,f=e.max,_=f===void 0?100:f,s=e.step,S=s===void 0?1:s,U=e.value,P=e.defaultValue,M=e.range,R=e.count,T=e.onChange,O=e.onBeforeChange,x=e.onAfterChange,W=e.allowCross,F=W===void 0?!0:W,q=e.pushable,A=q===void 0?!1:q,C=e.draggableTrack,B=e.reverse,L=e.vertical,D=e.included,K=D===void 0?!0:D,z=e.startPoint,Se=e.trackStyle,pe=e.handleStyle,j=e.railStyle,ie=e.dotStyle,oe=e.activeDotStyle,X=e.marks,le=e.dots,me=e.handleRender,ge=e.tabIndex,Me=ge===void 0?0:ge,Oe=e.ariaLabelForHandle,Ce=e.ariaLabelledByForHandle,xe=e.ariaValueTextFormatterForHandle,ee=o.useRef(),Y=o.useRef(),Ie=o.useMemo(function(){return L?B?"ttb":"btt":B?"rtl":"ltr"},[B,L]),V=o.useMemo(function(){return isFinite(v)?v:0},[v]),Ee=o.useMemo(function(){return isFinite(_)?_:100},[_]),se=o.useMemo(function(){return S!==null&&S<=0?1:S},[S]),Bt=o.useMemo(function(){return typeof A=="boolean"?A?se:!1:A>=0?A:!1},[A,se]),Ue=o.useMemo(function(){var w=Object.keys(X||{});return w.map(function(N){var p=X[N],k={value:Number(N)};return p&&Ze(p)==="object"&&!o.isValidElement(p)&&("label"in p||"style"in p)?(k.style=p.style,k.label=p.label):k.label=p,k}).filter(function(N){var p=N.label;return p||typeof p=="number"}).sort(function(N,p){return N.value-p.value})},[X]),Gt=$r(V,Ee,se,Ue,F,Bt),nt=$(Gt,2),Le=nt[0],ut=nt[1],Xt=Ar(P,{value:U}),it=$(Xt,2),te=it[0],Yt=it[1],Q=o.useMemo(function(){var w=te==null?[]:Array.isArray(te)?te:[te],N=$(w,1),p=N[0],k=p===void 0?V:p,I=te===null?[]:[k];if(M){if(I=ne(w),R||te===void 0){var he=R>=0?R+1:2;for(I=I.slice(0,he);I.length<he;){var fe;I.push((fe=I[I.length-1])!==null&&fe!==void 0?fe:V)}}I.sort(function(re,Ne){return re-Ne})}return I.forEach(function(re,Ne){I[Ne]=Le(re)}),I},[te,M,V,R,Le]),we=o.useRef(Q);we.current=Q;var ce=function(N){return M?N:N[0]},Ke=function(N){var p=ne(N).sort(function(k,I){return k-I});T&&!Rr(p,we.current,!0)&&T(ce(p)),Yt(p)},ot=function(N){if(!c){var p=0,k=Ee-V;Q.forEach(function(he,fe){var re=Math.abs(N-he);re<=k&&(k=re,p=fe)});var I=ne(Q);I[p]=N,M&&!Q.length&&R===void 0&&I.push(N),O==null||O(ce(I)),Ke(I),x==null||x(ce(I))}},Qt=function(N){N.preventDefault();var p=Y.current.getBoundingClientRect(),k=p.width,I=p.height,he=p.left,fe=p.top,re=p.bottom,Ne=p.right,Et=N.clientX,yt=N.clientY,Re;switch(Ie){case"btt":Re=(re-yt)/I;break;case"ttb":Re=(yt-fe)/I;break;case"rtl":Re=(Ne-Et)/k;break;default:Re=(Et-he)/k}var ir=V+Re*(Ee-V);ot(Le(ir))},Zt=o.useState(null),lt=$(Zt,2),We=lt[0],st=lt[1],Jt=function(N,p){if(!c){var k=ut(Q,N,p);O==null||O(ce(Q)),Ke(k.values),x==null||x(ce(k.values)),st(k.value)}};o.useEffect(function(){if(We!==null){var w=Q.indexOf(We);w>=0&&ee.current.focus(w)}st(null)},[We]);var zt=o.useMemo(function(){return C&&se===null?!1:C},[C,se]),er=function(){x==null||x(ce(we.current))},tr=Fr(Y,Ie,Q,V,Ee,Le,Ke,er,ut),Fe=$(tr,4),ct=Fe[0],rr=Fe[1],je=Fe[2],ar=Fe[3],ft=function(N,p){ar(N,p),O==null||O(ce(we.current))},dt=ct!==-1;o.useEffect(function(){if(!dt){var w=Q.lastIndexOf(rr);ee.current.focus(w)}},[dt]);var ye=o.useMemo(function(){return ne(je).sort(function(w,N){return w-N})},[je]),nr=o.useMemo(function(){return M?[ye[0],ye[ye.length-1]]:[V,ye[0]]},[ye,M,V]),vt=$(nr,2),mt=vt[0],gt=vt[1];o.useImperativeHandle(a,function(){return{focus:function(){ee.current.focus(0)},blur:function(){var N=document,p=N.activeElement;Y.current.contains(p)&&(p==null||p.blur())}}}),o.useEffect(function(){y&&ee.current.focus(0)},[]);var ur=o.useMemo(function(){return{min:V,max:Ee,direction:Ie,disabled:c,keyboard:b,step:se,included:K,includedStart:mt,includedEnd:gt,range:M,tabIndex:Me,ariaLabelForHandle:Oe,ariaLabelledByForHandle:Ce,ariaValueTextFormatterForHandle:xe}},[V,Ee,Ie,c,b,se,K,mt,gt,M,Me,Oe,Ce,xe]);return o.createElement(de.Provider,{value:ur},o.createElement("div",{ref:Y,className:ue(n,i,(t={},Z(t,"".concat(n,"-disabled"),c),Z(t,"".concat(n,"-vertical"),L),Z(t,"".concat(n,"-horizontal"),!L),Z(t,"".concat(n,"-with-marks"),Ue.length),t)),style:u,onMouseDown:Qt},o.createElement("div",{className:"".concat(n,"-rail"),style:j}),o.createElement(kr,{prefixCls:n,style:Se,values:ye,startPoint:z,onStartMove:zt?ft:null}),o.createElement(jr,{prefixCls:n,marks:Ue,dots:le,style:ie,activeStyle:oe}),o.createElement(wr,{ref:ee,prefixCls:n,style:pe,values:je,draggingIndex:ct,onStartMove:ft,onOffsetChange:Jt,onFocus:g,onBlur:d,handleRender:me}),o.createElement(Kr,{prefixCls:n,marks:Ue,onClick:ot})))}),at={},jt={exports:{}};(function(e){function a(t){return t&&t.__esModule?t:{default:t}}e.exports=a,e.exports.__esModule=!0,e.exports.default=e.exports})(jt);var qr=jt.exports,$t={exports:{}};(function(e){function a(t){"@babel/helpers - typeof";return e.exports=a=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(r){return typeof r}:function(r){return r&&typeof Symbol=="function"&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},e.exports.__esModule=!0,e.exports.default=e.exports,a(t)}e.exports=a,e.exports.__esModule=!0,e.exports.default=e.exports})($t);var He=$t.exports;const Vr=lr(cr);var qe={exports:{}},Ve={exports:{}},Be={exports:{}},Ge={exports:{}},xt;function Br(){return xt||(xt=1,function(e){var a=He.default;function t(r,n){if(a(r)!=="object"||r===null)return r;var i=r[Symbol.toPrimitive];if(i!==void 0){var u=i.call(r,n||"default");if(a(u)!=="object")return u;throw new TypeError("@@toPrimitive must return a primitive value.")}return(n==="string"?String:Number)(r)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports}(Ge)),Ge.exports}var Nt;function Gr(){return Nt||(Nt=1,function(e){var a=He.default,t=Br();function r(n){var i=t(n,"string");return a(i)==="symbol"?i:String(i)}e.exports=r,e.exports.__esModule=!0,e.exports.default=e.exports}(Be)),Be.exports}var Rt;function qt(){return Rt||(Rt=1,function(e){var a=Gr();function t(r,n,i){return n=a(n),n in r?Object.defineProperty(r,n,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[n]=i,r}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports}(Ve)),Ve.exports}var Pt;function Xr(){return Pt||(Pt=1,function(e){var a=qt();function t(n,i){var u=Object.keys(n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(n);i&&(l=l.filter(function(c){return Object.getOwnPropertyDescriptor(n,c).enumerable})),u.push.apply(u,l)}return u}function r(n){for(var i=1;i<arguments.length;i++){var u=arguments[i]!=null?arguments[i]:{};i%2?t(Object(u),!0).forEach(function(l){a(n,l,u[l])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(u)):t(Object(u)).forEach(function(l){Object.defineProperty(n,l,Object.getOwnPropertyDescriptor(u,l))})}return n}e.exports=r,e.exports.__esModule=!0,e.exports.default=e.exports}(qe)),qe.exports}var Xe={exports:{}},Ye={exports:{}},Tt;function Yr(){return Tt||(Tt=1,function(e){function a(t,r){if(t==null)return{};var n={},i=Object.keys(t),u,l;for(l=0;l<i.length;l++)u=i[l],!(r.indexOf(u)>=0)&&(n[u]=t[u]);return n}e.exports=a,e.exports.__esModule=!0,e.exports.default=e.exports}(Ye)),Ye.exports}var At;function Qr(){return At||(At=1,function(e){var a=Yr();function t(r,n){if(r==null)return{};var i=a(r,n),u,l;if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(r);for(l=0;l<c.length;l++)u=c[l],!(n.indexOf(u)>=0)&&Object.prototype.propertyIsEnumerable.call(r,u)&&(i[u]=r[u])}return i}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports}(Xe)),Xe.exports}var Pe={},It;function Zr(){if(It)return Pe;It=1,Object.defineProperty(Pe,"__esModule",{value:!0}),Pe.default=void 0;var e={MAC_ENTER:3,BACKSPACE:8,TAB:9,NUM_CENTER:12,ENTER:13,SHIFT:16,CTRL:17,ALT:18,PAUSE:19,CAPS_LOCK:20,ESC:27,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40,PRINT_SCREEN:44,INSERT:45,DELETE:46,ZERO:48,ONE:49,TWO:50,THREE:51,FOUR:52,FIVE:53,SIX:54,SEVEN:55,EIGHT:56,NINE:57,QUESTION_MARK:63,A:65,B:66,C:67,D:68,E:69,F:70,G:71,H:72,I:73,J:74,K:75,L:76,M:77,N:78,O:79,P:80,Q:81,R:82,S:83,T:84,U:85,V:86,W:87,X:88,Y:89,Z:90,META:91,WIN_KEY_RIGHT:92,CONTEXT_MENU:93,NUM_ZERO:96,NUM_ONE:97,NUM_TWO:98,NUM_THREE:99,NUM_FOUR:100,NUM_FIVE:101,NUM_SIX:102,NUM_SEVEN:103,NUM_EIGHT:104,NUM_NINE:105,NUM_MULTIPLY:106,NUM_PLUS:107,NUM_MINUS:109,NUM_PERIOD:110,NUM_DIVISION:111,F1:112,F2:113,F3:114,F4:115,F5:116,F6:117,F7:118,F8:119,F9:120,F10:121,F11:122,F12:123,NUMLOCK:144,SEMICOLON:186,DASH:189,EQUALS:187,COMMA:188,PERIOD:190,SLASH:191,APOSTROPHE:192,SINGLE_QUOTE:222,OPEN_SQUARE_BRACKET:219,BACKSLASH:220,CLOSE_SQUARE_BRACKET:221,WIN_KEY:224,MAC_FF_META:224,WIN_IME:229,isTextModifyingKeyEvent:function(r){var n=r.keyCode;if(r.altKey&&!r.ctrlKey||r.metaKey||n>=e.F1&&n<=e.F12)return!1;switch(n){case e.ALT:case e.CAPS_LOCK:case e.CONTEXT_MENU:case e.CTRL:case e.DOWN:case e.END:case e.ESC:case e.HOME:case e.INSERT:case e.LEFT:case e.MAC_FF_META:case e.META:case e.NUMLOCK:case e.NUM_CENTER:case e.PAGE_DOWN:case e.PAGE_UP:case e.PAUSE:case e.PRINT_SCREEN:case e.RIGHT:case e.SHIFT:case e.UP:case e.WIN_KEY:case e.WIN_KEY_RIGHT:return!1;default:return!0}},isCharacterKey:function(r){if(r>=e.ZERO&&r<=e.NINE||r>=e.NUM_ZERO&&r<=e.NUM_MULTIPLY||r>=e.A&&r<=e.Z||window.navigator.userAgent.indexOf("WebKit")!==-1&&r===0)return!0;switch(r){case e.SPACE:case e.QUESTION_MARK:case e.NUM_PLUS:case e.NUM_MINUS:case e.NUM_PERIOD:case e.NUM_DIVISION:case e.SEMICOLON:case e.DASH:case e.EQUALS:case e.COMMA:case e.PERIOD:case e.SLASH:case e.APOSTROPHE:case e.SINGLE_QUOTE:case e.OPEN_SQUARE_BRACKET:case e.BACKSLASH:case e.CLOSE_SQUARE_BRACKET:return!0;default:return!1}}},a=e;return Pe.default=a,Pe}var Te={},Ut;function Jr(){if(Ut)return Te;Ut=1;var e=He;Object.defineProperty(Te,"__esModule",{value:!0}),Te.default=void 0;var a=r(o);function t(u){if(typeof WeakMap!="function")return null;var l=new WeakMap,c=new WeakMap;return(t=function(b){return b?c:l})(u)}function r(u,l){if(!l&&u&&u.__esModule)return u;if(u===null||e(u)!=="object"&&typeof u!="function")return{default:u};var c=t(l);if(c&&c.has(u))return c.get(u);var h={},b=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var y in u)if(y!=="default"&&Object.prototype.hasOwnProperty.call(u,y)){var g=b?Object.getOwnPropertyDescriptor(u,y):null;g&&(g.get||g.set)?Object.defineProperty(h,y,g):h[y]=u[y]}return h.default=u,c&&c.set(u,h),h}var n=a.createContext({min:0,max:0,direction:"ltr",step:1,includedStart:0,includedEnd:0,tabIndex:0,keyboard:!0}),i=n;return Te.default=i,Te}var be={},Lt;function zr(){if(Lt)return be;Lt=1,Object.defineProperty(be,"__esModule",{value:!0}),be.getDirectionStyle=a,be.getIndex=t,be.getOffset=e;function e(r,n,i){return(r-n)/(i-n)}function a(r,n,i,u){var l=e(n,i,u),c={};switch(r){case"rtl":c.right="".concat(l*100,"%"),c.transform="translateX(50%)";break;case"btt":c.bottom="".concat(l*100,"%"),c.transform="translateY(50%)";break;case"ttb":c.top="".concat(l*100,"%"),c.transform="translateY(-50%)";break;default:c.left="".concat(l*100,"%"),c.transform="translateX(-50%)";break}return c}function t(r,n){return Array.isArray(r)?r[n]:r}return be}var ve=qr,ea=He;Object.defineProperty(at,"__esModule",{value:!0});var tt=at.default=void 0,ta=ve(Vr),wt=ve(Xr()),Ft=ve(qt()),ra=ve(Qr()),Qe=ia(o),aa=ve(sr),ae=ve(Zr()),na=ve(Jr()),Ae=zr(),ua=["prefixCls","value","valueIndex","onStartMove","style","render","dragging","onOffsetChange"];function Vt(e){if(typeof WeakMap!="function")return null;var a=new WeakMap,t=new WeakMap;return(Vt=function(n){return n?t:a})(e)}function ia(e,a){if(!a&&e&&e.__esModule)return e;if(e===null||ea(e)!=="object"&&typeof e!="function")return{default:e};var t=Vt(a);if(t&&t.has(e))return t.get(e);var r={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if(i!=="default"&&Object.prototype.hasOwnProperty.call(e,i)){var u=n?Object.getOwnPropertyDescriptor(e,i):null;u&&(u.get||u.set)?Object.defineProperty(r,i,u):r[i]=e[i]}return r.default=e,t&&t.set(e,r),r}var oa=Qe.forwardRef(function(e,a){var t,r,n=e.prefixCls,i=e.value,u=e.valueIndex,l=e.onStartMove,c=e.style,h=e.render,b=e.dragging,y=e.onOffsetChange,g=(0,ra.default)(e,ua),d=Qe.useContext(na.default),E=d.min,v=d.max,f=d.direction,_=d.disabled,s=d.keyboard,S=d.range,U=d.tabIndex,P=d.ariaLabelForHandle,M=d.ariaLabelledByForHandle,R=d.ariaValueTextFormatterForHandle,T="".concat(n,"-handle"),O=function(A){_||l(A,u)},x=function(A){if(!_&&s){var C=null;switch(A.which||A.keyCode){case ae.default.LEFT:C=f==="ltr"||f==="btt"?-1:1;break;case ae.default.RIGHT:C=f==="ltr"||f==="btt"?1:-1;break;case ae.default.UP:C=f!=="ttb"?1:-1;break;case ae.default.DOWN:C=f!=="ttb"?-1:1;break;case ae.default.HOME:C="min";break;case ae.default.END:C="max";break;case ae.default.PAGE_UP:C=2;break;case ae.default.PAGE_DOWN:C=-2;break}C!==null&&(A.preventDefault(),y(C,u))}},W=(0,Ae.getDirectionStyle)(f,i,E,v),F=Qe.createElement("div",(0,ta.default)({ref:a,className:(0,aa.default)(T,(t={},(0,Ft.default)(t,"".concat(T,"-").concat(u+1),S),(0,Ft.default)(t,"".concat(T,"-dragging"),b),t)),style:(0,wt.default)((0,wt.default)({},W),c),onMouseDown:O,onTouchStart:O,onKeyDown:x,tabIndex:_?null:(0,Ae.getIndex)(U,u),role:"slider","aria-valuemin":E,"aria-valuemax":v,"aria-valuenow":i,"aria-disabled":_,"aria-label":(0,Ae.getIndex)(P,u),"aria-labelledby":(0,Ae.getIndex)(M,u),"aria-valuetext":(r=(0,Ae.getIndex)(R,u))===null||r===void 0?void 0:r(i),"aria-orientation":f==="ltr"||f==="rtl"?"horizontal":"vertical"},g));return h&&(F=h(F,{index:u,prefixCls:n,value:i,dragging:b})),F}),la=oa;tt=at.default=la;const De=({text:e})=>H.jsx(gr,{text:e,layerProps:{style:{whiteSpace:"nowrap",position:"fixed",transform:"translate(-50%, -100%)",marginTop:-15,marginLeft:5}}});try{De.displayName="SliderTooltip",De.__docgenInfo={description:"",displayName:"SliderTooltip",props:{text:{defaultValue:null,description:"",name:"text",required:!0,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null | undefined"}}}}}catch{}const sa="_container_1a936_1",ca="_small_1a936_7",fa="_hasMarks_1a936_10",da="_vertical_1a936_13",va="_hasArrows_1a936_17",ma="_button_1a936_21",ga="_label_1a936_24",G={container:sa,small:ca,hasMarks:fa,vertical:da,hasArrows:va,button:ma,label:ga},Ea=e=>e.reduce((a,{label:t,tooltip:r,value:n})=>{const u=r!==void 0?H.jsx(Er,{text:r,children:t}):t||n;return a[n]=u,a},{}),ya=dr(Ea,vr),Dt=({name:e,label:a,width:t="100%",labelWidth:r="auto",value:n,min:i,max:u,step:l=1,marks:c=[],showArrows:h=!1,showTooltip:b=!1,tooltipFormatter:y=_=>_,disabled:g=!1,range:d=!1,small:E=!1,vertical:v={enabled:!1,width:"100px",height:"400px"},onChange:f})=>{const _=o.useContext(mr),s=ya(c),S=M=>{f({target:{name:e,value:M,label:a}})},U=()=>H.jsx("div",{className:G.button,children:H.jsx(bt,{basic:!0,small:!0,round:!0,onClick:()=>S(d?[i,n==null?void 0:n[1]]:i),disabled:g||n===i||_,icon:ht.FAST_BACKWARD})}),P=()=>H.jsx("div",{className:G.button,children:H.jsx(bt,{basic:!0,small:!0,round:!0,onClick:()=>S(d?[n==null?void 0:n[0],u]:u),disabled:g||n===u||_,icon:ht.FAST_FORWARD})});return H.jsxs("div",{className:ue(G.container,E?G.small:"",v.enabled?G.vertical:"",or.isEmpty(c)?"":G.hasMarks),style:v.enabled?{width:v.width,height:v.height}:{width:t},children:[h&&(v.enabled?H.jsx(P,{}):H.jsx(U,{})),d?H.jsx(Ct,{range:!0,allowCross:!1,className:ue((g||_)&&G.rcSliderDisabled,h&&G.hasArrows),value:n,max:u,min:i,step:l,marks:s,onChange:M=>S(M),disabled:g||_,vertical:v.enabled,handle:b?({index:M,value:R,dragging:T,...O})=>H.jsx(tt,{value:R,...O,children:T&&H.jsx(De,{text:y(R)})},M):void 0}):H.jsx(Ct,{className:ue((g||_)&&G.rcSliderDisabled,h&&G.hasArrows),value:n,max:u,min:i,step:l,marks:s,onChange:M=>S(M),disabled:g||_,vertical:v.enabled,handle:b?({index:M,value:R,dragging:T,...O})=>H.jsx(tt,{value:R,...O,children:T&&H.jsx(De,{text:y(R)})},M):void 0}),h&&(v.enabled?H.jsx(U,{}):H.jsx(P,{})),a&&H.jsx("label",{className:G.label,style:{width:r},children:a})]})};try{Dt.displayName="Slider",Dt.__docgenInfo={description:"",displayName:"Slider",props:{name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},width:{defaultValue:{value:"100%"},description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},labelWidth:{defaultValue:{value:"auto"},description:"",name:"labelWidth",required:!1,type:{name:"TStringOrNumber"}},value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"number | number[]"}},min:{defaultValue:null,description:"",name:"min",required:!0,type:{name:"number"}},max:{defaultValue:null,description:"",name:"max",required:!0,type:{name:"number"}},step:{defaultValue:{value:"1"},description:"",name:"step",required:!1,type:{name:"number"}},marks:{defaultValue:{value:"[]"},description:"",name:"marks",required:!1,type:{name:"TSliderMark[]"}},showArrows:{defaultValue:{value:"false"},description:"",name:"showArrows",required:!1,type:{name:"boolean"}},showTooltip:{defaultValue:{value:"false"},description:"",name:"showTooltip",required:!1,type:{name:"boolean"}},tooltipFormatter:{defaultValue:{value:"(v) => v"},description:"",name:"tooltipFormatter",required:!1,type:{name:"((value: number | number[]) => string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null)"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},range:{defaultValue:{value:"false"},description:"",name:"range",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},vertical:{defaultValue:{value:`{
|
|
4
|
-
enabled: false,
|
|
5
|
-
width: '100px',
|
|
6
|
-
height: '400px',
|
|
7
|
-
}`},description:"",name:"vertical",required:!1,type:{name:"{ enabled: boolean; width?: string; height?: string; } | undefined"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(evt: { target: { name?: string | undefined; value: number | number[]; label?: string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<...> | ReactPortal | null | undefined; }; }) => void"}}}}}catch{}export{Dt as S};
|
|
@@ -1,127 +0,0 @@
|
|
|
1
|
-
import{j as a}from"./jsx-runtime-FsUICBgo.js";import{S as x}from"./slider-MN9iDCsS.js";import{T as se}from"./text-6KQ6ntOV.js";import"./index-RfLt4OUa.js";import"./lodash-Bmg8FrMx.js";import"./objectSpread2-93s0nBry.js";import"./index-VW3EWkuE.js";import"./inheritsLoose-8sb_A2v4.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./memoize-one.esm-hqe5SRxC.js";import"./index-ugi_ZH6T.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./tooltip-HEHiU__l.js";import"./index-miLrID2P.js";import"./button-shH4xakS.js";import"./spinner-R8Il4aRe.js";import"./icon-8EQazuuW.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";const{useArgs:re}=__STORYBOOK_MODULE_ADDONS__,ne=[{label:"S1...",tooltip:"S1 Production",value:20},{label:"S2...",tooltip:"S2 Cementing",value:40},{label:"S3...",tooltip:a.jsxs("span",{children:[a.jsx("strong",{children:"S3"})," Drilling"]}),value:60},{label:"S4...",tooltip:"S4 Shut in",value:80},{label:"S5...",tooltip:"S5 Circulate",value:100}],ye={title:"Forms/Slider",component:x,args:{value:50,min:0,max:100,step:1,showTooltip:!1,label:""}},e=n=>{const[m,v]=re(),A=b=>{v({value:b.target.value})};return a.jsx(x,{...n,onChange:A})},c=e.bind({}),s=e.bind({});s.args={range:!0,value:[10,40]};const t=e.bind({});t.args={label:"Number of aardvarks"};const o=e.bind({});o.args={range:!0,value:[10,40],showArrows:!0};const h=n=>{const[{value:m},v]=re(),A=b=>{v({value:b.target.value})};return a.jsx(a.Fragment,{children:a.jsx(x,{...n,label:a.jsxs("span",{children:["Fixed width label: ",a.jsx("strong",{children:m*Math.random()})]}),labelWidth:"400px",value:m,onChange:A})})},l=e.bind({});l.args={showTooltip:!0};const i=e.bind({});i.args={showTooltip:!0,tooltipFormatter:n=>a.jsx(se,{warning:!0,children:`${n} extra info lorem ipsum`})};const d=e.bind({});d.args={showArrows:!0};const g=e.bind({});g.args={marks:ne};const r=e.bind({});r.args={small:!0};r.parameters={docs:{description:{story:"Reduces the vertical height of the `Slider` container to align with other `small` elements."}}};const p=e.bind({});p.args={disabled:!0};const u=e.bind({});u.args={marks:ne,vertical:{enabled:!0,width:"100px",height:"400px"}};var S,C,j;c.parameters={...c.parameters,docs:{...(S=c.parameters)==null?void 0:S.docs,source:{originalSource:`args => {
|
|
2
|
-
const [_, updateArgs] = useArgs();
|
|
3
|
-
const handleChange = (evt: any) => {
|
|
4
|
-
updateArgs({
|
|
5
|
-
value: evt.target.value
|
|
6
|
-
});
|
|
7
|
-
};
|
|
8
|
-
return <Slider
|
|
9
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
10
|
-
{...args} onChange={handleChange} />;
|
|
11
|
-
}`,...(j=(C=c.parameters)==null?void 0:C.docs)==null?void 0:j.source}}};var _,w,y;s.parameters={...s.parameters,docs:{...(_=s.parameters)==null?void 0:_.docs,source:{originalSource:`args => {
|
|
12
|
-
const [_, updateArgs] = useArgs();
|
|
13
|
-
const handleChange = (evt: any) => {
|
|
14
|
-
updateArgs({
|
|
15
|
-
value: evt.target.value
|
|
16
|
-
});
|
|
17
|
-
};
|
|
18
|
-
return <Slider
|
|
19
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
20
|
-
{...args} onChange={handleChange} />;
|
|
21
|
-
}`,...(y=(w=s.parameters)==null?void 0:w.docs)==null?void 0:y.source}}};var T,f,D;t.parameters={...t.parameters,docs:{...(T=t.parameters)==null?void 0:T.docs,source:{originalSource:`args => {
|
|
22
|
-
const [_, updateArgs] = useArgs();
|
|
23
|
-
const handleChange = (evt: any) => {
|
|
24
|
-
updateArgs({
|
|
25
|
-
value: evt.target.value
|
|
26
|
-
});
|
|
27
|
-
};
|
|
28
|
-
return <Slider
|
|
29
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
30
|
-
{...args} onChange={handleChange} />;
|
|
31
|
-
}`,...(D=(f=t.parameters)==null?void 0:f.docs)==null?void 0:D.source}}};var F,R,O;o.parameters={...o.parameters,docs:{...(F=o.parameters)==null?void 0:F.docs,source:{originalSource:`args => {
|
|
32
|
-
const [_, updateArgs] = useArgs();
|
|
33
|
-
const handleChange = (evt: any) => {
|
|
34
|
-
updateArgs({
|
|
35
|
-
value: evt.target.value
|
|
36
|
-
});
|
|
37
|
-
};
|
|
38
|
-
return <Slider
|
|
39
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
40
|
-
{...args} onChange={handleChange} />;
|
|
41
|
-
}`,...(O=(R=o.parameters)==null?void 0:R.docs)==null?void 0:O.source}}};var L,M,k;h.parameters={...h.parameters,docs:{...(L=h.parameters)==null?void 0:L.docs,source:{originalSource:`args => {
|
|
42
|
-
const [{
|
|
43
|
-
value
|
|
44
|
-
}, updateArgs] = useArgs();
|
|
45
|
-
const handleChange = (evt: any) => {
|
|
46
|
-
updateArgs({
|
|
47
|
-
value: evt.target.value
|
|
48
|
-
});
|
|
49
|
-
};
|
|
50
|
-
return <>
|
|
51
|
-
<Slider
|
|
52
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
53
|
-
{...args} label={<span>
|
|
54
|
-
Fixed width label: <strong>{value * Math.random()}</strong>
|
|
55
|
-
</span>} labelWidth="400px" value={value} onChange={handleChange} />
|
|
56
|
-
</>;
|
|
57
|
-
}`,...(k=(M=h.parameters)==null?void 0:M.docs)==null?void 0:k.source}}};var W,E,J;l.parameters={...l.parameters,docs:{...(W=l.parameters)==null?void 0:W.docs,source:{originalSource:`args => {
|
|
58
|
-
const [_, updateArgs] = useArgs();
|
|
59
|
-
const handleChange = (evt: any) => {
|
|
60
|
-
updateArgs({
|
|
61
|
-
value: evt.target.value
|
|
62
|
-
});
|
|
63
|
-
};
|
|
64
|
-
return <Slider
|
|
65
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
66
|
-
{...args} onChange={handleChange} />;
|
|
67
|
-
}`,...(J=(E=l.parameters)==null?void 0:E.docs)==null?void 0:J.source}}};var N,V,X;i.parameters={...i.parameters,docs:{...(N=i.parameters)==null?void 0:N.docs,source:{originalSource:`args => {
|
|
68
|
-
const [_, updateArgs] = useArgs();
|
|
69
|
-
const handleChange = (evt: any) => {
|
|
70
|
-
updateArgs({
|
|
71
|
-
value: evt.target.value
|
|
72
|
-
});
|
|
73
|
-
};
|
|
74
|
-
return <Slider
|
|
75
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
76
|
-
{...args} onChange={handleChange} />;
|
|
77
|
-
}`,...(X=(V=i.parameters)==null?void 0:V.docs)==null?void 0:X.source}}};var B,K,P;d.parameters={...d.parameters,docs:{...(B=d.parameters)==null?void 0:B.docs,source:{originalSource:`args => {
|
|
78
|
-
const [_, updateArgs] = useArgs();
|
|
79
|
-
const handleChange = (evt: any) => {
|
|
80
|
-
updateArgs({
|
|
81
|
-
value: evt.target.value
|
|
82
|
-
});
|
|
83
|
-
};
|
|
84
|
-
return <Slider
|
|
85
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
86
|
-
{...args} onChange={handleChange} />;
|
|
87
|
-
}`,...(P=(K=d.parameters)==null?void 0:K.docs)==null?void 0:P.source}}};var U,Y,$;g.parameters={...g.parameters,docs:{...(U=g.parameters)==null?void 0:U.docs,source:{originalSource:`args => {
|
|
88
|
-
const [_, updateArgs] = useArgs();
|
|
89
|
-
const handleChange = (evt: any) => {
|
|
90
|
-
updateArgs({
|
|
91
|
-
value: evt.target.value
|
|
92
|
-
});
|
|
93
|
-
};
|
|
94
|
-
return <Slider
|
|
95
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
96
|
-
{...args} onChange={handleChange} />;
|
|
97
|
-
}`,...($=(Y=g.parameters)==null?void 0:Y.docs)==null?void 0:$.source}}};var q,z,G;r.parameters={...r.parameters,docs:{...(q=r.parameters)==null?void 0:q.docs,source:{originalSource:`args => {
|
|
98
|
-
const [_, updateArgs] = useArgs();
|
|
99
|
-
const handleChange = (evt: any) => {
|
|
100
|
-
updateArgs({
|
|
101
|
-
value: evt.target.value
|
|
102
|
-
});
|
|
103
|
-
};
|
|
104
|
-
return <Slider
|
|
105
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
106
|
-
{...args} onChange={handleChange} />;
|
|
107
|
-
}`,...(G=(z=r.parameters)==null?void 0:z.docs)==null?void 0:G.source}}};var H,I,Q;p.parameters={...p.parameters,docs:{...(H=p.parameters)==null?void 0:H.docs,source:{originalSource:`args => {
|
|
108
|
-
const [_, updateArgs] = useArgs();
|
|
109
|
-
const handleChange = (evt: any) => {
|
|
110
|
-
updateArgs({
|
|
111
|
-
value: evt.target.value
|
|
112
|
-
});
|
|
113
|
-
};
|
|
114
|
-
return <Slider
|
|
115
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
116
|
-
{...args} onChange={handleChange} />;
|
|
117
|
-
}`,...(Q=(I=p.parameters)==null?void 0:I.docs)==null?void 0:Q.source}}};var Z,ee,ae;u.parameters={...u.parameters,docs:{...(Z=u.parameters)==null?void 0:Z.docs,source:{originalSource:`args => {
|
|
118
|
-
const [_, updateArgs] = useArgs();
|
|
119
|
-
const handleChange = (evt: any) => {
|
|
120
|
-
updateArgs({
|
|
121
|
-
value: evt.target.value
|
|
122
|
-
});
|
|
123
|
-
};
|
|
124
|
-
return <Slider
|
|
125
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
126
|
-
{...args} onChange={handleChange} />;
|
|
127
|
-
}`,...(ae=(ee=u.parameters)==null?void 0:ee.docs)==null?void 0:ae.source}}};const Te=["Default","Range","Label","RangeWithArrows","JSXLabel","Tooltip","FormattedTooltip","Arrows","Marks","Small","Disabled","Vertical"];export{d as Arrows,c as Default,p as Disabled,i as FormattedTooltip,h as JSXLabel,t as Label,g as Marks,s as Range,o as RangeWithArrows,r as Small,l as Tooltip,u as Vertical,Te as __namedExportsOrder,ye as default};
|