@oliasoft-open-source/react-ui-library 4.7.4 → 4.7.5
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/index.js +65 -31
- package/dist/index.js.map +1 -1
- package/dist/storybook/assets/Color-KGDBMAHA-DHDKE9Re.js +1 -0
- package/dist/storybook/assets/DocsRenderer-PKQXORMH-BmaBzyAH.js +1 -0
- package/dist/storybook/assets/{accordion-6ouB0WTt.js → accordion-BiuI_LCA.js} +1 -1
- package/dist/storybook/assets/{accordion.stories-MGPZF2zs.js → accordion.stories-BWUwZ5cN.js} +2 -2
- package/dist/storybook/assets/{actions-CZK3mphC.js → actions-CHgr8eL8.js} +1 -1
- package/dist/storybook/assets/{actions.stories-FOK1cLb3.js → actions.stories-CCDxFKFk.js} +1 -1
- package/dist/storybook/assets/{afe.stories-Zs5w8AL0.js → afe.stories-CC785MgO.js} +2 -2
- package/dist/storybook/assets/{badge.stories-D30jHm96.js → badge.stories-D5DA-vxC.js} +1 -1
- package/dist/storybook/assets/{blowout.stories-CJrNKpKP.js → blowout.stories-ES-Fuaqn.js} +1 -1
- package/dist/storybook/assets/{button-C1sV-0mR.js → button-VxhoNhrV.js} +1 -1
- package/dist/storybook/assets/{button-group-Ai4DXqNr.js → button-group-CwJdFo2z.js} +1 -1
- package/dist/storybook/assets/{button-group.stories-incmyYJ-.js → button-group.stories-DU5k5qCY.js} +1 -1
- package/dist/storybook/assets/{button.stories-Bcy7mnLs.js → button.stories-DVtec2Eo.js} +2 -2
- package/dist/storybook/assets/{buttons-and-links-DGEwyzdQ.js → buttons-and-links-CfkgVoVA.js} +2 -2
- package/dist/storybook/assets/{card.stories-Bn6LpucB.js → card.stories-CsTB0DuM.js} +1 -1
- package/dist/storybook/assets/{casing-loads.stories-BZZ4ps89.js → casing-loads.stories-BoG7UuIu.js} +2 -2
- package/dist/storybook/assets/{cell.stories-DtPT5vsK.js → cell.stories-CfiPC1eE.js} +2 -2
- package/dist/storybook/assets/{check-box-CaSrhzev.js → check-box-BtCGePRy.js} +1 -1
- package/dist/storybook/assets/{check-box.stories-J1keUUs0.js → check-box.stories-L9T_i0RT.js} +1 -1
- package/dist/storybook/assets/{chunk-HLWAVYOI-B_e8hbrU.js → chunk-HLWAVYOI-CuMm7Qpv.js} +1 -1
- package/dist/storybook/assets/color-DJNturFf.js +25 -0
- package/dist/storybook/assets/{column.stories-JMvj3_fr.js → column.stories-BxfR9Tla.js} +1 -1
- package/dist/storybook/assets/{dialog-lhPZkAI2.js → dialog-IAPGkLet.js} +1 -1
- package/dist/storybook/assets/{drawer-DSS8yvvp.js → drawer-BhuWxI7V.js} +1 -1
- package/dist/storybook/assets/drawer.stories-B-PsNJJ6.js +113 -0
- package/dist/storybook/assets/{empty.stories-G8jeIfLL.js → empty.stories-BVYXwvpa.js} +1 -1
- package/dist/storybook/assets/{field-C5_fLDpy.js → field-HrLaMLbx.js} +1 -1
- package/dist/storybook/assets/{field.stories-D5Mej0Bt.js → field.stories-B9p9nBgY.js} +1 -1
- package/dist/storybook/assets/{file-button.stories-DePr8MKB.js → file-button.stories-FOaiNPt-.js} +1 -1
- package/dist/storybook/assets/{file-input-BZecnRBy.js → file-input-BpMtsZ2S.js} +1 -1
- package/dist/storybook/assets/{file-input.stories-BH_glmEk.js → file-input.stories--ZoISXk0.js} +1 -1
- package/dist/storybook/assets/{flex.stories-sSdg0ChR.js → flex.stories-BEXf0VqI.js} +1 -1
- package/dist/storybook/assets/footer.stories-DdUzRiYm.js +3 -0
- package/dist/storybook/assets/form.stories-CDE7hTBL.js +49 -0
- package/dist/storybook/assets/formation.stories-vU3zoZ2c.js +74 -0
- package/dist/storybook/assets/{heading-NkLgQYoP.js → heading-CRNoBc7q.js} +1 -1
- package/dist/storybook/assets/{heading.stories-nI_cFnAN.js → heading.stories-DahFxeiX.js} +1 -1
- package/dist/storybook/assets/{help-icon-41R-Z9N1.js → help-icon-Buhx5nl6.js} +1 -1
- package/dist/storybook/assets/{help-icon.stories-DBYh0YX7.js → help-icon.stories-DbmZ1fgP.js} +1 -1
- package/dist/storybook/assets/icon-BSFY3vDO.js +8 -0
- package/dist/storybook/assets/{icon.stories-B-tKaIKA.js → icon.stories-C1hZXIMX.js} +1 -1
- package/dist/storybook/assets/iframe-CgUc-Ukp.js +2 -0
- package/dist/storybook/assets/index-CQKekHCo.js +1 -0
- package/dist/storybook/assets/{index-tzHbUYOM.js → index-DCGYYCUT.js} +8 -8
- package/dist/storybook/assets/{index.es-D2piFfFj.js → index.es-DazXb-ul.js} +4 -4
- package/dist/storybook/assets/inheritsLoose-DP0QEDDI.js +1 -0
- package/dist/storybook/assets/{input-group.stories-D1i3gaZ1.js → input-group.stories-BiReS545.js} +2 -2
- package/dist/storybook/assets/{input-validation-BcgNUeij.js → input-validation-Bd_JP2WL.js} +2 -2
- package/dist/storybook/assets/{inputs-gN3bum_f.js → inputs-BsGUQTI3.js} +4 -4
- package/dist/storybook/assets/{label-hiSz3I8H.js → label-CqmyC9he.js} +1 -1
- package/dist/storybook/assets/{label.stories-Cyv5jBAO.js → label.stories-C0AO5F1a.js} +1 -1
- package/dist/storybook/assets/layout-forms-BH-i91Wg.js +16 -0
- package/dist/storybook/assets/{layout-general-CEpJsTnH.js → layout-general-jp5QULaU.js} +2 -2
- package/dist/storybook/assets/{list-DYNKqvUR.js → list-yVTOdmpX.js} +1 -1
- package/dist/storybook/assets/{list.stories-BX67BegD.js → list.stories-ChqQXY5M.js} +2 -2
- package/dist/storybook/assets/{list.stories-data-D_ZfzaxE.js → list.stories-data-Iq66w9oH.js} +1 -1
- package/dist/storybook/assets/{loader.stories-DjrwwZ15.js → loader.stories-DM7ZJBgz.js} +1 -1
- package/dist/storybook/assets/{menu.stories-BE0AzXUY.js → menu.stories-CSSvL08X.js} +2 -2
- package/dist/storybook/assets/{message-ttrR1AaP.js → message-ZenLdkrf.js} +1 -1
- package/dist/storybook/assets/{message.stories-o5jcKCK_.js → message.stories-Dmk-t8hM.js} +1 -1
- package/dist/storybook/assets/{meta-content-BE7pulye.js → meta-content-cbHGvPJ7.js} +1 -1
- package/dist/storybook/assets/{modal.stories-Ns1ikKLR.js → modal.stories-BVttWvlZ.js} +2 -2
- package/dist/storybook/assets/{number-input.stories-BfRW8wgL.js → number-input.stories-CVFfJvjY.js} +2 -2
- package/dist/storybook/assets/{option-dropdown.stories-ByLG631x.js → option-dropdown.stories-CoLsSS95.js} +1 -1
- package/dist/storybook/assets/{padding-and-spacing-By28ROLj.js → padding-and-spacing-D7O49YoW.js} +2 -2
- package/dist/storybook/assets/{page.stories-br9ia4zp.js → page.stories-Cse3cMsO.js} +1 -1
- package/dist/storybook/assets/{pagination-CqvxiZHR.js → pagination-DzpYFhAO.js} +1 -1
- package/dist/storybook/assets/{pagination.stories-BzMlcLsN.js → pagination.stories-CJwR-XAD.js} +2 -2
- package/dist/storybook/assets/{pop-confirm.stories-MFDc3UAq.js → pop-confirm.stories-Hox7vJnl.js} +1 -1
- package/dist/storybook/assets/{popover-DgUpTRMk.js → popover-CzZdWNnB.js} +1 -1
- package/dist/storybook/assets/popover.stories-L5z549ww.js +10 -0
- package/dist/storybook/assets/preview-Bq2bLcjv.js +2 -0
- package/dist/storybook/assets/{preview-CO5-Yrmk.js → preview-DOYx8RvS.js} +2 -2
- package/dist/storybook/assets/projects.stories-DU-QlBa6.js +47 -0
- package/dist/storybook/assets/{radio-button-C_cV5TWA.js → radio-button-YBwYcMaM.js} +1 -1
- package/dist/storybook/assets/{radio-button.stories-D7uvMLbK.js → radio-button.stories-Bg5JVXpo.js} +1 -1
- package/dist/storybook/assets/react-router-dom-Ck2Y_Fzc.js +8 -0
- package/dist/storybook/assets/{reservoirs.stories-Cql_9W4F.js → reservoirs.stories-WKT7gCnp.js} +2 -2
- package/dist/storybook/assets/{rich-text-input.stories-BuDUgUsz.js → rich-text-input.stories-RjuY6LDo.js} +3 -3
- package/dist/storybook/assets/{row.stories-C-bEP9pE.js → row.stories-B6IcyamO.js} +2 -2
- package/dist/storybook/assets/{select-tIEV7vnw.js → select-D55JvDou.js} +2 -2
- package/dist/storybook/assets/{select.stories-BuW6SmRZ.js → select.stories-2DiOP0OZ.js} +2 -2
- package/dist/storybook/assets/{side-bar-ChOjPNLR.js → side-bar-CKbHPgIV.js} +1 -1
- package/dist/storybook/assets/{side-bar.stories-BupidZk5.js → side-bar.stories-MUj_dj1F.js} +1 -1
- package/dist/storybook/assets/{site.stories-C1GnbK5P.js → site.stories-Ci4g5W2A.js} +2 -2
- package/dist/storybook/assets/{slider-gZmYlxxz.js → slider-DAramr8j.js} +4 -4
- package/dist/storybook/assets/{slider.stories-CY4GxD4Y.js → slider.stories-Cd0rLfHP.js} +2 -2
- package/dist/storybook/assets/{smart-upload-modal.stories-DGIErcSu.js → smart-upload-modal.stories-OBY4Jc5w.js} +1 -1
- package/dist/storybook/assets/{spacer.stories-D7Q45uBk.js → spacer.stories-CHEZdgDM.js} +1 -1
- package/dist/storybook/assets/{table-CXUwJOBt.js → table-BOVkj1wL.js} +1 -1
- package/dist/storybook/assets/{table.stories-Cp0UIPUQ.js → table.stories-CdFHs6Xl.js} +2 -2
- package/dist/storybook/assets/{table.stories-data-DwfKQW7P.js → table.stories-data-CR9VpXHs.js} +1 -1
- package/dist/storybook/assets/text-link.stories-BQAkVO-W.js +14 -0
- package/dist/storybook/assets/{title.stories-hn5F8-2J.js → title.stories-DT3HSIHi.js} +2 -2
- package/dist/storybook/assets/{toaster-DPbde9Mi.js → toaster-B8A3xIYu.js} +1 -1
- package/dist/storybook/assets/{toaster.stories-DtRx7MDa.js → toaster.stories-B61l_zxQ.js} +1 -1
- package/dist/storybook/assets/{toggle-Bo-JPbUP.js → toggle-CBpNgTrm.js} +1 -1
- package/dist/storybook/assets/{toggle.stories-CBkCAQh6.js → toggle.stories-D4c4fr5t.js} +1 -1
- package/dist/storybook/assets/{tooltip.test-case.stories-C74mKGrI.js → tooltip.test-case.stories-i9YQqba1.js} +1 -1
- package/dist/storybook/assets/{top-bar-DG4ok0uF.js → top-bar-C_tn2Pc5.js} +1 -1
- package/dist/storybook/assets/top-bar.stories-B2a-RgK-.js +21 -0
- package/dist/storybook/assets/{top-bar.testcase.stories-DzsYUZIx.js → top-bar.testcase.stories-DoPEAMYc.js} +1 -1
- package/dist/storybook/assets/{tree.stories-RtuZpYXn.js → tree.stories-6UHASEZu.js} +1 -1
- package/dist/storybook/assets/{unit-input.stories-DGvDLll8.js → unit-input.stories-DyeptPz2.js} +1 -1
- package/dist/storybook/assets/unit-table.stories-BAVqAbfG.js +150 -0
- package/dist/storybook/iframe.html +1 -1
- package/dist/storybook/project.json +1 -1
- package/package.json +6 -2
- package/dist/storybook/assets/Color-KGDBMAHA-fBkbFrxl.js +0 -1
- package/dist/storybook/assets/DocsRenderer-PKQXORMH-BCXpse5g.js +0 -1
- package/dist/storybook/assets/color-BWuYLPlh.js +0 -25
- package/dist/storybook/assets/drawer.stories-D6FBs1_r.js +0 -113
- package/dist/storybook/assets/extends-CF3RwP-h.js +0 -1
- package/dist/storybook/assets/footer.stories-CsvsDr1-.js +0 -3
- package/dist/storybook/assets/form.stories-BwzDZgen.js +0 -49
- package/dist/storybook/assets/formation.stories-2ZjWA25v.js +0 -74
- package/dist/storybook/assets/icon-BP4BO6-k.js +0 -8
- package/dist/storybook/assets/iframe-DLWAAiXM.js +0 -2
- package/dist/storybook/assets/index-BrCAgVdx.js +0 -1
- package/dist/storybook/assets/inheritsLoose-DR8r8Ogv.js +0 -1
- package/dist/storybook/assets/layout-forms-DXG6Da8u.js +0 -16
- package/dist/storybook/assets/popover.stories-CPW_LGAh.js +0 -10
- package/dist/storybook/assets/preview-eMMARKcW.js +0 -2
- package/dist/storybook/assets/projects.stories-BSAMs8RG.js +0 -47
- package/dist/storybook/assets/react-router-dom-CMITYWBH.js +0 -8
- package/dist/storybook/assets/text-link.stories-BsuVBOWo.js +0 -14
- package/dist/storybook/assets/top-bar.stories-BI4a_ekv.js +0 -21
- package/dist/storybook/assets/unit-table.stories-D0q58B-1.js +0 -150
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as m,R as M}from"./index-DhsZuJvc.js";import{c as d}from"./index-Bk2sglWO.js";import{i as v}from"./index-BI4_Bp97.js";import{B as h,I as T}from"./common-types-Sih75Sav.js";import{D as y}from"./drawer-
|
|
1
|
+
import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as m,R as M}from"./index-DhsZuJvc.js";import{c as d}from"./index-Bk2sglWO.js";import{i as v}from"./index-BI4_Bp97.js";import{B as h,I as T}from"./common-types-Sih75Sav.js";import{D as y}from"./drawer-BhuWxI7V.js";import{T as f}from"./tooltip-1V7clEnw.js";import{I as x}from"./icon-BSFY3vDO.js";import{B as I}from"./badge-CLQ59MDF.js";import{B as R}from"./button-VxhoNhrV.js";const j="_inputInTable_1ube5_1",L="_inputHover_1ube5_13",A="_inputFocus_1ube5_18",H="_inputError_1ube5_25",w="_inputWarning_1ube5_26",N="_inputDisabled_1ube5_61",q="_hideScrollbars_1ube5_67",C="_sidebar_1ube5_82",S="_inner_1ube5_93",k="_title_1ube5_103",B="_subtitle_1ube5_104",O="_label_1ube5_105",F="_collapsed_1ube5_109",D="_list_1ube5_134",W="_item_1ube5_140",P="_experimental_1ube5_155",z="_active_1ube5_159",V="_icon_1ube5_163",a={inputInTable:j,inputHover:L,inputFocus:A,inputError:H,inputWarning:w,inputDisabled:N,hideScrollbars:q,sidebar:C,inner:S,title:k,subtitle:B,label:O,collapsed:F,list:D,item:W,experimental:P,active:z,icon:V},$=m.memo(({isOpen:n,label:t,icon:u,invalid:i})=>e.jsxs(e.Fragment,{children:[e.jsx(f,{text:t,enabled:!n,placement:"right-center",possiblePlacements:["right-center"],fontSize:16,padding:"var(--padding-sm)",display:"block",children:e.jsx("span",{className:a.icon,children:e.jsx(I,{small:!0,title:i?"!":void 0,margin:4,children:e.jsx(x,{icon:u})})})}),e.jsx("span",{className:a.label,children:t})]}),(n,t)=>v(n,t)),b=({isOpen:n,items:t,sectionIndex:u,onClick:i,testId:r})=>e.jsx("div",{className:a.list,children:t.map((s,c)=>{const l=`${u}_${c}`;return e.jsx("a",{href:s.value,className:d(a.item,s.isActive?a.active:"",s.isExperimental?a.experimental:""),onClick:o=>i(o,s.value,s.label,s.onClick),"data-testid":r,children:e.jsx($,{label:s.label,icon:s.icon,invalid:s.invalid,isOpen:n},l)},l)})});b.__docgenInfo={description:"",methods:[],displayName:"Link",props:{isOpen:{required:!0,tsType:{name:"boolean"},description:""},items:{required:!0,tsType:{name:"Array",elements:[{name:"IOptionItem"}],raw:"IOptionItem[]"},description:""},sectionIndex:{required:!0,tsType:{name:"number"},description:""},onClick:{required:!0,tsType:{name:"signature",type:"function",raw:`(
|
|
2
2
|
evt: React.MouseEvent<HTMLAnchorElement, MouseEvent>,
|
|
3
3
|
value: string,
|
|
4
4
|
label: string | ReactNode,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as a}from"./jsx-runtime-eps93zm2.js";import{I as t}from"./common-types-Sih75Sav.js";import{S as m}from"./side-bar-
|
|
1
|
+
import{j as a}from"./jsx-runtime-eps93zm2.js";import{I as t}from"./common-types-Sih75Sav.js";import{S as m}from"./side-bar-CKbHPgIV.js";import{F as g}from"./flex-EllkLxgO.js";import{B as u}from"./badge-CLQ59MDF.js";import{s as S}from"./icon-custom-Xcl4YkWP.js";import"./index-DhsZuJvc.js";import"./index-Bk2sglWO.js";import"./index-BI4_Bp97.js";import"./drawer-BhuWxI7V.js";import"./lodash-BHd_uQHh.js";import"./index-CEuq6vkz.js";import"./index-CUZDtIZe.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./disabled-context-rmpd7YJS.js";import"./button-VxhoNhrV.js";import"./spinner-AWUe4xwQ.js";import"./tooltip-1V7clEnw.js";const h=[{heading:"First Heading",items:[{label:"Section A",value:"/path/to/something",onClick:()=>{},icon:S},{label:a.jsxs(g,{alignItems:"center",gap:"var(--padding-xxs)",children:["Section B",a.jsx(u,{small:!0,title:"BETA"})]}),value:"/path/to/something",onClick:()=>{},icon:t.HELP,isActive:!0},{label:"Section C",value:"/path/to/something",onClick:()=>{},icon:t.EDIT},{label:"Experimental Section",value:"/path/to/something",onClick:()=>{},icon:t.LIBRARY,isExperimental:!0}]},{heading:"Second Heading",items:[{label:"Section 1",value:"/path/to/something",onClick:()=>{},icon:t.SETTINGS},{label:"Section 2",value:"/path/to/something",onClick:()=>{},icon:t.STAR},{label:"Invalid Section",value:"/path/to/something",onClick:()=>{},icon:t.NOTIFICATION,invalid:!0}]}],L={title:"Navigation/SideBar",component:m,parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}},args:{options:{title:"Title",sections:h},startOpen:!1},argTypes:{top:{control:{type:"text"}},startOpen:{control:{type:"boolean"}}}},c=d=>a.jsx(m,{...d}),o=c.bind({}),e=c.bind({});e.args={startOpen:!0};var i,r,s;o.parameters={...o.parameters,docs:{...(i=o.parameters)==null?void 0:i.docs,source:{originalSource:"args => <SideBar {...args} />",...(s=(r=o.parameters)==null?void 0:r.docs)==null?void 0:s.source}}};var n,l,p;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:"args => <SideBar {...args} />",...(p=(l=e.parameters)==null?void 0:l.docs)==null?void 0:p.source}}};const G=["Default","StartOpen"];export{o as Default,e as StartOpen,G as __namedExportsOrder,L as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as x}from"./index-DhsZuJvc.js";import{I as j}from"./common-types-Sih75Sav.js";import{T as g}from"./top-bar-
|
|
1
|
+
import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as x}from"./index-DhsZuJvc.js";import{I as j}from"./common-types-Sih75Sav.js";import{T as g}from"./top-bar-C_tn2Pc5.js";import{S as w}from"./side-bar-CKbHPgIV.js";import{H as t}from"./heading-CRNoBc7q.js";import{B as L}from"./button-VxhoNhrV.js";import{D as v}from"./drawer-BhuWxI7V.js";import{L as d}from"./list-yVTOdmpX.js";import{F as l}from"./field-HrLaMLbx.js";import{I as a}from"./input-BW9trNAW.js";import{C as m}from"./check-box-BtCGePRy.js";import{P as f}from"./page-7SSpdYhb.js";import{R as o,C as i}from"./row-4iAGREkV.js";import{A as u}from"./accordion-BiuI_LCA.js";import{S as s}from"./spacer-BWoNR27H.js";import{T as F}from"./tabs-CAZ_dHGK.js";import"./index-Bk2sglWO.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./actions-CHgr8eL8.js";import"./lodash-BHd_uQHh.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./types-BmbYqTX_.js";import"./types-UmZ4Y_CR.js";import"./badge-CLQ59MDF.js";import"./index-BI4_Bp97.js";import"./help-icon-Buhx5nl6.js";import"./spinner-AWUe4xwQ.js";import"./index.es-DazXb-ul.js";import"./redux-tRgGMjwY.js";import"./objectSpread2-DW4nTBoq.js";import"./tiny-invariant-DqLgxztJ.js";import"./memoize-one.esm-CcMeOnPo.js";import"./card-EcjmryU9.js";import"./meta-content-cbHGvPJ7.js";import"./loader-XHoVniao.js";import"./label-CqmyC9he.js";import"./styled-components.browser.esm-Bf0q9Yjk.js";import"./select.input-DIKP56UZ.js";const C=[{label:"Import",value:"import",right:!0},{label:"Settings",value:"settings",right:!0}],S=()=>e.jsx("div",{style:{background:"#AAD3DF",borderLeft:"1px solid #8AB3BF",display:"flex",alignItems:"center",justifyContent:"center",color:"white",height:"100%"},children:"MAP"}),xe={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},n=()=>{const[r,b]=x.useState(!0);return e.jsxs(e.Fragment,{children:[e.jsx(g,{}),e.jsx(w,{options:{title:"",sections:[]},width:"250px"}),e.jsx(f,{padding:!1,scroll:!1,children:e.jsxs(o,{spacing:0,flex:!0,children:[e.jsxs(v,{button:e.jsx(L,{onClick:()=>b(!r),round:!0,icon:j.CHEVRON_LEFT}),open:r,width:300,closedWidth:"var(--size-sidebar)",children:[e.jsx(d,{drawer:!0,narrow:!r,list:{name:"Sites",items:[{id:1,name:"Main Site",type:"Heading"},{id:2,name:"Site name here",active:!0,label:{value:1,color:"#69779b"}},{id:3,name:"Locations",type:"Heading"},{id:4,name:"Ipsum",label:{value:2,color:"#69779b"}},{id:5,name:"Dolor",label:{value:3,color:"#69779b"}}]}}),e.jsx(d,{drawer:!0,narrow:!r,list:{name:"Wells",items:[{id:1,name:"Main Wellbore",type:"Heading"},{id:2,name:"Lorem",label:{value:1,color:"#77699b"}}]}}),e.jsx(d,{drawer:!0,narrow:!r,list:{name:"Targets",items:[{id:1,name:"Lorem",label:{value:1,color:"#9b6977"}}]}})]}),e.jsxs(i,{borderLeft:!0,flexbox:!0,children:[e.jsx(s,{}),e.jsx(F,{padding:!0,margin:!1,options:C}),e.jsxs(o,{spacing:0,flex:!0,children:[e.jsxs(i,{scroll:!0,padding:!0,width:550,children:[e.jsx(t,{top:!0,children:"Site name here"}),e.jsx(l,{label:"Name",children:e.jsx(a,{value:"Site name here",width:"200px"})}),e.jsxs(u,{heading:e.jsx(t,{children:"Coordinate Reference System"}),managed:!0,children:[e.jsx(l,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{children:e.jsx(m,{label:"Dolor"})})]}),e.jsx(s,{}),e.jsx(t,{marginBottom:"var(--padding)",children:"Location"}),e.jsxs(o,{children:[e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})})]}),e.jsx(s,{}),e.jsx(t,{marginBottom:"var(--padding)",children:"Model"}),e.jsxs(o,{children:[e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})}),e.jsx(i,{children:e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})})]}),e.jsxs(u,{heading:e.jsx(t,{children:"Settings"}),managed:!0,children:[e.jsx(l,{children:e.jsx(m,{label:"Dolor"})}),e.jsxs(o,{children:[e.jsxs(i,{children:[e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})]}),e.jsxs(i,{children:[e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})}),e.jsx(l,{label:"Label",children:e.jsx(a,{value:"Value",width:"100%"})})]})]})]})]}),e.jsx(i,{children:e.jsx(S,{})})]})]})]})})]})};n.__docgenInfo={description:"",methods:[],displayName:"Site"};var p,c,h;n.parameters={...n.parameters,docs:{...(p=n.parameters)==null?void 0:p.docs,source:{originalSource:`() => {
|
|
2
2
|
const [open, setOpen] = useState(true);
|
|
3
3
|
return <>
|
|
4
4
|
<TopBar />
|
|
@@ -163,4 +163,4 @@ import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as x}from"./index-DhsZuJv
|
|
|
163
163
|
</Row>
|
|
164
164
|
</Page>
|
|
165
165
|
</>;
|
|
166
|
-
}`,...(h=(c=n.parameters)==null?void 0:c.docs)==null?void 0:h.source}}};const
|
|
166
|
+
}`,...(h=(c=n.parameters)==null?void 0:c.docs)==null?void 0:h.source}}};const je=["Site"];export{n as Site,je as __namedExportsOrder,xe as default};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import{j as q}from"./jsx-runtime-eps93zm2.js";import{_ as rr}from"./lodash-BHd_uQHh.js";import{r as o}from"./index-DhsZuJvc.js";import{a as Xe,b as Q,_ as Z}from"./objectSpread2-DW4nTBoq.js";import{c as fe,a as
|
|
2
|
-
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function ne(e){return
|
|
3
|
-
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function W(e,a){return dr(e)||vr(e,a)||Ut(e,a)||mr()}function gr(e,a){var t=arguments.length>2&&arguments[2]!==void 0?arguments[2]:!1,r=new Set;function n(u,i){var c=arguments.length>2&&arguments[2]!==void 0?arguments[2]:1,l=r.has(u);if(l)return!1;if(u===i)return!0;if(t&&c>1)return!1;r.add(u);var E=c+1;if(Array.isArray(u)){if(!Array.isArray(i)||u.length!==i.length)return!1;for(var h=0;h<u.length;h++)if(!n(u[h],i[h],E))return!1;return!0}if(u&&i&&Xe(u)==="object"&&Xe(i)==="object"){var b=Object.keys(u);return b.length!==Object.keys(i).length?!1:b.every(function(y){return n(u[y],i[y],E)})}return!1}return n(e,a)}function bt(e){var a=o.useRef();a.current=e;var t=o.useCallback(function(){for(var r,n=arguments.length,u=new Array(n),i=0;i<n;i++)u[i]=arguments[i];return(r=a.current)===null||r===void 0?void 0:r.call.apply(r,[a].concat(u))},[]);return t}function br(){return!!(typeof window<"u"&&window.document&&window.document.createElement)}var yt=br()?o.useLayoutEffect:o.useEffect,yr=function(a,t){var r=o.useRef(!0);yt(function(){return a(r.current)},t),yt(function(){return r.current=!1,function(){r.current=!0}},[])},Et=function(a,t){yr(function(r){if(!r)return a()},t)};function ht(e){var a=o.useRef(!1),t=o.useState(e),r=W(t,2),n=r[0],u=r[1];o.useEffect(function(){return a.current=!1,function(){a.current=!0}},[]);function i(c,l){l&&a.current||u(c)}return[n,i]}function je(e){return e!==void 0}function Er(e,a){var t=a||{},r=t.defaultValue,n=t.value,u=t.onChange,i=t.postState,c=ht(function(){return je(n)?n:je(r)?typeof r=="function"?r():r:typeof e=="function"?e():e}),l=W(c,2),E=l[0],h=l[1],b=n!==void 0?n:E,y=i?i(b):b,d=bt(u),g=ht([b]),v=W(g,2),f=v[0],_=v[1];Et(function(){var p=f[0];E!==p&&d(E,p)},[f]),Et(function(){je(n)||h(n)},[n]);var s=bt(function(p,I){h(p,I),_([b],I)});return[y,s]}function Lt(e,a){if(e==null)return{};var t,r,n=nr(e,a);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(e);for(r=0;r<u.length;r++)t=u[r],a.includes(t)||{}.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}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 Ze(e,a,t){return(e-a)/(t-a)}function ze(e,a,t,r){var n=Ze(a,t,r),u={};switch(e){case"rtl":u.right="".concat(n*100,"%"),u.transform="translateX(50%)";break;case"btt":u.bottom="".concat(n*100,"%"),u.transform="translateY(50%)";break;case"ttb":u.top="".concat(n*100,"%"),u.transform="translateY(-50%)";break;default:u.left="".concat(n*100,"%"),u.transform="translateX(-50%)";break}return u}function _e(e,a){return Array.isArray(e)?e[a]:e}var hr=["prefixCls","value","valueIndex","onStartMove","style","render","dragging","onOffsetChange"],_r=o.forwardRef(function(e,a){var t,r,n=e.prefixCls,u=e.value,i=e.valueIndex,c=e.onStartMove,l=e.style,E=e.render,h=e.dragging,b=e.onOffsetChange,y=Lt(e,hr),d=o.useContext(de),g=d.min,v=d.max,f=d.direction,_=d.disabled,s=d.keyboard,p=d.range,I=d.tabIndex,T=d.ariaLabelForHandle,R=d.ariaLabelledByForHandle,x=d.ariaValueTextFormatterForHandle,w="".concat(n,"-handle"),C=function(P){_||c(P,i)},N=function(P){if(!_&&s){var M=null;switch(P.which||P.keyCode){case m.LEFT:M=f==="ltr"||f==="btt"?-1:1;break;case m.RIGHT:M=f==="ltr"||f==="btt"?1:-1;break;case m.UP:M=f!=="ttb"?1:-1;break;case m.DOWN:M=f!=="ttb"?-1:1;break;case m.HOME:M="min";break;case m.END:M="max";break;case m.PAGE_UP:M=2;break;case m.PAGE_DOWN:M=-2;break}M!==null&&(P.preventDefault(),b(M,i))}},K=ze(f,u,g,v),F=o.createElement("div",It({ref:a,className:fe(w,(t={},Q(t,"".concat(w,"-").concat(i+1),p),Q(t,"".concat(w,"-dragging"),h),t)),style:Z(Z({},K),l),onMouseDown:C,onTouchStart:C,onKeyDown:N,tabIndex:_?null:_e(I,i),role:"slider","aria-valuemin":g,"aria-valuemax":v,"aria-valuenow":u,"aria-disabled":_,"aria-label":_e(T,i),"aria-labelledby":_e(R,i),"aria-valuetext":(r=_e(x,i))===null||r===void 0?void 0:r(u),"aria-orientation":f==="ltr"||f==="rtl"?"horizontal":"vertical"},y));return E&&(F=E(F,{index:i,prefixCls:n,value:u,dragging:h})),F}),pr=["prefixCls","style","onStartMove","onOffsetChange","values","handleRender","draggingIndex"],Sr=o.forwardRef(function(e,a){var t=e.prefixCls,r=e.style,n=e.onStartMove,u=e.onOffsetChange,i=e.values,c=e.handleRender,l=e.draggingIndex,E=Lt(e,pr),h=o.useRef({});return o.useImperativeHandle(a,function(){return{focus:function(y){var d;(d=h.current[y])===null||d===void 0||d.focus()}}}),o.createElement(o.Fragment,null,i.map(function(b,y){return o.createElement(_r,It({ref:function(g){g?h.current[y]=g:delete h.current[y]},dragging:l===y,prefixCls:t,style:_e(r,y),key:y,value:b,valueIndex:y,onStartMove:n,onOffsetChange:u,render:c},E))}))});function _t(e){var a="touches"in e?e.touches[0]:e;return{pageX:a.pageX,pageY:a.pageY}}function Mr(e,a,t,r,n,u,i,c,l){var E=o.useState(null),h=W(E,2),b=h[0],y=h[1],d=o.useState(-1),g=W(d,2),v=g[0],f=g[1],_=o.useState(t),s=W(_,2),p=s[0],I=s[1],T=o.useState(t),R=W(T,2),x=R[0],w=R[1],C=o.useRef(null),N=o.useRef(null);o.useEffect(function(){v===-1&&I(t)},[t,v]),o.useEffect(function(){return function(){document.removeEventListener("mousemove",C.current),document.removeEventListener("mouseup",N.current),document.removeEventListener("touchmove",C.current),document.removeEventListener("touchend",N.current)}},[]);var K=function(U,k){p.some(function(H,J){return H!==U[J]})&&(k!==void 0&&y(k),I(U),i(U))},F=function(U,k){if(U===-1){var H=x[0],J=x[x.length-1],pe=r-H,Se=n-J,j=k*(n-r);j=Math.max(j,pe),j=Math.min(j,Se);var ue=u(H+j);j=ue-H;var ie=x.map(function(ge){return ge+j});K(ie)}else{var G=(n-r)*k,oe=ne(p);oe[U]=x[U];var me=l(oe,G,U,"dist");K(me.values,me.value)}},$=o.useRef(F);$.current=F;var P=function(U,k){U.stopPropagation();var H=t[k];f(k),y(H),w(t);var J=_t(U),pe=J.pageX,Se=J.pageY,j=function(G){G.preventDefault();var oe=_t(G),me=oe.pageX,ge=oe.pageY,Me=me-pe,Ne=ge-Se,Ce=e.current.getBoundingClientRect(),Oe=Ce.width,ee=Ce.height,Y;switch(a){case"btt":Y=-Ne/ee;break;case"ttb":Y=Ne/ee;break;case"rtl":Y=-Me/Oe;break;default:Y=Me/Oe}$.current(k,Y)},ue=function ie(G){G.preventDefault(),document.removeEventListener("mouseup",ie),document.removeEventListener("mousemove",j),document.removeEventListener("touchend",ie),document.removeEventListener("touchmove",j),C.current=null,N.current=null,f(-1),c()};document.addEventListener("mouseup",ue),document.addEventListener("mousemove",j),document.addEventListener("touchend",ue),document.addEventListener("touchmove",j),C.current=j,N.current=ue},M=o.useMemo(function(){var V=ne(t).sort(function(k,H){return k-H}),U=ne(p).sort(function(k,H){return k-H});return V.every(function(k,H){return k===U[H]})?p:t},[t,p]);return[v,b,M,P]}function Nr(e){var a,t=e.prefixCls,r=e.style,n=e.start,u=e.end,i=e.index,c=e.onStartMove,l=o.useContext(de),E=l.direction,h=l.min,b=l.max,y=l.disabled,d=l.range,g="".concat(t,"-track"),v=Ze(n,h,b),f=Ze(u,h,b),_=function(I){!y&&c&&c(I,-1)},s={};switch(E){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:fe(g,(a={},Q(a,"".concat(g,"-").concat(i+1),d),Q(a,"".concat(t,"-track-draggable"),c),a)),style:Z(Z({},s),r),onMouseDown:_,onTouchStart:_})}function Cr(e){var a=e.prefixCls,t=e.style,r=e.values,n=e.startPoint,u=e.onStartMove,i=o.useContext(de),c=i.included,l=i.range,E=i.min,h=o.useMemo(function(){if(!l){if(r.length===0)return[];var b=n??E,y=r[0];return[{start:Math.min(b,y),end:Math.max(b,y)}]}for(var d=[],g=0;g<r.length-1;g+=1)d.push({start:r[g],end:r[g+1]});return d},[r,l,n,E]);return c?h.map(function(b,y){var d=b.start,g=b.end;return o.createElement(Nr,{index:y,prefixCls:a,style:_e(t,y),start:d,end:g,key:y,onStartMove:u})}):null}function Or(e){var a=e.prefixCls,t=e.style,r=e.children,n=e.value,u=e.onClick,i=o.useContext(de),c=i.min,l=i.max,E=i.direction,h=i.includedStart,b=i.includedEnd,y=i.included,d="".concat(a,"-text"),g=ze(E,n,c,l);return o.createElement("span",{className:fe(d,Q({},"".concat(d,"-active"),y&&h<=n&&n<=b)),style:Z(Z({},g),t),onMouseDown:function(f){f.stopPropagation()},onClick:function(){u(n)}},r)}function Rr(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(u){var i=u.value,c=u.style,l=u.label;return o.createElement(Or,{key:i,prefixCls:n,style:c,value:i,onClick:r},l)})):null}function xr(e){var a=e.prefixCls,t=e.value,r=e.style,n=e.activeStyle,u=o.useContext(de),i=u.min,c=u.max,l=u.direction,E=u.included,h=u.includedStart,b=u.includedEnd,y="".concat(a,"-dot"),d=E&&h<=t&&t<=b,g=Z(Z({},ze(l,t,i,c)),typeof r=="function"?r(t):r);return d&&(g=Z(Z({},g),typeof n=="function"?n(t):n)),o.createElement("span",{className:fe(y,Q({},"".concat(y,"-active"),d)),style:g})}function Tr(e){var a=e.prefixCls,t=e.marks,r=e.dots,n=e.style,u=e.activeStyle,i=o.useContext(de),c=i.min,l=i.max,E=i.step,h=o.useMemo(function(){var b=new Set;if(t.forEach(function(d){b.add(d.value)}),r&&E!==null)for(var y=c;y<=l;)b.add(y),y+=E;return Array.from(b)},[c,l,E,r,t]);return o.createElement("div",{className:"".concat(a,"-step")},h.map(function(b){return o.createElement(xr,{prefixCls:a,key:b,value:b,style:n,activeStyle:u})}))}function Pr(e,a,t,r,n,u){var i=o.useCallback(function(d){var g=isFinite(d)?d:e;return g=Math.min(a,d),g=Math.max(e,g),g},[e,a]),c=o.useCallback(function(d){if(t!==null){var g=e+Math.round((i(d)-e)/t)*t,v=function(p){return(String(p).split(".")[1]||"").length},f=Math.max(v(t),v(a),v(e)),_=Number(g.toFixed(f));return e<=_&&_<=a?_:null}return null},[t,e,a,i]),l=o.useCallback(function(d){var g=i(d),v=r.map(function(s){return s.value});t!==null&&v.push(c(d)),v.push(e,a);var f=v[0],_=a-e;return v.forEach(function(s){var p=Math.abs(g-s);p<=_&&(f=s,_=p)}),f},[e,a,r,t,i,c]),E=function d(g,v,f){var _=arguments.length>3&&arguments[3]!==void 0?arguments[3]:"unit";if(typeof v=="number"){var s,p=g[f],I=p+v,T=[];r.forEach(function(N){T.push(N.value)}),T.push(e,a),T.push(c(p));var R=v>0?1:-1;_==="unit"?T.push(c(p+R*t)):T.push(c(I)),T=T.filter(function(N){return N!==null}).filter(function(N){return v<0?N<=p:N>=p}),_==="unit"&&(T=T.filter(function(N){return N!==p}));var x=_==="unit"?p:I;s=T[0];var w=Math.abs(s-x);if(T.forEach(function(N){var K=Math.abs(N-x);K<w&&(s=N,w=K)}),s===void 0)return v<0?e:a;if(_==="dist")return s;if(Math.abs(v)>1){var C=ne(g);return C[f]=s,d(C,v-R,f,_)}return s}else{if(v==="min")return e;if(v==="max")return a}},h=function(g,v,f){var _=arguments.length>3&&arguments[3]!==void 0?arguments[3]:"unit",s=g[f],p=E(g,v,f,_);return{value:p,changed:p!==s}},b=function(g){return u===null&&g===0||typeof u=="number"&&g<u},y=function(g,v,f){var _=arguments.length>3&&arguments[3]!==void 0?arguments[3]:"unit",s=g.map(l),p=s[f],I=E(s,v,f,_);if(s[f]=I,n===!1){var T=u||0;f>0&&s[f-1]!==p&&(s[f]=Math.max(s[f],s[f-1]+T)),f<s.length-1&&s[f+1]!==p&&(s[f]=Math.min(s[f],s[f+1]-T))}else if(typeof u=="number"||u===null){for(var R=f+1;R<s.length;R+=1)for(var x=!0;b(s[R]-s[R-1])&&x;){var w=h(s,1,R);s[R]=w.value,x=w.changed}for(var C=f;C>0;C-=1)for(var N=!0;b(s[C]-s[C-1])&&N;){var K=h(s,-1,C-1);s[C-1]=K.value,N=K.changed}for(var F=s.length-1;F>0;F-=1)for(var $=!0;b(s[F]-s[F-1])&&$;){var P=h(s,-1,F-1);s[F-1]=P.value,$=P.changed}for(var M=0;M<s.length-1;M+=1)for(var V=!0;b(s[M+1]-s[M])&&V;){var U=h(s,1,M+1);s[M+1]=U.value,V=U.changed}}return{value:s[f],values:s}};return[l,y]}var Ar=o.forwardRef(function(e,a){var t,r=e.prefixCls,n=r===void 0?"rc-slider":r,u=e.className,i=e.style,c=e.disabled,l=c===void 0?!1:c,E=e.keyboard,h=E===void 0?!0:E,b=e.autoFocus,y=e.onFocus,d=e.onBlur,g=e.min,v=g===void 0?0:g,f=e.max,_=f===void 0?100:f,s=e.step,p=s===void 0?1:s,I=e.value,T=e.defaultValue,R=e.range,x=e.count,w=e.onChange,C=e.onBeforeChange,N=e.onAfterChange,K=e.allowCross,F=K===void 0?!0:K,$=e.pushable,P=$===void 0?!1:$,M=e.draggableTrack,V=e.reverse,U=e.vertical,k=e.included,H=k===void 0?!0:k,J=e.startPoint,pe=e.trackStyle,Se=e.handleStyle,j=e.railStyle,ue=e.dotStyle,ie=e.activeDotStyle,G=e.marks,oe=e.dots,me=e.handleRender,ge=e.tabIndex,Me=ge===void 0?0:ge,Ne=e.ariaLabelForHandle,Ce=e.ariaLabelledByForHandle,Oe=e.ariaValueTextFormatterForHandle,ee=o.useRef(),Y=o.useRef(),Ie=o.useMemo(function(){return U?V?"ttb":"btt":V?"rtl":"ltr"},[V,U]),B=o.useMemo(function(){return isFinite(v)?v:0},[v]),be=o.useMemo(function(){return isFinite(_)?_:100},[_]),se=o.useMemo(function(){return p!==null&&p<=0?1:p},[p]),jt=o.useMemo(function(){return typeof P=="boolean"?P?se:!1:P>=0?P:!1},[P,se]),we=o.useMemo(function(){var L=Object.keys(G||{});return L.map(function(O){var S=G[O],D={value:Number(O)};return S&&Xe(S)==="object"&&!o.isValidElement(S)&&("label"in S||"style"in S)?(D.style=S.style,D.label=S.label):D.label=S,D}).filter(function(O){var S=O.label;return S||typeof S=="number"}).sort(function(O,S){return O.value-S.value})},[G]),qt=Pr(B,be,se,we,F,jt),et=W(qt,2),Ue=et[0],tt=et[1],Wt=Er(T,{value:I}),rt=W(Wt,2),te=rt[0],$t=rt[1],X=o.useMemo(function(){var L=te==null?[]:Array.isArray(te)?te:[te],O=W(L,1),S=O[0],D=S===void 0?B:S,A=te===null?[]:[D];if(R){if(A=ne(L),x||te===void 0){var Ee=x>=0?x+1:2;for(A=A.slice(0,Ee);A.length<Ee;){var ce;A.push((ce=A[A.length-1])!==null&&ce!==void 0?ce:B)}}A.sort(function(re,Re){return re-Re})}return A.forEach(function(re,Re){A[Re]=Ue(re)}),A},[te,R,B,x,Ue]),Le=o.useRef(X);Le.current=X;var le=function(O){return R?O:O[0]},De=function(O){var S=ne(O).sort(function(D,A){return D-A});w&&!gr(S,Le.current,!0)&&w(le(S)),$t(S)},at=function(O){if(!l){var S=0,D=be-B;X.forEach(function(Ee,ce){var re=Math.abs(O-Ee);re<=D&&(D=re,S=ce)});var A=ne(X);A[S]=O,R&&!X.length&&x===void 0&&A.push(O),C==null||C(le(A)),De(A),N==null||N(le(A))}},Bt=function(O){O.preventDefault();var S=Y.current.getBoundingClientRect(),D=S.width,A=S.height,Ee=S.left,ce=S.top,re=S.bottom,Re=S.right,dt=O.clientX,vt=O.clientY,xe;switch(Ie){case"btt":xe=(re-vt)/A;break;case"ttb":xe=(vt-ce)/A;break;case"rtl":xe=(Re-dt)/D;break;default:xe=(dt-Ee)/D}var tr=B+xe*(be-B);at(Ue(tr))},Vt=o.useState(null),nt=W(Vt,2),He=nt[0],ut=nt[1],Gt=function(O,S){if(!l){var D=tt(X,O,S);C==null||C(le(X)),De(D.values),N==null||N(le(D.values)),ut(D.value)}};o.useEffect(function(){if(He!==null){var L=X.indexOf(He);L>=0&&ee.current.focus(L)}ut(null)},[He]);var Yt=o.useMemo(function(){return M&&se===null?!1:M},[M,se]),Xt=function(){N==null||N(le(Le.current))},Qt=Mr(Y,Ie,X,B,be,Ue,De,Xt,tt),Fe=W(Qt,4),it=Fe[0],Zt=Fe[1],Ke=Fe[2],zt=Fe[3],ot=function(O,S){zt(O,S),C==null||C(le(Le.current))},st=it!==-1;o.useEffect(function(){if(!st){var L=X.lastIndexOf(Zt);ee.current.focus(L)}},[st]);var ye=o.useMemo(function(){return ne(Ke).sort(function(L,O){return L-O})},[Ke]),Jt=o.useMemo(function(){return R?[ye[0],ye[ye.length-1]]:[B,ye[0]]},[ye,R,B]),lt=W(Jt,2),ct=lt[0],ft=lt[1];o.useImperativeHandle(a,function(){return{focus:function(){ee.current.focus(0)},blur:function(){var O=document,S=O.activeElement;Y.current.contains(S)&&(S==null||S.blur())}}}),o.useEffect(function(){b&&ee.current.focus(0)},[]);var er=o.useMemo(function(){return{min:B,max:be,direction:Ie,disabled:l,keyboard:h,step:se,included:H,includedStart:ct,includedEnd:ft,range:R,tabIndex:Me,ariaLabelForHandle:Ne,ariaLabelledByForHandle:Ce,ariaValueTextFormatterForHandle:Oe}},[B,be,Ie,l,h,se,H,ct,ft,R,Me,Ne,Ce,Oe]);return o.createElement(de.Provider,{value:er},o.createElement("div",{ref:Y,className:fe(n,u,(t={},Q(t,"".concat(n,"-disabled"),l),Q(t,"".concat(n,"-vertical"),U),Q(t,"".concat(n,"-horizontal"),!U),Q(t,"".concat(n,"-with-marks"),we.length),t)),style:i,onMouseDown:Bt},o.createElement("div",{className:"".concat(n,"-rail"),style:j}),o.createElement(Cr,{prefixCls:n,style:pe,values:ye,startPoint:J,onStartMove:Yt?ot:null}),o.createElement(Tr,{prefixCls:n,marks:we,dots:oe,style:ue,activeStyle:ie}),o.createElement(Sr,{ref:ee,prefixCls:n,style:Se,values:Ke,draggingIndex:it,onStartMove:ot,onOffsetChange:Gt,onFocus:y,onBlur:d,handleRender:me}),o.createElement(Rr,{prefixCls:n,marks:we,onClick:at})))}),Je={},Ft={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})(Ft);var Ir=Ft.exports,kt={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})(kt);var ke=kt.exports,qe={exports:{}},We={exports:{}},$e={exports:{}},Be={exports:{}},pt;function wr(){return pt||(pt=1,function(e){var a=ke.default;function t(r,n){if(a(r)!="object"||!r)return r;var u=r[Symbol.toPrimitive];if(u!==void 0){var i=u.call(r,n||"default");if(a(i)!="object")return i;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}(Be)),Be.exports}var St;function Ur(){return St||(St=1,function(e){var a=ke.default,t=wr();function r(n){var u=t(n,"string");return a(u)=="symbol"?u:u+""}e.exports=r,e.exports.__esModule=!0,e.exports.default=e.exports}($e)),$e.exports}var Mt;function Dt(){return Mt||(Mt=1,function(e){var a=Ur();function t(r,n,u){return(n=a(n))in r?Object.defineProperty(r,n,{value:u,enumerable:!0,configurable:!0,writable:!0}):r[n]=u,r}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports}(We)),We.exports}var Nt;function Lr(){return Nt||(Nt=1,function(e){var a=Dt();function t(n,u){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(n);u&&(c=c.filter(function(l){return Object.getOwnPropertyDescriptor(n,l).enumerable})),i.push.apply(i,c)}return i}function r(n){for(var u=1;u<arguments.length;u++){var i=arguments[u]!=null?arguments[u]:{};u%2?t(Object(i),!0).forEach(function(c){a(n,c,i[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):t(Object(i)).forEach(function(c){Object.defineProperty(n,c,Object.getOwnPropertyDescriptor(i,c))})}return n}e.exports=r,e.exports.__esModule=!0,e.exports.default=e.exports}(qe)),qe.exports}var Ve={exports:{}},Ge={exports:{}},Ct;function Fr(){return Ct||(Ct=1,function(e){function a(t,r){if(t==null)return{};var n={};for(var u in t)if({}.hasOwnProperty.call(t,u)){if(r.includes(u))continue;n[u]=t[u]}return n}e.exports=a,e.exports.__esModule=!0,e.exports.default=e.exports}(Ge)),Ge.exports}var Ot;function kr(){return Ot||(Ot=1,function(e){var a=Fr();function t(r,n){if(r==null)return{};var u,i,c=a(r,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(r);for(i=0;i<l.length;i++)u=l[i],n.includes(u)||{}.propertyIsEnumerable.call(r,u)&&(c[u]=r[u])}return c}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports}(Ve)),Ve.exports}var Te={},Rt;function Dr(){if(Rt)return Te;Rt=1,Object.defineProperty(Te,"__esModule",{value:!0}),Te.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(t){var r=t.keyCode;if(t.altKey&&!t.ctrlKey||t.metaKey||r>=e.F1&&r<=e.F12)return!1;switch(r){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(t){if(t>=e.ZERO&&t<=e.NINE||t>=e.NUM_ZERO&&t<=e.NUM_MULTIPLY||t>=e.A&&t<=e.Z||window.navigator.userAgent.indexOf("WebKit")!==-1&&t===0)return!0;switch(t){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}}};return Te.default=e,Te}var Pe={},xt;function Hr(){if(xt)return Pe;xt=1;var e=ke;Object.defineProperty(Pe,"__esModule",{value:!0}),Pe.default=void 0;var a=r(o);function t(i){if(typeof WeakMap!="function")return null;var c=new WeakMap,l=new WeakMap;return(t=function(h){return h?l:c})(i)}function r(i,c){if(i&&i.__esModule)return i;if(i===null||e(i)!=="object"&&typeof i!="function")return{default:i};var l=t(c);if(l&&l.has(i))return l.get(i);var E={},h=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var b in i)if(b!=="default"&&Object.prototype.hasOwnProperty.call(i,b)){var y=h?Object.getOwnPropertyDescriptor(i,b):null;y&&(y.get||y.set)?Object.defineProperty(E,b,y):E[b]=i[b]}return E.default=i,l&&l.set(i,E),E}var n=a.createContext({min:0,max:0,direction:"ltr",step:1,includedStart:0,includedEnd:0,tabIndex:0,keyboard:!0}),u=n;return Pe.default=u,Pe}var he={},Tt;function Kr(){if(Tt)return he;Tt=1,Object.defineProperty(he,"__esModule",{value:!0}),he.getDirectionStyle=a,he.getIndex=t,he.getOffset=e;function e(r,n,u){return(r-n)/(u-n)}function a(r,n,u,i){var c=e(n,u,i),l={};switch(r){case"rtl":l.right="".concat(c*100,"%"),l.transform="translateX(50%)";break;case"btt":l.bottom="".concat(c*100,"%"),l.transform="translateY(50%)";break;case"ttb":l.top="".concat(c*100,"%"),l.transform="translateY(-50%)";break;default:l.left="".concat(c*100,"%"),l.transform="translateX(-50%)";break}return l}function t(r,n){return Array.isArray(r)?r[n]:r}return he}var ve=Ir,jr=ke;Object.defineProperty(Je,"__esModule",{value:!0});var Ht=Je.default=void 0,qr=ve(or()),Pt=ve(Lr()),At=ve(Dt()),Wr=ve(kr()),Ye=Gr(o),$r=ve(ar),ae=ve(Dr()),Br=ve(Hr()),Ae=Kr(),Vr=["prefixCls","value","valueIndex","onStartMove","style","render","dragging","onOffsetChange"];function Kt(e){if(typeof WeakMap!="function")return null;var a=new WeakMap,t=new WeakMap;return(Kt=function(n){return n?t:a})(e)}function Gr(e,a){if(e&&e.__esModule)return e;if(e===null||jr(e)!=="object"&&typeof e!="function")return{default:e};var t=Kt(a);if(t&&t.has(e))return t.get(e);var r={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(u!=="default"&&Object.prototype.hasOwnProperty.call(e,u)){var i=n?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(r,u,i):r[u]=e[u]}return r.default=e,t&&t.set(e,r),r}var Yr=Ye.forwardRef(function(e,a){var t,r,n=e.prefixCls,u=e.value,i=e.valueIndex,c=e.onStartMove,l=e.style,E=e.render,h=e.dragging,b=e.onOffsetChange,y=(0,Wr.default)(e,Vr),d=Ye.useContext(Br.default),g=d.min,v=d.max,f=d.direction,_=d.disabled,s=d.keyboard,p=d.range,I=d.tabIndex,T=d.ariaLabelForHandle,R=d.ariaLabelledByForHandle,x=d.ariaValueTextFormatterForHandle,w="".concat(n,"-handle"),C=function(P){_||c(P,i)},N=function(P){if(!_&&s){var M=null;switch(P.which||P.keyCode){case ae.default.LEFT:M=f==="ltr"||f==="btt"?-1:1;break;case ae.default.RIGHT:M=f==="ltr"||f==="btt"?1:-1;break;case ae.default.UP:M=f!=="ttb"?1:-1;break;case ae.default.DOWN:M=f!=="ttb"?-1:1;break;case ae.default.HOME:M="min";break;case ae.default.END:M="max";break;case ae.default.PAGE_UP:M=2;break;case ae.default.PAGE_DOWN:M=-2;break}M!==null&&(P.preventDefault(),b(M,i))}},K=(0,Ae.getDirectionStyle)(f,u,g,v),F=Ye.createElement("div",(0,qr.default)({ref:a,className:(0,$r.default)(w,(t={},(0,At.default)(t,"".concat(w,"-").concat(i+1),p),(0,At.default)(t,"".concat(w,"-dragging"),h),t)),style:(0,Pt.default)((0,Pt.default)({},K),l),onMouseDown:C,onTouchStart:C,onKeyDown:N,tabIndex:_?null:(0,Ae.getIndex)(I,i),role:"slider","aria-valuemin":g,"aria-valuemax":v,"aria-valuenow":u,"aria-disabled":_,"aria-label":(0,Ae.getIndex)(T,i),"aria-labelledby":(0,Ae.getIndex)(R,i),"aria-valuetext":(r=(0,Ae.getIndex)(x,i))===null||r===void 0?void 0:r(u),"aria-orientation":f==="ltr"||f==="rtl"?"horizontal":"vertical"},y));return E&&(F=E(F,{index:i,prefixCls:n,value:u,dragging:h})),F}),Xr=Yr;Ht=Je.default=Xr;const Qr="_container_1a936_1",Zr="_small_1a936_7",zr="_hasMarks_1a936_10",Jr="_vertical_1a936_13",ea="_hasArrows_1a936_17",ta="_button_1a936_21",ra="_label_1a936_24",z={container:Qr,small:Zr,hasMarks:zr,vertical:Jr,hasArrows:ea,button:ta,label:ra},aa=e=>e.reduce((a,{label:t,tooltip:r,value:n})=>{const i=r!==void 0?q.jsx(wt,{text:r,children:t}):t||n;return a[n]=i,a},{}),na=ur(aa,ir),ua=({name:e,label:a,width:t="100%",labelWidth:r="auto",value:n,min:u,max:i,step:c=1,marks:l=[],showArrows:E=!1,showTooltip:h=!1,tooltipFormatter:b=_=>_,disabled:y=!1,range:d=!1,small:g=!1,vertical:v={enabled:!1,width:"100px",height:"400px"},onChange:f})=>{const _=o.useContext(sr),s=na(l),p=x=>{f({target:{name:e,value:x,label:a}})},I=()=>q.jsx("div",{className:z.button,children:q.jsx(gt,{basic:!0,small:!0,round:!0,onClick:()=>p(d?[u,n==null?void 0:n[1]]:u),disabled:y||n===u||_,icon:mt.FAST_BACKWARD})}),T=()=>q.jsx("div",{className:z.button,children:q.jsx(gt,{basic:!0,small:!0,round:!0,onClick:()=>p(d?[n==null?void 0:n[0],i]:i),disabled:y||n===i||_,icon:mt.FAST_FORWARD})}),R=(x,w)=>{const C=h&&w.dragging;return q.jsx(Ht,{...x.props,...w,children:C&&q.jsx(wt,{display:"block",text:b(n),forceOpen:!0,children:q.jsx("div",{style:{position:"absolute",inset:0}})})})};return q.jsxs("div",{className:fe(z.container,g?z.small:"",v.enabled?z.vertical:"",rr.isEmpty(l)?"":z.hasMarks),style:v.enabled?{width:v.width,height:v.height}:{width:t},children:[E&&(v.enabled?q.jsx(T,{}):q.jsx(I,{})),q.jsx(Ar,{range:d,allowCross:!1,className:fe((y||_)&&z.rcSliderDisabled,E&&z.hasArrows),value:n,max:i,min:u,step:c,marks:s,onChange:x=>p(x),disabled:y||_,vertical:v.enabled,handleRender:R}),E&&(v.enabled?q.jsx(I,{}):q.jsx(T,{})),a&&q.jsx("label",{className:z.label,style:{width:r},children:a})]})};ua.__docgenInfo={description:"",methods:[],displayName:"Slider",props:{name:{required:!1,tsType:{name:"string"},description:""},label:{required:!1,tsType:{name:"union",raw:"TStringNumberNull | ReactNode",elements:[{name:"union",raw:"string | number | null",elements:[{name:"string"},{name:"number"},{name:"null"}]},{name:"ReactNode"}]},description:""},width:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"'100%'",computed:!1}},labelWidth:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"'auto'",computed:!1}},value:{required:!0,tsType:{name:"union",raw:"number | number[]",elements:[{name:"number"},{name:"Array",elements:[{name:"number"}],raw:"number[]"}]},description:""},min:{required:!0,tsType:{name:"number"},description:""},max:{required:!0,tsType:{name:"number"},description:""},step:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"1",computed:!1}},marks:{required:!1,tsType:{name:"Array",elements:[{name:"signature",type:"object",raw:`{
|
|
1
|
+
import{j as q}from"./jsx-runtime-eps93zm2.js";import{_ as rr}from"./lodash-BHd_uQHh.js";import{r as o,a as ar}from"./index-DhsZuJvc.js";import{a as Xe,b as Q,_ as Z}from"./objectSpread2-DW4nTBoq.js";import{c as fe,a as nr}from"./index-Bk2sglWO.js";import{_ as It,b as ur}from"./inheritsLoose-DP0QEDDI.js";import{_ as ir}from"./objectWithoutPropertiesLoose-CAYKN5F1.js";import{m as or}from"./memoize-one.esm-CcMeOnPo.js";import{i as sr}from"./index-BI4_Bp97.js";import{I as mt}from"./common-types-Sih75Sav.js";import{D as lr}from"./disabled-context-rmpd7YJS.js";import{T as wt}from"./tooltip-1V7clEnw.js";import{B as gt}from"./button-VxhoNhrV.js";function Qe(e,a){(a==null||a>e.length)&&(a=e.length);for(var t=0,r=Array(a);t<a;t++)r[t]=e[t];return r}function cr(e){if(Array.isArray(e))return Qe(e)}function fr(e){if(typeof Symbol<"u"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function Ut(e,a){if(e){if(typeof e=="string")return Qe(e,a);var t={}.toString.call(e).slice(8,-1);return t==="Object"&&e.constructor&&(t=e.constructor.name),t==="Map"||t==="Set"?Array.from(e):t==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?Qe(e,a):void 0}}function dr(){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 cr(e)||fr(e)||Ut(e)||dr()}function vr(e){if(Array.isArray(e))return e}function mr(e,a){var t=e==null?null:typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(t!=null){var r,n,u,i,c=[],l=!0,E=!1;try{if(u=(t=t.call(e)).next,a===0){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=u.call(t)).done)&&(c.push(r.value),c.length!==a);l=!0);}catch(h){E=!0,n=h}finally{try{if(!l&&t.return!=null&&(i=t.return(),Object(i)!==i))return}finally{if(E)throw n}}return c}}function gr(){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 W(e,a){return vr(e)||mr(e,a)||Ut(e,a)||gr()}function br(e,a){var t=arguments.length>2&&arguments[2]!==void 0?arguments[2]:!1,r=new Set;function n(u,i){var c=arguments.length>2&&arguments[2]!==void 0?arguments[2]:1,l=r.has(u);if(l)return!1;if(u===i)return!0;if(t&&c>1)return!1;r.add(u);var E=c+1;if(Array.isArray(u)){if(!Array.isArray(i)||u.length!==i.length)return!1;for(var h=0;h<u.length;h++)if(!n(u[h],i[h],E))return!1;return!0}if(u&&i&&Xe(u)==="object"&&Xe(i)==="object"){var b=Object.keys(u);return b.length!==Object.keys(i).length?!1:b.every(function(y){return n(u[y],i[y],E)})}return!1}return n(e,a)}function bt(e){var a=o.useRef();a.current=e;var t=o.useCallback(function(){for(var r,n=arguments.length,u=new Array(n),i=0;i<n;i++)u[i]=arguments[i];return(r=a.current)===null||r===void 0?void 0:r.call.apply(r,[a].concat(u))},[]);return t}function yr(){return!!(typeof window<"u"&&window.document&&window.document.createElement)}var yt=yr()?o.useLayoutEffect:o.useEffect,Er=function(a,t){var r=o.useRef(!0);yt(function(){return a(r.current)},t),yt(function(){return r.current=!1,function(){r.current=!0}},[])},Et=function(a,t){Er(function(r){if(!r)return a()},t)};function ht(e){var a=o.useRef(!1),t=o.useState(e),r=W(t,2),n=r[0],u=r[1];o.useEffect(function(){return a.current=!1,function(){a.current=!0}},[]);function i(c,l){l&&a.current||u(c)}return[n,i]}function je(e){return e!==void 0}function hr(e,a){var t=a||{},r=t.defaultValue,n=t.value,u=t.onChange,i=t.postState,c=ht(function(){return je(n)?n:je(r)?typeof r=="function"?r():r:typeof e=="function"?e():e}),l=W(c,2),E=l[0],h=l[1],b=n!==void 0?n:E,y=i?i(b):b,d=bt(u),g=ht([b]),v=W(g,2),f=v[0],_=v[1];Et(function(){var p=f[0];E!==p&&d(E,p)},[f]),Et(function(){je(n)||h(n)},[n]);var s=bt(function(p,I){h(p,I),_([b],I)});return[y,s]}function Lt(e,a){if(e==null)return{};var t,r,n=ir(e,a);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(e);for(r=0;r<u.length;r++)t=u[r],a.includes(t)||{}.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}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 Ze(e,a,t){return(e-a)/(t-a)}function ze(e,a,t,r){var n=Ze(a,t,r),u={};switch(e){case"rtl":u.right="".concat(n*100,"%"),u.transform="translateX(50%)";break;case"btt":u.bottom="".concat(n*100,"%"),u.transform="translateY(50%)";break;case"ttb":u.top="".concat(n*100,"%"),u.transform="translateY(-50%)";break;default:u.left="".concat(n*100,"%"),u.transform="translateX(-50%)";break}return u}function _e(e,a){return Array.isArray(e)?e[a]:e}var _r=["prefixCls","value","valueIndex","onStartMove","style","render","dragging","onOffsetChange"],pr=o.forwardRef(function(e,a){var t,r,n=e.prefixCls,u=e.value,i=e.valueIndex,c=e.onStartMove,l=e.style,E=e.render,h=e.dragging,b=e.onOffsetChange,y=Lt(e,_r),d=o.useContext(de),g=d.min,v=d.max,f=d.direction,_=d.disabled,s=d.keyboard,p=d.range,I=d.tabIndex,T=d.ariaLabelForHandle,R=d.ariaLabelledByForHandle,x=d.ariaValueTextFormatterForHandle,w="".concat(n,"-handle"),C=function(P){_||c(P,i)},N=function(P){if(!_&&s){var M=null;switch(P.which||P.keyCode){case m.LEFT:M=f==="ltr"||f==="btt"?-1:1;break;case m.RIGHT:M=f==="ltr"||f==="btt"?1:-1;break;case m.UP:M=f!=="ttb"?1:-1;break;case m.DOWN:M=f!=="ttb"?-1:1;break;case m.HOME:M="min";break;case m.END:M="max";break;case m.PAGE_UP:M=2;break;case m.PAGE_DOWN:M=-2;break}M!==null&&(P.preventDefault(),b(M,i))}},K=ze(f,u,g,v),F=o.createElement("div",It({ref:a,className:fe(w,(t={},Q(t,"".concat(w,"-").concat(i+1),p),Q(t,"".concat(w,"-dragging"),h),t)),style:Z(Z({},K),l),onMouseDown:C,onTouchStart:C,onKeyDown:N,tabIndex:_?null:_e(I,i),role:"slider","aria-valuemin":g,"aria-valuemax":v,"aria-valuenow":u,"aria-disabled":_,"aria-label":_e(T,i),"aria-labelledby":_e(R,i),"aria-valuetext":(r=_e(x,i))===null||r===void 0?void 0:r(u),"aria-orientation":f==="ltr"||f==="rtl"?"horizontal":"vertical"},y));return E&&(F=E(F,{index:i,prefixCls:n,value:u,dragging:h})),F}),Sr=["prefixCls","style","onStartMove","onOffsetChange","values","handleRender","draggingIndex"],Mr=o.forwardRef(function(e,a){var t=e.prefixCls,r=e.style,n=e.onStartMove,u=e.onOffsetChange,i=e.values,c=e.handleRender,l=e.draggingIndex,E=Lt(e,Sr),h=o.useRef({});return o.useImperativeHandle(a,function(){return{focus:function(y){var d;(d=h.current[y])===null||d===void 0||d.focus()}}}),o.createElement(o.Fragment,null,i.map(function(b,y){return o.createElement(pr,It({ref:function(g){g?h.current[y]=g:delete h.current[y]},dragging:l===y,prefixCls:t,style:_e(r,y),key:y,value:b,valueIndex:y,onStartMove:n,onOffsetChange:u,render:c},E))}))});function _t(e){var a="touches"in e?e.touches[0]:e;return{pageX:a.pageX,pageY:a.pageY}}function Nr(e,a,t,r,n,u,i,c,l){var E=o.useState(null),h=W(E,2),b=h[0],y=h[1],d=o.useState(-1),g=W(d,2),v=g[0],f=g[1],_=o.useState(t),s=W(_,2),p=s[0],I=s[1],T=o.useState(t),R=W(T,2),x=R[0],w=R[1],C=o.useRef(null),N=o.useRef(null);o.useEffect(function(){v===-1&&I(t)},[t,v]),o.useEffect(function(){return function(){document.removeEventListener("mousemove",C.current),document.removeEventListener("mouseup",N.current),document.removeEventListener("touchmove",C.current),document.removeEventListener("touchend",N.current)}},[]);var K=function(U,k){p.some(function(H,J){return H!==U[J]})&&(k!==void 0&&y(k),I(U),i(U))},F=function(U,k){if(U===-1){var H=x[0],J=x[x.length-1],pe=r-H,Se=n-J,j=k*(n-r);j=Math.max(j,pe),j=Math.min(j,Se);var ue=u(H+j);j=ue-H;var ie=x.map(function(ge){return ge+j});K(ie)}else{var G=(n-r)*k,oe=ne(p);oe[U]=x[U];var me=l(oe,G,U,"dist");K(me.values,me.value)}},$=o.useRef(F);$.current=F;var P=function(U,k){U.stopPropagation();var H=t[k];f(k),y(H),w(t);var J=_t(U),pe=J.pageX,Se=J.pageY,j=function(G){G.preventDefault();var oe=_t(G),me=oe.pageX,ge=oe.pageY,Me=me-pe,Ne=ge-Se,Ce=e.current.getBoundingClientRect(),Oe=Ce.width,ee=Ce.height,Y;switch(a){case"btt":Y=-Ne/ee;break;case"ttb":Y=Ne/ee;break;case"rtl":Y=-Me/Oe;break;default:Y=Me/Oe}$.current(k,Y)},ue=function ie(G){G.preventDefault(),document.removeEventListener("mouseup",ie),document.removeEventListener("mousemove",j),document.removeEventListener("touchend",ie),document.removeEventListener("touchmove",j),C.current=null,N.current=null,f(-1),c()};document.addEventListener("mouseup",ue),document.addEventListener("mousemove",j),document.addEventListener("touchend",ue),document.addEventListener("touchmove",j),C.current=j,N.current=ue},M=o.useMemo(function(){var V=ne(t).sort(function(k,H){return k-H}),U=ne(p).sort(function(k,H){return k-H});return V.every(function(k,H){return k===U[H]})?p:t},[t,p]);return[v,b,M,P]}function Cr(e){var a,t=e.prefixCls,r=e.style,n=e.start,u=e.end,i=e.index,c=e.onStartMove,l=o.useContext(de),E=l.direction,h=l.min,b=l.max,y=l.disabled,d=l.range,g="".concat(t,"-track"),v=Ze(n,h,b),f=Ze(u,h,b),_=function(I){!y&&c&&c(I,-1)},s={};switch(E){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:fe(g,(a={},Q(a,"".concat(g,"-").concat(i+1),d),Q(a,"".concat(t,"-track-draggable"),c),a)),style:Z(Z({},s),r),onMouseDown:_,onTouchStart:_})}function Or(e){var a=e.prefixCls,t=e.style,r=e.values,n=e.startPoint,u=e.onStartMove,i=o.useContext(de),c=i.included,l=i.range,E=i.min,h=o.useMemo(function(){if(!l){if(r.length===0)return[];var b=n??E,y=r[0];return[{start:Math.min(b,y),end:Math.max(b,y)}]}for(var d=[],g=0;g<r.length-1;g+=1)d.push({start:r[g],end:r[g+1]});return d},[r,l,n,E]);return c?h.map(function(b,y){var d=b.start,g=b.end;return o.createElement(Cr,{index:y,prefixCls:a,style:_e(t,y),start:d,end:g,key:y,onStartMove:u})}):null}function Rr(e){var a=e.prefixCls,t=e.style,r=e.children,n=e.value,u=e.onClick,i=o.useContext(de),c=i.min,l=i.max,E=i.direction,h=i.includedStart,b=i.includedEnd,y=i.included,d="".concat(a,"-text"),g=ze(E,n,c,l);return o.createElement("span",{className:fe(d,Q({},"".concat(d,"-active"),y&&h<=n&&n<=b)),style:Z(Z({},g),t),onMouseDown:function(f){f.stopPropagation()},onClick:function(){u(n)}},r)}function xr(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(u){var i=u.value,c=u.style,l=u.label;return o.createElement(Rr,{key:i,prefixCls:n,style:c,value:i,onClick:r},l)})):null}function Tr(e){var a=e.prefixCls,t=e.value,r=e.style,n=e.activeStyle,u=o.useContext(de),i=u.min,c=u.max,l=u.direction,E=u.included,h=u.includedStart,b=u.includedEnd,y="".concat(a,"-dot"),d=E&&h<=t&&t<=b,g=Z(Z({},ze(l,t,i,c)),typeof r=="function"?r(t):r);return d&&(g=Z(Z({},g),typeof n=="function"?n(t):n)),o.createElement("span",{className:fe(y,Q({},"".concat(y,"-active"),d)),style:g})}function Pr(e){var a=e.prefixCls,t=e.marks,r=e.dots,n=e.style,u=e.activeStyle,i=o.useContext(de),c=i.min,l=i.max,E=i.step,h=o.useMemo(function(){var b=new Set;if(t.forEach(function(d){b.add(d.value)}),r&&E!==null)for(var y=c;y<=l;)b.add(y),y+=E;return Array.from(b)},[c,l,E,r,t]);return o.createElement("div",{className:"".concat(a,"-step")},h.map(function(b){return o.createElement(Tr,{prefixCls:a,key:b,value:b,style:n,activeStyle:u})}))}function Ar(e,a,t,r,n,u){var i=o.useCallback(function(d){var g=isFinite(d)?d:e;return g=Math.min(a,d),g=Math.max(e,g),g},[e,a]),c=o.useCallback(function(d){if(t!==null){var g=e+Math.round((i(d)-e)/t)*t,v=function(p){return(String(p).split(".")[1]||"").length},f=Math.max(v(t),v(a),v(e)),_=Number(g.toFixed(f));return e<=_&&_<=a?_:null}return null},[t,e,a,i]),l=o.useCallback(function(d){var g=i(d),v=r.map(function(s){return s.value});t!==null&&v.push(c(d)),v.push(e,a);var f=v[0],_=a-e;return v.forEach(function(s){var p=Math.abs(g-s);p<=_&&(f=s,_=p)}),f},[e,a,r,t,i,c]),E=function d(g,v,f){var _=arguments.length>3&&arguments[3]!==void 0?arguments[3]:"unit";if(typeof v=="number"){var s,p=g[f],I=p+v,T=[];r.forEach(function(N){T.push(N.value)}),T.push(e,a),T.push(c(p));var R=v>0?1:-1;_==="unit"?T.push(c(p+R*t)):T.push(c(I)),T=T.filter(function(N){return N!==null}).filter(function(N){return v<0?N<=p:N>=p}),_==="unit"&&(T=T.filter(function(N){return N!==p}));var x=_==="unit"?p:I;s=T[0];var w=Math.abs(s-x);if(T.forEach(function(N){var K=Math.abs(N-x);K<w&&(s=N,w=K)}),s===void 0)return v<0?e:a;if(_==="dist")return s;if(Math.abs(v)>1){var C=ne(g);return C[f]=s,d(C,v-R,f,_)}return s}else{if(v==="min")return e;if(v==="max")return a}},h=function(g,v,f){var _=arguments.length>3&&arguments[3]!==void 0?arguments[3]:"unit",s=g[f],p=E(g,v,f,_);return{value:p,changed:p!==s}},b=function(g){return u===null&&g===0||typeof u=="number"&&g<u},y=function(g,v,f){var _=arguments.length>3&&arguments[3]!==void 0?arguments[3]:"unit",s=g.map(l),p=s[f],I=E(s,v,f,_);if(s[f]=I,n===!1){var T=u||0;f>0&&s[f-1]!==p&&(s[f]=Math.max(s[f],s[f-1]+T)),f<s.length-1&&s[f+1]!==p&&(s[f]=Math.min(s[f],s[f+1]-T))}else if(typeof u=="number"||u===null){for(var R=f+1;R<s.length;R+=1)for(var x=!0;b(s[R]-s[R-1])&&x;){var w=h(s,1,R);s[R]=w.value,x=w.changed}for(var C=f;C>0;C-=1)for(var N=!0;b(s[C]-s[C-1])&&N;){var K=h(s,-1,C-1);s[C-1]=K.value,N=K.changed}for(var F=s.length-1;F>0;F-=1)for(var $=!0;b(s[F]-s[F-1])&&$;){var P=h(s,-1,F-1);s[F-1]=P.value,$=P.changed}for(var M=0;M<s.length-1;M+=1)for(var V=!0;b(s[M+1]-s[M])&&V;){var U=h(s,1,M+1);s[M+1]=U.value,V=U.changed}}return{value:s[f],values:s}};return[l,y]}var Ir=o.forwardRef(function(e,a){var t,r=e.prefixCls,n=r===void 0?"rc-slider":r,u=e.className,i=e.style,c=e.disabled,l=c===void 0?!1:c,E=e.keyboard,h=E===void 0?!0:E,b=e.autoFocus,y=e.onFocus,d=e.onBlur,g=e.min,v=g===void 0?0:g,f=e.max,_=f===void 0?100:f,s=e.step,p=s===void 0?1:s,I=e.value,T=e.defaultValue,R=e.range,x=e.count,w=e.onChange,C=e.onBeforeChange,N=e.onAfterChange,K=e.allowCross,F=K===void 0?!0:K,$=e.pushable,P=$===void 0?!1:$,M=e.draggableTrack,V=e.reverse,U=e.vertical,k=e.included,H=k===void 0?!0:k,J=e.startPoint,pe=e.trackStyle,Se=e.handleStyle,j=e.railStyle,ue=e.dotStyle,ie=e.activeDotStyle,G=e.marks,oe=e.dots,me=e.handleRender,ge=e.tabIndex,Me=ge===void 0?0:ge,Ne=e.ariaLabelForHandle,Ce=e.ariaLabelledByForHandle,Oe=e.ariaValueTextFormatterForHandle,ee=o.useRef(),Y=o.useRef(),Ie=o.useMemo(function(){return U?V?"ttb":"btt":V?"rtl":"ltr"},[V,U]),B=o.useMemo(function(){return isFinite(v)?v:0},[v]),be=o.useMemo(function(){return isFinite(_)?_:100},[_]),se=o.useMemo(function(){return p!==null&&p<=0?1:p},[p]),jt=o.useMemo(function(){return typeof P=="boolean"?P?se:!1:P>=0?P:!1},[P,se]),we=o.useMemo(function(){var L=Object.keys(G||{});return L.map(function(O){var S=G[O],D={value:Number(O)};return S&&Xe(S)==="object"&&!o.isValidElement(S)&&("label"in S||"style"in S)?(D.style=S.style,D.label=S.label):D.label=S,D}).filter(function(O){var S=O.label;return S||typeof S=="number"}).sort(function(O,S){return O.value-S.value})},[G]),qt=Ar(B,be,se,we,F,jt),et=W(qt,2),Ue=et[0],tt=et[1],Wt=hr(T,{value:I}),rt=W(Wt,2),te=rt[0],$t=rt[1],X=o.useMemo(function(){var L=te==null?[]:Array.isArray(te)?te:[te],O=W(L,1),S=O[0],D=S===void 0?B:S,A=te===null?[]:[D];if(R){if(A=ne(L),x||te===void 0){var Ee=x>=0?x+1:2;for(A=A.slice(0,Ee);A.length<Ee;){var ce;A.push((ce=A[A.length-1])!==null&&ce!==void 0?ce:B)}}A.sort(function(re,Re){return re-Re})}return A.forEach(function(re,Re){A[Re]=Ue(re)}),A},[te,R,B,x,Ue]),Le=o.useRef(X);Le.current=X;var le=function(O){return R?O:O[0]},De=function(O){var S=ne(O).sort(function(D,A){return D-A});w&&!br(S,Le.current,!0)&&w(le(S)),$t(S)},at=function(O){if(!l){var S=0,D=be-B;X.forEach(function(Ee,ce){var re=Math.abs(O-Ee);re<=D&&(D=re,S=ce)});var A=ne(X);A[S]=O,R&&!X.length&&x===void 0&&A.push(O),C==null||C(le(A)),De(A),N==null||N(le(A))}},Bt=function(O){O.preventDefault();var S=Y.current.getBoundingClientRect(),D=S.width,A=S.height,Ee=S.left,ce=S.top,re=S.bottom,Re=S.right,dt=O.clientX,vt=O.clientY,xe;switch(Ie){case"btt":xe=(re-vt)/A;break;case"ttb":xe=(vt-ce)/A;break;case"rtl":xe=(Re-dt)/D;break;default:xe=(dt-Ee)/D}var tr=B+xe*(be-B);at(Ue(tr))},Vt=o.useState(null),nt=W(Vt,2),He=nt[0],ut=nt[1],Gt=function(O,S){if(!l){var D=tt(X,O,S);C==null||C(le(X)),De(D.values),N==null||N(le(D.values)),ut(D.value)}};o.useEffect(function(){if(He!==null){var L=X.indexOf(He);L>=0&&ee.current.focus(L)}ut(null)},[He]);var Yt=o.useMemo(function(){return M&&se===null?!1:M},[M,se]),Xt=function(){N==null||N(le(Le.current))},Qt=Nr(Y,Ie,X,B,be,Ue,De,Xt,tt),Fe=W(Qt,4),it=Fe[0],Zt=Fe[1],Ke=Fe[2],zt=Fe[3],ot=function(O,S){zt(O,S),C==null||C(le(Le.current))},st=it!==-1;o.useEffect(function(){if(!st){var L=X.lastIndexOf(Zt);ee.current.focus(L)}},[st]);var ye=o.useMemo(function(){return ne(Ke).sort(function(L,O){return L-O})},[Ke]),Jt=o.useMemo(function(){return R?[ye[0],ye[ye.length-1]]:[B,ye[0]]},[ye,R,B]),lt=W(Jt,2),ct=lt[0],ft=lt[1];o.useImperativeHandle(a,function(){return{focus:function(){ee.current.focus(0)},blur:function(){var O=document,S=O.activeElement;Y.current.contains(S)&&(S==null||S.blur())}}}),o.useEffect(function(){b&&ee.current.focus(0)},[]);var er=o.useMemo(function(){return{min:B,max:be,direction:Ie,disabled:l,keyboard:h,step:se,included:H,includedStart:ct,includedEnd:ft,range:R,tabIndex:Me,ariaLabelForHandle:Ne,ariaLabelledByForHandle:Ce,ariaValueTextFormatterForHandle:Oe}},[B,be,Ie,l,h,se,H,ct,ft,R,Me,Ne,Ce,Oe]);return o.createElement(de.Provider,{value:er},o.createElement("div",{ref:Y,className:fe(n,u,(t={},Q(t,"".concat(n,"-disabled"),l),Q(t,"".concat(n,"-vertical"),U),Q(t,"".concat(n,"-horizontal"),!U),Q(t,"".concat(n,"-with-marks"),we.length),t)),style:i,onMouseDown:Bt},o.createElement("div",{className:"".concat(n,"-rail"),style:j}),o.createElement(Or,{prefixCls:n,style:pe,values:ye,startPoint:J,onStartMove:Yt?ot:null}),o.createElement(Pr,{prefixCls:n,marks:we,dots:oe,style:ue,activeStyle:ie}),o.createElement(Mr,{ref:ee,prefixCls:n,style:Se,values:Ke,draggingIndex:it,onStartMove:ot,onOffsetChange:Gt,onFocus:y,onBlur:d,handleRender:me}),o.createElement(xr,{prefixCls:n,marks:we,onClick:at})))}),Je={},Ft={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})(Ft);var wr=Ft.exports,kt={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})(kt);var ke=kt.exports;const Ur=ar(ur);var qe={exports:{}},We={exports:{}},$e={exports:{}},Be={exports:{}},pt;function Lr(){return pt||(pt=1,function(e){var a=ke.default;function t(r,n){if(a(r)!="object"||!r)return r;var u=r[Symbol.toPrimitive];if(u!==void 0){var i=u.call(r,n||"default");if(a(i)!="object")return i;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}(Be)),Be.exports}var St;function Fr(){return St||(St=1,function(e){var a=ke.default,t=Lr();function r(n){var u=t(n,"string");return a(u)=="symbol"?u:u+""}e.exports=r,e.exports.__esModule=!0,e.exports.default=e.exports}($e)),$e.exports}var Mt;function Dt(){return Mt||(Mt=1,function(e){var a=Fr();function t(r,n,u){return(n=a(n))in r?Object.defineProperty(r,n,{value:u,enumerable:!0,configurable:!0,writable:!0}):r[n]=u,r}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports}(We)),We.exports}var Nt;function kr(){return Nt||(Nt=1,function(e){var a=Dt();function t(n,u){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(n);u&&(c=c.filter(function(l){return Object.getOwnPropertyDescriptor(n,l).enumerable})),i.push.apply(i,c)}return i}function r(n){for(var u=1;u<arguments.length;u++){var i=arguments[u]!=null?arguments[u]:{};u%2?t(Object(i),!0).forEach(function(c){a(n,c,i[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):t(Object(i)).forEach(function(c){Object.defineProperty(n,c,Object.getOwnPropertyDescriptor(i,c))})}return n}e.exports=r,e.exports.__esModule=!0,e.exports.default=e.exports}(qe)),qe.exports}var Ve={exports:{}},Ge={exports:{}},Ct;function Dr(){return Ct||(Ct=1,function(e){function a(t,r){if(t==null)return{};var n={};for(var u in t)if({}.hasOwnProperty.call(t,u)){if(r.includes(u))continue;n[u]=t[u]}return n}e.exports=a,e.exports.__esModule=!0,e.exports.default=e.exports}(Ge)),Ge.exports}var Ot;function Hr(){return Ot||(Ot=1,function(e){var a=Dr();function t(r,n){if(r==null)return{};var u,i,c=a(r,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(r);for(i=0;i<l.length;i++)u=l[i],n.includes(u)||{}.propertyIsEnumerable.call(r,u)&&(c[u]=r[u])}return c}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports}(Ve)),Ve.exports}var Te={},Rt;function Kr(){if(Rt)return Te;Rt=1,Object.defineProperty(Te,"__esModule",{value:!0}),Te.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(t){var r=t.keyCode;if(t.altKey&&!t.ctrlKey||t.metaKey||r>=e.F1&&r<=e.F12)return!1;switch(r){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(t){if(t>=e.ZERO&&t<=e.NINE||t>=e.NUM_ZERO&&t<=e.NUM_MULTIPLY||t>=e.A&&t<=e.Z||window.navigator.userAgent.indexOf("WebKit")!==-1&&t===0)return!0;switch(t){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}}};return Te.default=e,Te}var Pe={},xt;function jr(){if(xt)return Pe;xt=1;var e=ke;Object.defineProperty(Pe,"__esModule",{value:!0}),Pe.default=void 0;var a=r(o);function t(i){if(typeof WeakMap!="function")return null;var c=new WeakMap,l=new WeakMap;return(t=function(h){return h?l:c})(i)}function r(i,c){if(i&&i.__esModule)return i;if(i===null||e(i)!=="object"&&typeof i!="function")return{default:i};var l=t(c);if(l&&l.has(i))return l.get(i);var E={},h=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var b in i)if(b!=="default"&&Object.prototype.hasOwnProperty.call(i,b)){var y=h?Object.getOwnPropertyDescriptor(i,b):null;y&&(y.get||y.set)?Object.defineProperty(E,b,y):E[b]=i[b]}return E.default=i,l&&l.set(i,E),E}var n=a.createContext({min:0,max:0,direction:"ltr",step:1,includedStart:0,includedEnd:0,tabIndex:0,keyboard:!0}),u=n;return Pe.default=u,Pe}var he={},Tt;function qr(){if(Tt)return he;Tt=1,Object.defineProperty(he,"__esModule",{value:!0}),he.getDirectionStyle=a,he.getIndex=t,he.getOffset=e;function e(r,n,u){return(r-n)/(u-n)}function a(r,n,u,i){var c=e(n,u,i),l={};switch(r){case"rtl":l.right="".concat(c*100,"%"),l.transform="translateX(50%)";break;case"btt":l.bottom="".concat(c*100,"%"),l.transform="translateY(50%)";break;case"ttb":l.top="".concat(c*100,"%"),l.transform="translateY(-50%)";break;default:l.left="".concat(c*100,"%"),l.transform="translateX(-50%)";break}return l}function t(r,n){return Array.isArray(r)?r[n]:r}return he}var ve=wr,Wr=ke;Object.defineProperty(Je,"__esModule",{value:!0});var Ht=Je.default=void 0,$r=ve(Ur),Pt=ve(kr()),At=ve(Dt()),Br=ve(Hr()),Ye=Xr(o),Vr=ve(nr),ae=ve(Kr()),Gr=ve(jr()),Ae=qr(),Yr=["prefixCls","value","valueIndex","onStartMove","style","render","dragging","onOffsetChange"];function Kt(e){if(typeof WeakMap!="function")return null;var a=new WeakMap,t=new WeakMap;return(Kt=function(n){return n?t:a})(e)}function Xr(e,a){if(e&&e.__esModule)return e;if(e===null||Wr(e)!=="object"&&typeof e!="function")return{default:e};var t=Kt(a);if(t&&t.has(e))return t.get(e);var r={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(u!=="default"&&Object.prototype.hasOwnProperty.call(e,u)){var i=n?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(r,u,i):r[u]=e[u]}return r.default=e,t&&t.set(e,r),r}var Qr=Ye.forwardRef(function(e,a){var t,r,n=e.prefixCls,u=e.value,i=e.valueIndex,c=e.onStartMove,l=e.style,E=e.render,h=e.dragging,b=e.onOffsetChange,y=(0,Br.default)(e,Yr),d=Ye.useContext(Gr.default),g=d.min,v=d.max,f=d.direction,_=d.disabled,s=d.keyboard,p=d.range,I=d.tabIndex,T=d.ariaLabelForHandle,R=d.ariaLabelledByForHandle,x=d.ariaValueTextFormatterForHandle,w="".concat(n,"-handle"),C=function(P){_||c(P,i)},N=function(P){if(!_&&s){var M=null;switch(P.which||P.keyCode){case ae.default.LEFT:M=f==="ltr"||f==="btt"?-1:1;break;case ae.default.RIGHT:M=f==="ltr"||f==="btt"?1:-1;break;case ae.default.UP:M=f!=="ttb"?1:-1;break;case ae.default.DOWN:M=f!=="ttb"?-1:1;break;case ae.default.HOME:M="min";break;case ae.default.END:M="max";break;case ae.default.PAGE_UP:M=2;break;case ae.default.PAGE_DOWN:M=-2;break}M!==null&&(P.preventDefault(),b(M,i))}},K=(0,Ae.getDirectionStyle)(f,u,g,v),F=Ye.createElement("div",(0,$r.default)({ref:a,className:(0,Vr.default)(w,(t={},(0,At.default)(t,"".concat(w,"-").concat(i+1),p),(0,At.default)(t,"".concat(w,"-dragging"),h),t)),style:(0,Pt.default)((0,Pt.default)({},K),l),onMouseDown:C,onTouchStart:C,onKeyDown:N,tabIndex:_?null:(0,Ae.getIndex)(I,i),role:"slider","aria-valuemin":g,"aria-valuemax":v,"aria-valuenow":u,"aria-disabled":_,"aria-label":(0,Ae.getIndex)(T,i),"aria-labelledby":(0,Ae.getIndex)(R,i),"aria-valuetext":(r=(0,Ae.getIndex)(x,i))===null||r===void 0?void 0:r(u),"aria-orientation":f==="ltr"||f==="rtl"?"horizontal":"vertical"},y));return E&&(F=E(F,{index:i,prefixCls:n,value:u,dragging:h})),F}),Zr=Qr;Ht=Je.default=Zr;const zr="_container_1a936_1",Jr="_small_1a936_7",ea="_hasMarks_1a936_10",ta="_vertical_1a936_13",ra="_hasArrows_1a936_17",aa="_button_1a936_21",na="_label_1a936_24",z={container:zr,small:Jr,hasMarks:ea,vertical:ta,hasArrows:ra,button:aa,label:na},ua=e=>e.reduce((a,{label:t,tooltip:r,value:n})=>{const i=r!==void 0?q.jsx(wt,{text:r,children:t}):t||n;return a[n]=i,a},{}),ia=or(ua,sr),oa=({name:e,label:a,width:t="100%",labelWidth:r="auto",value:n,min:u,max:i,step:c=1,marks:l=[],showArrows:E=!1,showTooltip:h=!1,tooltipFormatter:b=_=>_,disabled:y=!1,range:d=!1,small:g=!1,vertical:v={enabled:!1,width:"100px",height:"400px"},onChange:f})=>{const _=o.useContext(lr),s=ia(l),p=x=>{f({target:{name:e,value:x,label:a}})},I=()=>q.jsx("div",{className:z.button,children:q.jsx(gt,{basic:!0,small:!0,round:!0,onClick:()=>p(d?[u,n==null?void 0:n[1]]:u),disabled:y||n===u||_,icon:mt.FAST_BACKWARD})}),T=()=>q.jsx("div",{className:z.button,children:q.jsx(gt,{basic:!0,small:!0,round:!0,onClick:()=>p(d?[n==null?void 0:n[0],i]:i),disabled:y||n===i||_,icon:mt.FAST_FORWARD})}),R=(x,w)=>{const C=h&&w.dragging;return q.jsx(Ht,{...x.props,...w,children:C&&q.jsx(wt,{display:"block",text:b(n),forceOpen:!0,children:q.jsx("div",{style:{position:"absolute",inset:0}})})})};return q.jsxs("div",{className:fe(z.container,g?z.small:"",v.enabled?z.vertical:"",rr.isEmpty(l)?"":z.hasMarks),style:v.enabled?{width:v.width,height:v.height}:{width:t},children:[E&&(v.enabled?q.jsx(T,{}):q.jsx(I,{})),q.jsx(Ir,{range:d,allowCross:!1,className:fe((y||_)&&z.rcSliderDisabled,E&&z.hasArrows),value:n,max:i,min:u,step:c,marks:s,onChange:x=>p(x),disabled:y||_,vertical:v.enabled,handleRender:R}),E&&(v.enabled?q.jsx(I,{}):q.jsx(T,{})),a&&q.jsx("label",{className:z.label,style:{width:r},children:a})]})};oa.__docgenInfo={description:"",methods:[],displayName:"Slider",props:{name:{required:!1,tsType:{name:"string"},description:""},label:{required:!1,tsType:{name:"union",raw:"TStringNumberNull | ReactNode",elements:[{name:"union",raw:"string | number | null",elements:[{name:"string"},{name:"number"},{name:"null"}]},{name:"ReactNode"}]},description:""},width:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"'100%'",computed:!1}},labelWidth:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"'auto'",computed:!1}},value:{required:!0,tsType:{name:"union",raw:"number | number[]",elements:[{name:"number"},{name:"Array",elements:[{name:"number"}],raw:"number[]"}]},description:""},min:{required:!0,tsType:{name:"number"},description:""},max:{required:!0,tsType:{name:"number"},description:""},step:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"1",computed:!1}},marks:{required:!1,tsType:{name:"Array",elements:[{name:"signature",type:"object",raw:`{
|
|
4
4
|
value: number | string;
|
|
5
5
|
label?: number | string | ReactNode;
|
|
6
6
|
tooltip?: number | string | ReactNode;
|
|
@@ -28,4 +28,4 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
|
28
28
|
name?: string;
|
|
29
29
|
value: number | number[];
|
|
30
30
|
label?: TStringNumberNull | ReactNode;
|
|
31
|
-
}`,signature:{properties:[{key:"name",value:{name:"string",required:!1}},{key:"value",value:{name:"union",raw:"number | number[]",elements:[{name:"number"},{name:"Array",elements:[{name:"number"}],raw:"number[]"}],required:!0}},{key:"label",value:{name:"union",raw:"TStringNumberNull | ReactNode",elements:[{name:"union",raw:"string | number | null",elements:[{name:"string"},{name:"number"},{name:"null"}]},{name:"ReactNode"}],required:!1}}]},required:!0}}]}},name:"evt"}],return:{name:"void"}}},description:""}}};export{
|
|
31
|
+
}`,signature:{properties:[{key:"name",value:{name:"string",required:!1}},{key:"value",value:{name:"union",raw:"number | number[]",elements:[{name:"number"},{name:"Array",elements:[{name:"number"}],raw:"number[]"}],required:!0}},{key:"label",value:{name:"union",raw:"TStringNumberNull | ReactNode",elements:[{name:"union",raw:"string | number | null",elements:[{name:"string"},{name:"number"},{name:"null"}]},{name:"ReactNode"}],required:!1}}]},required:!0}}]}},name:"evt"}],return:{name:"void"}}},description:""}}};export{oa as S};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as n}from"./jsx-runtime-eps93zm2.js";import{S as A}from"./slider-
|
|
1
|
+
import{j as n}from"./jsx-runtime-eps93zm2.js";import{S as A}from"./slider-DAramr8j.js";import{T as se}from"./text-B3-TSWok.js";import"./index-DhsZuJvc.js";import"./lodash-BHd_uQHh.js";import"./objectSpread2-DW4nTBoq.js";import"./index-Bk2sglWO.js";import"./inheritsLoose-DP0QEDDI.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./memoize-one.esm-CcMeOnPo.js";import"./index-BI4_Bp97.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./button-VxhoNhrV.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./index-CEuq6vkz.js";const{useArgs:ae}=__STORYBOOK_MODULE_PREVIEW_API__,re=[{label:"S1...",tooltip:"S1 Production",value:20},{label:"S2...",tooltip:"S2 Cementing",value:40},{label:"S3...",tooltip:n.jsxs("span",{children:[n.jsx("strong",{children:"S3"})," Drilling"]}),value:60},{label:"S4...",tooltip:"S4 Shut in",value:80},{label:"S5...",tooltip:"S5 Circulate",value:100}],je={title:"Forms/Slider",component:A,args:{value:50,min:0,max:100,step:1,showTooltip:!1,label:""}},e=r=>{const[m,v]=ae(),b=x=>{v({value:x.target.value})};return n.jsx("div",{style:{paddingTop:40},children:n.jsx(A,{...r,onChange:b})})},h=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 l=r=>{const[{value:m},v]=ae(),b=x=>{v({value:x.target.value})};return n.jsx(n.Fragment,{children:n.jsx(A,{...r,label:n.jsxs("span",{children:["Fixed width label: ",n.jsx("strong",{children:m*Math.random()})]}),labelWidth:"400px",value:m,onChange:b})})},d=e.bind({});d.args={showTooltip:!0};const i=e.bind({});i.args={showTooltip:!0,tooltipFormatter:r=>n.jsx(se,{warning:!0,children:`${r} extra info lorem ipsum`})};const p=e.bind({});p.args={showArrows:!0};const g=e.bind({});g.args={marks:re};const a=e.bind({});a.args={small:!0};a.parameters={docs:{description:{story:"Reduces the vertical height of the `Slider` container to align with other `small` elements."}}};const u=e.bind({});u.args={disabled:!0};const c=e.bind({});c.args={marks:re,vertical:{enabled:!0,width:"100px",height:"400px"}};l.__docgenInfo={description:"",methods:[],displayName:"JSXLabel"};var S,C,y;h.parameters={...h.parameters,docs:{...(S=h.parameters)==null?void 0:S.docs,source:{originalSource:`args => {
|
|
2
2
|
const [_, updateArgs] = useArgs();
|
|
3
3
|
const handleChange = (evt: any) => {
|
|
4
4
|
updateArgs({
|
|
@@ -168,4 +168,4 @@ import{j as n}from"./jsx-runtime-eps93zm2.js";import{S as A}from"./slider-gZmYlx
|
|
|
168
168
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
169
169
|
{...args} onChange={handleChange} />
|
|
170
170
|
</div>;
|
|
171
|
-
}`,...(ne=(ee=c.parameters)==null?void 0:ee.docs)==null?void 0:ne.source}}};const
|
|
171
|
+
}`,...(ne=(ee=c.parameters)==null?void 0:ee.docs)==null?void 0:ne.source}}};const Te=["Default","Range","Label","RangeWithArrows","JSXLabel","Tooltip","FormattedTooltip","Arrows","Marks","Small","Disabled","Vertical"];export{p as Arrows,h as Default,u as Disabled,i as FormattedTooltip,l as JSXLabel,t as Label,g as Marks,s as Range,o as RangeWithArrows,a as Small,d as Tooltip,c as Vertical,Te as __namedExportsOrder,je as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as i}from"./index-DhsZuJvc.js";import{B as h}from"./button-
|
|
1
|
+
import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as i}from"./index-DhsZuJvc.js";import{B as h}from"./button-VxhoNhrV.js";import{u as Q,M as z,D as G}from"./dialog-IAPGkLet.js";import{F as J}from"./file-input-BpMtsZ2S.js";import{S}from"./spacer-BWoNR27H.js";import{T as W}from"./text-B3-TSWok.js";import{P as X}from"./progress-bar-C_kV6r0Q.js";import{d as Y}from"./index-CWz-hU-f.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./portal-GQ0_cLB6.js";import"./lodash-BHd_uQHh.js";import"./heading-CRNoBc7q.js";import"./help-icon-Buhx5nl6.js";import"./input-group-BaRSJAEN.js";import"./input-BW9trNAW.js";import"./types-UmZ4Y_CR.js";import"./index-DRSy5Ssd.js";const U=250,g=4e4,b=20,I=500,M=({visible:s,prompt:p,onCloseModal:f,onUpload:m,onComplete:y,onFailed:n,onError:a,width:F,heading:_,dialogText:E,fileInputText:k,fileInputPlaceholder:N,uploadText:V,cancelText:B,testId:d})=>{const[c,v]=i.useState(null),[C,u]=i.useState(!1),[P,T]=i.useState(0);let o=0;const R=()=>{o=o+U,T(o)},A=t=>{let r=o+t;r>=.99*g&&(r=g),o=r,T(o)};i.useEffect(()=>{v(null)},[s]);const L=t=>{t.target.value&&v(t.target.value)},H=async()=>{T(0);const t=setInterval(R,U);try{if(!c)return;u(!0);const r=await m(p,c);if(!s)return;if(r){clearInterval(t);const K=setInterval(A,I/b,(g-o)/(b-1));setTimeout(()=>{y(r),clearInterval(K),u(!1)},I)}else n==null||n(),u(!1)}catch(r){a==null||a(r),u(!1)}finally{clearInterval(t)}},O=()=>{H()},x=()=>{f()},$=e.jsxs(e.Fragment,{children:[e.jsx(W,{children:E||"Upload file and extract data using a LLM"}),e.jsx(S,{}),e.jsx(J,{placeholder:N||"No file",label:k||"Select",file:c||void 0,onChange:L,testId:`${d}-file-input`,accept:"image/*"}),C&&e.jsxs(e.Fragment,{children:[e.jsx(S,{}),e.jsx(X,{percentage:Y.roundByMagnitudeToFixed(100*P/g,3)})]})]}),D=e.jsxs(e.Fragment,{children:[e.jsx(h,{label:V||"Upload",colored:!0,onClick:O,disabled:!c||C,testId:`${d}-button-upload`}),e.jsx(h,{label:B||"Cancel",onClick:x,testId:`${d}-button-cancel`})]});return Q("Escape",()=>x()),e.jsx(z,{visible:s,centered:!0,children:e.jsx(G,{dialog:{scroll:!0,heading:_||"Smart Upload",content:$,footer:D,onClose:x,width:F||350,testId:d}})})};M.__docgenInfo={description:"",methods:[],displayName:"SmartUploadModal",props:{visible:{required:!0,tsType:{name:"boolean"},description:""},prompt:{required:!0,tsType:{name:"string"},description:""},onCloseModal:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},onUpload:{required:!0,tsType:{name:"signature",type:"function",raw:"(prompt: string, file: File) => any",signature:{arguments:[{type:{name:"string"},name:"prompt"},{type:{name:"File"},name:"file"}],return:{name:"any"}}},description:""},onComplete:{required:!0,tsType:{name:"signature",type:"function",raw:"(data: { [key: string]: string }[]) => void",signature:{arguments:[{type:{name:"Array",elements:[{name:"signature",type:"object",raw:"{ [key: string]: string }",signature:{properties:[{key:{name:"string"},value:{name:"string",required:!0}}]}}],raw:"{ [key: string]: string }[]"},name:"data"}],return:{name:"void"}}},description:""},onFailed:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},onError:{required:!1,tsType:{name:"signature",type:"function",raw:"(error: any) => void",signature:{arguments:[{type:{name:"any"},name:"error"}],return:{name:"void"}}},description:""},width:{required:!1,tsType:{name:"number"},description:""},heading:{required:!1,tsType:{name:"string"},description:""},dialogText:{required:!1,tsType:{name:"string"},description:""},fileInputText:{required:!1,tsType:{name:"string"},description:""},fileInputPlaceholder:{required:!1,tsType:{name:"string"},description:""},uploadText:{required:!1,tsType:{name:"string"},description:""},cancelText:{required:!1,tsType:{name:"string"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const Ie={title:"Ai/SmartUploadModal",component:M,args:{visible:!0,prompt:"This is a prompt",onCloseModal:()=>{},onUpload:()=>{},onComplete:()=>{}},parameters:{docs:{story:{inline:!1,iframeHeight:400}}}},l=()=>{const[s,p]=i.useState(!0),f=()=>{p(!0)},m=()=>{p(!1)},y=()=>(console.log("Uploading"),new Promise(a=>{setTimeout(()=>{a([])},4e3)})),n=()=>{console.log("Completed"),m()};return e.jsxs(e.Fragment,{children:[e.jsx(M,{visible:s,prompt:"This is a prompt",onCloseModal:m,onUpload:y,onComplete:n}),e.jsx(h,{label:"Open Modal",onClick:f})]})};l.__docgenInfo={description:"",methods:[],displayName:"SmartUpload"};var j,q,w;l.parameters={...l.parameters,docs:{...(j=l.parameters)==null?void 0:j.docs,source:{originalSource:`() => {
|
|
2
2
|
const [visible, setVisible] = useState(true);
|
|
3
3
|
const openModal = () => {
|
|
4
4
|
setVisible(true);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as r}from"./jsx-runtime-eps93zm2.js";import{S as h}from"./spacer-BWoNR27H.js";import{F as j}from"./flex-EllkLxgO.js";import{B as s}from"./button-
|
|
1
|
+
import{j as r}from"./jsx-runtime-eps93zm2.js";import{S as h}from"./spacer-BWoNR27H.js";import{F as j}from"./flex-EllkLxgO.js";import{B as s}from"./button-VxhoNhrV.js";import"./index-DhsZuJvc.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";const W={title:"Layout/Spacer",component:h,argTypes:{width:{control:"text"},height:{control:"text"}}},p=t=>r.jsx(h,{...t}),a=p.bind({});a.decorators=[t=>r.jsxs(r.Fragment,{children:[r.jsx(s,{label:"Button"}),t(),r.jsx(s,{label:"Button"})]})];const e=p.bind({});e.args={height:"var(--padding-xxs)"};e.decorators=[t=>r.jsxs(r.Fragment,{children:[r.jsx(s,{label:"Button"}),t(),r.jsx(s,{label:"Button"})]})];const o=p.bind({});o.args={width:"var(--padding)"};o.decorators=[t=>r.jsxs(j,{children:[r.jsx(s,{label:"Button"}),t(),r.jsx(s,{label:"Button"})]})];var c,i,m;a.parameters={...a.parameters,docs:{...(c=a.parameters)==null?void 0:c.docs,source:{originalSource:"(args: ISpacerProps) => <Spacer {...args} />",...(m=(i=a.parameters)==null?void 0:i.docs)==null?void 0:m.source}}};var n,d,l;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:"(args: ISpacerProps) => <Spacer {...args} />",...(l=(d=e.parameters)==null?void 0:d.docs)==null?void 0:l.source}}};var u,g,x;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:"(args: ISpacerProps) => <Spacer {...args} />",...(x=(g=o.parameters)==null?void 0:g.docs)==null?void 0:x.source}}};const L=["Default","Height","Width"];export{a as Default,e as Height,o as Width,L as __namedExportsOrder,W as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as n}from"./jsx-runtime-eps93zm2.js";import{r as S}from"./index-DhsZuJvc.js";import{c as v}from"./index-Bk2sglWO.js";import{I as Le,D as We,C as Fe,P as Pe}from"./index.es-D2piFfFj.js";import{l as De}from"./lodash-BHd_uQHh.js";import{A as ae}from"./actions-CZK3mphC.js";import{H as Oe}from"./heading-NkLgQYoP.js";import{P as Be}from"./pagination-CqvxiZHR.js";import{A as f,I as $}from"./common-types-Sih75Sav.js";import{I as $e}from"./input-BW9trNAW.js";import{N as Me}from"./number-input-uQOVHv2N.js";import{S as Ge}from"./select-tIEV7vnw.js";import{D as Ve}from"./disabled-context-rmpd7YJS.js";import{i as M}from"./types-UmZ4Y_CR.js";import{T as oe}from"./tooltip-1V7clEnw.js";import{C as Ue}from"./check-box-CaSrhzev.js";import{S as ze}from"./slider-gZmYlxxz.js";import{I as G}from"./icon-BP4BO6-k.js";import{P as Ke}from"./popover-DgUpTRMk.js";import{H as fe}from"./help-icon-41R-Z9N1.js";import{T as Y}from"./text-B3-TSWok.js";const Xe="_inputInTable_y9car_1",Ye="_inputHover_y9car_13",Je="_inputFocus_y9car_18",Qe="_inputError_y9car_25",Ze="_inputWarning_y9car_26",en="_inputDisabled_y9car_61",nn="_hideScrollbars_y9car_67",tn="_wrapper_y9car_85",rn="_bordered_y9car_93",an="_scroll_y9car_98",on="_table_y9car_108",sn="_striped_y9car_188",L={inputInTable:Xe,inputHover:Ye,inputFocus:Je,inputError:Qe,inputWarning:Ze,inputDisabled:en,hideScrollbars:nn,wrapper:tn,bordered:rn,scroll:an,table:on,striped:sn},ln="_title_zn5s7_1",dn={title:ln},Q=({name:e=null,actions:t=null,actionsRight:r=!1,testId:o})=>{const a=e!==null,i=t!==null;if(!a&&!i)return null;const l=()=>{if(!i)return null;const c=n.jsx(ae,{actions:t});return r?c:n.jsx("div",{children:c})};return n.jsxs("div",{className:dn.title,children:[a?n.jsx(Oe,{children:n.jsx("span",{"data-testid":o,children:e})}):null,l()]})};Q.__docgenInfo={description:"",methods:[],displayName:"Title",props:{name:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactNode"}]},description:"",defaultValue:{value:"null",computed:!1}},actions:{required:!1,tsType:{name:"any"},description:"",defaultValue:{value:"null",computed:!1}},actionsRight:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},testId:{required:!1,tsType:{name:"string"},description:""}}};const un="_footer_4sumy_1",cn="_section_4sumy_7",J={footer:un,section:cn},Z=({colSpan:e,pagination:t,actions:r,content:o})=>{const a=r&&r.length,i=o!=null,l=()=>{var d,p;if(t){const{rowCount:u,rowsPerPage:I}=t,y=Number((p=(d=I==null?void 0:I.options)==null?void 0:d[0])==null?void 0:p.value);return u>y}return!1};return a||i||l()?n.jsxs("div",{className:J.footer,children:[i?n.jsx("div",{className:J.section,children:n.jsx("div",{children:o})}):null,a||l()?n.jsxs("div",{className:J.section,children:[l()?n.jsx(Be,{pagination:t}):n.jsx("div",{}),a&&n.jsx("div",{children:n.jsx(ae,{actions:r})})]}):null]}):null};Z.__docgenInfo={description:"",methods:[],displayName:"Footer",props:{colSpan:{required:!1,tsType:{name:"number"},description:""},pagination:{required:!0,tsType:{name:"IPagination"},description:""},actions:{required:!1,tsType:{name:"Array",elements:[{name:"IAction"}],raw:"IAction[]"},description:""},content:{required:!1,tsType:{name:"ReactNode"},description:""}}};const Ce=e=>{const t=Math.max(...e.reduce((r,o)=>{const a=o.cells.map(i=>i.colSpan?i.colSpan:1).reduce((i,l)=>i+l,0);return r.concat(a)},[]));return isNaN(t)?0:t},pn=(e,t)=>{const r=[Ce(t),Ce(e)];return Math.max(...r)},be=e=>e.reduce((t,r)=>r.actions&&r.actions.length>0?1:t,0),mn=(e,t)=>be(t)>0||be(e)>0,ee=({table:e,children:t})=>{const{rows:r,infiniteScroll:o}=e,a=Math.ceil(window.innerHeight/30),[i,l]=o?S.useState(a):[r.length,null],[c,d]=o?S.useState(i<r.length):[!1,null],p=()=>{if(i>=r.length&&d){d(!1);return}l&&l(i+a)};return n.jsx("div",{id:"scrollWrapper",className:L.scroll,children:o?n.jsx(Le,{dataLength:Math.min(r.length,i+a),next:p,hasMore:c,scrollableTarget:"scrollWrapper",style:{overflow:"initial"},loader:null,children:t({visibleRows:i})}):t({visibleRows:i})})};ee.__docgenInfo={description:"",methods:[],displayName:"TableScrollWrapper",props:{table:{required:!0,tsType:{name:"ITableProps"},description:""},children:{required:!0,tsType:{name:"signature",type:"function",raw:"(props: { visibleRows: number }) => ReactNode",signature:{arguments:[{type:{name:"signature",type:"object",raw:"{ visibleRows: number }",signature:{properties:[{key:"visibleRows",value:{name:"number",required:!0}}]}},name:"props"}],return:{name:"ReactNode"}}},description:""}}};const gn="_clickableRow_1ki29_1",yn="_hoverableRow_1ki29_4",In="_rowActive_1ki29_4",Cn="_expandableRow_1ki29_8",bn="_flush_1ki29_8",hn="_errorRow_1ki29_12",fn="_warningRow_1ki29_15",_n="_dragIconCell_1ki29_34",xn="_dragIcon_1ki29_34",h={clickableRow:gn,hoverableRow:yn,rowActive:In,expandableRow:Cn,flush:bn,errorRow:hn,warningRow:fn,dragIconCell:_n,dragIcon:xn},ne=({colSpan:e,children:t,flush:r})=>n.jsx("tr",{children:n.jsx("td",{colSpan:e,className:v(h.expandableRow,r?h.flush:""),children:t})});ne.__docgenInfo={description:"",methods:[],displayName:"ExpandedContentRow",props:{colSpan:{required:!0,tsType:{name:"number"},description:""},children:{required:!0,tsType:{name:"ReactNode"},description:""},flush:{required:!1,tsType:{name:"boolean"},description:""}}};const he=(e,t={leftAligned:"",rightAligned:"",centerAligned:""},r=!1)=>{if(!e)return null;const{bodyAlignment:o,headerAlignment:a,isHeader:i}=e;switch(i&&a?a:o){case f.LEFT:return r?f.LEFT:t.leftAligned;case f.RIGHT:return r?f.RIGHT:t.rightAligned;case f.CENTER:return r?f.CENTER:t.centerAligned;default:return r?f.LEFT:t.leftAligned}},wn=(e,t=!1,r=0)=>{if(!e||e.length===0)return[];const o=e.every(i=>Array.isArray(i)),a=e.every(i=>typeof i=="string");return o&&t?e[r]||[]:a?e:(console.warn("getHeaderAlignment: alignments array contains a mix of strings and arrays, returning an empty array."),[])},Tn="_inputInTable_u3xdj_1",vn="_inputHover_u3xdj_13",jn="_inputFocus_u3xdj_18",An="_inputError_u3xdj_25",Rn="_inputWarning_u3xdj_26",kn="_inputDisabled_u3xdj_61",qn="_hideScrollbars_u3xdj_67",Nn="_cell_u3xdj_77",Sn="_disabledLink_u3xdj_87",En="_inputWrapper_u3xdj_91",Hn="_breakWord_u3xdj_106",Ln="_inputCell_u3xdj_109",Wn="_sliderCell_u3xdj_112",Fn="_staticCell_u3xdj_116",Pn="_staticCellContent_u3xdj_119",Dn="_error_u3xdj_131",On="_warning_u3xdj_132",Bn="_unit_u3xdj_141",$n="_sortingCell_u3xdj_144",Mn="_sortingCellIcon_u3xdj_155",Gn="_icon_u3xdj_166",Vn="_checkBoxCell_u3xdj_170",Un="_iconCellWrapper_u3xdj_174",zn="_actionsCell_u3xdj_178",Kn="_rightAligned_u3xdj_186",Xn="_centerAligned_u3xdj_192",Yn="_leftAligned_u3xdj_198",Jn="_popover_u3xdj_201",Qn="_disabledPointerEvents_u3xdj_204",s={inputInTable:Tn,inputHover:vn,inputFocus:jn,inputError:An,inputWarning:Rn,inputDisabled:kn,hideScrollbars:qn,cell:Nn,disabledLink:Sn,inputWrapper:En,breakWord:Hn,inputCell:Ln,sliderCell:Wn,staticCell:Fn,staticCellContent:Pn,error:Dn,warning:On,unit:Bn,sortingCell:$n,sortingCellIcon:Mn,icon:Gn,checkBoxCell:Vn,iconCellWrapper:Un,actionsCell:zn,rightAligned:Kn,centerAligned:Xn,leftAligned:Yn,popover:Jn,disabledPointerEvents:Qn},te=({cell:e,columnAlignment:t,testId:r,type:o})=>n.jsx($e,{name:e.name,value:e.value,onChange:a=>{var i;return(i=e.onChange)==null?void 0:i.call(e,a)},onFocus:e.onFocus,onBlur:e.onBlur,onPaste:a=>{var i;return(i=e.onPaste)==null?void 0:i.call(e,a)},placeholder:e.placeholder,error:e.error,warning:e.warning,disabled:e.disabled,isInTable:!0,maxTooltipWidth:e.maxTooltipWidth,right:t===f.RIGHT,testId:r,tabIndex:e.disabled?-1:0,tooltip:e.tooltip,type:o});te.__docgenInfo={description:"",methods:[],displayName:"InputCell",props:{cell:{required:!0,tsType:{name:"IInputCell"},description:""},columnAlignment:{required:!1,tsType:{name:"union",raw:"Align.LEFT | Align.RIGHT | string",elements:[{name:"Align.LEFT"},{name:"Align.RIGHT"},{name:"string"}]},description:""},testId:{required:!1,tsType:{name:"string"},description:""},type:{required:!1,tsType:{name:"union",raw:"'text' | 'date'",elements:[{name:"literal",value:"'text'"},{name:"literal",value:"'date'"}]},description:""}}};const _e=({cell:e,testId:t})=>n.jsx(Me,{name:e.name,value:e.value,onChange:r=>{var o;return(o=e.onChange)==null?void 0:o.call(e,r)},onFocus:e.onFocus,onBlur:e.onBlur,placeholder:e.placeholder,error:e.error,warning:e.warning,disabled:e.disabled,isInTable:!0,left:e.left,tabIndex:e.disabled?-1:0,testId:t,tooltip:e.tooltip,validationCallback:e.validationCallback,allowEmpty:e.allowEmpty,enableDisplayRounding:e.enableDisplayRounding,roundDisplayValue:e.roundDisplayValue});_e.__docgenInfo={description:"",methods:[],displayName:"NumberInputCell",props:{cell:{required:!0,tsType:{name:"INumberInputCell"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const xe=({cell:e,columnAlignment:t,testId:r})=>n.jsx(Ge,{name:e.name,borderRadius:0,options:e.options,onChange:o=>{var a;return(a=e.onChange)==null?void 0:a.call(e,o)},onCreate:e.onCreate?o=>e.onCreate&&e.onCreate(o):void 0,error:e.error,warning:e.warning,disabled:e.disabled,placeholder:e.placeholder,isInTable:!0,value:e.value,native:e.native,clearable:e.clearable,searchable:e.searchable,deprecatedEventHandler:e.deprecatedEventHandler,maxTooltipWidth:e.maxTooltipWidth,width:"100%",autoLayerWidth:e.autoLayerWidth,multi:e.multi,right:t===f.RIGHT,testId:r,tabIndex:e.disabled?-1:0});xe.__docgenInfo={description:"",methods:[],displayName:"SelectCell",props:{cell:{required:!0,tsType:{name:"ISelectCell"},description:""},columnAlignment:{required:!1,tsType:{name:"union",raw:"Align.LEFT | Align.RIGHT | string",elements:[{name:"Align.LEFT"},{name:"Align.RIGHT"},{name:"string"}]},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const we=({cell:e,columnAlignment:t,testId:r})=>n.jsx("div",{className:s.inputWrapper,children:e.type==="Input"?n.jsx(te,{cell:e,columnAlignment:t,testId:r}):e.type==="NumberInput"?n.jsx(_e,{cell:e,testId:r}):e.type==="DateInput"?n.jsx(te,{cell:e,testId:r,type:"date"}):e.type==="Select"?n.jsx(xe,{cell:e,columnAlignment:t,testId:r}):null});we.__docgenInfo={description:"",methods:[],displayName:"InputCellWrapper",props:{cell:{required:!0,tsType:{name:"any"},description:""},columnAlignment:{required:!0,tsType:{name:"union",raw:"Align.LEFT | Align.RIGHT | string",elements:[{name:"Align.LEFT"},{name:"Align.RIGHT"},{name:"string"}]},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const Te=({cell:e,testId:t})=>{const r=S.useContext(Ve),{error:o,warning:a,tooltip:i,maxTooltipWidth:l}=e,c=d=>M(d);return n.jsx("div",{className:s.inputWrapper,children:n.jsx(oe,{error:!!o,warning:!!a,text:i||o||a,enabled:c(i)||c(o)||c(a)||!1,maxWidth:l,placement:"bottom-center",children:n.jsx("div",{className:v(s.staticCellContent,o?s.error:a?s.warning:""),children:n.jsx("a",{className:v((e.disabled||r)&&s.disabledLink),onClick:e.disabled||r?void 0:d=>{var p;d.stopPropagation(),(p=e.onClick)==null||p.call(e,d)},"data-testid":t,children:e.value})})})})};Te.__docgenInfo={description:"",methods:[],displayName:"LinkCell",props:{cell:{required:!0,tsType:{name:"ILinkCell"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const ve=({cell:e,testId:t})=>n.jsx(Ue,{label:e.label,checked:e.checked,isInTable:!0,disabled:e.disabled,onChange:r=>e.onChange(r),testId:t,tabIndex:e.disabled?-1:0});ve.__docgenInfo={description:"",methods:[],displayName:"CheckBoxCell",props:{cell:{required:!0,tsType:{name:"ICheckBoxCell"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const je=({cell:e})=>n.jsx("div",{className:s.inputWrapper,children:n.jsx(ze,{label:e.label,value:e.value,min:e.min,max:e.max,step:e.step,marks:e.marks,onChange:t=>e.onChange(t),showArrows:e.showArrows,showTooltip:e.showTooltip,tooltipFormatter:e.tooltipFormatter,disabled:e.disabled})});je.__docgenInfo={description:"",methods:[],displayName:"SliderCell",props:{cell:{required:!0,tsType:{name:"ISliderCell"},description:""}}};const Ae=({cell:e})=>{const{tooltip:t,icon:r}=e;return n.jsx("div",{className:s.iconCellWrapper,children:n.jsx(oe,{text:t,enabled:!!t&&M(t),display:"flex",placement:"top-center",children:n.jsx(G,{icon:r})})})};Ae.__docgenInfo={description:"",methods:[],displayName:"IconCell",props:{cell:{required:!0,tsType:{name:"IIconCell"},description:""}}};const Re=({cell:e})=>n.jsx(ae,{actions:e.actions});Re.__docgenInfo={description:"",methods:[],displayName:"ActionsCell",props:{cell:{required:!0,tsType:{name:"IActionCell"},description:""}}};const ke=({cell:e})=>{const{helpIcon:t}=e;return t?n.jsx("div",{className:s.icon,children:n.jsx(fe,{onClick:t.onClick,text:t.tooltip})}):null};ke.__docgenInfo={description:"",methods:[],displayName:"CellHelpIcon",props:{cell:{required:!0,tsType:{name:"IHelpIconCell"},description:""}}};const qe=({cell:e})=>{const{libraryIcon:t}=e;return t?n.jsx("div",{className:s.icon,children:n.jsx(fe,{onClick:t.onClick,text:t.tooltip,icon:$.LIBRARY})}):null};qe.__docgenInfo={description:"",methods:[],displayName:"CellLibraryIcon",props:{cell:{required:!0,tsType:{name:"ILibraryIconCell"},description:""}}};const Ne=({cell:e})=>{const{hasSort:t,sort:r,sortPriority:o}=e;return t?n.jsxs("span",{className:s.sortingCellIcon,children:[r==="down"?n.jsx(Y,{link:!0,children:n.jsx(G,{icon:$.SORT_ASCENDING})}):r==="up"?n.jsx(Y,{link:!0,children:n.jsx(G,{icon:$.SORT_DESCENDING})}):n.jsx(Y,{faint:!0,children:n.jsx(G,{icon:$.SORT_DESCENDING})}),o&&r?n.jsx("sup",{children:o}):null]}):null};Ne.__docgenInfo={description:"",methods:[],displayName:"Sort",props:{cell:{required:!0,tsType:{name:"ISortCell"},description:""}}};const ie=({cell:e,isHeader:t,testId:r})=>{const{error:o,warning:a,tooltip:i,maxTooltipWidth:l,hasSort:c,onSort:d,type:p}=e,u=n.jsxs("div",{className:v(s.staticCellContent,p==="Unit"?s.unit:"",o?s.error:a?s.warning:""),onClick:c?I=>d&&d(I):()=>{},"data-testid":r,children:[e.value,t?n.jsxs(n.Fragment,{children:[n.jsx(ke,{cell:e}),n.jsx(qe,{cell:e}),n.jsx(Ne,{cell:e})]}):null]});return n.jsx("div",{className:s.inputWrapper,children:n.jsx(oe,{error:!!o,warning:!!a,text:i||o||a,enabled:i&&M(i)||o&&M(o)||a&&M(a)||!1,maxWidth:l,display:"block",placement:"bottom-center",children:u})})};ie.__docgenInfo={description:"",methods:[],displayName:"StaticCell",props:{cell:{required:!0,tsType:{name:"IStaticCell"},description:""},isHeader:{required:!1,tsType:{name:"boolean"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const Se=({cell:e,testId:t})=>{const{content:r,fullWidth:o,closeOnOutsideClick:a,disabled:i}=e;return n.jsx(Ke,{content:r,fullWidth:o,closeOnOutsideClick:a,disabled:i,children:n.jsx("div",{className:s.popover,children:n.jsx(ie,{cell:e,testId:t})})})};Se.__docgenInfo={description:"",methods:[],displayName:"PopoverCell",props:{cell:{required:!0,tsType:{name:"IPopoverCell"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const Ee=({cell:e,isHeader:t,columnAlignment:r,testId:o})=>{if(!e)return null;switch(e.type){case"Input":case"NumberInput":case"DateInput":case"Select":return n.jsx(we,{cell:e,columnAlignment:r,testId:o});case"Link":return n.jsx(Te,{cell:e,testId:o});case"CheckBox":return n.jsx(ve,{cell:e,testId:o});case"Slider":return n.jsx(je,{cell:e});case"Icon":return n.jsx(Ae,{cell:e});case"Actions":return n.jsx(Re,{cell:e});case"Popover":return n.jsx(Se,{cell:e});default:return n.jsx(ie,{cell:e,isHeader:t,testId:o})}};Ee.__docgenInfo={description:"",methods:[],displayName:"CellWrapper",props:{cell:{required:!0,tsType:{name:"any"},description:""},isHeader:{required:!0,tsType:{name:"boolean"},description:""},columnAlignment:{required:!0,tsType:{name:"union",raw:"Align.LEFT | Align.RIGHT | string",elements:[{name:"Align.LEFT"},{name:"Align.RIGHT"},{name:"string"}]},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};var R=(e=>(e.INPUT="Input",e.NUMBER_INPUT="NumberInput",e.SELECT="Select",e.POPOVER="Popover",e.SLIDER="Slider",e.CHECKBOX="CheckBox",e.ACTIONS="Actions",e.AUTO_UNIT="AutoUnit",e))(R||{});const re=({cell:e,isHeader:t,columnHeaderAlignment:r,columnAlignment:o=f.LEFT,width:a,snapshot:i,testId:l})=>{if(!e)return null;const{style:c,colSpan:d,rowSpan:p,width:u}=e,I=S.useRef(null),y={bodyAlignment:o,headerAlignment:r,isHeader:t},W=he(y,s),_=he(y,s,!0),F=e.type===R.INPUT||e.type===R.NUMBER_INPUT||e.type===R.SELECT||e.type===R.POPOVER?s.inputCell:e.type===R.SLIDER?s.sliderCell:e.type===R.CHECKBOX?s.checkBoxCell:e.type===R.ACTIONS?s.actionsCell:s.staticCell,j=v(s.cell,F,e.hasSort?s.sortingCell:null,W,e.breakWord?s.breakWord:""),E=u??a??((i==null?void 0:i.isDragging)&&I.current&&I.current.offsetWidth)??void 0,x={width:E,minWidth:E,...c},A=t?"th":"td";return n.jsx(A,{ref:I,className:j,style:x,colSpan:d,rowSpan:p,children:n.jsx(Ee,{cell:e,columnAlignment:_??f.RIGHT,isHeader:t,testId:l})})};re.__docgenInfo={description:"",methods:[],displayName:"Cell",props:{cell:{required:!1,tsType:{name:"union",raw:`| IPopoverCell
|
|
1
|
+
import{j as n}from"./jsx-runtime-eps93zm2.js";import{r as S}from"./index-DhsZuJvc.js";import{c as v}from"./index-Bk2sglWO.js";import{I as Le,D as We,C as Fe,P as Pe}from"./index.es-DazXb-ul.js";import{l as De}from"./lodash-BHd_uQHh.js";import{A as ae}from"./actions-CHgr8eL8.js";import{H as Oe}from"./heading-CRNoBc7q.js";import{P as Be}from"./pagination-DzpYFhAO.js";import{A as f,I as $}from"./common-types-Sih75Sav.js";import{I as $e}from"./input-BW9trNAW.js";import{N as Me}from"./number-input-uQOVHv2N.js";import{S as Ge}from"./select-D55JvDou.js";import{D as Ve}from"./disabled-context-rmpd7YJS.js";import{i as M}from"./types-UmZ4Y_CR.js";import{T as oe}from"./tooltip-1V7clEnw.js";import{C as Ue}from"./check-box-BtCGePRy.js";import{S as ze}from"./slider-DAramr8j.js";import{I as G}from"./icon-BSFY3vDO.js";import{P as Ke}from"./popover-CzZdWNnB.js";import{H as fe}from"./help-icon-Buhx5nl6.js";import{T as Y}from"./text-B3-TSWok.js";const Xe="_inputInTable_y9car_1",Ye="_inputHover_y9car_13",Je="_inputFocus_y9car_18",Qe="_inputError_y9car_25",Ze="_inputWarning_y9car_26",en="_inputDisabled_y9car_61",nn="_hideScrollbars_y9car_67",tn="_wrapper_y9car_85",rn="_bordered_y9car_93",an="_scroll_y9car_98",on="_table_y9car_108",sn="_striped_y9car_188",L={inputInTable:Xe,inputHover:Ye,inputFocus:Je,inputError:Qe,inputWarning:Ze,inputDisabled:en,hideScrollbars:nn,wrapper:tn,bordered:rn,scroll:an,table:on,striped:sn},ln="_title_zn5s7_1",dn={title:ln},Q=({name:e=null,actions:t=null,actionsRight:r=!1,testId:o})=>{const a=e!==null,i=t!==null;if(!a&&!i)return null;const l=()=>{if(!i)return null;const c=n.jsx(ae,{actions:t});return r?c:n.jsx("div",{children:c})};return n.jsxs("div",{className:dn.title,children:[a?n.jsx(Oe,{children:n.jsx("span",{"data-testid":o,children:e})}):null,l()]})};Q.__docgenInfo={description:"",methods:[],displayName:"Title",props:{name:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactNode"}]},description:"",defaultValue:{value:"null",computed:!1}},actions:{required:!1,tsType:{name:"any"},description:"",defaultValue:{value:"null",computed:!1}},actionsRight:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},testId:{required:!1,tsType:{name:"string"},description:""}}};const un="_footer_4sumy_1",cn="_section_4sumy_7",J={footer:un,section:cn},Z=({colSpan:e,pagination:t,actions:r,content:o})=>{const a=r&&r.length,i=o!=null,l=()=>{var d,p;if(t){const{rowCount:u,rowsPerPage:I}=t,y=Number((p=(d=I==null?void 0:I.options)==null?void 0:d[0])==null?void 0:p.value);return u>y}return!1};return a||i||l()?n.jsxs("div",{className:J.footer,children:[i?n.jsx("div",{className:J.section,children:n.jsx("div",{children:o})}):null,a||l()?n.jsxs("div",{className:J.section,children:[l()?n.jsx(Be,{pagination:t}):n.jsx("div",{}),a&&n.jsx("div",{children:n.jsx(ae,{actions:r})})]}):null]}):null};Z.__docgenInfo={description:"",methods:[],displayName:"Footer",props:{colSpan:{required:!1,tsType:{name:"number"},description:""},pagination:{required:!0,tsType:{name:"IPagination"},description:""},actions:{required:!1,tsType:{name:"Array",elements:[{name:"IAction"}],raw:"IAction[]"},description:""},content:{required:!1,tsType:{name:"ReactNode"},description:""}}};const Ce=e=>{const t=Math.max(...e.reduce((r,o)=>{const a=o.cells.map(i=>i.colSpan?i.colSpan:1).reduce((i,l)=>i+l,0);return r.concat(a)},[]));return isNaN(t)?0:t},pn=(e,t)=>{const r=[Ce(t),Ce(e)];return Math.max(...r)},be=e=>e.reduce((t,r)=>r.actions&&r.actions.length>0?1:t,0),mn=(e,t)=>be(t)>0||be(e)>0,ee=({table:e,children:t})=>{const{rows:r,infiniteScroll:o}=e,a=Math.ceil(window.innerHeight/30),[i,l]=o?S.useState(a):[r.length,null],[c,d]=o?S.useState(i<r.length):[!1,null],p=()=>{if(i>=r.length&&d){d(!1);return}l&&l(i+a)};return n.jsx("div",{id:"scrollWrapper",className:L.scroll,children:o?n.jsx(Le,{dataLength:Math.min(r.length,i+a),next:p,hasMore:c,scrollableTarget:"scrollWrapper",style:{overflow:"initial"},loader:null,children:t({visibleRows:i})}):t({visibleRows:i})})};ee.__docgenInfo={description:"",methods:[],displayName:"TableScrollWrapper",props:{table:{required:!0,tsType:{name:"ITableProps"},description:""},children:{required:!0,tsType:{name:"signature",type:"function",raw:"(props: { visibleRows: number }) => ReactNode",signature:{arguments:[{type:{name:"signature",type:"object",raw:"{ visibleRows: number }",signature:{properties:[{key:"visibleRows",value:{name:"number",required:!0}}]}},name:"props"}],return:{name:"ReactNode"}}},description:""}}};const gn="_clickableRow_1ki29_1",yn="_hoverableRow_1ki29_4",In="_rowActive_1ki29_4",Cn="_expandableRow_1ki29_8",bn="_flush_1ki29_8",hn="_errorRow_1ki29_12",fn="_warningRow_1ki29_15",_n="_dragIconCell_1ki29_34",xn="_dragIcon_1ki29_34",h={clickableRow:gn,hoverableRow:yn,rowActive:In,expandableRow:Cn,flush:bn,errorRow:hn,warningRow:fn,dragIconCell:_n,dragIcon:xn},ne=({colSpan:e,children:t,flush:r})=>n.jsx("tr",{children:n.jsx("td",{colSpan:e,className:v(h.expandableRow,r?h.flush:""),children:t})});ne.__docgenInfo={description:"",methods:[],displayName:"ExpandedContentRow",props:{colSpan:{required:!0,tsType:{name:"number"},description:""},children:{required:!0,tsType:{name:"ReactNode"},description:""},flush:{required:!1,tsType:{name:"boolean"},description:""}}};const he=(e,t={leftAligned:"",rightAligned:"",centerAligned:""},r=!1)=>{if(!e)return null;const{bodyAlignment:o,headerAlignment:a,isHeader:i}=e;switch(i&&a?a:o){case f.LEFT:return r?f.LEFT:t.leftAligned;case f.RIGHT:return r?f.RIGHT:t.rightAligned;case f.CENTER:return r?f.CENTER:t.centerAligned;default:return r?f.LEFT:t.leftAligned}},wn=(e,t=!1,r=0)=>{if(!e||e.length===0)return[];const o=e.every(i=>Array.isArray(i)),a=e.every(i=>typeof i=="string");return o&&t?e[r]||[]:a?e:(console.warn("getHeaderAlignment: alignments array contains a mix of strings and arrays, returning an empty array."),[])},Tn="_inputInTable_u3xdj_1",vn="_inputHover_u3xdj_13",jn="_inputFocus_u3xdj_18",An="_inputError_u3xdj_25",Rn="_inputWarning_u3xdj_26",kn="_inputDisabled_u3xdj_61",qn="_hideScrollbars_u3xdj_67",Nn="_cell_u3xdj_77",Sn="_disabledLink_u3xdj_87",En="_inputWrapper_u3xdj_91",Hn="_breakWord_u3xdj_106",Ln="_inputCell_u3xdj_109",Wn="_sliderCell_u3xdj_112",Fn="_staticCell_u3xdj_116",Pn="_staticCellContent_u3xdj_119",Dn="_error_u3xdj_131",On="_warning_u3xdj_132",Bn="_unit_u3xdj_141",$n="_sortingCell_u3xdj_144",Mn="_sortingCellIcon_u3xdj_155",Gn="_icon_u3xdj_166",Vn="_checkBoxCell_u3xdj_170",Un="_iconCellWrapper_u3xdj_174",zn="_actionsCell_u3xdj_178",Kn="_rightAligned_u3xdj_186",Xn="_centerAligned_u3xdj_192",Yn="_leftAligned_u3xdj_198",Jn="_popover_u3xdj_201",Qn="_disabledPointerEvents_u3xdj_204",s={inputInTable:Tn,inputHover:vn,inputFocus:jn,inputError:An,inputWarning:Rn,inputDisabled:kn,hideScrollbars:qn,cell:Nn,disabledLink:Sn,inputWrapper:En,breakWord:Hn,inputCell:Ln,sliderCell:Wn,staticCell:Fn,staticCellContent:Pn,error:Dn,warning:On,unit:Bn,sortingCell:$n,sortingCellIcon:Mn,icon:Gn,checkBoxCell:Vn,iconCellWrapper:Un,actionsCell:zn,rightAligned:Kn,centerAligned:Xn,leftAligned:Yn,popover:Jn,disabledPointerEvents:Qn},te=({cell:e,columnAlignment:t,testId:r,type:o})=>n.jsx($e,{name:e.name,value:e.value,onChange:a=>{var i;return(i=e.onChange)==null?void 0:i.call(e,a)},onFocus:e.onFocus,onBlur:e.onBlur,onPaste:a=>{var i;return(i=e.onPaste)==null?void 0:i.call(e,a)},placeholder:e.placeholder,error:e.error,warning:e.warning,disabled:e.disabled,isInTable:!0,maxTooltipWidth:e.maxTooltipWidth,right:t===f.RIGHT,testId:r,tabIndex:e.disabled?-1:0,tooltip:e.tooltip,type:o});te.__docgenInfo={description:"",methods:[],displayName:"InputCell",props:{cell:{required:!0,tsType:{name:"IInputCell"},description:""},columnAlignment:{required:!1,tsType:{name:"union",raw:"Align.LEFT | Align.RIGHT | string",elements:[{name:"Align.LEFT"},{name:"Align.RIGHT"},{name:"string"}]},description:""},testId:{required:!1,tsType:{name:"string"},description:""},type:{required:!1,tsType:{name:"union",raw:"'text' | 'date'",elements:[{name:"literal",value:"'text'"},{name:"literal",value:"'date'"}]},description:""}}};const _e=({cell:e,testId:t})=>n.jsx(Me,{name:e.name,value:e.value,onChange:r=>{var o;return(o=e.onChange)==null?void 0:o.call(e,r)},onFocus:e.onFocus,onBlur:e.onBlur,placeholder:e.placeholder,error:e.error,warning:e.warning,disabled:e.disabled,isInTable:!0,left:e.left,tabIndex:e.disabled?-1:0,testId:t,tooltip:e.tooltip,validationCallback:e.validationCallback,allowEmpty:e.allowEmpty,enableDisplayRounding:e.enableDisplayRounding,roundDisplayValue:e.roundDisplayValue});_e.__docgenInfo={description:"",methods:[],displayName:"NumberInputCell",props:{cell:{required:!0,tsType:{name:"INumberInputCell"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const xe=({cell:e,columnAlignment:t,testId:r})=>n.jsx(Ge,{name:e.name,borderRadius:0,options:e.options,onChange:o=>{var a;return(a=e.onChange)==null?void 0:a.call(e,o)},onCreate:e.onCreate?o=>e.onCreate&&e.onCreate(o):void 0,error:e.error,warning:e.warning,disabled:e.disabled,placeholder:e.placeholder,isInTable:!0,value:e.value,native:e.native,clearable:e.clearable,searchable:e.searchable,deprecatedEventHandler:e.deprecatedEventHandler,maxTooltipWidth:e.maxTooltipWidth,width:"100%",autoLayerWidth:e.autoLayerWidth,multi:e.multi,right:t===f.RIGHT,testId:r,tabIndex:e.disabled?-1:0});xe.__docgenInfo={description:"",methods:[],displayName:"SelectCell",props:{cell:{required:!0,tsType:{name:"ISelectCell"},description:""},columnAlignment:{required:!1,tsType:{name:"union",raw:"Align.LEFT | Align.RIGHT | string",elements:[{name:"Align.LEFT"},{name:"Align.RIGHT"},{name:"string"}]},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const we=({cell:e,columnAlignment:t,testId:r})=>n.jsx("div",{className:s.inputWrapper,children:e.type==="Input"?n.jsx(te,{cell:e,columnAlignment:t,testId:r}):e.type==="NumberInput"?n.jsx(_e,{cell:e,testId:r}):e.type==="DateInput"?n.jsx(te,{cell:e,testId:r,type:"date"}):e.type==="Select"?n.jsx(xe,{cell:e,columnAlignment:t,testId:r}):null});we.__docgenInfo={description:"",methods:[],displayName:"InputCellWrapper",props:{cell:{required:!0,tsType:{name:"any"},description:""},columnAlignment:{required:!0,tsType:{name:"union",raw:"Align.LEFT | Align.RIGHT | string",elements:[{name:"Align.LEFT"},{name:"Align.RIGHT"},{name:"string"}]},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const Te=({cell:e,testId:t})=>{const r=S.useContext(Ve),{error:o,warning:a,tooltip:i,maxTooltipWidth:l}=e,c=d=>M(d);return n.jsx("div",{className:s.inputWrapper,children:n.jsx(oe,{error:!!o,warning:!!a,text:i||o||a,enabled:c(i)||c(o)||c(a)||!1,maxWidth:l,placement:"bottom-center",children:n.jsx("div",{className:v(s.staticCellContent,o?s.error:a?s.warning:""),children:n.jsx("a",{className:v((e.disabled||r)&&s.disabledLink),onClick:e.disabled||r?void 0:d=>{var p;d.stopPropagation(),(p=e.onClick)==null||p.call(e,d)},"data-testid":t,children:e.value})})})})};Te.__docgenInfo={description:"",methods:[],displayName:"LinkCell",props:{cell:{required:!0,tsType:{name:"ILinkCell"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const ve=({cell:e,testId:t})=>n.jsx(Ue,{label:e.label,checked:e.checked,isInTable:!0,disabled:e.disabled,onChange:r=>e.onChange(r),testId:t,tabIndex:e.disabled?-1:0});ve.__docgenInfo={description:"",methods:[],displayName:"CheckBoxCell",props:{cell:{required:!0,tsType:{name:"ICheckBoxCell"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const je=({cell:e})=>n.jsx("div",{className:s.inputWrapper,children:n.jsx(ze,{label:e.label,value:e.value,min:e.min,max:e.max,step:e.step,marks:e.marks,onChange:t=>e.onChange(t),showArrows:e.showArrows,showTooltip:e.showTooltip,tooltipFormatter:e.tooltipFormatter,disabled:e.disabled})});je.__docgenInfo={description:"",methods:[],displayName:"SliderCell",props:{cell:{required:!0,tsType:{name:"ISliderCell"},description:""}}};const Ae=({cell:e})=>{const{tooltip:t,icon:r}=e;return n.jsx("div",{className:s.iconCellWrapper,children:n.jsx(oe,{text:t,enabled:!!t&&M(t),display:"flex",placement:"top-center",children:n.jsx(G,{icon:r})})})};Ae.__docgenInfo={description:"",methods:[],displayName:"IconCell",props:{cell:{required:!0,tsType:{name:"IIconCell"},description:""}}};const Re=({cell:e})=>n.jsx(ae,{actions:e.actions});Re.__docgenInfo={description:"",methods:[],displayName:"ActionsCell",props:{cell:{required:!0,tsType:{name:"IActionCell"},description:""}}};const ke=({cell:e})=>{const{helpIcon:t}=e;return t?n.jsx("div",{className:s.icon,children:n.jsx(fe,{onClick:t.onClick,text:t.tooltip})}):null};ke.__docgenInfo={description:"",methods:[],displayName:"CellHelpIcon",props:{cell:{required:!0,tsType:{name:"IHelpIconCell"},description:""}}};const qe=({cell:e})=>{const{libraryIcon:t}=e;return t?n.jsx("div",{className:s.icon,children:n.jsx(fe,{onClick:t.onClick,text:t.tooltip,icon:$.LIBRARY})}):null};qe.__docgenInfo={description:"",methods:[],displayName:"CellLibraryIcon",props:{cell:{required:!0,tsType:{name:"ILibraryIconCell"},description:""}}};const Ne=({cell:e})=>{const{hasSort:t,sort:r,sortPriority:o}=e;return t?n.jsxs("span",{className:s.sortingCellIcon,children:[r==="down"?n.jsx(Y,{link:!0,children:n.jsx(G,{icon:$.SORT_ASCENDING})}):r==="up"?n.jsx(Y,{link:!0,children:n.jsx(G,{icon:$.SORT_DESCENDING})}):n.jsx(Y,{faint:!0,children:n.jsx(G,{icon:$.SORT_DESCENDING})}),o&&r?n.jsx("sup",{children:o}):null]}):null};Ne.__docgenInfo={description:"",methods:[],displayName:"Sort",props:{cell:{required:!0,tsType:{name:"ISortCell"},description:""}}};const ie=({cell:e,isHeader:t,testId:r})=>{const{error:o,warning:a,tooltip:i,maxTooltipWidth:l,hasSort:c,onSort:d,type:p}=e,u=n.jsxs("div",{className:v(s.staticCellContent,p==="Unit"?s.unit:"",o?s.error:a?s.warning:""),onClick:c?I=>d&&d(I):()=>{},"data-testid":r,children:[e.value,t?n.jsxs(n.Fragment,{children:[n.jsx(ke,{cell:e}),n.jsx(qe,{cell:e}),n.jsx(Ne,{cell:e})]}):null]});return n.jsx("div",{className:s.inputWrapper,children:n.jsx(oe,{error:!!o,warning:!!a,text:i||o||a,enabled:i&&M(i)||o&&M(o)||a&&M(a)||!1,maxWidth:l,display:"block",placement:"bottom-center",children:u})})};ie.__docgenInfo={description:"",methods:[],displayName:"StaticCell",props:{cell:{required:!0,tsType:{name:"IStaticCell"},description:""},isHeader:{required:!1,tsType:{name:"boolean"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const Se=({cell:e,testId:t})=>{const{content:r,fullWidth:o,closeOnOutsideClick:a,disabled:i}=e;return n.jsx(Ke,{content:r,fullWidth:o,closeOnOutsideClick:a,disabled:i,children:n.jsx("div",{className:s.popover,children:n.jsx(ie,{cell:e,testId:t})})})};Se.__docgenInfo={description:"",methods:[],displayName:"PopoverCell",props:{cell:{required:!0,tsType:{name:"IPopoverCell"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const Ee=({cell:e,isHeader:t,columnAlignment:r,testId:o})=>{if(!e)return null;switch(e.type){case"Input":case"NumberInput":case"DateInput":case"Select":return n.jsx(we,{cell:e,columnAlignment:r,testId:o});case"Link":return n.jsx(Te,{cell:e,testId:o});case"CheckBox":return n.jsx(ve,{cell:e,testId:o});case"Slider":return n.jsx(je,{cell:e});case"Icon":return n.jsx(Ae,{cell:e});case"Actions":return n.jsx(Re,{cell:e});case"Popover":return n.jsx(Se,{cell:e});default:return n.jsx(ie,{cell:e,isHeader:t,testId:o})}};Ee.__docgenInfo={description:"",methods:[],displayName:"CellWrapper",props:{cell:{required:!0,tsType:{name:"any"},description:""},isHeader:{required:!0,tsType:{name:"boolean"},description:""},columnAlignment:{required:!0,tsType:{name:"union",raw:"Align.LEFT | Align.RIGHT | string",elements:[{name:"Align.LEFT"},{name:"Align.RIGHT"},{name:"string"}]},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};var R=(e=>(e.INPUT="Input",e.NUMBER_INPUT="NumberInput",e.SELECT="Select",e.POPOVER="Popover",e.SLIDER="Slider",e.CHECKBOX="CheckBox",e.ACTIONS="Actions",e.AUTO_UNIT="AutoUnit",e))(R||{});const re=({cell:e,isHeader:t,columnHeaderAlignment:r,columnAlignment:o=f.LEFT,width:a,snapshot:i,testId:l})=>{if(!e)return null;const{style:c,colSpan:d,rowSpan:p,width:u}=e,I=S.useRef(null),y={bodyAlignment:o,headerAlignment:r,isHeader:t},W=he(y,s),_=he(y,s,!0),F=e.type===R.INPUT||e.type===R.NUMBER_INPUT||e.type===R.SELECT||e.type===R.POPOVER?s.inputCell:e.type===R.SLIDER?s.sliderCell:e.type===R.CHECKBOX?s.checkBoxCell:e.type===R.ACTIONS?s.actionsCell:s.staticCell,j=v(s.cell,F,e.hasSort?s.sortingCell:null,W,e.breakWord?s.breakWord:""),E=u??a??((i==null?void 0:i.isDragging)&&I.current&&I.current.offsetWidth)??void 0,x={width:E,minWidth:E,...c},A=t?"th":"td";return n.jsx(A,{ref:I,className:j,style:x,colSpan:d,rowSpan:p,children:n.jsx(Ee,{cell:e,columnAlignment:_??f.RIGHT,isHeader:t,testId:l})})};re.__docgenInfo={description:"",methods:[],displayName:"Cell",props:{cell:{required:!1,tsType:{name:"union",raw:`| IPopoverCell
|
|
2
2
|
| IStaticCell
|
|
3
3
|
| ISelectCell
|
|
4
4
|
| IHelpIconCell
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as n}from"./jsx-runtime-eps93zm2.js";import{r as S}from"./index-DhsZuJvc.js";import{f as ne}from"./immer.esm-BwVl9PS2.js";import{l as Z}from"./lodash-BHd_uQHh.js";import{G as le}from"./grid-B6LFPf51.js";import{T as W}from"./text-B3-TSWok.js";import{T as D}from"./table-CXUwJOBt.js";import{C as dn}from"./card-EcjmryU9.js";import{I as se}from"./input-BW9trNAW.js";import{F as oe}from"./field-C5_fLDpy.js";import{H as un}from"./heading-NkLgQYoP.js";import{t as ae,x as pn,y as mn,z as gn,A as bn,B as hn,C as wn,D as yn}from"./table.stories-data-DwfKQW7P.js";import"./styled-components.browser.esm-Bf0q9Yjk.js";import"./index-Bk2sglWO.js";import"./index.es-D2piFfFj.js";import"./inheritsLoose-DR8r8Ogv.js";import"./extends-CF3RwP-h.js";import"./redux-tRgGMjwY.js";import"./objectSpread2-DW4nTBoq.js";import"./tiny-invariant-DqLgxztJ.js";import"./index-CUZDtIZe.js";import"./memoize-one.esm-CcMeOnPo.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./actions-CZK3mphC.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./button-C1sV-0mR.js";import"./spinner-AWUe4xwQ.js";import"./icon-BP4BO6-k.js";import"./index-CEuq6vkz.js";import"./tooltip-1V7clEnw.js";import"./types-BmbYqTX_.js";import"./types-UmZ4Y_CR.js";import"./badge-CLQ59MDF.js";import"./pagination-CqvxiZHR.js";import"./select-tIEV7vnw.js";import"./assertThisInitialized-B9jnkVVz.js";import"./select.input-DIKP56UZ.js";import"./input-group-BaRSJAEN.js";import"./input-group-addon-D68iUKV2.js";import"./number-input-uQOVHv2N.js";import"./index-CWz-hU-f.js";import"./index-DRSy5Ssd.js";import"./check-box-CaSrhzev.js";import"./help-icon-41R-Z9N1.js";import"./slider-gZmYlxxz.js";import"./index-BI4_Bp97.js";import"./popover-DgUpTRMk.js";import"./label-hiSz3I8H.js";import"./flex-EllkLxgO.js";const bt={title:"Basic/Table",component:D,args:{table:{...ae}}},A=h=>n.jsx(D,{...h}),te=A.bind({}),E=A.bind({});E.args={table:{...ae,fixedWidth:"400px"}};const L=A.bind({});L.args={table:{...ae,fixedWidth:"auto"}};const _=A.bind({});_.args={table:pn};_.parameters={docs:{description:{story:"Use sparingly when certain columns cannot be below a certain width. Unless the Table is auto width, set one column to `auto` to use remaining space."}}};const Q=A.bind({});Q.args={table:mn};const O=A.bind({});O.args={table:gn};O.parameters={docs:{description:{story:"This is only required when you need to override `columnAlignment` in header cells (i.e. they have different alignment)"}}};const G=A.bind({});G.args={table:bn};const N=A.bind({});N.args={table:hn};N.decorators=[h=>n.jsx("div",{style:{position:"absolute",inset:0,padding:"var(--padding)"},children:n.jsx(h,{})})];const U=A.bind({});U.args={table:wn};U.parameters={docs:{description:{story:"If a `maxHeight` is set, the table should only fill that height if it needs to."}}};const $=A.bind({});$.args={table:yn};const M=()=>n.jsx(dn,{heading:n.jsx(un,{children:"Card heading"}),padding:!1,children:n.jsx(D,{table:{...ae,bordered:!1}})});M.parameters={docs:{source:{type:"dynamic"}}};const q=()=>{const h=["Section","Width","Height"];let g=["","m","m"],o=[...Array(175).keys()].map((l,t)=>[t,t*2,t*2]);const x=(l,t,r)=>l==="m"&&t==="ft"?r*3.28084:l==="ft"&&t==="m"?r/3.28084:r,i=(l,t,r,c)=>{o[t][r]=l.target.value,c()},R=l=>{o=o.concat([["","",""]]),l()},k=(l,t)=>{o=o.filter((r,c)=>c!==l),t()},p=(l,t,r)=>{const c=g[t],b=l.target.value;g=g.map((y,s)=>s===t?b:y),o=o.map(y=>y.map((s,u)=>u===t?x(c,b,s):s)),r()},w=()=>{const l=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],[t,r]=S.useState(10),[c,b]=S.useState(1),[y,s]=S.useState(!1),u=()=>{s(!y)},j=()=>{const e=Math.ceil(o.length/t);b(e)},T=(c-1)*t,a=t===0?o.length-1:T+t,m={headers:[{cells:h.map(e=>({value:e})),actions:[{primary:!0,label:"Add",icon:"add",onClick:()=>{R(u),j()}}]},{cells:[{},{options:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:g[1],type:"Select",native:!0,onChange:e=>p(e,1,u)},{options:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:g[2],type:"Select",native:!0,onChange:e=>p(e,2,u)}]}],rows:o.slice(T,a).map((e,d)=>{const I=T+d;return{cells:[...Array(3).keys()].map((P,v)=>({value:e[v],type:"Input",onChange:C=>i(C,I,v,u)})),actions:[{label:"Delete",icon:"minus",onClick:()=>k(I,u)}]}}),footer:{pagination:{rowCount:o.length,selectedPage:c,rowsPerPage:{onChange:e=>{const{value:d}=e.target;r(Number(d))},options:l,value:t},onSelectPage:e=>b(e),small:!0}}};return n.jsx(D,{table:m})};return n.jsx(w,{})},K=()=>{const h=["Section","Width","Height"];let g=[...Array(20).keys()].map((x,i)=>({Section:Z.random(0,100),Width:Z.random(0,100),Height:Z.random(0,100)}));const o=()=>{const[x,i]=S.useState({Section:"up"}),R=(r,c)=>r.sort((b,y)=>Object.entries(c).map(([s,u])=>{switch(u){case"up":return b[s]-y[s];case"down":return y[s]-b[s];default:return 0}}).reduce((s,u)=>s||u,0)),k=(r,c,b)=>({dataSortCells:r.map(s=>{const u=Object.keys(c).includes(s)?c[s]:"",j=`${s[0].toUpperCase()}${s.slice(1)}`;return{key:s,value:j,hasSort:!0,sort:u,onSort:()=>{const T=u==="up"?"down":"up";b({[s]:T})}}})}),{dataSortCells:p}=k(h,x,i),l=[...R(g,x).map(r=>({cells:Object.entries(r).map(([b,y])=>({key:b,value:y,type:"Input",disabled:!0}))}))],t={headers:[{cells:p}],rows:l};return n.jsx(D,{table:t})};return n.jsx(o,{})},B=()=>{const h=["Section","Width","Height"];let g=[...Array(175).keys()].map((x,i)=>({Section:i,Width:i*2,Height:i*2}));const o=()=>{const x=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],[i,R]=S.useState(10),[k,p]=S.useState(1),[w,l]=S.useState({}),[t,r]=S.useState({});S.useEffect(()=>{p(1)},[w,t]);const c=(k-1)*i,b=i===0?g.length-1:c+i,y=(e,d,I)=>e.filter(P=>Object.keys(d).every(v=>d[v]===""?!0:P[v].toString().includes(d[v]))).sort((P,v)=>Object.entries(I).map(([C,H])=>{switch(H){case"up":return P[C]-v[C];case"down":return v[C]-P[C];default:return 0}}).reduce((C,H)=>C||H,0)),s=(e,d,I,P,v)=>{const C=e.map(f=>{const V=Object.keys(P).includes(f)?P[f]:"",F=`${f[0].toUpperCase()}${f.slice(1)}`;return{key:f,value:F,hasSort:!0,sort:V,onSort:()=>{const ee=V===""?"up":V==="up"?"down":"";v({...P,[f]:ee})}}}),H=e.map(f=>{const V=Object.keys(d).includes(f)?d[f]:"";return{key:f,value:V,type:"Input",placeholder:"Filter",onChange:F=>I({...d,[f]:F.target.value})}});return{dataSortCells:C,dataFilterCells:H}},{dataSortCells:u,dataFilterCells:j}=s(h,w,l,t,r),T=y(g,w,t),a=[...T.slice(c,b).map(e=>({cells:Object.entries(e).map(([I,P])=>({key:I,value:P,type:"Input",disabled:!0}))}))],m={headers:[{cells:u},{cells:j}],rows:a,footer:{pagination:{rowCount:T.length,selectedPage:k,rowsPerPage:{onChange:e=>{const{value:d}=e.target;R(Number(d))},options:x,value:i},onSelectPage:e=>p(e),small:!0}}};return n.jsx(D,{table:m})};return n.jsx(o,{})},z=()=>{const h={tea:3.6,coffee:3.2,orange:4.1},g=[{label:"Tea",value:"tea"},{label:"Coffee",value:"coffee"},{label:"Orange juice",value:"orange"}],o={cells:[{type:"Select",options:g,value:{value:"tea"}},{type:"Input"},{type:"Static"}]},x=[...Array(15).keys()].map((a,m)=>({cells:[{type:"Select",options:g,value:{value:"tea"}},{type:"Input",value:m+1},{type:"Static"}]})),[i,R]=S.useState(x),k=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],[p,w]=S.useState(10),[l,t]=S.useState(1),r=(l-1)*p,c=p===0?i.length-1:r+p,b=({newRow:a}={})=>{const m=ne(i,e=>{e.push(a??o)});R(m)},y=({rowIndex:a})=>{const m=ne(i,e=>{delete e[a]}).filter(e=>e);R(m)},s=({rowIndex:a,value:m})=>{const e=ne(i,d=>{d[a].cells[0].value.value=m});R(e)},u=({rowIndex:a,value:m})=>{const e=ne(i,d=>{d[a].cells[1].value=m});R(e)},j=({value:a})=>{const m=Number(a);return!Z.isNaN(m)&&Z.isInteger(m)&&m>0},T=i.slice(r,c).map((a,m)=>{const e=r+m;return i.length-1,{...a,cells:a==null?void 0:a.cells.map((d,I)=>{var f,V,F,ee,ie;const P=(F=(V=(f=a==null?void 0:a.cells)==null?void 0:f[0])==null?void 0:V.value)==null?void 0:F.value,v=Number((ie=(ee=a==null?void 0:a.cells)==null?void 0:ee[1])==null?void 0:ie.value),C=h==null?void 0:h[P],H=C&&j({value:v})?(C*v).toFixed(2):null;if(I===0)return{...d,onChange:re=>s({rowIndex:e,value:re.target.value})};if(I===1)return{...d,onChange:re=>u({rowIndex:e,value:re.target.value}),error:j({value:d.value})?null:"Must be valid whole number"};if(I===2)return{...d,value:H}}),actions:[{label:"Delete",icon:"minus",onClick:()=>y({rowIndex:e})}]}});return n.jsx(D,{table:{defaultEmptyRow:o,onAddRow:b,columnAlignment:["left","right","right"],headers:[{cells:[{value:"Drink"},{value:"Quantity"},{value:"Total Price (£)"}],actions:[{primary:!0,icon:"plus",label:"Add",onClick:()=>b()}]}],rows:T,footer:{pagination:{rowCount:i.length,selectedPage:l,rowsPerPage:{onChange:a=>{const{value:m}=a.target;w(Number(m))},options:k,value:p},onSelectPage:a=>t(a),small:!0}}}})},J=()=>{const h=["Section","Width","Height"];let g=Array.from(Array(10),(p,w)=>[w,w*2,w*2]);const[o,x]=S.useState({pastedValues:"",rowIndex:0,cellIndex:0}),i=(p,w,l,t)=>{g[w][l]=Number(p.target.value),t()},R=(p,w,l,t)=>{var c;let r=((c=p==null?void 0:p.clipboardData)==null?void 0:c.getData("text"))??"";return x({rowIndex:w,cellIndex:l,pastedValues:r}),t(),{pastedData:o}},k=()=>{const[p,w]=S.useState(!1),l=()=>{w(!p)},t={headers:[{cells:h.map(r=>({value:r}))}],rows:g.map((r,c)=>{const b=c;return{cells:[...Array(3).keys()].map((y,s)=>({value:r[s],type:"Input",onChange:u=>i(u,b,s,l),onPaste:u=>R(u,b,s,l)}))}})};return n.jsxs(n.Fragment,{children:[n.jsx(D,{table:t}),n.jsx(oe,{label:"Pasted Data",children:n.jsx(se,{value:o.pastedValues})}),n.jsx(oe,{label:"At Row",children:n.jsx(se,{value:o.rowIndex})}),n.jsx(oe,{label:"At Cell Index",children:n.jsx(se,{value:o.cellIndex})})]})};return n.jsx(k,{})},X=()=>{const h={fixedWidth:"auto",name:"Table title",actions:[{icon:"download",tooltip:"Download"}],columnAlignment:[...Array(10)].map((g,o)=>"right"),headers:[{cells:[...Array(10)].map((g,o)=>({value:"Heading"}))},{cells:[...Array(10)].map((g,o)=>({options:[{label:"m",value:"m"},{label:"ft",value:"ft"}],type:"Select",searchable:!1,value:{label:"m",value:"m"},autoLayerWidth:!0}))}],rows:[...Array(10)].map((g,o)=>({cells:[...Array(10)].map((x,i)=>({value:123.45})),actions:[{icon:"help",tooltip:n.jsxs(le,{children:[n.jsx(W,{bold:!0,children:"Title goes here lorem ipsum"}),n.jsx(W,{children:"Label: 123.45m"}),n.jsx(W,{children:"Another label: 123.45m"}),n.jsx(W,{children:"Label: 123.45m"})]})}]}))};return n.jsx(D,{table:h})},Y=()=>{const h={fixedWidth:"auto",name:"Table title",actions:[{icon:"download",tooltip:"Download"}],headers:[{cells:[{value:"Label"},{value:"Value",colSpan:2}]}],rows:[{cells:[{value:"Country",style:{fontWeight:"bold"},width:"120px"},{value:"Norway",colSpan:2}],actions:[{icon:"help",tooltip:n.jsxs(le,{children:[n.jsx(W,{bold:!0,children:"Title goes here"}),n.jsx(W,{children:"Details go here"})]})}]},{cells:[{value:"Depth",style:{fontWeight:"bold"}},{value:123,width:"80px"},{options:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:{label:"m",value:"m"},type:"Select",width:"80px"}],actions:[{icon:"help",tooltip:n.jsxs(le,{children:[n.jsx(W,{bold:!0,children:"Title goes here"}),n.jsx(W,{children:"Details go here"})]})}]}]};return n.jsx(D,{table:h})};M.__docgenInfo={description:"",methods:[],displayName:"InCard"};q.__docgenInfo={description:"",methods:[],displayName:"Managed"};K.__docgenInfo={description:"",methods:[],displayName:"ManagedWithSort"};B.__docgenInfo={description:"",methods:[],displayName:"ManagedWithFilterAndMultipleSort"};z.__docgenInfo={description:"",methods:[],displayName:"AutoAddNewRow"};J.__docgenInfo={description:"",methods:[],displayName:"OnPasteCallback"};X.__docgenInfo={description:"",methods:[],displayName:"ExampleTableWithInfoTooltips"};Y.__docgenInfo={description:"",methods:[],displayName:"ExampleTableWithInlineUnits"};var ce,de,ue;te.parameters={...te.parameters,docs:{...(ce=te.parameters)==null?void 0:ce.docs,source:{originalSource:`args => {
|
|
1
|
+
import{j as n}from"./jsx-runtime-eps93zm2.js";import{r as S}from"./index-DhsZuJvc.js";import{f as ne}from"./immer.esm-BwVl9PS2.js";import{l as Z}from"./lodash-BHd_uQHh.js";import{G as le}from"./grid-B6LFPf51.js";import{T as W}from"./text-B3-TSWok.js";import{T as D}from"./table-BOVkj1wL.js";import{C as dn}from"./card-EcjmryU9.js";import{I as se}from"./input-BW9trNAW.js";import{F as oe}from"./field-HrLaMLbx.js";import{H as un}from"./heading-CRNoBc7q.js";import{t as ae,x as pn,y as mn,z as gn,A as bn,B as hn,C as wn,D as yn}from"./table.stories-data-CR9VpXHs.js";import"./styled-components.browser.esm-Bf0q9Yjk.js";import"./index-Bk2sglWO.js";import"./index.es-DazXb-ul.js";import"./inheritsLoose-DP0QEDDI.js";import"./redux-tRgGMjwY.js";import"./objectSpread2-DW4nTBoq.js";import"./tiny-invariant-DqLgxztJ.js";import"./index-CUZDtIZe.js";import"./memoize-one.esm-CcMeOnPo.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./actions-CHgr8eL8.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./button-VxhoNhrV.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./index-CEuq6vkz.js";import"./tooltip-1V7clEnw.js";import"./types-BmbYqTX_.js";import"./types-UmZ4Y_CR.js";import"./badge-CLQ59MDF.js";import"./pagination-DzpYFhAO.js";import"./select-D55JvDou.js";import"./assertThisInitialized-B9jnkVVz.js";import"./select.input-DIKP56UZ.js";import"./input-group-BaRSJAEN.js";import"./input-group-addon-D68iUKV2.js";import"./number-input-uQOVHv2N.js";import"./index-CWz-hU-f.js";import"./index-DRSy5Ssd.js";import"./check-box-BtCGePRy.js";import"./help-icon-Buhx5nl6.js";import"./slider-DAramr8j.js";import"./index-BI4_Bp97.js";import"./popover-CzZdWNnB.js";import"./label-CqmyC9he.js";import"./flex-EllkLxgO.js";const gt={title:"Basic/Table",component:D,args:{table:{...ae}}},A=h=>n.jsx(D,{...h}),te=A.bind({}),E=A.bind({});E.args={table:{...ae,fixedWidth:"400px"}};const L=A.bind({});L.args={table:{...ae,fixedWidth:"auto"}};const _=A.bind({});_.args={table:pn};_.parameters={docs:{description:{story:"Use sparingly when certain columns cannot be below a certain width. Unless the Table is auto width, set one column to `auto` to use remaining space."}}};const Q=A.bind({});Q.args={table:mn};const O=A.bind({});O.args={table:gn};O.parameters={docs:{description:{story:"This is only required when you need to override `columnAlignment` in header cells (i.e. they have different alignment)"}}};const G=A.bind({});G.args={table:bn};const N=A.bind({});N.args={table:hn};N.decorators=[h=>n.jsx("div",{style:{position:"absolute",inset:0,padding:"var(--padding)"},children:n.jsx(h,{})})];const U=A.bind({});U.args={table:wn};U.parameters={docs:{description:{story:"If a `maxHeight` is set, the table should only fill that height if it needs to."}}};const $=A.bind({});$.args={table:yn};const M=()=>n.jsx(dn,{heading:n.jsx(un,{children:"Card heading"}),padding:!1,children:n.jsx(D,{table:{...ae,bordered:!1}})});M.parameters={docs:{source:{type:"dynamic"}}};const q=()=>{const h=["Section","Width","Height"];let g=["","m","m"],o=[...Array(175).keys()].map((l,t)=>[t,t*2,t*2]);const x=(l,t,r)=>l==="m"&&t==="ft"?r*3.28084:l==="ft"&&t==="m"?r/3.28084:r,i=(l,t,r,c)=>{o[t][r]=l.target.value,c()},R=l=>{o=o.concat([["","",""]]),l()},k=(l,t)=>{o=o.filter((r,c)=>c!==l),t()},p=(l,t,r)=>{const c=g[t],b=l.target.value;g=g.map((y,s)=>s===t?b:y),o=o.map(y=>y.map((s,u)=>u===t?x(c,b,s):s)),r()},w=()=>{const l=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],[t,r]=S.useState(10),[c,b]=S.useState(1),[y,s]=S.useState(!1),u=()=>{s(!y)},j=()=>{const e=Math.ceil(o.length/t);b(e)},T=(c-1)*t,a=t===0?o.length-1:T+t,m={headers:[{cells:h.map(e=>({value:e})),actions:[{primary:!0,label:"Add",icon:"add",onClick:()=>{R(u),j()}}]},{cells:[{},{options:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:g[1],type:"Select",native:!0,onChange:e=>p(e,1,u)},{options:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:g[2],type:"Select",native:!0,onChange:e=>p(e,2,u)}]}],rows:o.slice(T,a).map((e,d)=>{const I=T+d;return{cells:[...Array(3).keys()].map((P,v)=>({value:e[v],type:"Input",onChange:C=>i(C,I,v,u)})),actions:[{label:"Delete",icon:"minus",onClick:()=>k(I,u)}]}}),footer:{pagination:{rowCount:o.length,selectedPage:c,rowsPerPage:{onChange:e=>{const{value:d}=e.target;r(Number(d))},options:l,value:t},onSelectPage:e=>b(e),small:!0}}};return n.jsx(D,{table:m})};return n.jsx(w,{})},K=()=>{const h=["Section","Width","Height"];let g=[...Array(20).keys()].map((x,i)=>({Section:Z.random(0,100),Width:Z.random(0,100),Height:Z.random(0,100)}));const o=()=>{const[x,i]=S.useState({Section:"up"}),R=(r,c)=>r.sort((b,y)=>Object.entries(c).map(([s,u])=>{switch(u){case"up":return b[s]-y[s];case"down":return y[s]-b[s];default:return 0}}).reduce((s,u)=>s||u,0)),k=(r,c,b)=>({dataSortCells:r.map(s=>{const u=Object.keys(c).includes(s)?c[s]:"",j=`${s[0].toUpperCase()}${s.slice(1)}`;return{key:s,value:j,hasSort:!0,sort:u,onSort:()=>{const T=u==="up"?"down":"up";b({[s]:T})}}})}),{dataSortCells:p}=k(h,x,i),l=[...R(g,x).map(r=>({cells:Object.entries(r).map(([b,y])=>({key:b,value:y,type:"Input",disabled:!0}))}))],t={headers:[{cells:p}],rows:l};return n.jsx(D,{table:t})};return n.jsx(o,{})},B=()=>{const h=["Section","Width","Height"];let g=[...Array(175).keys()].map((x,i)=>({Section:i,Width:i*2,Height:i*2}));const o=()=>{const x=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],[i,R]=S.useState(10),[k,p]=S.useState(1),[w,l]=S.useState({}),[t,r]=S.useState({});S.useEffect(()=>{p(1)},[w,t]);const c=(k-1)*i,b=i===0?g.length-1:c+i,y=(e,d,I)=>e.filter(P=>Object.keys(d).every(v=>d[v]===""?!0:P[v].toString().includes(d[v]))).sort((P,v)=>Object.entries(I).map(([C,H])=>{switch(H){case"up":return P[C]-v[C];case"down":return v[C]-P[C];default:return 0}}).reduce((C,H)=>C||H,0)),s=(e,d,I,P,v)=>{const C=e.map(f=>{const V=Object.keys(P).includes(f)?P[f]:"",F=`${f[0].toUpperCase()}${f.slice(1)}`;return{key:f,value:F,hasSort:!0,sort:V,onSort:()=>{const ee=V===""?"up":V==="up"?"down":"";v({...P,[f]:ee})}}}),H=e.map(f=>{const V=Object.keys(d).includes(f)?d[f]:"";return{key:f,value:V,type:"Input",placeholder:"Filter",onChange:F=>I({...d,[f]:F.target.value})}});return{dataSortCells:C,dataFilterCells:H}},{dataSortCells:u,dataFilterCells:j}=s(h,w,l,t,r),T=y(g,w,t),a=[...T.slice(c,b).map(e=>({cells:Object.entries(e).map(([I,P])=>({key:I,value:P,type:"Input",disabled:!0}))}))],m={headers:[{cells:u},{cells:j}],rows:a,footer:{pagination:{rowCount:T.length,selectedPage:k,rowsPerPage:{onChange:e=>{const{value:d}=e.target;R(Number(d))},options:x,value:i},onSelectPage:e=>p(e),small:!0}}};return n.jsx(D,{table:m})};return n.jsx(o,{})},z=()=>{const h={tea:3.6,coffee:3.2,orange:4.1},g=[{label:"Tea",value:"tea"},{label:"Coffee",value:"coffee"},{label:"Orange juice",value:"orange"}],o={cells:[{type:"Select",options:g,value:{value:"tea"}},{type:"Input"},{type:"Static"}]},x=[...Array(15).keys()].map((a,m)=>({cells:[{type:"Select",options:g,value:{value:"tea"}},{type:"Input",value:m+1},{type:"Static"}]})),[i,R]=S.useState(x),k=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],[p,w]=S.useState(10),[l,t]=S.useState(1),r=(l-1)*p,c=p===0?i.length-1:r+p,b=({newRow:a}={})=>{const m=ne(i,e=>{e.push(a??o)});R(m)},y=({rowIndex:a})=>{const m=ne(i,e=>{delete e[a]}).filter(e=>e);R(m)},s=({rowIndex:a,value:m})=>{const e=ne(i,d=>{d[a].cells[0].value.value=m});R(e)},u=({rowIndex:a,value:m})=>{const e=ne(i,d=>{d[a].cells[1].value=m});R(e)},j=({value:a})=>{const m=Number(a);return!Z.isNaN(m)&&Z.isInteger(m)&&m>0},T=i.slice(r,c).map((a,m)=>{const e=r+m;return i.length-1,{...a,cells:a==null?void 0:a.cells.map((d,I)=>{var f,V,F,ee,ie;const P=(F=(V=(f=a==null?void 0:a.cells)==null?void 0:f[0])==null?void 0:V.value)==null?void 0:F.value,v=Number((ie=(ee=a==null?void 0:a.cells)==null?void 0:ee[1])==null?void 0:ie.value),C=h==null?void 0:h[P],H=C&&j({value:v})?(C*v).toFixed(2):null;if(I===0)return{...d,onChange:re=>s({rowIndex:e,value:re.target.value})};if(I===1)return{...d,onChange:re=>u({rowIndex:e,value:re.target.value}),error:j({value:d.value})?null:"Must be valid whole number"};if(I===2)return{...d,value:H}}),actions:[{label:"Delete",icon:"minus",onClick:()=>y({rowIndex:e})}]}});return n.jsx(D,{table:{defaultEmptyRow:o,onAddRow:b,columnAlignment:["left","right","right"],headers:[{cells:[{value:"Drink"},{value:"Quantity"},{value:"Total Price (£)"}],actions:[{primary:!0,icon:"plus",label:"Add",onClick:()=>b()}]}],rows:T,footer:{pagination:{rowCount:i.length,selectedPage:l,rowsPerPage:{onChange:a=>{const{value:m}=a.target;w(Number(m))},options:k,value:p},onSelectPage:a=>t(a),small:!0}}}})},J=()=>{const h=["Section","Width","Height"];let g=Array.from(Array(10),(p,w)=>[w,w*2,w*2]);const[o,x]=S.useState({pastedValues:"",rowIndex:0,cellIndex:0}),i=(p,w,l,t)=>{g[w][l]=Number(p.target.value),t()},R=(p,w,l,t)=>{var c;let r=((c=p==null?void 0:p.clipboardData)==null?void 0:c.getData("text"))??"";return x({rowIndex:w,cellIndex:l,pastedValues:r}),t(),{pastedData:o}},k=()=>{const[p,w]=S.useState(!1),l=()=>{w(!p)},t={headers:[{cells:h.map(r=>({value:r}))}],rows:g.map((r,c)=>{const b=c;return{cells:[...Array(3).keys()].map((y,s)=>({value:r[s],type:"Input",onChange:u=>i(u,b,s,l),onPaste:u=>R(u,b,s,l)}))}})};return n.jsxs(n.Fragment,{children:[n.jsx(D,{table:t}),n.jsx(oe,{label:"Pasted Data",children:n.jsx(se,{value:o.pastedValues})}),n.jsx(oe,{label:"At Row",children:n.jsx(se,{value:o.rowIndex})}),n.jsx(oe,{label:"At Cell Index",children:n.jsx(se,{value:o.cellIndex})})]})};return n.jsx(k,{})},X=()=>{const h={fixedWidth:"auto",name:"Table title",actions:[{icon:"download",tooltip:"Download"}],columnAlignment:[...Array(10)].map((g,o)=>"right"),headers:[{cells:[...Array(10)].map((g,o)=>({value:"Heading"}))},{cells:[...Array(10)].map((g,o)=>({options:[{label:"m",value:"m"},{label:"ft",value:"ft"}],type:"Select",searchable:!1,value:{label:"m",value:"m"},autoLayerWidth:!0}))}],rows:[...Array(10)].map((g,o)=>({cells:[...Array(10)].map((x,i)=>({value:123.45})),actions:[{icon:"help",tooltip:n.jsxs(le,{children:[n.jsx(W,{bold:!0,children:"Title goes here lorem ipsum"}),n.jsx(W,{children:"Label: 123.45m"}),n.jsx(W,{children:"Another label: 123.45m"}),n.jsx(W,{children:"Label: 123.45m"})]})}]}))};return n.jsx(D,{table:h})},Y=()=>{const h={fixedWidth:"auto",name:"Table title",actions:[{icon:"download",tooltip:"Download"}],headers:[{cells:[{value:"Label"},{value:"Value",colSpan:2}]}],rows:[{cells:[{value:"Country",style:{fontWeight:"bold"},width:"120px"},{value:"Norway",colSpan:2}],actions:[{icon:"help",tooltip:n.jsxs(le,{children:[n.jsx(W,{bold:!0,children:"Title goes here"}),n.jsx(W,{children:"Details go here"})]})}]},{cells:[{value:"Depth",style:{fontWeight:"bold"}},{value:123,width:"80px"},{options:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:{label:"m",value:"m"},type:"Select",width:"80px"}],actions:[{icon:"help",tooltip:n.jsxs(le,{children:[n.jsx(W,{bold:!0,children:"Title goes here"}),n.jsx(W,{children:"Details go here"})]})}]}]};return n.jsx(D,{table:h})};M.__docgenInfo={description:"",methods:[],displayName:"InCard"};q.__docgenInfo={description:"",methods:[],displayName:"Managed"};K.__docgenInfo={description:"",methods:[],displayName:"ManagedWithSort"};B.__docgenInfo={description:"",methods:[],displayName:"ManagedWithFilterAndMultipleSort"};z.__docgenInfo={description:"",methods:[],displayName:"AutoAddNewRow"};J.__docgenInfo={description:"",methods:[],displayName:"OnPasteCallback"};X.__docgenInfo={description:"",methods:[],displayName:"ExampleTableWithInfoTooltips"};Y.__docgenInfo={description:"",methods:[],displayName:"ExampleTableWithInlineUnits"};var ce,de,ue;te.parameters={...te.parameters,docs:{...(ce=te.parameters)==null?void 0:ce.docs,source:{originalSource:`args => {
|
|
2
2
|
return <Table
|
|
3
3
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
4
4
|
{...args} />;
|
|
@@ -769,4 +769,4 @@ import{j as n}from"./jsx-runtime-eps93zm2.js";import{r as S}from"./index-DhsZuJv
|
|
|
769
769
|
}]
|
|
770
770
|
};
|
|
771
771
|
return <Table table={table} />;
|
|
772
|
-
}`,...(cn=(ln=Y.parameters)==null?void 0:ln.docs)==null?void 0:cn.source}}};const
|
|
772
|
+
}`,...(cn=(ln=Y.parameters)==null?void 0:ln.docs)==null?void 0:cn.source}}};const bt=["Default","FixedWidth","AutoWidth","ColumnWidths","ColumnAlignment","ColumnHeaderAlignment","InfiniteScrollFixedHeight","InfiniteScrollFullHeight","InfiniteScrollShort","InfiniteScrollWithDragAndDrop","InCard","Managed","ManagedWithSort","ManagedWithFilterAndMultipleSort","AutoAddNewRow","OnPasteCallback","ExampleTableWithInfoTooltips","ExampleTableWithInlineUnits"];export{z as AutoAddNewRow,L as AutoWidth,Q as ColumnAlignment,O as ColumnHeaderAlignment,_ as ColumnWidths,te as Default,X as ExampleTableWithInfoTooltips,Y as ExampleTableWithInlineUnits,E as FixedWidth,M as InCard,G as InfiniteScrollFixedHeight,N as InfiniteScrollFullHeight,U as InfiniteScrollShort,$ as InfiniteScrollWithDragAndDrop,q as Managed,B as ManagedWithFilterAndMultipleSort,K as ManagedWithSort,J as OnPasteCallback,bt as __namedExportsOrder,gt as default};
|