@oliasoft-open-source/react-ui-library 4.6.0 → 4.6.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +2 -3
- package/dist/index.js +5 -7
- package/dist/index.js.map +1 -1
- package/dist/storybook/assets/Color-6VNJS4EI-LkypNDYY.js +1 -0
- package/dist/storybook/assets/DocsRenderer-NNNQARDV-271EmMHR.js +1 -0
- package/dist/storybook/assets/WithTooltip-V3YHNWJZ-5odABDuO.js +1 -0
- package/dist/storybook/assets/{accordion-MRdNs3mQ.js → accordion-M-sY23Hd.js} +1 -1
- package/dist/storybook/assets/{accordion.stories-3sqRwqly.js → accordion.stories-nYKTmoeA.js} +2 -2
- package/dist/storybook/assets/{actions-AZ9fI-GM.js → actions-mOcj9IlF.js} +1 -1
- package/dist/storybook/assets/{actions.stories-DcHBD8wo.js → actions.stories-ER0_rAT3.js} +1 -1
- package/dist/storybook/assets/afe.stories-gufd9PH8.js +88 -0
- package/dist/storybook/assets/{badge.stories-5O4TV4St.js → badge.stories-QAHZ0hGs.js} +1 -1
- package/dist/storybook/assets/blowout.stories-TT3YZhxD.js +40 -0
- package/dist/storybook/assets/{button-group-O6Di9sNA.js → button-group-mNQThLQb.js} +1 -1
- package/dist/storybook/assets/{button-group.stories-2yCzCoPD.js → button-group.stories-hEWUnlpm.js} +1 -1
- package/dist/storybook/assets/{button-rm22C2wf.js → button-shH4xakS.js} +1 -1
- package/dist/storybook/assets/{button.stories-32q2fViV.js → button.stories-5xHwBO1P.js} +6 -6
- package/dist/storybook/assets/{buttons-and-links-LEUVLdX3.js → buttons-and-links-Sb4bneec.js} +1 -1
- package/dist/storybook/assets/{card.stories-v_QIHoI3.js → card.stories-52XKdWMP.js} +1 -1
- package/dist/storybook/assets/{casing-loads.stories-rcooFkDL.js → casing-loads.stories-58Yzw909.js} +2 -2
- package/dist/storybook/assets/{cell.stories-MEK7F8sN.js → cell.stories-dk65sciA.js} +9 -9
- package/dist/storybook/assets/{check-box-7DccPNCs.js → check-box-2gxosI3y.js} +1 -1
- package/dist/storybook/assets/{check-box.stories-QBPARD7M.js → check-box.stories-dct4BaKG.js} +1 -1
- package/dist/storybook/assets/{chunk-HLWAVYOI-XeHb_zS2.js → chunk-HLWAVYOI-C-Uqv-lv.js} +1 -1
- package/dist/storybook/assets/color-QEPOj0Ib.js +25 -0
- package/dist/storybook/assets/{column.stories-FWqVDX5B.js → column.stories-1Qq8awo0.js} +6 -6
- package/dist/storybook/assets/{dialog-VIWX250Q.js → dialog-roJ8Yns6.js} +1 -1
- package/dist/storybook/assets/{drawer-FAo1Q_ET.js → drawer-GdbVQdWk.js} +1 -1
- package/dist/storybook/assets/{drawer.stories-raVCT-8R.js → drawer.stories-XWMoCncm.js} +2 -2
- package/dist/storybook/assets/{empty.stories-eLsVeLsD.js → empty.stories-XVXKuuiT.js} +1 -1
- package/dist/storybook/assets/entry-preview-TGgN7-T4.js +1 -0
- package/dist/storybook/assets/{config-b-_d5fwn.js → entry-preview-docs-KfUfHYQ7.js} +37 -37
- package/dist/storybook/assets/{field-9udMeZdr.js → field-FZX0Z7IB.js} +1 -1
- package/dist/storybook/assets/{field.stories-H98nslNw.js → field.stories-Quu0snQm.js} +5 -5
- package/dist/storybook/assets/{file-input.stories-d--B8cOO.js → file-input.stories-qbEqmWyt.js} +1 -1
- package/dist/storybook/assets/{flex-KzhjL9yc.js → flex-RYZsoWEN.js} +1 -1
- package/dist/storybook/assets/{flex.stories-I4p46kT6.js → flex.stories-8HJIYv6E.js} +1 -1
- package/dist/storybook/assets/footer.stories-tB9ZiuYm.js +3 -0
- package/dist/storybook/assets/form.stories-7v6JzvJl.js +49 -0
- package/dist/storybook/assets/formation.stories-gIRSy7_9.js +74 -0
- package/dist/storybook/assets/{formatter-SWP5E3XI-DSCJOjJG.js → formatter-SWP5E3XI-a7sBt194.js} +1 -1
- package/dist/storybook/assets/{heading-sY0SLHoQ.js → heading-jZsIIJF0.js} +1 -1
- package/dist/storybook/assets/{heading.stories-zStr3-HL.js → heading.stories-lW_q2VjY.js} +1 -1
- package/dist/storybook/assets/{help-icon-yrJgkgdC.js → help-icon-SKky6KLV.js} +1 -1
- package/dist/storybook/assets/{help-icon.stories-gjzAU_pF.js → help-icon.stories-i7tX8eBl.js} +1 -1
- package/dist/storybook/assets/icon-8EQazuuW.js +8 -0
- package/dist/storybook/assets/{icon.stories-jaMoeuyt.js → icon.stories-j-b_Exev.js} +1 -1
- package/dist/storybook/assets/iframe-Z5bUT4O1.js +7 -0
- package/dist/storybook/assets/index-PPLHz8o0.js +6 -0
- package/dist/storybook/assets/index-R5dkQuFe.js +3 -0
- package/dist/storybook/assets/{index-abKsB-Kl.js → index-i2tVYo5N.js} +20 -20
- package/dist/storybook/assets/{index.es-LXZC0YVN.js → index.es-VXFRDikp.js} +4 -4
- package/dist/storybook/assets/inheritsLoose-8sb_A2v4.js +1 -0
- package/dist/storybook/assets/{input-iDZqV-2m.js → input-2BhbKV-j.js} +1 -1
- package/dist/storybook/assets/{input-group.stories-UDFOhdWz.js → input-group.stories-gJFYuvVb.js} +5 -5
- package/dist/storybook/assets/{input-validation-20MUxBI6.js → input-validation-FFXJoKSI.js} +1 -1
- package/dist/storybook/assets/{input.stories-iopguZKB.js → input.stories-74EIL_bF.js} +1 -1
- package/dist/storybook/assets/{inputs-TmWBRWaW.js → inputs-DtKO2too.js} +1 -1
- package/dist/storybook/assets/{isPlainObject-4RuU_w9g.js → isPlainObject-OQlD0fAV.js} +1 -1
- package/dist/storybook/assets/{label-J7MI85wD.js → label-uCFEME1p.js} +1 -1
- package/dist/storybook/assets/{label.stories-kmvMrgz2.js → label.stories-LhXr4NuA.js} +1 -1
- package/dist/storybook/assets/{layout-forms-kkgtzmiO.js → layout-forms-7ZIITxGs.js} +1 -1
- package/dist/storybook/assets/{layout-general-BO1UiJxQ.js → layout-general-zuo7KumY.js} +1 -1
- package/dist/storybook/assets/{list-vXYnYUi0.js → list-PShi-3TE.js} +1 -1
- package/dist/storybook/assets/{list.stories-KCjHPYZx.js → list.stories-TLnvjaYU.js} +2 -2
- package/dist/storybook/assets/{list.stories-data-p4t83IOz.js → list.stories-data-Qc3oehAh.js} +1 -1
- package/dist/storybook/assets/{loader.stories-NPfeCmtc.js → loader.stories-xsnhGOV_.js} +5 -5
- package/dist/storybook/assets/{menu.stories-data-c8X93fYM.js → menu.stories-data-hEz8P1yK.js} +1 -1
- package/dist/storybook/assets/{menu.stories-t0fFav_z.js → menu.stories-ppWN2JgO.js} +6 -6
- package/dist/storybook/assets/{message-p9VAXLNZ.js → message-CRKuTfOl.js} +1 -1
- package/dist/storybook/assets/{message.stories-uPLoUdpD.js → message.stories-N8ZGvhv2.js} +1 -1
- package/dist/storybook/assets/meta-content-lUynpOsR.js +1 -0
- package/dist/storybook/assets/{modal.stories-7Z_rzYSc.js → modal.stories-dirXv4n_.js} +2 -2
- package/dist/storybook/assets/number-input-CMhEMmUd.js +1 -0
- package/dist/storybook/assets/number-input.stories-AU1jlL6D.js +97 -0
- package/dist/storybook/assets/{option-dropdown.stories-XXhHv7Q-.js → option-dropdown.stories-n7CDZevX.js} +1 -1
- package/dist/storybook/assets/{padding-and-spacing-ResQ517B.js → padding-and-spacing-3Mlm9PiC.js} +1 -1
- package/dist/storybook/assets/{page.stories-WaAu4bZx.js → page.stories-OXhmRr73.js} +1 -1
- package/dist/storybook/assets/{pagination-WmRtOUjO.js → pagination-tnyyuMkB.js} +1 -1
- package/dist/storybook/assets/{pagination.stories-leit5iOS.js → pagination.stories-c7jbEB_j.js} +2 -2
- package/dist/storybook/assets/{pop-confirm.stories-PknEXhpI.js → pop-confirm.stories-kZScSFuk.js} +1 -1
- package/dist/storybook/assets/{popover-ZT5lBU-W.js → popover-cad2llTa.js} +1 -1
- package/dist/storybook/assets/popover.stories-1JvlWYFM.js +1 -0
- package/dist/storybook/assets/{portal.stories-UGkzdgVk.js → portal.stories-1Jnj3LXz.js} +1 -1
- package/dist/storybook/assets/{preview-5oXwpv5M.js → preview-0LPoYPAJ.js} +13 -13
- package/dist/storybook/assets/preview-MDW-geT9.js +7 -0
- package/dist/storybook/assets/preview-OnO0tzRj.js +17 -0
- package/dist/storybook/assets/projects.stories-epAPUAg1.js +47 -0
- package/dist/storybook/assets/{radio-button-T38JdN-I.js → radio-button-5n_38sFk.js} +1 -1
- package/dist/storybook/assets/{radio-button.stories-MbtUJQ4_.js → radio-button.stories-Z_B_oHnZ.js} +1 -1
- package/dist/storybook/assets/react-router-dom-EZH1n7K1.js +8 -0
- package/dist/storybook/assets/{reservoirs.stories-qYaPMbjv.js → reservoirs.stories-vxBxhmZh.js} +2 -2
- package/dist/storybook/assets/{rich-text-input.stories-hYx4gSgs.js → rich-text-input.stories-EbjoMb2s.js} +3 -3
- package/dist/storybook/assets/{row.stories-1uI0HLm0.js → row.stories-p0ssjvtr.js} +2 -2
- package/dist/storybook/assets/select-DZdWUrCW.js +1 -0
- package/dist/storybook/assets/{select.stories-U32XvwIb.js → select.stories-QOxuHSmz.js} +2 -2
- package/dist/storybook/assets/{side-bar-_tR5JeGc.js → side-bar-ZpHvA_KQ.js} +1 -1
- package/dist/storybook/assets/side-bar.stories-GCjyz_UC.js +27 -0
- package/dist/storybook/assets/{site.stories-ltRQw7Km.js → site.stories-k6-tU36k.js} +2 -2
- package/dist/storybook/assets/slider-MN9iDCsS.js +7 -0
- package/dist/storybook/assets/{slider.stories-10JT-qwQ.js → slider.stories-hVrt3K9M.js} +4 -4
- package/dist/storybook/assets/{spacer.stories-hs33H_N9.js → spacer.stories-Tc3LfeOH.js} +1 -1
- package/dist/storybook/assets/syntaxhighlighter-B5GMVT5T-jueltlMw.js +1 -0
- package/dist/storybook/assets/table-033R9jUC.js +1 -0
- package/dist/storybook/assets/{table.stories-data-ehBuODKA.js → table.stories-data-NfE_v-gH.js} +1 -1
- package/dist/storybook/assets/{table.stories-63gTcmnB.js → table.stories-wdVWlpz1.js} +5 -5
- package/dist/storybook/assets/{tabs.stories-KtJc5Yci.js → tabs.stories-aps5NXFv.js} +2 -2
- package/dist/storybook/assets/text-link.stories-Mx9ojcOC.js +14 -0
- package/dist/storybook/assets/{textarea-mYEkEnUR.js → textarea-ygEac3d2.js} +1 -1
- package/dist/storybook/assets/{textarea.stories-ARS3RM31.js → textarea.stories-vr_I38NI.js} +1 -1
- package/dist/storybook/assets/{hoist-non-react-statics.cjs-pnyno-Dk.js → tiny-invariant-R4kOKlvx.js} +2 -2
- package/dist/storybook/assets/title.stories-9QWP9XVr.js +37 -0
- package/dist/storybook/assets/{toaster-bqqWcltU.js → toaster-yPcd4ELJ.js} +1 -1
- package/dist/storybook/assets/toaster.stories-D_1FY8OT.js +86 -0
- package/dist/storybook/assets/{toggle-b0PkHQDl.js → toggle-M_66MP8X.js} +1 -1
- package/dist/storybook/assets/{toggle.stories-zMCWB_3O.js → toggle.stories-VfPLoUW1.js} +1 -1
- package/dist/storybook/assets/{tooltip-ZHdi6rl-.js → tooltip-HEHiU__l.js} +1 -1
- package/dist/storybook/assets/{tooltip.stories-gTfOeEzv.js → tooltip.stories-tiOgoWHH.js} +1 -1
- package/dist/storybook/assets/{tooltip.test-case.stories-Vq8nFCVS.js → tooltip.test-case.stories-g9fe1-Ut.js} +1 -1
- package/dist/storybook/assets/{top-bar-e2jItFw6.js → top-bar-ywJJBf-H.js} +1 -1
- package/dist/storybook/assets/top-bar.stories-KkBPu_h3.js +21 -0
- package/dist/storybook/assets/{top-bar.testcase.stories-2MxbcV7T.js → top-bar.testcase.stories-RJkl6c8Z.js} +2 -2
- package/dist/storybook/assets/{tree.stories-U6RKMnnO.js → tree.stories-UiERA8eJ.js} +1 -1
- package/dist/storybook/assets/{unit-input.stories-S31ymsIe.js → unit-input.stories-NxlXJaPc.js} +15 -15
- package/dist/storybook/assets/unit-table.stories-JkNu_Up6.js +103 -0
- package/dist/storybook/iframe.html +3 -1
- package/dist/storybook/index.json +1 -1
- package/dist/storybook/project.json +1 -1
- package/dist/storybook/sb-addons/actions-0/manager-bundle.js +1 -1
- package/dist/storybook/sb-preview/globals.js +1 -1
- package/dist/storybook/sb-preview/runtime.js +19 -19
- package/dist/storybook/stories.json +1 -1
- package/package.json +1 -1
- package/dist/storybook/assets/Color-6VNJS4EI-7SF_QHKQ.js +0 -1
- package/dist/storybook/assets/DocsRenderer-NNNQARDV-zFqyxzyz.js +0 -1
- package/dist/storybook/assets/WithTooltip-4HIR6TLV--mlcCTTj.js +0 -1
- package/dist/storybook/assets/afe.stories-ArA2txnu.js +0 -88
- package/dist/storybook/assets/blowout.stories-6yWu_xKW.js +0 -40
- package/dist/storybook/assets/color-fUhGriLa.js +0 -25
- package/dist/storybook/assets/extends-dGVwEr9R.js +0 -1
- package/dist/storybook/assets/footer.stories-Mrr_R3r9.js +0 -3
- package/dist/storybook/assets/form.stories-6S2hx2wh.js +0 -49
- package/dist/storybook/assets/formation.stories-pE9W1lT-.js +0 -74
- package/dist/storybook/assets/icon-_m67DAr0.js +0 -8
- package/dist/storybook/assets/iframe-5vkaUfcR.js +0 -7
- package/dist/storybook/assets/index-gM75B7fB.js +0 -8
- package/dist/storybook/assets/inheritsLoose-Y9jOMJLd.js +0 -1
- package/dist/storybook/assets/list-heading-5IIpXtaS.js +0 -1
- package/dist/storybook/assets/number-input-wURqWy_O.js +0 -1
- package/dist/storybook/assets/number-input.stories-V3bsui-x.js +0 -81
- package/dist/storybook/assets/popover.stories-Jsd7AOQD.js +0 -1
- package/dist/storybook/assets/preview-Fi7DQdoQ.js +0 -1
- package/dist/storybook/assets/preview-XaSsmro5.js +0 -7
- package/dist/storybook/assets/projects.stories-thRPHYqQ.js +0 -47
- package/dist/storybook/assets/react-router-dom-2JKSc1g5.js +0 -8
- package/dist/storybook/assets/select-kE9fK8N9.js +0 -1
- package/dist/storybook/assets/side-bar.stories-I7ZQcntL.js +0 -27
- package/dist/storybook/assets/slider-XJwLz14m.js +0 -7
- package/dist/storybook/assets/syntaxhighlighter-NMPM6SWI-CwboJMBs.js +0 -1
- package/dist/storybook/assets/table-geCXJ5Oo.js +0 -1
- package/dist/storybook/assets/text-link.stories-_A7eKI_2.js +0 -14
- package/dist/storybook/assets/title.stories-0uqbMXQe.js +0 -37
- package/dist/storybook/assets/toaster.stories-j_yWcF95.js +0 -86
- package/dist/storybook/assets/top-bar.stories-Dz8tdKm4.js +0 -21
- package/dist/storybook/assets/unit-table.stories-8hLAgPN9.js +0 -103
- /package/dist/storybook/assets/{list-heading-dR7AAq04.css → meta-content-dR7AAq04.css} +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as n}from"./jsx-runtime-FsUICBgo.js";import{r as P}from"./index-RfLt4OUa.js";import{S as d}from"./select-
|
|
1
|
+
import{j as n}from"./jsx-runtime-FsUICBgo.js";import{r as P}from"./index-RfLt4OUa.js";import{S as d}from"./select-DZdWUrCW.js";import{S as p}from"./spacer-Yji9g2AW.js";import{I}from"./common-types-U65vzrrz.js";import{I as D}from"./icon-8EQazuuW.js";import{T as hn}from"./text-6KQ6ntOV.js";import"./index-VW3EWkuE.js";import"./disabled-context-urNQThQz.js";import"./types-5uVBABF4.js";import"./lodash-Bmg8FrMx.js";import"./tooltip-HEHiU__l.js";import"./index-miLrID2P.js";import"./index-4QtD-hFu.js";import"./inheritsLoose-8sb_A2v4.js";import"./assertThisInitialized-4q6YPdh3.js";import"./memoize-one.esm-hqe5SRxC.js";import"./types-VB5zD18b.js";import"./actions-mOcj9IlF.js";import"./button-shH4xakS.js";import"./spinner-R8Il4aRe.js";import"./badge-23Ty_zBt.js";import"./select.input-zP5tW20f.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./tslib.es6-OIsz3r9a.js";const gn=[{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Koalas",value:"leaves"},{label:"Monkeys",value:"bananas",disabled:!0},{label:"Wombats",value:"bark"}],vn=[{label:"Kangaroos",value:"grass",details:"(grass)"},{label:"Monkeys",value:"bananas",details:"(bananas)"},{label:"Possums",value:"slugs",details:"(slugs)"}],mn=[{type:"Heading",label:"Large"},{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas"},{type:"Heading",label:"Small"},{label:"Possums",value:"slugs"}],Sn=[{label:1,value:1},{label:2,value:2},{label:3,value:3},{label:4,value:4}],xn=[{label:"Yes",value:!0},{label:"No",value:!1}],Cn=[{label:"Aardvarks",value:"termites"},{label:"Monkeys",value:"bananas"},{label:"Vampires",value:"blood",icon:n.jsx(D,{icon:I.WARNING,color:"var(--color-text-warning)"})},{label:"Zombies",value:"brains",icon:n.jsx(D,{icon:I.ERROR,color:"var(--color-text-error)"})}],u=[{label:"Delete",icon:"delete",onClick:()=>{}},{label:"Rename",icon:"rename",onClick:()=>{}}],bn=[{label:"Kangaroos",value:"grass",actions:u},{label:"Monkeys",value:"bananas",actions:u},{label:"Possums",value:"slugs",actions:u,details:"(some details)"}],Vn=[{label:"Kangaroos",value:"grass",actions:u,icon:n.jsx(D,{icon:I.WARNING,color:"var(--color-text-warning)"}),details:"(grass)"},{label:"Monkeys",value:"bananas",actions:u,icon:n.jsx(D,{icon:I.WARNING,color:"var(--color-text-warning)"}),details:"(bananas)"},{label:"Possums",value:"slugs",actions:u,icon:n.jsx(D,{icon:I.WARNING,color:"var(--color-text-warning)"}),details:"(slugs)"}],wn=[...Array(1e4).keys()].map((l,s)=>({label:Math.random().toString(36).substring(7),value:s})),jn=["Aardvarks","Kangaroos","Monkeys","Possums"],Jn={title:"Forms/Select",component:d,args:{options:gn,native:!1,multi:!1,disabled:!1,autoLayerWidth:!1,clearable:!1,searchable:!0,right:!1}},e=l=>{const{multi:s,value:H}=l,[r,L]=P.useState(H||(s?[]:void 0)),o=a=>{const{value:t}=a.target;L(s?t:{value:t})};return n.jsxs(n.Fragment,{children:[n.jsx(d,{value:r,onChange:o,placeholder:"Full width",...l}),n.jsx(p,{}),n.jsx(d,{value:r,onChange:o,width:"200px",placeholder:"Fixed width",...l}),n.jsx(p,{}),n.jsx(d,{value:r,onChange:o,width:"auto",placeholder:"Auto width",...l}),n.jsx(p,{}),n.jsx(d,{value:r,onChange:o,width:"auto",placeholder:"Small",small:!0,...l}),n.jsx(p,{}),n.jsx(hn,{small:!0,muted:!0,children:"Avoid auto width for very long lists."})]})},R=e.bind({}),h=e.bind({});h.args={native:!0};const g=e.bind({});g.args={multi:!0,clearable:!0};const v=e.bind({});v.args={options:[]};const m=e.bind({});m.args={clearable:!0};const S=e.bind({});S.args={value:{label:"Vampires",value:"blood"}};const x=e.bind({});x.args={placeholder:"Select the best animal..."};const C=e.bind({});C.args={options:mn};const b=e.bind({});b.args={options:vn};const V=e.bind({});V.args={options:Cn};const w=e.bind({});w.args={options:bn};const j=e.bind({});j.args={options:Vn};const y=e.bind({});y.args={searchable:!1};const f=e.bind({});f.args={right:!0};const i=e.bind({});i.parameters={docs:{description:{story:"Avoid autoLayerWidth for very long lists in custom selects (slow)"}}};i.args={width:"70px",autoLayerWidth:!0};const A=e.bind({});A.args={tooltip:"Some info"};const T=e.bind({});T.args={error:"Some info"};const F=e.bind({});F.args={warning:"Some info"};const W=e.bind({});W.args={disabled:!0};const O=e.bind({});O.args={options:Sn,placeholder:void 0};const N=e.bind({});N.args={options:xn};const k=e.bind({});k.args={options:jn};const c=e.bind({});c.parameters={docs:{description:{story:"Avoid `width: auto` and autoLayerWidth for very long lists in custom selects (slow). Consider checkNonExistentValues={false}."}}};c.args={options:wn};const E=e.bind({});E.args={deprecatedEventHandler:!0};const M=e.bind({});M.args={value:{label:"Vampires",value:"blood"},disabled:!0};const K=()=>{const[l,s]=P.useState([{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas"},{label:"Possums",value:"slugs"}]),[H,r]=P.useState(void 0),[L,o]=P.useState([]);return n.jsxs(n.Fragment,{children:[n.jsx(d,{name:"example",options:l,onChange:a=>r({value:a.target.value}),onCreate:a=>{const t={label:a,value:a};s([...l,t]),r(t)},value:H,clearable:!0}),n.jsx(p,{}),n.jsx(d,{name:"example",options:l,onChange:a=>o(a.target.value),onCreate:a=>{const t={label:a,value:a};s([...l,t]),console.log(a),o([...L,t])},value:L,multi:!0,clearable:!0})]})};var G,B,_;R.parameters={...R.parameters,docs:{...(G=R.parameters)==null?void 0:G.docs,source:{originalSource:`(args: any) => {
|
|
2
2
|
const {
|
|
3
3
|
multi,
|
|
4
4
|
value
|
|
@@ -911,4 +911,4 @@ import{j as n}from"./jsx-runtime-FsUICBgo.js";import{r as P}from"./index-RfLt4OU
|
|
|
911
911
|
setMultiValue([...multiValue, newValue]);
|
|
912
912
|
}} value={multiValue} multi clearable />
|
|
913
913
|
</>;
|
|
914
|
-
}`,...(pn=(un=K.parameters)==null?void 0:un.docs)==null?void 0:pn.source}}};const
|
|
914
|
+
}`,...(pn=(un=K.parameters)==null?void 0:un.docs)==null?void 0:pn.source}}};const Qn=["Default","Native","Multiselect","Empty","Clearable","NonExistentValue","CustomPlaceholder","OptionsWithHeadings","OptionsWithDetails","OptionsWithIcons","OptionsWithActions","OptionsWithEverything","NotSearchable","RightAligned","AutoLayerWidth","Tooltip","Error","Warning","Disabled","NumericOptions","BooleanOptions","SimpleOptions","VeryLongList","DeprecatedEventHandler","TestDisabledNonExistentValue","OnCreate"];export{i as AutoLayerWidth,N as BooleanOptions,m as Clearable,x as CustomPlaceholder,R as Default,E as DeprecatedEventHandler,W as Disabled,v as Empty,T as Error,g as Multiselect,h as Native,S as NonExistentValue,y as NotSearchable,O as NumericOptions,K as OnCreate,w as OptionsWithActions,b as OptionsWithDetails,j as OptionsWithEverything,C as OptionsWithHeadings,V as OptionsWithIcons,f as RightAligned,k as SimpleOptions,M as TestDisabledNonExistentValue,A as Tooltip,c as VeryLongList,F as Warning,Qn as __namedExportsOrder,Jn as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as p,R as g}from"./index-RfLt4OUa.js";import{c as v}from"./index-VW3EWkuE.js";import{i as h}from"./index-ugi_ZH6T.js";import{B as y,I as E}from"./common-types-U65vzrrz.js";import{D as I}from"./drawer-
|
|
1
|
+
import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as p,R as g}from"./index-RfLt4OUa.js";import{c as v}from"./index-VW3EWkuE.js";import{i as h}from"./index-ugi_ZH6T.js";import{B as y,I as E}from"./common-types-U65vzrrz.js";import{D as I}from"./drawer-GdbVQdWk.js";import{T as j}from"./tooltip-HEHiU__l.js";import{I as T}from"./icon-8EQazuuW.js";import{B as N}from"./badge-23Ty_zBt.js";import{B as M}from"./button-shH4xakS.js";const S="_inputInTable_1ube5_1",C="_inputHover_1ube5_13",O="_inputFocus_1ube5_18",q="_inputError_1ube5_25",V="_inputWarning_1ube5_26",B="_inputDisabled_1ube5_61",k="_hideScrollbars_1ube5_67",L="_sidebar_1ube5_82",F="_inner_1ube5_93",H="_title_1ube5_103",A="_subtitle_1ube5_104",D="_label_1ube5_105",R="_collapsed_1ube5_109",W="_list_1ube5_134",P="_item_1ube5_140",z="_experimental_1ube5_155",$="_active_1ube5_159",w="_icon_1ube5_163",s={inputInTable:S,inputHover:C,inputFocus:O,inputError:q,inputWarning:V,inputDisabled:B,hideScrollbars:k,sidebar:L,inner:F,title:H,subtitle:A,label:D,collapsed:R,list:W,item:P,experimental:z,active:$,icon:w},K=p.memo(({isOpen:t,label:i,icon:a,invalid:r})=>e.jsxs(e.Fragment,{children:[e.jsx(j,{text:i,enabled:!t,placement:"right-center",possiblePlacements:["right-center"],fontSize:16,padding:"var(--padding-sm)",display:"block",children:e.jsx("span",{className:s.icon,children:e.jsx(N,{small:!0,title:r?"!":void 0,margin:4,children:e.jsx(T,{icon:a})})})}),e.jsx("span",{className:s.label,children:i})]}),(t,i)=>h(t,i)),m=({isOpen:t,items:i,sectionIndex:a,onClick:r,testId:o})=>e.jsx("div",{className:s.list,children:i.map((n,u)=>{const c=`${a}_${u}`,l=n.component||"a";return e.jsx(l,{href:n.value,to:n.value,className:v(s.item,n.isActive?s.active:"",n.isExperimental?s.experimental:""),onClick:d=>r(d,n.value,n.label,n.onClick),"data-testid":o,children:e.jsx(K,{label:n.label,icon:n.icon,invalid:n.invalid,isOpen:t},c)},c)})});try{m.displayName="Link",m.__docgenInfo={description:"",displayName:"Link",props:{isOpen:{defaultValue:null,description:"",name:"isOpen",required:!0,type:{name:"boolean"}},items:{defaultValue:null,description:"",name:"items",required:!0,type:{name:"IOptionItem[]"}},sectionIndex:{defaultValue:null,description:"",name:"sectionIndex",required:!0,type:{name:"number"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!0,type:{name:"(evt: MouseEvent<HTMLAnchorElement, MouseEvent>, value: string, label: ReactNode, onClickCallback?: ((evt: MouseEvent<HTMLAnchorElement, MouseEvent>) => void) | undefined) => void"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const _=({isOpen:t,sections:i,onClick:a})=>e.jsx(e.Fragment,{children:i.map((r,o)=>e.jsxs(g.Fragment,{children:[e.jsx("h5",{className:s.subtitle,children:r.heading.toUpperCase()}),e.jsx(m,{isOpen:t,items:r.items,sectionIndex:o,onClick:a,testId:r.testId})]},o))});try{_.displayName="Sections",_.__docgenInfo={description:"",displayName:"Sections",props:{isOpen:{defaultValue:null,description:"",name:"isOpen",required:!0,type:{name:"boolean"}},sections:{defaultValue:null,description:"",name:"sections",required:!0,type:{name:"ISection[]"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!0,type:{name:"(evt: MouseEvent<HTMLAnchorElement, MouseEvent>, value: string, label: ReactNode, onClickCallback?: ((evt: MouseEvent<HTMLAnchorElement, MouseEvent>) => void) | undefined) => void"}}}}}catch{}const f=p.memo(({options:t,startOpen:i=!1,onShiftClickToggleOpen:a=()=>{},top:r})=>{const[o,n]=p.useState(i),u=(l,d,x,b)=>{typeof b=="function"&&(l.currentTarget.value=d,l.currentTarget.label=x,b(l)),n(!1)},c=t.sections.length>0;return e.jsx(I,{fixed:!0,open:o,top:r,background:"var(--color-background-sidebar)",closedWidth:"var(--size-sidebar)",buttonPosition:y.BOTTOM,buttonAnimate:!0,button:c&&e.jsx(M,{onClick:l=>{l.shiftKey&&a&&a(l),n(!o)},colored:!0,round:!0,icon:E.LEFT}),children:e.jsx("div",{className:v(s.sidebar,o?"":s.collapsed),children:c&&e.jsxs("div",{className:s.inner,children:[e.jsx("h4",{className:s.title,children:t.title}),e.jsx(_,{isOpen:o,sections:t.sections,onClick:u})]})})})},(t,i)=>h(t,i));try{f.displayName="SideBar",f.__docgenInfo={description:"",displayName:"SideBar",props:{options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"{ title: string; sections: IOptionSection[]; }"}},startOpen:{defaultValue:null,description:"",name:"startOpen",required:!1,type:{name:"boolean"}},onShiftClickToggleOpen:{defaultValue:null,description:"",name:"onShiftClickToggleOpen",required:!1,type:{name:"((evt: MouseEvent<HTMLButtonElement, MouseEvent>) => void)"}},top:{defaultValue:null,description:"",name:"top",required:!1,type:{name:"TStringOrNumber"}}}}}catch{}export{f as S};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime-FsUICBgo.js";import{H as R,L as s,S as T,R as r}from"./react-router-dom-EZH1n7K1.js";import{I as t}from"./common-types-U65vzrrz.js";import{S as i}from"./side-bar-ZpHvA_KQ.js";import{F as v}from"./flex-RYZsoWEN.js";import{B as I}from"./badge-23Ty_zBt.js";import{P as f}from"./page-9-f6BzS0.js";import{s as B}from"./icon-custom-PyWFQsS3.js";import"./index-RfLt4OUa.js";import"./inheritsLoose-8sb_A2v4.js";import"./index-4QtD-hFu.js";import"./tiny-invariant-R4kOKlvx.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./index-VW3EWkuE.js";import"./index-ugi_ZH6T.js";import"./drawer-GdbVQdWk.js";import"./lodash-Bmg8FrMx.js";import"./index-miLrID2P.js";import"./icon-8EQazuuW.js";import"./tslib.es6-OIsz3r9a.js";import"./disabled-context-urNQThQz.js";import"./button-shH4xakS.js";import"./spinner-R8Il4aRe.js";import"./tooltip-HEHiU__l.js";const k=[{heading:"First Heading",items:[{label:"Section A",value:"/path/to/something",onClick:()=>{},icon:B},{label:e.jsxs(v,{alignItems:"center",gap:"var(--padding-xxs)",children:["Section B",e.jsx(I,{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}]}],W={title:"Navigation/SideBar",component:i,parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}},args:{options:{title:"Title",sections:k},startOpen:!1},argTypes:{top:{control:{type:"text"}},startOpen:{control:{type:"boolean"}}}},b=x=>e.jsx(i,{...x}),a=b.bind({}),o=b.bind({});o.args={startOpen:!0};const n=()=>e.jsx(R,{children:e.jsxs(f,{top:0,children:[e.jsx(i,{options:{title:"Title",sections:[{heading:"Main",items:[{label:"Dashboard",value:"/dashboard",icon:t.LIBRARY,component:s},{label:"Settings",value:"/settings",icon:t.SETTINGS,component:s}]}]}}),e.jsxs(T,{children:[e.jsx(r,{path:"/dashboard",children:"Dashboard"}),e.jsx(r,{path:"/settings",children:"Settings"})]})]})});var c,l,p;a.parameters={...a.parameters,docs:{...(c=a.parameters)==null?void 0:c.docs,source:{originalSource:"args => <SideBar {...args} />",...(p=(l=a.parameters)==null?void 0:l.docs)==null?void 0:p.source}}};var m,d,h;o.parameters={...o.parameters,docs:{...(m=o.parameters)==null?void 0:m.docs,source:{originalSource:"args => <SideBar {...args} />",...(h=(d=o.parameters)==null?void 0:d.docs)==null?void 0:h.source}}};var u,g,S;n.parameters={...n.parameters,docs:{...(u=n.parameters)==null?void 0:u.docs,source:{originalSource:`() => {
|
|
2
|
+
return <HashRouter>
|
|
3
|
+
<Page top={0}>
|
|
4
|
+
<SideBar options={{
|
|
5
|
+
title: 'Title',
|
|
6
|
+
sections: [{
|
|
7
|
+
heading: 'Main',
|
|
8
|
+
items: [{
|
|
9
|
+
label: 'Dashboard',
|
|
10
|
+
value: '/dashboard',
|
|
11
|
+
icon: IconType.LIBRARY,
|
|
12
|
+
component: Link
|
|
13
|
+
}, {
|
|
14
|
+
label: 'Settings',
|
|
15
|
+
value: '/settings',
|
|
16
|
+
icon: IconType.SETTINGS,
|
|
17
|
+
component: Link
|
|
18
|
+
}]
|
|
19
|
+
}]
|
|
20
|
+
}} />
|
|
21
|
+
<Switch>
|
|
22
|
+
<Route path="/dashboard">Dashboard</Route>
|
|
23
|
+
<Route path="/settings">Settings</Route>
|
|
24
|
+
</Switch>
|
|
25
|
+
</Page>
|
|
26
|
+
</HashRouter>;
|
|
27
|
+
}`,...(S=(g=n.parameters)==null?void 0:g.docs)==null?void 0:S.source}}};const X=["Default","StartOpen","AsRouterLink"];export{n as AsRouterLink,a as Default,o as StartOpen,X as __namedExportsOrder,W as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as x}from"./index-RfLt4OUa.js";import{I as j}from"./common-types-U65vzrrz.js";import{T as g}from"./top-bar-
|
|
1
|
+
import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as x}from"./index-RfLt4OUa.js";import{I as j}from"./common-types-U65vzrrz.js";import{T as g}from"./top-bar-ywJJBf-H.js";import{S as w}from"./side-bar-ZpHvA_KQ.js";import{H as r}from"./heading-jZsIIJF0.js";import{B as L}from"./button-shH4xakS.js";import{D as v}from"./drawer-GdbVQdWk.js";import{L as d}from"./list-PShi-3TE.js";import{F as n}from"./field-FZX0Z7IB.js";import{I as l}from"./input-2BhbKV-j.js";import{C as m}from"./check-box-2gxosI3y.js";import{P as f}from"./page-9-f6BzS0.js";import{R as t,C as a}from"./row-vFUhHoz5.js";import{A as u}from"./accordion-M-sY23Hd.js";import{S as s}from"./spacer-Yji9g2AW.js";import{T as F}from"./tabs-fcLbHC1n.js";import"./index-VW3EWkuE.js";import"./icon-8EQazuuW.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-8sb_A2v4.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./actions-mOcj9IlF.js";import"./lodash-Bmg8FrMx.js";import"./tooltip-HEHiU__l.js";import"./index-miLrID2P.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./index-ugi_ZH6T.js";import"./help-icon-SKky6KLV.js";import"./spinner-R8Il4aRe.js";import"./index.es-VXFRDikp.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./tiny-invariant-R4kOKlvx.js";import"./memoize-one.esm-hqe5SRxC.js";import"./card-0r8RRVk-.js";import"./meta-content-lUynpOsR.js";import"./loader-TGOJBZQG.js";import"./label-uCFEME1p.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./select.input-zP5tW20f.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"}),je={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},o=()=>{const[i,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(t,{spacing:0,flex:!0,children:[e.jsxs(v,{button:e.jsx(L,{onClick:()=>b(!i),round:!0,icon:j.CHEVRON_LEFT}),open:i,width:300,closedWidth:"var(--size-sidebar)",children:[e.jsx(d,{drawer:!0,narrow:!i,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:!i,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:!i,list:{name:"Targets",items:[{id:1,name:"Lorem",label:{value:1,color:"#9b6977"}}]}})]}),e.jsxs(a,{borderLeft:!0,flexbox:!0,children:[e.jsx(s,{}),e.jsx(F,{padding:!0,margin:!1,options:C}),e.jsxs(t,{spacing:0,flex:!0,children:[e.jsxs(a,{scroll:!0,padding:!0,width:550,children:[e.jsx(r,{top:!0,children:"Site name here"}),e.jsx(n,{label:"Name",children:e.jsx(l,{value:"Site name here",width:"200px"})}),e.jsxs(u,{heading:e.jsx(r,{children:"Coordinate Reference System"}),managed:!0,children:[e.jsx(n,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(l,{value:"Value",width:"100%"})}),e.jsx(n,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(l,{value:"Value",width:"100%"})}),e.jsx(n,{label:"Label",labelLeft:!0,labelWidth:"50px",children:e.jsx(l,{value:"Value",width:"100%"})}),e.jsx(n,{children:e.jsx(m,{label:"Dolor"})})]}),e.jsx(s,{}),e.jsx(r,{marginBottom:"var(--padding)",children:"Location"}),e.jsxs(t,{children:[e.jsx(a,{children:e.jsx(n,{label:"Label",children:e.jsx(l,{value:"Value",width:"100%"})})}),e.jsx(a,{children:e.jsx(n,{label:"Label",children:e.jsx(l,{value:"Value",width:"100%"})})}),e.jsx(a,{children:e.jsx(n,{label:"Label",children:e.jsx(l,{value:"Value",width:"100%"})})}),e.jsx(a,{children:e.jsx(n,{label:"Label",children:e.jsx(l,{value:"Value",width:"100%"})})})]}),e.jsx(s,{}),e.jsx(r,{marginBottom:"var(--padding)",children:"Model"}),e.jsxs(t,{children:[e.jsx(a,{children:e.jsx(n,{label:"Label",children:e.jsx(l,{value:"Value",width:"100%"})})}),e.jsx(a,{children:e.jsx(n,{label:"Label",children:e.jsx(l,{value:"Value",width:"100%"})})})]}),e.jsxs(u,{heading:e.jsx(r,{children:"Settings"}),managed:!0,children:[e.jsx(n,{children:e.jsx(m,{label:"Dolor"})}),e.jsxs(t,{children:[e.jsxs(a,{children:[e.jsx(n,{label:"Label",children:e.jsx(l,{value:"Value",width:"100%"})}),e.jsx(n,{label:"Label",children:e.jsx(l,{value:"Value",width:"100%"})})]}),e.jsxs(a,{children:[e.jsx(n,{label:"Label",children:e.jsx(l,{value:"Value",width:"100%"})}),e.jsx(n,{label:"Label",children:e.jsx(l,{value:"Value",width:"100%"})})]})]})]})]}),e.jsx(a,{children:e.jsx(S,{})})]})]})]})})]})};o.__docgenInfo={description:"",methods:[],displayName:"Site"};var p,c,h;o.parameters={...o.parameters,docs:{...(p=o.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-FsUICBgo.js";import{r as x}from"./index-RfLt4OU
|
|
|
163
163
|
</Row>
|
|
164
164
|
</Page>
|
|
165
165
|
</>;
|
|
166
|
-
}`,...(h=(c=
|
|
166
|
+
}`,...(h=(c=o.parameters)==null?void 0:c.docs)==null?void 0:h.source}}};const ge=["Site"];export{o as Site,ge as __namedExportsOrder,je as default};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import{j as H}from"./jsx-runtime-FsUICBgo.js";import{_ as or}from"./lodash-Bmg8FrMx.js";import{r as o,a as lr}from"./index-RfLt4OUa.js";import{a as Ze,b as Z,_ as J}from"./objectSpread2-93s0nBry.js";import{c as ue,a as sr}from"./index-VW3EWkuE.js";import{_ as kt,b as cr}from"./inheritsLoose-8sb_A2v4.js";import{_ as fr}from"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import{m as dr}from"./memoize-one.esm-hqe5SRxC.js";import{i as vr}from"./index-ugi_ZH6T.js";import{I as ht}from"./common-types-U65vzrrz.js";import{D as mr}from"./disabled-context-urNQThQz.js";import{b as gr,T as Er}from"./tooltip-HEHiU__l.js";import{B as bt}from"./button-shH4xakS.js";function Je(e,a){(a==null||a>e.length)&&(a=e.length);for(var t=0,r=new Array(a);t<a;t++)r[t]=e[t];return r}function yr(e){if(Array.isArray(e))return Je(e)}function hr(e){if(typeof Symbol<"u"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function Ht(e,a){if(e){if(typeof e=="string")return Je(e,a);var t=Object.prototype.toString.call(e).slice(8,-1);if(t==="Object"&&e.constructor&&(t=e.constructor.name),t==="Map"||t==="Set")return Array.from(e);if(t==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return Je(e,a)}}function br(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
|
|
2
|
+
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function ne(e){return yr(e)||hr(e)||Ht(e)||br()}function _r(e){if(Array.isArray(e))return e}function Sr(e,a){var t=e==null?null:typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(t!=null){var r,n,i,u,l=[],c=!0,h=!1;try{if(i=(t=t.call(e)).next,a===0){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=i.call(t)).done)&&(l.push(r.value),l.length!==a);c=!0);}catch(b){h=!0,n=b}finally{try{if(!c&&t.return!=null&&(u=t.return(),Object(u)!==u))return}finally{if(h)throw n}}return l}}function pr(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
|
|
3
|
+
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function $(e,a){return _r(e)||Sr(e,a)||Ht(e,a)||pr()}var ze={},Mr=function(a){};function Or(e,a){}function Cr(e,a){}function xr(){ze={}}function Kt(e,a,t){!a&&!ze[t]&&(e(!1,t),ze[t]=!0)}function ke(e,a){Kt(Or,e,a)}function Nr(e,a){Kt(Cr,e,a)}ke.preMessage=Mr;ke.resetWarned=xr;ke.noteOnce=Nr;function Rr(e,a){var t=arguments.length>2&&arguments[2]!==void 0?arguments[2]:!1,r=new Set;function n(i,u){var l=arguments.length>2&&arguments[2]!==void 0?arguments[2]:1,c=r.has(i);if(ke(!c,"Warning: There may be circular references"),c)return!1;if(i===u)return!0;if(t&&l>1)return!1;r.add(i);var h=l+1;if(Array.isArray(i)){if(!Array.isArray(u)||i.length!==u.length)return!1;for(var b=0;b<i.length;b++)if(!n(i[b],u[b],h))return!1;return!0}if(i&&u&&Ze(i)==="object"&&Ze(u)==="object"){var y=Object.keys(i);return y.length!==Object.keys(u).length?!1:y.every(function(g){return n(i[g],u[g],h)})}return!1}return n(e,a)}function _t(e){var a=o.useRef();a.current=e;var t=o.useCallback(function(){for(var r,n=arguments.length,i=new Array(n),u=0;u<n;u++)i[u]=arguments[u];return(r=a.current)===null||r===void 0?void 0:r.call.apply(r,[a].concat(i))},[]);return t}function Pr(){return!!(typeof window<"u"&&window.document&&window.document.createElement)}var St=Pr()?o.useLayoutEffect:o.useEffect,Tr=function(a,t){var r=o.useRef(!0);St(function(){return a(r.current)},t),St(function(){return r.current=!1,function(){r.current=!0}},[])},pt=function(a,t){Tr(function(r){if(!r)return a()},t)};function Mt(e){var a=o.useRef(!1),t=o.useState(e),r=$(t,2),n=r[0],i=r[1];o.useEffect(function(){return a.current=!1,function(){a.current=!0}},[]);function u(l,c){c&&a.current||i(l)}return[n,u]}function $e(e){return e!==void 0}function Ar(e,a){var t=a||{},r=t.defaultValue,n=t.value,i=t.onChange,u=t.postState,l=Mt(function(){return $e(n)?n:$e(r)?typeof r=="function"?r():r:typeof e=="function"?e():e}),c=$(l,2),h=c[0],b=c[1],y=n!==void 0?n:h,g=u?u(y):y,d=_t(i),E=Mt([y]),v=$(E,2),f=v[0],_=v[1];pt(function(){var S=f[0];h!==S&&d(h,S)},[f]),pt(function(){$e(n)||b(n)},[n]);var s=_t(function(S,U){b(S,U),_([y],U)});return[g,s]}function Wt(e,a){if(e==null)return{};var t=fr(e,a),r,n;if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],!(a.indexOf(r)>=0)&&Object.prototype.propertyIsEnumerable.call(e,r)&&(t[r]=e[r])}return t}var m={MAC_ENTER:3,BACKSPACE:8,TAB:9,NUM_CENTER:12,ENTER:13,SHIFT:16,CTRL:17,ALT:18,PAUSE:19,CAPS_LOCK:20,ESC:27,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40,PRINT_SCREEN:44,INSERT:45,DELETE:46,ZERO:48,ONE:49,TWO:50,THREE:51,FOUR:52,FIVE:53,SIX:54,SEVEN:55,EIGHT:56,NINE:57,QUESTION_MARK:63,A:65,B:66,C:67,D:68,E:69,F:70,G:71,H:72,I:73,J:74,K:75,L:76,M:77,N:78,O:79,P:80,Q:81,R:82,S:83,T:84,U:85,V:86,W:87,X:88,Y:89,Z:90,META:91,WIN_KEY_RIGHT:92,CONTEXT_MENU:93,NUM_ZERO:96,NUM_ONE:97,NUM_TWO:98,NUM_THREE:99,NUM_FOUR:100,NUM_FIVE:101,NUM_SIX:102,NUM_SEVEN:103,NUM_EIGHT:104,NUM_NINE:105,NUM_MULTIPLY:106,NUM_PLUS:107,NUM_MINUS:109,NUM_PERIOD:110,NUM_DIVISION:111,F1:112,F2:113,F3:114,F4:115,F5:116,F6:117,F7:118,F8:119,F9:120,F10:121,F11:122,F12:123,NUMLOCK:144,SEMICOLON:186,DASH:189,EQUALS:187,COMMA:188,PERIOD:190,SLASH:191,APOSTROPHE:192,SINGLE_QUOTE:222,OPEN_SQUARE_BRACKET:219,BACKSLASH:220,CLOSE_SQUARE_BRACKET:221,WIN_KEY:224,MAC_FF_META:224,WIN_IME:229,isTextModifyingKeyEvent:function(a){var t=a.keyCode;if(a.altKey&&!a.ctrlKey||a.metaKey||t>=m.F1&&t<=m.F12)return!1;switch(t){case m.ALT:case m.CAPS_LOCK:case m.CONTEXT_MENU:case m.CTRL:case m.DOWN:case m.END:case m.ESC:case m.HOME:case m.INSERT:case m.LEFT:case m.MAC_FF_META:case m.META:case m.NUMLOCK:case m.NUM_CENTER:case m.PAGE_DOWN:case m.PAGE_UP:case m.PAUSE:case m.PRINT_SCREEN:case m.RIGHT:case m.SHIFT:case m.UP:case m.WIN_KEY:case m.WIN_KEY_RIGHT:return!1;default:return!0}},isCharacterKey:function(a){if(a>=m.ZERO&&a<=m.NINE||a>=m.NUM_ZERO&&a<=m.NUM_MULTIPLY||a>=m.A&&a<=m.Z||window.navigator.userAgent.indexOf("WebKit")!==-1&&a===0)return!0;switch(a){case m.SPACE:case m.QUESTION_MARK:case m.NUM_PLUS:case m.NUM_MINUS:case m.NUM_PERIOD:case m.NUM_DIVISION:case m.SEMICOLON:case m.DASH:case m.EQUALS:case m.COMMA:case m.PERIOD:case m.SLASH:case m.APOSTROPHE:case m.SINGLE_QUOTE:case m.OPEN_SQUARE_BRACKET:case m.BACKSLASH:case m.CLOSE_SQUARE_BRACKET:return!0;default:return!1}}},de=o.createContext({min:0,max:0,direction:"ltr",step:1,includedStart:0,includedEnd:0,tabIndex:0,keyboard:!0});function et(e,a,t){return(e-a)/(t-a)}function rt(e,a,t,r){var n=et(a,t,r),i={};switch(e){case"rtl":i.right="".concat(n*100,"%"),i.transform="translateX(50%)";break;case"btt":i.bottom="".concat(n*100,"%"),i.transform="translateY(50%)";break;case"ttb":i.top="".concat(n*100,"%"),i.transform="translateY(-50%)";break;default:i.left="".concat(n*100,"%"),i.transform="translateX(-50%)";break}return i}function _e(e,a){return Array.isArray(e)?e[a]:e}var Ir=["prefixCls","value","valueIndex","onStartMove","style","render","dragging","onOffsetChange"],Ur=o.forwardRef(function(e,a){var t,r,n=e.prefixCls,i=e.value,u=e.valueIndex,l=e.onStartMove,c=e.style,h=e.render,b=e.dragging,y=e.onOffsetChange,g=Wt(e,Ir),d=o.useContext(de),E=d.min,v=d.max,f=d.direction,_=d.disabled,s=d.keyboard,S=d.range,U=d.tabIndex,P=d.ariaLabelForHandle,M=d.ariaLabelledByForHandle,R=d.ariaValueTextFormatterForHandle,T="".concat(n,"-handle"),O=function(A){_||l(A,u)},x=function(A){if(!_&&s){var C=null;switch(A.which||A.keyCode){case m.LEFT:C=f==="ltr"||f==="btt"?-1:1;break;case m.RIGHT:C=f==="ltr"||f==="btt"?1:-1;break;case m.UP:C=f!=="ttb"?1:-1;break;case m.DOWN:C=f!=="ttb"?-1:1;break;case m.HOME:C="min";break;case m.END:C="max";break;case m.PAGE_UP:C=2;break;case m.PAGE_DOWN:C=-2;break}C!==null&&(A.preventDefault(),y(C,u))}},W=rt(f,i,E,v),F=o.createElement("div",kt({ref:a,className:ue(T,(t={},Z(t,"".concat(T,"-").concat(u+1),S),Z(t,"".concat(T,"-dragging"),b),t)),style:J(J({},W),c),onMouseDown:O,onTouchStart:O,onKeyDown:x,tabIndex:_?null:_e(U,u),role:"slider","aria-valuemin":E,"aria-valuemax":v,"aria-valuenow":i,"aria-disabled":_,"aria-label":_e(P,u),"aria-labelledby":_e(M,u),"aria-valuetext":(r=_e(R,u))===null||r===void 0?void 0:r(i),"aria-orientation":f==="ltr"||f==="rtl"?"horizontal":"vertical"},g));return h&&(F=h(F,{index:u,prefixCls:n,value:i,dragging:b})),F}),Lr=["prefixCls","style","onStartMove","onOffsetChange","values","handleRender","draggingIndex"],wr=o.forwardRef(function(e,a){var t=e.prefixCls,r=e.style,n=e.onStartMove,i=e.onOffsetChange,u=e.values,l=e.handleRender,c=e.draggingIndex,h=Wt(e,Lr),b=o.useRef({});return o.useImperativeHandle(a,function(){return{focus:function(g){var d;(d=b.current[g])===null||d===void 0||d.focus()}}}),o.createElement(o.Fragment,null,u.map(function(y,g){return o.createElement(Ur,kt({ref:function(E){E?b.current[g]=E:delete b.current[g]},dragging:c===g,prefixCls:t,style:_e(r,g),key:g,value:y,valueIndex:g,onStartMove:n,onOffsetChange:i,render:l},h))}))});function Ot(e){var a="touches"in e?e.touches[0]:e;return{pageX:a.pageX,pageY:a.pageY}}function Fr(e,a,t,r,n,i,u,l,c){var h=o.useState(null),b=$(h,2),y=b[0],g=b[1],d=o.useState(-1),E=$(d,2),v=E[0],f=E[1],_=o.useState(t),s=$(_,2),S=s[0],U=s[1],P=o.useState(t),M=$(P,2),R=M[0],T=M[1],O=o.useRef(null),x=o.useRef(null);o.useEffect(function(){v===-1&&U(t)},[t,v]),o.useEffect(function(){return function(){document.removeEventListener("mousemove",O.current),document.removeEventListener("mouseup",x.current),document.removeEventListener("touchmove",O.current),document.removeEventListener("touchend",x.current)}},[]);var W=function(L,D){S.some(function(K,z){return K!==L[z]})&&(D!==void 0&&g(D),U(L),u(L))},F=function(L,D){if(L===-1){var K=R[0],z=R[R.length-1],Se=r-K,pe=n-z,j=D*(n-r);j=Math.max(j,Se),j=Math.min(j,pe);var ie=i(K+j);j=ie-K;var oe=R.map(function(ge){return ge+j});W(oe)}else{var X=(n-r)*D,le=ne(S);le[L]=R[L];var me=c(le,X,L,"dist");W(me.values,me.value)}},q=o.useRef(F);q.current=F;var A=function(L,D){L.stopPropagation();var K=t[D];f(D),g(K),T(t);var z=Ot(L),Se=z.pageX,pe=z.pageY,j=function(X){X.preventDefault();var le=Ot(X),me=le.pageX,ge=le.pageY,Me=me-Se,Oe=ge-pe,Ce=e.current.getBoundingClientRect(),xe=Ce.width,ee=Ce.height,Y;switch(a){case"btt":Y=-Oe/ee;break;case"ttb":Y=Oe/ee;break;case"rtl":Y=-Me/xe;break;default:Y=Me/xe}q.current(D,Y)},ie=function oe(X){X.preventDefault(),document.removeEventListener("mouseup",oe),document.removeEventListener("mousemove",j),document.removeEventListener("touchend",oe),document.removeEventListener("touchmove",j),O.current=null,x.current=null,f(-1),l()};document.addEventListener("mouseup",ie),document.addEventListener("mousemove",j),document.addEventListener("touchend",ie),document.addEventListener("touchmove",j),O.current=j,x.current=ie},C=o.useMemo(function(){var B=ne(t).sort(function(D,K){return D-K}),L=ne(S).sort(function(D,K){return D-K});return B.every(function(D,K){return D===L[K]})?S:t},[t,S]);return[v,y,C,A]}function Dr(e){var a,t=e.prefixCls,r=e.style,n=e.start,i=e.end,u=e.index,l=e.onStartMove,c=o.useContext(de),h=c.direction,b=c.min,y=c.max,g=c.disabled,d=c.range,E="".concat(t,"-track"),v=et(n,b,y),f=et(i,b,y),_=function(U){!g&&l&&l(U,-1)},s={};switch(h){case"rtl":s.right="".concat(v*100,"%"),s.width="".concat(f*100-v*100,"%");break;case"btt":s.bottom="".concat(v*100,"%"),s.height="".concat(f*100-v*100,"%");break;case"ttb":s.top="".concat(v*100,"%"),s.height="".concat(f*100-v*100,"%");break;default:s.left="".concat(v*100,"%"),s.width="".concat(f*100-v*100,"%")}return o.createElement("div",{className:ue(E,(a={},Z(a,"".concat(E,"-").concat(u+1),d),Z(a,"".concat(t,"-track-draggable"),l),a)),style:J(J({},s),r),onMouseDown:_,onTouchStart:_})}function kr(e){var a=e.prefixCls,t=e.style,r=e.values,n=e.startPoint,i=e.onStartMove,u=o.useContext(de),l=u.included,c=u.range,h=u.min,b=o.useMemo(function(){if(!c){if(r.length===0)return[];var y=n??h,g=r[0];return[{start:Math.min(y,g),end:Math.max(y,g)}]}for(var d=[],E=0;E<r.length-1;E+=1)d.push({start:r[E],end:r[E+1]});return d},[r,c,n,h]);return l?b.map(function(y,g){var d=y.start,E=y.end;return o.createElement(Dr,{index:g,prefixCls:a,style:_e(t,g),start:d,end:E,key:g,onStartMove:i})}):null}function Hr(e){var a=e.prefixCls,t=e.style,r=e.children,n=e.value,i=e.onClick,u=o.useContext(de),l=u.min,c=u.max,h=u.direction,b=u.includedStart,y=u.includedEnd,g=u.included,d="".concat(a,"-text"),E=rt(h,n,l,c);return o.createElement("span",{className:ue(d,Z({},"".concat(d,"-active"),g&&b<=n&&n<=y)),style:J(J({},E),t),onMouseDown:function(f){f.stopPropagation()},onClick:function(){i(n)}},r)}function Kr(e){var a=e.prefixCls,t=e.marks,r=e.onClick,n="".concat(a,"-mark");return t.length?o.createElement("div",{className:n},t.map(function(i){var u=i.value,l=i.style,c=i.label;return o.createElement(Hr,{key:u,prefixCls:n,style:l,value:u,onClick:r},c)})):null}function Wr(e){var a=e.prefixCls,t=e.value,r=e.style,n=e.activeStyle,i=o.useContext(de),u=i.min,l=i.max,c=i.direction,h=i.included,b=i.includedStart,y=i.includedEnd,g="".concat(a,"-dot"),d=h&&b<=t&&t<=y,E=J(J({},rt(c,t,u,l)),typeof r=="function"?r(t):r);return d&&(E=J(J({},E),typeof n=="function"?n(t):n)),o.createElement("span",{className:ue(g,Z({},"".concat(g,"-active"),d)),style:E})}function jr(e){var a=e.prefixCls,t=e.marks,r=e.dots,n=e.style,i=e.activeStyle,u=o.useContext(de),l=u.min,c=u.max,h=u.step,b=o.useMemo(function(){var y=new Set;if(t.forEach(function(d){y.add(d.value)}),r&&h!==null)for(var g=l;g<=c;)y.add(g),g+=h;return Array.from(y)},[l,c,h,r,t]);return o.createElement("div",{className:"".concat(a,"-step")},b.map(function(y){return o.createElement(Wr,{prefixCls:a,key:y,value:y,style:n,activeStyle:i})}))}function $r(e,a,t,r,n,i){var u=o.useCallback(function(d){var E=isFinite(d)?d:e;return E=Math.min(a,d),E=Math.max(e,E),E},[e,a]),l=o.useCallback(function(d){if(t!==null){var E=e+Math.round((u(d)-e)/t)*t,v=function(S){return(String(S).split(".")[1]||"").length},f=Math.max(v(t),v(a),v(e)),_=Number(E.toFixed(f));return e<=_&&_<=a?_:null}return null},[t,e,a,u]),c=o.useCallback(function(d){var E=u(d),v=r.map(function(s){return s.value});t!==null&&v.push(l(d)),v.push(e,a);var f=v[0],_=a-e;return v.forEach(function(s){var S=Math.abs(E-s);S<=_&&(f=s,_=S)}),f},[e,a,r,t,u,l]),h=function d(E,v,f){var _=arguments.length>3&&arguments[3]!==void 0?arguments[3]:"unit";if(typeof v=="number"){var s,S=E[f],U=S+v,P=[];r.forEach(function(x){P.push(x.value)}),P.push(e,a),P.push(l(S));var M=v>0?1:-1;_==="unit"?P.push(l(S+M*t)):P.push(l(U)),P=P.filter(function(x){return x!==null}).filter(function(x){return v<0?x<=S:x>=S}),_==="unit"&&(P=P.filter(function(x){return x!==S}));var R=_==="unit"?S:U;s=P[0];var T=Math.abs(s-R);if(P.forEach(function(x){var W=Math.abs(x-R);W<T&&(s=x,T=W)}),s===void 0)return v<0?e:a;if(_==="dist")return s;if(Math.abs(v)>1){var O=ne(E);return O[f]=s,d(O,v-M,f,_)}return s}else{if(v==="min")return e;if(v==="max")return a}},b=function(E,v,f){var _=arguments.length>3&&arguments[3]!==void 0?arguments[3]:"unit",s=E[f],S=h(E,v,f,_);return{value:S,changed:S!==s}},y=function(E){return i===null&&E===0||typeof i=="number"&&E<i},g=function(E,v,f){var _=arguments.length>3&&arguments[3]!==void 0?arguments[3]:"unit",s=E.map(c),S=s[f],U=h(s,v,f,_);if(s[f]=U,n===!1){var P=i||0;f>0&&s[f-1]!==S&&(s[f]=Math.max(s[f],s[f-1]+P)),f<s.length-1&&s[f+1]!==S&&(s[f]=Math.min(s[f],s[f+1]-P))}else if(typeof i=="number"||i===null){for(var M=f+1;M<s.length;M+=1)for(var R=!0;y(s[M]-s[M-1])&&R;){var T=b(s,1,M);s[M]=T.value,R=T.changed}for(var O=f;O>0;O-=1)for(var x=!0;y(s[O]-s[O-1])&&x;){var W=b(s,-1,O-1);s[O-1]=W.value,x=W.changed}for(var F=s.length-1;F>0;F-=1)for(var q=!0;y(s[F]-s[F-1])&&q;){var A=b(s,-1,F-1);s[F-1]=A.value,q=A.changed}for(var C=0;C<s.length-1;C+=1)for(var B=!0;y(s[C+1]-s[C])&&B;){var L=b(s,1,C+1);s[C+1]=L.value,B=L.changed}}return{value:s[f],values:s}};return[c,g]}var Ct=o.forwardRef(function(e,a){var t,r=e.prefixCls,n=r===void 0?"rc-slider":r,i=e.className,u=e.style,l=e.disabled,c=l===void 0?!1:l,h=e.keyboard,b=h===void 0?!0:h,y=e.autoFocus,g=e.onFocus,d=e.onBlur,E=e.min,v=E===void 0?0:E,f=e.max,_=f===void 0?100:f,s=e.step,S=s===void 0?1:s,U=e.value,P=e.defaultValue,M=e.range,R=e.count,T=e.onChange,O=e.onBeforeChange,x=e.onAfterChange,W=e.allowCross,F=W===void 0?!0:W,q=e.pushable,A=q===void 0?!1:q,C=e.draggableTrack,B=e.reverse,L=e.vertical,D=e.included,K=D===void 0?!0:D,z=e.startPoint,Se=e.trackStyle,pe=e.handleStyle,j=e.railStyle,ie=e.dotStyle,oe=e.activeDotStyle,X=e.marks,le=e.dots,me=e.handleRender,ge=e.tabIndex,Me=ge===void 0?0:ge,Oe=e.ariaLabelForHandle,Ce=e.ariaLabelledByForHandle,xe=e.ariaValueTextFormatterForHandle,ee=o.useRef(),Y=o.useRef(),Ie=o.useMemo(function(){return L?B?"ttb":"btt":B?"rtl":"ltr"},[B,L]),V=o.useMemo(function(){return isFinite(v)?v:0},[v]),Ee=o.useMemo(function(){return isFinite(_)?_:100},[_]),se=o.useMemo(function(){return S!==null&&S<=0?1:S},[S]),Bt=o.useMemo(function(){return typeof A=="boolean"?A?se:!1:A>=0?A:!1},[A,se]),Ue=o.useMemo(function(){var w=Object.keys(X||{});return w.map(function(N){var p=X[N],k={value:Number(N)};return p&&Ze(p)==="object"&&!o.isValidElement(p)&&("label"in p||"style"in p)?(k.style=p.style,k.label=p.label):k.label=p,k}).filter(function(N){var p=N.label;return p||typeof p=="number"}).sort(function(N,p){return N.value-p.value})},[X]),Gt=$r(V,Ee,se,Ue,F,Bt),nt=$(Gt,2),Le=nt[0],ut=nt[1],Xt=Ar(P,{value:U}),it=$(Xt,2),te=it[0],Yt=it[1],Q=o.useMemo(function(){var w=te==null?[]:Array.isArray(te)?te:[te],N=$(w,1),p=N[0],k=p===void 0?V:p,I=te===null?[]:[k];if(M){if(I=ne(w),R||te===void 0){var he=R>=0?R+1:2;for(I=I.slice(0,he);I.length<he;){var fe;I.push((fe=I[I.length-1])!==null&&fe!==void 0?fe:V)}}I.sort(function(re,Ne){return re-Ne})}return I.forEach(function(re,Ne){I[Ne]=Le(re)}),I},[te,M,V,R,Le]),we=o.useRef(Q);we.current=Q;var ce=function(N){return M?N:N[0]},Ke=function(N){var p=ne(N).sort(function(k,I){return k-I});T&&!Rr(p,we.current,!0)&&T(ce(p)),Yt(p)},ot=function(N){if(!c){var p=0,k=Ee-V;Q.forEach(function(he,fe){var re=Math.abs(N-he);re<=k&&(k=re,p=fe)});var I=ne(Q);I[p]=N,M&&!Q.length&&R===void 0&&I.push(N),O==null||O(ce(I)),Ke(I),x==null||x(ce(I))}},Qt=function(N){N.preventDefault();var p=Y.current.getBoundingClientRect(),k=p.width,I=p.height,he=p.left,fe=p.top,re=p.bottom,Ne=p.right,Et=N.clientX,yt=N.clientY,Re;switch(Ie){case"btt":Re=(re-yt)/I;break;case"ttb":Re=(yt-fe)/I;break;case"rtl":Re=(Ne-Et)/k;break;default:Re=(Et-he)/k}var ir=V+Re*(Ee-V);ot(Le(ir))},Zt=o.useState(null),lt=$(Zt,2),We=lt[0],st=lt[1],Jt=function(N,p){if(!c){var k=ut(Q,N,p);O==null||O(ce(Q)),Ke(k.values),x==null||x(ce(k.values)),st(k.value)}};o.useEffect(function(){if(We!==null){var w=Q.indexOf(We);w>=0&&ee.current.focus(w)}st(null)},[We]);var zt=o.useMemo(function(){return C&&se===null?!1:C},[C,se]),er=function(){x==null||x(ce(we.current))},tr=Fr(Y,Ie,Q,V,Ee,Le,Ke,er,ut),Fe=$(tr,4),ct=Fe[0],rr=Fe[1],je=Fe[2],ar=Fe[3],ft=function(N,p){ar(N,p),O==null||O(ce(we.current))},dt=ct!==-1;o.useEffect(function(){if(!dt){var w=Q.lastIndexOf(rr);ee.current.focus(w)}},[dt]);var ye=o.useMemo(function(){return ne(je).sort(function(w,N){return w-N})},[je]),nr=o.useMemo(function(){return M?[ye[0],ye[ye.length-1]]:[V,ye[0]]},[ye,M,V]),vt=$(nr,2),mt=vt[0],gt=vt[1];o.useImperativeHandle(a,function(){return{focus:function(){ee.current.focus(0)},blur:function(){var N=document,p=N.activeElement;Y.current.contains(p)&&(p==null||p.blur())}}}),o.useEffect(function(){y&&ee.current.focus(0)},[]);var ur=o.useMemo(function(){return{min:V,max:Ee,direction:Ie,disabled:c,keyboard:b,step:se,included:K,includedStart:mt,includedEnd:gt,range:M,tabIndex:Me,ariaLabelForHandle:Oe,ariaLabelledByForHandle:Ce,ariaValueTextFormatterForHandle:xe}},[V,Ee,Ie,c,b,se,K,mt,gt,M,Me,Oe,Ce,xe]);return o.createElement(de.Provider,{value:ur},o.createElement("div",{ref:Y,className:ue(n,i,(t={},Z(t,"".concat(n,"-disabled"),c),Z(t,"".concat(n,"-vertical"),L),Z(t,"".concat(n,"-horizontal"),!L),Z(t,"".concat(n,"-with-marks"),Ue.length),t)),style:u,onMouseDown:Qt},o.createElement("div",{className:"".concat(n,"-rail"),style:j}),o.createElement(kr,{prefixCls:n,style:Se,values:ye,startPoint:z,onStartMove:zt?ft:null}),o.createElement(jr,{prefixCls:n,marks:Ue,dots:le,style:ie,activeStyle:oe}),o.createElement(wr,{ref:ee,prefixCls:n,style:pe,values:je,draggingIndex:ct,onStartMove:ft,onOffsetChange:Jt,onFocus:g,onBlur:d,handleRender:me}),o.createElement(Kr,{prefixCls:n,marks:Ue,onClick:ot})))}),at={},jt={exports:{}};(function(e){function a(t){return t&&t.__esModule?t:{default:t}}e.exports=a,e.exports.__esModule=!0,e.exports.default=e.exports})(jt);var qr=jt.exports,$t={exports:{}};(function(e){function a(t){"@babel/helpers - typeof";return e.exports=a=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(r){return typeof r}:function(r){return r&&typeof Symbol=="function"&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},e.exports.__esModule=!0,e.exports.default=e.exports,a(t)}e.exports=a,e.exports.__esModule=!0,e.exports.default=e.exports})($t);var He=$t.exports;const Vr=lr(cr);var qe={exports:{}},Ve={exports:{}},Be={exports:{}},Ge={exports:{}},xt;function Br(){return xt||(xt=1,function(e){var a=He.default;function t(r,n){if(a(r)!=="object"||r===null)return r;var i=r[Symbol.toPrimitive];if(i!==void 0){var u=i.call(r,n||"default");if(a(u)!=="object")return u;throw new TypeError("@@toPrimitive must return a primitive value.")}return(n==="string"?String:Number)(r)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports}(Ge)),Ge.exports}var Nt;function Gr(){return Nt||(Nt=1,function(e){var a=He.default,t=Br();function r(n){var i=t(n,"string");return a(i)==="symbol"?i:String(i)}e.exports=r,e.exports.__esModule=!0,e.exports.default=e.exports}(Be)),Be.exports}var Rt;function qt(){return Rt||(Rt=1,function(e){var a=Gr();function t(r,n,i){return n=a(n),n in r?Object.defineProperty(r,n,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[n]=i,r}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports}(Ve)),Ve.exports}var Pt;function Xr(){return Pt||(Pt=1,function(e){var a=qt();function t(n,i){var u=Object.keys(n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(n);i&&(l=l.filter(function(c){return Object.getOwnPropertyDescriptor(n,c).enumerable})),u.push.apply(u,l)}return u}function r(n){for(var i=1;i<arguments.length;i++){var u=arguments[i]!=null?arguments[i]:{};i%2?t(Object(u),!0).forEach(function(l){a(n,l,u[l])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(u)):t(Object(u)).forEach(function(l){Object.defineProperty(n,l,Object.getOwnPropertyDescriptor(u,l))})}return n}e.exports=r,e.exports.__esModule=!0,e.exports.default=e.exports}(qe)),qe.exports}var Xe={exports:{}},Ye={exports:{}},Tt;function Yr(){return Tt||(Tt=1,function(e){function a(t,r){if(t==null)return{};var n={},i=Object.keys(t),u,l;for(l=0;l<i.length;l++)u=i[l],!(r.indexOf(u)>=0)&&(n[u]=t[u]);return n}e.exports=a,e.exports.__esModule=!0,e.exports.default=e.exports}(Ye)),Ye.exports}var At;function Qr(){return At||(At=1,function(e){var a=Yr();function t(r,n){if(r==null)return{};var i=a(r,n),u,l;if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(r);for(l=0;l<c.length;l++)u=c[l],!(n.indexOf(u)>=0)&&Object.prototype.propertyIsEnumerable.call(r,u)&&(i[u]=r[u])}return i}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports}(Xe)),Xe.exports}var Pe={},It;function Zr(){if(It)return Pe;It=1,Object.defineProperty(Pe,"__esModule",{value:!0}),Pe.default=void 0;var e={MAC_ENTER:3,BACKSPACE:8,TAB:9,NUM_CENTER:12,ENTER:13,SHIFT:16,CTRL:17,ALT:18,PAUSE:19,CAPS_LOCK:20,ESC:27,SPACE:32,PAGE_UP:33,PAGE_DOWN:34,END:35,HOME:36,LEFT:37,UP:38,RIGHT:39,DOWN:40,PRINT_SCREEN:44,INSERT:45,DELETE:46,ZERO:48,ONE:49,TWO:50,THREE:51,FOUR:52,FIVE:53,SIX:54,SEVEN:55,EIGHT:56,NINE:57,QUESTION_MARK:63,A:65,B:66,C:67,D:68,E:69,F:70,G:71,H:72,I:73,J:74,K:75,L:76,M:77,N:78,O:79,P:80,Q:81,R:82,S:83,T:84,U:85,V:86,W:87,X:88,Y:89,Z:90,META:91,WIN_KEY_RIGHT:92,CONTEXT_MENU:93,NUM_ZERO:96,NUM_ONE:97,NUM_TWO:98,NUM_THREE:99,NUM_FOUR:100,NUM_FIVE:101,NUM_SIX:102,NUM_SEVEN:103,NUM_EIGHT:104,NUM_NINE:105,NUM_MULTIPLY:106,NUM_PLUS:107,NUM_MINUS:109,NUM_PERIOD:110,NUM_DIVISION:111,F1:112,F2:113,F3:114,F4:115,F5:116,F6:117,F7:118,F8:119,F9:120,F10:121,F11:122,F12:123,NUMLOCK:144,SEMICOLON:186,DASH:189,EQUALS:187,COMMA:188,PERIOD:190,SLASH:191,APOSTROPHE:192,SINGLE_QUOTE:222,OPEN_SQUARE_BRACKET:219,BACKSLASH:220,CLOSE_SQUARE_BRACKET:221,WIN_KEY:224,MAC_FF_META:224,WIN_IME:229,isTextModifyingKeyEvent:function(r){var n=r.keyCode;if(r.altKey&&!r.ctrlKey||r.metaKey||n>=e.F1&&n<=e.F12)return!1;switch(n){case e.ALT:case e.CAPS_LOCK:case e.CONTEXT_MENU:case e.CTRL:case e.DOWN:case e.END:case e.ESC:case e.HOME:case e.INSERT:case e.LEFT:case e.MAC_FF_META:case e.META:case e.NUMLOCK:case e.NUM_CENTER:case e.PAGE_DOWN:case e.PAGE_UP:case e.PAUSE:case e.PRINT_SCREEN:case e.RIGHT:case e.SHIFT:case e.UP:case e.WIN_KEY:case e.WIN_KEY_RIGHT:return!1;default:return!0}},isCharacterKey:function(r){if(r>=e.ZERO&&r<=e.NINE||r>=e.NUM_ZERO&&r<=e.NUM_MULTIPLY||r>=e.A&&r<=e.Z||window.navigator.userAgent.indexOf("WebKit")!==-1&&r===0)return!0;switch(r){case e.SPACE:case e.QUESTION_MARK:case e.NUM_PLUS:case e.NUM_MINUS:case e.NUM_PERIOD:case e.NUM_DIVISION:case e.SEMICOLON:case e.DASH:case e.EQUALS:case e.COMMA:case e.PERIOD:case e.SLASH:case e.APOSTROPHE:case e.SINGLE_QUOTE:case e.OPEN_SQUARE_BRACKET:case e.BACKSLASH:case e.CLOSE_SQUARE_BRACKET:return!0;default:return!1}}},a=e;return Pe.default=a,Pe}var Te={},Ut;function Jr(){if(Ut)return Te;Ut=1;var e=He;Object.defineProperty(Te,"__esModule",{value:!0}),Te.default=void 0;var a=r(o);function t(u){if(typeof WeakMap!="function")return null;var l=new WeakMap,c=new WeakMap;return(t=function(b){return b?c:l})(u)}function r(u,l){if(!l&&u&&u.__esModule)return u;if(u===null||e(u)!=="object"&&typeof u!="function")return{default:u};var c=t(l);if(c&&c.has(u))return c.get(u);var h={},b=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var y in u)if(y!=="default"&&Object.prototype.hasOwnProperty.call(u,y)){var g=b?Object.getOwnPropertyDescriptor(u,y):null;g&&(g.get||g.set)?Object.defineProperty(h,y,g):h[y]=u[y]}return h.default=u,c&&c.set(u,h),h}var n=a.createContext({min:0,max:0,direction:"ltr",step:1,includedStart:0,includedEnd:0,tabIndex:0,keyboard:!0}),i=n;return Te.default=i,Te}var be={},Lt;function zr(){if(Lt)return be;Lt=1,Object.defineProperty(be,"__esModule",{value:!0}),be.getDirectionStyle=a,be.getIndex=t,be.getOffset=e;function e(r,n,i){return(r-n)/(i-n)}function a(r,n,i,u){var l=e(n,i,u),c={};switch(r){case"rtl":c.right="".concat(l*100,"%"),c.transform="translateX(50%)";break;case"btt":c.bottom="".concat(l*100,"%"),c.transform="translateY(50%)";break;case"ttb":c.top="".concat(l*100,"%"),c.transform="translateY(-50%)";break;default:c.left="".concat(l*100,"%"),c.transform="translateX(-50%)";break}return c}function t(r,n){return Array.isArray(r)?r[n]:r}return be}var ve=qr,ea=He;Object.defineProperty(at,"__esModule",{value:!0});var tt=at.default=void 0,ta=ve(Vr),wt=ve(Xr()),Ft=ve(qt()),ra=ve(Qr()),Qe=ia(o),aa=ve(sr),ae=ve(Zr()),na=ve(Jr()),Ae=zr(),ua=["prefixCls","value","valueIndex","onStartMove","style","render","dragging","onOffsetChange"];function Vt(e){if(typeof WeakMap!="function")return null;var a=new WeakMap,t=new WeakMap;return(Vt=function(n){return n?t:a})(e)}function ia(e,a){if(!a&&e&&e.__esModule)return e;if(e===null||ea(e)!=="object"&&typeof e!="function")return{default:e};var t=Vt(a);if(t&&t.has(e))return t.get(e);var r={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if(i!=="default"&&Object.prototype.hasOwnProperty.call(e,i)){var u=n?Object.getOwnPropertyDescriptor(e,i):null;u&&(u.get||u.set)?Object.defineProperty(r,i,u):r[i]=e[i]}return r.default=e,t&&t.set(e,r),r}var oa=Qe.forwardRef(function(e,a){var t,r,n=e.prefixCls,i=e.value,u=e.valueIndex,l=e.onStartMove,c=e.style,h=e.render,b=e.dragging,y=e.onOffsetChange,g=(0,ra.default)(e,ua),d=Qe.useContext(na.default),E=d.min,v=d.max,f=d.direction,_=d.disabled,s=d.keyboard,S=d.range,U=d.tabIndex,P=d.ariaLabelForHandle,M=d.ariaLabelledByForHandle,R=d.ariaValueTextFormatterForHandle,T="".concat(n,"-handle"),O=function(A){_||l(A,u)},x=function(A){if(!_&&s){var C=null;switch(A.which||A.keyCode){case ae.default.LEFT:C=f==="ltr"||f==="btt"?-1:1;break;case ae.default.RIGHT:C=f==="ltr"||f==="btt"?1:-1;break;case ae.default.UP:C=f!=="ttb"?1:-1;break;case ae.default.DOWN:C=f!=="ttb"?-1:1;break;case ae.default.HOME:C="min";break;case ae.default.END:C="max";break;case ae.default.PAGE_UP:C=2;break;case ae.default.PAGE_DOWN:C=-2;break}C!==null&&(A.preventDefault(),y(C,u))}},W=(0,Ae.getDirectionStyle)(f,i,E,v),F=Qe.createElement("div",(0,ta.default)({ref:a,className:(0,aa.default)(T,(t={},(0,Ft.default)(t,"".concat(T,"-").concat(u+1),S),(0,Ft.default)(t,"".concat(T,"-dragging"),b),t)),style:(0,wt.default)((0,wt.default)({},W),c),onMouseDown:O,onTouchStart:O,onKeyDown:x,tabIndex:_?null:(0,Ae.getIndex)(U,u),role:"slider","aria-valuemin":E,"aria-valuemax":v,"aria-valuenow":i,"aria-disabled":_,"aria-label":(0,Ae.getIndex)(P,u),"aria-labelledby":(0,Ae.getIndex)(M,u),"aria-valuetext":(r=(0,Ae.getIndex)(R,u))===null||r===void 0?void 0:r(i),"aria-orientation":f==="ltr"||f==="rtl"?"horizontal":"vertical"},g));return h&&(F=h(F,{index:u,prefixCls:n,value:i,dragging:b})),F}),la=oa;tt=at.default=la;const De=({text:e})=>H.jsx(gr,{text:e,layerProps:{style:{whiteSpace:"nowrap",position:"fixed",transform:"translate(-50%, -100%)",marginTop:-15,marginLeft:5}}});try{De.displayName="SliderTooltip",De.__docgenInfo={description:"",displayName:"SliderTooltip",props:{text:{defaultValue:null,description:"",name:"text",required:!0,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null | undefined"}}}}}catch{}const sa="_container_1a936_1",ca="_small_1a936_7",fa="_hasMarks_1a936_10",da="_vertical_1a936_13",va="_hasArrows_1a936_17",ma="_button_1a936_21",ga="_label_1a936_24",G={container:sa,small:ca,hasMarks:fa,vertical:da,hasArrows:va,button:ma,label:ga},Ea=e=>e.reduce((a,{label:t,tooltip:r,value:n})=>{const u=r!==void 0?H.jsx(Er,{text:r,children:t}):t||n;return a[n]=u,a},{}),ya=dr(Ea,vr),Dt=({name:e,label:a,width:t="100%",labelWidth:r="auto",value:n,min:i,max:u,step:l=1,marks:c=[],showArrows:h=!1,showTooltip:b=!1,tooltipFormatter:y=_=>_,disabled:g=!1,range:d=!1,small:E=!1,vertical:v={enabled:!1,width:"100px",height:"400px"},onChange:f})=>{const _=o.useContext(mr),s=ya(c),S=M=>{f({target:{name:e,value:M,label:a}})},U=()=>H.jsx("div",{className:G.button,children:H.jsx(bt,{basic:!0,small:!0,round:!0,onClick:()=>S(d?[i,n==null?void 0:n[1]]:i),disabled:g||n===i||_,icon:ht.FAST_BACKWARD})}),P=()=>H.jsx("div",{className:G.button,children:H.jsx(bt,{basic:!0,small:!0,round:!0,onClick:()=>S(d?[n==null?void 0:n[0],u]:u),disabled:g||n===u||_,icon:ht.FAST_FORWARD})});return H.jsxs("div",{className:ue(G.container,E?G.small:"",v.enabled?G.vertical:"",or.isEmpty(c)?"":G.hasMarks),style:v.enabled?{width:v.width,height:v.height}:{width:t},children:[h&&(v.enabled?H.jsx(P,{}):H.jsx(U,{})),d?H.jsx(Ct,{range:!0,allowCross:!1,className:ue((g||_)&&G.rcSliderDisabled,h&&G.hasArrows),value:n,max:u,min:i,step:l,marks:s,onChange:M=>S(M),disabled:g||_,vertical:v.enabled,handle:b?({index:M,value:R,dragging:T,...O})=>H.jsx(tt,{value:R,...O,children:T&&H.jsx(De,{text:y(R)})},M):void 0}):H.jsx(Ct,{className:ue((g||_)&&G.rcSliderDisabled,h&&G.hasArrows),value:n,max:u,min:i,step:l,marks:s,onChange:M=>S(M),disabled:g||_,vertical:v.enabled,handle:b?({index:M,value:R,dragging:T,...O})=>H.jsx(tt,{value:R,...O,children:T&&H.jsx(De,{text:y(R)})},M):void 0}),h&&(v.enabled?H.jsx(U,{}):H.jsx(P,{})),a&&H.jsx("label",{className:G.label,style:{width:r},children:a})]})};try{Dt.displayName="Slider",Dt.__docgenInfo={description:"",displayName:"Slider",props:{name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},width:{defaultValue:{value:"100%"},description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},labelWidth:{defaultValue:{value:"auto"},description:"",name:"labelWidth",required:!1,type:{name:"TStringOrNumber"}},value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"number | number[]"}},min:{defaultValue:null,description:"",name:"min",required:!0,type:{name:"number"}},max:{defaultValue:null,description:"",name:"max",required:!0,type:{name:"number"}},step:{defaultValue:{value:"1"},description:"",name:"step",required:!1,type:{name:"number"}},marks:{defaultValue:{value:"[]"},description:"",name:"marks",required:!1,type:{name:"TSliderMark[]"}},showArrows:{defaultValue:{value:"false"},description:"",name:"showArrows",required:!1,type:{name:"boolean"}},showTooltip:{defaultValue:{value:"false"},description:"",name:"showTooltip",required:!1,type:{name:"boolean"}},tooltipFormatter:{defaultValue:{value:"(v) => v"},description:"",name:"tooltipFormatter",required:!1,type:{name:"((value: number | number[]) => string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null)"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},range:{defaultValue:{value:"false"},description:"",name:"range",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},vertical:{defaultValue:{value:`{
|
|
4
|
+
enabled: false,
|
|
5
|
+
width: '100px',
|
|
6
|
+
height: '400px',
|
|
7
|
+
}`},description:"",name:"vertical",required:!1,type:{name:"{ enabled: boolean; width?: string; height?: string; } | undefined"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(evt: { target: { name?: string | undefined; value: number | number[]; label?: string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<...> | ReactPortal | null | undefined; }; }) => void"}}}}}catch{}export{Dt as S};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as a}from"./jsx-runtime-FsUICBgo.js";import{S as x}from"./slider-
|
|
1
|
+
import{j as a}from"./jsx-runtime-FsUICBgo.js";import{S as x}from"./slider-MN9iDCsS.js";import{T as se}from"./text-6KQ6ntOV.js";import"./index-RfLt4OUa.js";import"./lodash-Bmg8FrMx.js";import"./objectSpread2-93s0nBry.js";import"./index-VW3EWkuE.js";import"./inheritsLoose-8sb_A2v4.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./memoize-one.esm-hqe5SRxC.js";import"./index-ugi_ZH6T.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./tooltip-HEHiU__l.js";import"./index-miLrID2P.js";import"./button-shH4xakS.js";import"./spinner-R8Il4aRe.js";import"./icon-8EQazuuW.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";const{useArgs:re}=__STORYBOOK_MODULE_ADDONS__,ne=[{label:"S1...",tooltip:"S1 Production",value:20},{label:"S2...",tooltip:"S2 Cementing",value:40},{label:"S3...",tooltip:a.jsxs("span",{children:[a.jsx("strong",{children:"S3"})," Drilling"]}),value:60},{label:"S4...",tooltip:"S4 Shut in",value:80},{label:"S5...",tooltip:"S5 Circulate",value:100}],ye={title:"Forms/Slider",component:x,args:{value:50,min:0,max:100,step:1,showTooltip:!1,label:""}},e=n=>{const[m,v]=re(),A=b=>{v({value:b.target.value})};return a.jsx(x,{...n,onChange:A})},c=e.bind({}),s=e.bind({});s.args={range:!0,value:[10,40]};const t=e.bind({});t.args={label:"Number of aardvarks"};const o=e.bind({});o.args={range:!0,value:[10,40],showArrows:!0};const h=n=>{const[{value:m},v]=re(),A=b=>{v({value:b.target.value})};return a.jsx(a.Fragment,{children:a.jsx(x,{...n,label:a.jsxs("span",{children:["Fixed width label: ",a.jsx("strong",{children:m*Math.random()})]}),labelWidth:"400px",value:m,onChange:A})})},l=e.bind({});l.args={showTooltip:!0};const i=e.bind({});i.args={showTooltip:!0,tooltipFormatter:n=>a.jsx(se,{warning:!0,children:`${n} extra info lorem ipsum`})};const d=e.bind({});d.args={showArrows:!0};const g=e.bind({});g.args={marks:ne};const r=e.bind({});r.args={small:!0};r.parameters={docs:{description:{story:"Reduces the vertical height of the `Slider` container to align with other `small` elements."}}};const p=e.bind({});p.args={disabled:!0};const u=e.bind({});u.args={marks:ne,vertical:{enabled:!0,width:"100px",height:"400px"}};var S,C,j;c.parameters={...c.parameters,docs:{...(S=c.parameters)==null?void 0:S.docs,source:{originalSource:`args => {
|
|
2
2
|
const [_, updateArgs] = useArgs();
|
|
3
3
|
const handleChange = (evt: any) => {
|
|
4
4
|
updateArgs({
|
|
@@ -38,7 +38,7 @@ import{j as a}from"./jsx-runtime-FsUICBgo.js";import{S as x}from"./slider-XJwLz1
|
|
|
38
38
|
return <Slider
|
|
39
39
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
40
40
|
{...args} onChange={handleChange} />;
|
|
41
|
-
}`,...(O=(R=o.parameters)==null?void 0:R.docs)==null?void 0:O.source}}};var L,M,k;
|
|
41
|
+
}`,...(O=(R=o.parameters)==null?void 0:R.docs)==null?void 0:O.source}}};var L,M,k;h.parameters={...h.parameters,docs:{...(L=h.parameters)==null?void 0:L.docs,source:{originalSource:`args => {
|
|
42
42
|
const [{
|
|
43
43
|
value
|
|
44
44
|
}, updateArgs] = useArgs();
|
|
@@ -54,7 +54,7 @@ import{j as a}from"./jsx-runtime-FsUICBgo.js";import{S as x}from"./slider-XJwLz1
|
|
|
54
54
|
Fixed width label: <strong>{value * Math.random()}</strong>
|
|
55
55
|
</span>} labelWidth="400px" value={value} onChange={handleChange} />
|
|
56
56
|
</>;
|
|
57
|
-
}`,...(k=(M=
|
|
57
|
+
}`,...(k=(M=h.parameters)==null?void 0:M.docs)==null?void 0:k.source}}};var W,E,J;l.parameters={...l.parameters,docs:{...(W=l.parameters)==null?void 0:W.docs,source:{originalSource:`args => {
|
|
58
58
|
const [_, updateArgs] = useArgs();
|
|
59
59
|
const handleChange = (evt: any) => {
|
|
60
60
|
updateArgs({
|
|
@@ -124,4 +124,4 @@ import{j as a}from"./jsx-runtime-FsUICBgo.js";import{S as x}from"./slider-XJwLz1
|
|
|
124
124
|
return <Slider
|
|
125
125
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
126
126
|
{...args} onChange={handleChange} />;
|
|
127
|
-
}`,...(ae=(ee=u.parameters)==null?void 0:ee.docs)==null?void 0:ae.source}}};const
|
|
127
|
+
}`,...(ae=(ee=u.parameters)==null?void 0:ee.docs)==null?void 0:ae.source}}};const Te=["Default","Range","Label","RangeWithArrows","JSXLabel","Tooltip","FormattedTooltip","Arrows","Marks","Small","Disabled","Vertical"];export{d as Arrows,c as Default,p as Disabled,i as FormattedTooltip,h as JSXLabel,t as Label,g as Marks,s as Range,o as RangeWithArrows,r as Small,l as Tooltip,u as Vertical,Te as __namedExportsOrder,ye as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as r}from"./jsx-runtime-FsUICBgo.js";import{S as h}from"./spacer-Yji9g2AW.js";import{F as j}from"./flex-
|
|
1
|
+
import{j as r}from"./jsx-runtime-FsUICBgo.js";import{S as h}from"./spacer-Yji9g2AW.js";import{F as j}from"./flex-RYZsoWEN.js";import{B as s}from"./button-shH4xakS.js";import"./index-RfLt4OUa.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./spinner-R8Il4aRe.js";import"./icon-8EQazuuW.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-8sb_A2v4.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./tooltip-HEHiU__l.js";import"./index-miLrID2P.js";const L={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 O=["Default","Height","Width"];export{a as Default,e as Height,o as Width,O as __namedExportsOrder,L as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{S as l,c as n,s as d}from"./index-i2tVYo5N.js";import"./iframe-Z5bUT4O1.js";import"../sb-preview/runtime.js";import"./index-RfLt4OUa.js";import"./index-miLrID2P.js";import"./inheritsLoose-8sb_A2v4.js";import"./assertThisInitialized-4q6YPdh3.js";import"./index-R5dkQuFe.js";import"./index-PPLHz8o0.js";export{l as SyntaxHighlighter,n as createCopyToClipboardFunction,d as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as n}from"./jsx-runtime-FsUICBgo.js";import{r as T}from"./index-RfLt4OUa.js";import{c as N}from"./index-VW3EWkuE.js";import{I as He,D as Pe,C as Le,P as De}from"./index.es-VXFRDikp.js";import{l as Fe}from"./lodash-Bmg8FrMx.js";import{A as ge}from"./actions-mOcj9IlF.js";import{H as $e}from"./heading-jZsIIJF0.js";import{P as Be}from"./pagination-tnyyuMkB.js";import{A as b,I as $}from"./common-types-U65vzrrz.js";import{I as Oe}from"./input-2BhbKV-j.js";import{N as Me}from"./number-input-CMhEMmUd.js";import{S as Ue}from"./select-DZdWUrCW.js";import{D as Ge}from"./disabled-context-urNQThQz.js";import{i as B}from"./types-5uVBABF4.js";import{T as fe}from"./tooltip-HEHiU__l.js";import{C as Xe}from"./check-box-2gxosI3y.js";import{S as ze}from"./slider-MN9iDCsS.js";import{I as O}from"./icon-8EQazuuW.js";import{P as Je}from"./popover-cad2llTa.js";import{H as Ee}from"./help-icon-SKky6KLV.js";import{T as ne}from"./text-6KQ6ntOV.js";const Ke="_inputInTable_y9car_1",Ye="_inputHover_y9car_13",Qe="_inputFocus_y9car_18",Ze="_inputError_y9car_25",en="_inputWarning_y9car_26",nn="_inputDisabled_y9car_61",tn="_hideScrollbars_y9car_67",rn="_wrapper_y9car_85",an="_bordered_y9car_93",ln="_scroll_y9car_98",on="_table_y9car_108",sn="_striped_y9car_188",H={inputInTable:Ke,inputHover:Ye,inputFocus:Qe,inputError:Ze,inputWarning:en,inputDisabled:nn,hideScrollbars:tn,wrapper:rn,bordered:an,scroll:ln,table:on,striped:sn},dn="_title_zn5s7_1",cn={title:dn},G=({name:e=null,actions:t=null,actionsRight:r=!1,testId:l})=>{const a=e!==null,o=t!==null;if(!a&&!o)return null;const s=()=>{if(!o)return null;const u=n.jsx(ge,{actions:t});return r?u:n.jsx("div",{children:u})};return n.jsxs("div",{className:cn.title,children:[a?n.jsx($e,{children:n.jsx("span",{"data-testid":l,children:e})}):null,s()]})};try{G.displayName="Title",G.__docgenInfo={description:"",displayName:"Title",props:{name:{defaultValue:{value:"null"},description:"",name:"name",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},actions:{defaultValue:{value:"null"},description:"",name:"actions",required:!1,type:{name:"any"}},actionsRight:{defaultValue:{value:"false"},description:"",name:"actionsRight",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const un="_footer_4sumy_1",pn="_section_4sumy_7",te={footer:un,section:pn},X=({colSpan:e,pagination:t,actions:r,content:l})=>{const a=r&&r.length,o=l!=null,s=()=>{var d,p;if(t){const{rowCount:c,rowsPerPage:g}=t,y=Number((p=(d=g==null?void 0:g.options)==null?void 0:d[0])==null?void 0:p.value);return c>y}return!1};return a||o||s()?n.jsxs("div",{className:te.footer,children:[o?n.jsx("div",{className:te.section,children:n.jsx("div",{children:l})}):null,a||s()?n.jsxs("div",{className:te.section,children:[s()?n.jsx(Be,{pagination:t}):n.jsx("div",{}),a&&n.jsx("div",{children:n.jsx(ge,{actions:r})})]}):null]}):null};try{X.displayName="Footer",X.__docgenInfo={description:"",displayName:"Footer",props:{colSpan:{defaultValue:null,description:"",name:"colSpan",required:!1,type:{name:"number"}},pagination:{defaultValue:null,description:"",name:"pagination",required:!0,type:{name:"IPagination"}},actions:{defaultValue:null,description:"",name:"actions",required:!1,type:{name:"IAction[]"}},content:{defaultValue:null,description:"",name:"content",required:!1,type:{name:"ReactNode"}}}}}catch{}const Se=e=>{const t=Math.max(...e.reduce((r,l)=>{const a=l.cells.map(o=>o.colSpan?o.colSpan:1).reduce((o,s)=>o+s,0);return r.concat(a)},[]));return isNaN(t)?0:t},mn=(e,t)=>{const r=[Se(t),Se(e)];return Math.max(...r)},Ve=e=>e.reduce((t,r)=>r.actions&&r.actions.length>0?1:t,0),_n=(e,t)=>Ve(t)>0||Ve(e)>0,z=({table:e,children:t})=>{const{rows:r,infiniteScroll:l}=e,a=Math.ceil(window.innerHeight/30),[o,s]=l?T.useState(a):[r.length,null],[u,d]=l?T.useState(o<r.length):[!1,null],p=()=>{if(o>=r.length&&d){d(!1);return}s&&s(o+a)};return n.jsx("div",{id:"scrollWrapper",className:H.scroll,children:l?n.jsx(He,{dataLength:Math.min(r.length,o+a),next:p,hasMore:u,scrollableTarget:"scrollWrapper",style:{overflow:"initial"},loader:null,children:t({visibleRows:o})}):t({visibleRows:o})})};try{z.displayName="TableScrollWrapper",z.__docgenInfo={description:"",displayName:"TableScrollWrapper",props:{table:{defaultValue:null,description:"",name:"table",required:!0,type:{name:"ITableProps"}}}}}catch{}const yn="_clickableRow_11d5t_1",gn="_hoverableRow_11d5t_4",fn="_rowActive_11d5t_4",hn="_expandableRow_11d5t_8",bn="_flush_11d5t_8",xn="_dragIconCell_11d5t_28",Cn="_dragIcon_11d5t_28",R={clickableRow:yn,hoverableRow:gn,rowActive:fn,expandableRow:hn,flush:bn,dragIconCell:xn,dragIcon:Cn},J=({colSpan:e,children:t,flush:r})=>n.jsx("tr",{children:n.jsx("td",{colSpan:e,className:N(R.expandableRow,r?R.flush:""),children:t})});try{J.displayName="ExpandedContentRow",J.__docgenInfo={description:"",displayName:"ExpandedContentRow",props:{colSpan:{defaultValue:null,description:"",name:"colSpan",required:!0,type:{name:"number"}},flush:{defaultValue:null,description:"",name:"flush",required:!1,type:{name:"boolean"}}}}}catch{}const Te=(e,t={leftAligned:"",rightAligned:"",centerAligned:""},r=!1)=>{if(!e)return null;const{bodyAlignment:l,headerAlignment:a,isHeader:o}=e;switch(o&&a?a:l){case b.LEFT:return r?b.LEFT:t.leftAligned;case b.RIGHT:return r?b.RIGHT:t.rightAligned;case b.CENTER:return r?b.CENTER:t.centerAligned;default:return r?b.LEFT:t.leftAligned}},In=(e,t=!1,r=0)=>{if(!e||e.length===0)return[];const l=e.every(o=>Array.isArray(o)),a=e.every(o=>typeof o=="string");return l&&t?e[r]||[]:a?e:(console.warn("getHeaderAlignment: alignments array contains a mix of strings and arrays, returning an empty array."),[])},jn="_inputInTable_u3xdj_1",Nn="_inputHover_u3xdj_13",wn="_inputFocus_u3xdj_18",An="_inputError_u3xdj_25",vn="_inputWarning_u3xdj_26",Rn="_inputDisabled_u3xdj_61",Sn="_hideScrollbars_u3xdj_67",Vn="_cell_u3xdj_77",Tn="_disabledLink_u3xdj_87",qn="_inputWrapper_u3xdj_91",En="_breakWord_u3xdj_106",kn="_inputCell_u3xdj_109",Wn="_sliderCell_u3xdj_112",Hn="_staticCell_u3xdj_116",Pn="_staticCellContent_u3xdj_119",Ln="_error_u3xdj_131",Dn="_warning_u3xdj_132",Fn="_unit_u3xdj_141",$n="_sortingCell_u3xdj_144",Bn="_sortingCellIcon_u3xdj_155",On="_icon_u3xdj_166",Mn="_checkBoxCell_u3xdj_170",Un="_iconCellWrapper_u3xdj_174",Gn="_actionsCell_u3xdj_178",Xn="_rightAligned_u3xdj_186",zn="_centerAligned_u3xdj_192",Jn="_leftAligned_u3xdj_198",Kn="_popover_u3xdj_201",Yn="_disabledPointerEvents_u3xdj_204",i={inputInTable:jn,inputHover:Nn,inputFocus:wn,inputError:An,inputWarning:vn,inputDisabled:Rn,hideScrollbars:Sn,cell:Vn,disabledLink:Tn,inputWrapper:qn,breakWord:En,inputCell:kn,sliderCell:Wn,staticCell:Hn,staticCellContent:Pn,error:Ln,warning:Dn,unit:Fn,sortingCell:$n,sortingCellIcon:Bn,icon:On,checkBoxCell:Mn,iconCellWrapper:Un,actionsCell:Gn,rightAligned:Xn,centerAligned:zn,leftAligned:Jn,popover:Kn,disabledPointerEvents:Yn},K=({cell:e,columnAlignment:t,testId:r,type:l})=>n.jsx(Oe,{name:e.name,value:e.value,onChange:a=>{var o;return(o=e.onChange)==null?void 0:o.call(e,a)},onFocus:e.onFocus,onBlur:e.onBlur,onPaste:a=>{var o;return(o=e.onPaste)==null?void 0:o.call(e,a)},placeholder:e.placeholder,error:e.error,warning:e.warning,disabled:e.disabled,isInTable:!0,maxTooltipWidth:e.maxTooltipWidth,right:t===b.RIGHT,testId:r,tabIndex:e.disabled?-1:0,tooltip:e.tooltip,type:l});try{K.displayName="InputCell",K.__docgenInfo={description:"",displayName:"InputCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IInputCell"}},columnAlignment:{defaultValue:null,description:"",name:"columnAlignment",required:!1,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},type:{defaultValue:null,description:"",name:"type",required:!1,type:{name:"enum",value:[{value:'"text"'},{value:'"date"'}]}}}}}catch{}const re=({cell:e,testId:t})=>n.jsx(Me,{name:e.name,value:e.value,onChange:r=>{var l;return(l=e.onChange)==null?void 0:l.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});try{re.displayName="NumberInputCell",re.__docgenInfo={description:"",displayName:"NumberInputCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"INumberInputCell"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const ae=({cell:e,columnAlignment:t,testId:r})=>n.jsx(Ue,{name:e.name,borderRadius:0,options:e.options,onChange:l=>{var a;return(a=e.onChange)==null?void 0:a.call(e,l)},onCreate:e.onCreate?l=>e.onCreate&&e.onCreate(l):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,right:t===b.RIGHT,testId:r,tabIndex:e.disabled?-1:0});try{ae.displayName="SelectCell",ae.__docgenInfo={description:"",displayName:"SelectCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ISelectCell"}},columnAlignment:{defaultValue:null,description:"",name:"columnAlignment",required:!1,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const le=({cell:e,columnAlignment:t,testId:r})=>n.jsx("div",{className:i.inputWrapper,children:e.type==="Input"?n.jsx(K,{cell:e,columnAlignment:t,testId:r}):e.type==="NumberInput"?n.jsx(re,{cell:e,testId:r}):e.type==="DateInput"?n.jsx(K,{cell:e,testId:r,type:"date"}):e.type==="Select"?n.jsx(ae,{cell:e,columnAlignment:t,testId:r}):null});try{le.displayName="InputCellWrapper",le.__docgenInfo={description:"",displayName:"InputCellWrapper",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"any"}},columnAlignment:{defaultValue:null,description:"",name:"columnAlignment",required:!0,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const oe=({cell:e,testId:t})=>{const r=T.useContext(Ge),{error:l,warning:a,tooltip:o,maxTooltipWidth:s}=e,u=d=>B(d);return n.jsx("div",{className:i.inputWrapper,children:n.jsx(fe,{error:!!l,warning:!!a,text:o||l||a,enabled:u(o)||u(l)||u(a)||!1,maxWidth:s,placement:"bottom-center",children:n.jsx("div",{className:N(i.staticCellContent,l?i.error:a?i.warning:""),children:n.jsx("a",{className:N((e.disabled||r)&&i.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})})})})};try{oe.displayName="LinkCell",oe.__docgenInfo={description:"",displayName:"LinkCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ILinkCell"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const ie=({cell:e,testId:t})=>n.jsx(Xe,{label:e.label,checked:e.checked,isInTable:!0,disabled:e.disabled,onChange:r=>e.onChange(r),testId:t,tabIndex:e.disabled?-1:0});try{ie.displayName="CheckBoxCell",ie.__docgenInfo={description:"",displayName:"CheckBoxCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ICheckBoxCell"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const se=({cell:e})=>n.jsx("div",{className:i.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})});try{se.displayName="SliderCell",se.__docgenInfo={description:"",displayName:"SliderCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ISliderCell"}}}}}catch{}const de=({cell:e})=>{const{tooltip:t,icon:r}=e;return n.jsx("div",{className:i.iconCellWrapper,children:n.jsx(fe,{text:t,enabled:!!t&&B(t),display:"flex",placement:"top-center",children:n.jsx(O,{icon:r})})})};try{de.displayName="IconCell",de.__docgenInfo={description:"",displayName:"IconCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IIconCell"}}}}}catch{}const ce=({cell:e})=>n.jsx(ge,{actions:e.actions});try{ce.displayName="ActionsCell",ce.__docgenInfo={description:"",displayName:"ActionsCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IActionCell"}}}}}catch{}const ue=({cell:e})=>{const{helpIcon:t}=e;return t?n.jsx("div",{className:i.icon,children:n.jsx(Ee,{onClick:t.onClick,text:t.tooltip})}):null};try{ue.displayName="CellHelpIcon",ue.__docgenInfo={description:"",displayName:"CellHelpIcon",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IHelpIconCell"}}}}}catch{}const pe=({cell:e})=>{const{libraryIcon:t}=e;return t?n.jsx("div",{className:i.icon,children:n.jsx(Ee,{onClick:t.onClick,text:t.tooltip,icon:$.LIBRARY})}):null};try{pe.displayName="CellLibraryIcon",pe.__docgenInfo={description:"",displayName:"CellLibraryIcon",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ILibraryIconCell"}}}}}catch{}const me=({cell:e})=>{const{hasSort:t,sort:r,sortPriority:l}=e;return t?n.jsxs("span",{className:i.sortingCellIcon,children:[r==="down"?n.jsx(ne,{link:!0,children:n.jsx(O,{icon:$.SORT_ASCENDING})}):r==="up"?n.jsx(ne,{link:!0,children:n.jsx(O,{icon:$.SORT_DESCENDING})}):n.jsx(ne,{faint:!0,children:n.jsx(O,{icon:$.SORT_DESCENDING})}),l&&r?n.jsx("sup",{children:l}):null]}):null};try{me.displayName="Sort",me.__docgenInfo={description:"",displayName:"Sort",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"ISortCell"}}}}}catch{}const Y=({cell:e,isHeader:t,testId:r})=>{const{error:l,warning:a,tooltip:o,maxTooltipWidth:s,hasSort:u,onSort:d,type:p}=e,c=n.jsxs("div",{className:N(i.staticCellContent,p==="Unit"?i.unit:"",l?i.error:a?i.warning:""),onClick:u?g=>d&&d(g):()=>{},"data-testid":r,children:[e.value,t?n.jsxs(n.Fragment,{children:[n.jsx(ue,{cell:e}),n.jsx(pe,{cell:e}),n.jsx(me,{cell:e})]}):null]});return n.jsx("div",{className:i.inputWrapper,children:n.jsx(fe,{error:!!l,warning:!!a,text:o||l||a,enabled:o&&B(o)||l&&B(l)||a&&B(a)||!1,maxWidth:s,display:"block",placement:"bottom-center",children:c})})};try{Y.displayName="StaticCell",Y.__docgenInfo={description:"",displayName:"StaticCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IStaticCell"}},isHeader:{defaultValue:null,description:"",name:"isHeader",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const _e=({cell:e,testId:t})=>{const{content:r,fullWidth:l,closeOnOutsideClick:a,disabled:o}=e;return n.jsx(Je,{content:r,fullWidth:l,closeOnOutsideClick:a,disabled:o,children:n.jsx("div",{className:i.popover,children:n.jsx(Y,{cell:e,testId:t})})})};try{_e.displayName="PopoverCell",_e.__docgenInfo={description:"",displayName:"PopoverCell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"IPopoverCell"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const ye=({cell:e,isHeader:t,columnAlignment:r,testId:l})=>{if(!e)return null;switch(e.type){case"Input":case"NumberInput":case"DateInput":case"Select":return n.jsx(le,{cell:e,columnAlignment:r,testId:l});case"Link":return n.jsx(oe,{cell:e,testId:l});case"CheckBox":return n.jsx(ie,{cell:e,testId:l});case"Slider":return n.jsx(se,{cell:e});case"Icon":return n.jsx(de,{cell:e});case"Actions":return n.jsx(ce,{cell:e});case"Popover":return n.jsx(_e,{cell:e});default:return n.jsx(Y,{cell:e,isHeader:t,testId:l})}};try{ye.displayName="CellWrapper",ye.__docgenInfo={description:"",displayName:"CellWrapper",props:{cell:{defaultValue:null,description:"",name:"cell",required:!0,type:{name:"any"}},isHeader:{defaultValue:null,description:"",name:"isHeader",required:!0,type:{name:"boolean"}},columnAlignment:{defaultValue:null,description:"",name:"columnAlignment",required:!0,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}var S=(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))(S||{});const Q=({cell:e,isHeader:t,columnHeaderAlignment:r,columnAlignment:l=b.LEFT,width:a,snapshot:o,testId:s})=>{if(!e)return null;const{style:u,colSpan:d,rowSpan:p,width:c}=e,g=T.useRef(null),y={bodyAlignment:l,headerAlignment:r,isHeader:t},P=Te(y,i),x=Te(y,i,!0),L=e.type===S.INPUT||e.type===S.NUMBER_INPUT||e.type===S.SELECT||e.type===S.POPOVER?i.inputCell:e.type===S.SLIDER?i.sliderCell:e.type===S.CHECKBOX?i.checkBoxCell:e.type===S.ACTIONS?i.actionsCell:i.staticCell,w=N(i.cell,L,e.hasSort?i.sortingCell:null,P,e.breakWord?i.breakWord:""),q=c??a??((o==null?void 0:o.isDragging)&&g.current&&g.current.offsetWidth)??void 0,C={width:q,minWidth:q,...u},A=t?"th":"td";return n.jsx(A,{ref:g,className:w,style:C,colSpan:d,rowSpan:p,children:n.jsx(ye,{cell:e,columnAlignment:x??b.RIGHT,isHeader:t,testId:s})})};try{Q.displayName="Cell",Q.__docgenInfo={description:"",displayName:"Cell",props:{cell:{defaultValue:null,description:"",name:"cell",required:!1,type:{name:"TCellShape"}},isHeader:{defaultValue:null,description:"",name:"isHeader",required:!0,type:{name:"boolean"}},columnHeaderAlignment:{defaultValue:null,description:"",name:"columnHeaderAlignment",required:!1,type:{name:"string"}},columnAlignment:{defaultValue:{value:"Align.LEFT"},description:"",name:"columnAlignment",required:!1,type:{name:"Align.LEFT | Align.RIGHT | null"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},snapshot:{defaultValue:null,description:"",name:"snapshot",required:!1,type:{name:"any"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const F=({row:e,rowIndex:t,isHeader:r=!1,columnCount:l,colSpan:a,columnHeaderAlignments:o=[],columnAlignment:s=[],hasRowActions:u,draggableTable:d=!1,snapshot:p=null,provided:c=null,width:g,columnWidths:y,testId:P})=>{const x=T.useRef(null),L=In(o,r,t),{onRowClick:w,onRowFocus:q,onRowMouseEnter:C,onRowMouseLeave:A,expandedContent:I,active:Z}=e,E=e.cells.map((h,v)=>{const he=`${r?0:1}_${t}_${v}`;return n.jsx(Q,{cell:h,isHeader:r,columnAlignment:s[v],columnHeaderAlignment:L[v],width:y?y[v]:void 0,snapshot:p,testId:h.testId},he)}),V=u&&n.jsx(Q,{cell:{type:S.ACTIONS,actions:e.actions},isHeader:r},l),k=(h,v)=>({minWidth:h&&`${g}px`,width:h&&"100%",display:h&&"table",background:h&&"var(--color-background-listitem-active)",border:h&&"var(--color-border)",borderTop:h&&0,opacity:h&&.1,...v}),W=()=>e.noDrag?n.jsx("td",{"aria-labelledby":"unique-label-id"}):n.jsx("td",{className:R.dragIconCell,children:n.jsx("div",{...c.dragHandleProps,className:R.dragIcon,children:n.jsx(O,{icon:$.DRAG})})});return r?n.jsxs(n.Fragment,{children:[n.jsxs("tr",{ref:x,onClick:w,onMouseEnter:C,onMouseLeave:A,onFocus:q,className:N(w?R.clickableRow:null,C?R.hoverableRow:null),children:[d?n.jsx("th",{}):null,E,V]},t),I&&I.content?n.jsx(J,{colSpan:a,flush:I.flush===!0,children:I.content},`${t}_expanded_content`):null]}):n.jsxs(n.Fragment,{children:[n.jsxs("tr",{onClick:w,onMouseEnter:C,onMouseLeave:A,onFocus:q,className:N(w&&!w.noStyle?R.clickableRow:null,C&&!C.noStyle?R.hoverableRow:null,Z?R.rowActive:null),ref:(c==null?void 0:c.innerRef)||null,...(c==null?void 0:c.draggableProps)||null,style:p&&c?k(p.isDragging,c.draggableProps.style):null,children:[d?W():null,E,V]},t),I&&I.content?n.jsx(J,{colSpan:a,flush:I.flush===!0,children:I.content},`${t}_expanded_content`):null]})};try{F.displayName="Row",F.__docgenInfo={description:"",displayName:"Row",props:{row:{defaultValue:null,description:"",name:"row",required:!0,type:{name:"TRowType"}},rowIndex:{defaultValue:null,description:"",name:"rowIndex",required:!0,type:{name:"number"}},isHeader:{defaultValue:{value:"false"},description:"",name:"isHeader",required:!1,type:{name:"boolean"}},columnCount:{defaultValue:null,description:"",name:"columnCount",required:!0,type:{name:"number"}},colSpan:{defaultValue:null,description:"",name:"colSpan",required:!0,type:{name:"number"}},columnHeaderAlignments:{defaultValue:{value:"[]"},description:"",name:"columnHeaderAlignments",required:!1,type:{name:"string[] | string[][]"}},columnAlignment:{defaultValue:{value:"[]"},description:"",name:"columnAlignment",required:!1,type:{name:"string[]"}},hasRowActions:{defaultValue:null,description:"",name:"hasRowActions",required:!0,type:{name:"boolean"}},draggableTable:{defaultValue:{value:"false"},description:"",name:"draggableTable",required:!1,type:{name:"boolean"}},snapshot:{defaultValue:{value:"null"},description:"",name:"snapshot",required:!1,type:{name:"any"}},provided:{defaultValue:{value:"null"},description:"",name:"provided",required:!1,type:{name:"any"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},columnWidths:{defaultValue:null,description:"",name:"columnWidths",required:!1,type:{name:"string[]"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const qe=e=>{var Ie,je,Ne,we,Ae,ve,Re;const{onListReorder:t=()=>{},table:r}=e,{columnWidths:l,footer:a,name:o,rows:s=[],actions:u,actionsRight:d,columnHeaderAlignments:p,columnAlignment:c,striped:g=!0,testId:y,draggable:P,defaultEmptyRow:x=null,onAddRow:L=null,bordered:w=!0,maxHeight:q,fixedWidth:C}=r,A=T.useRef(null),[I,Z]=T.useState({width:0,height:0});T.useEffect(()=>{A.current&&Z({width:A.current.offsetWidth,height:A.current.offsetHeight})},[]);const E=Fe.get(e,"table.headers",[]),V=mn(s,E),k=_n(s,E),W=V+(k?1:0),h=a?((je=(Ie=a==null?void 0:a.pagination)==null?void 0:Ie.rowsPerPage)==null?void 0:je.value)===0||Number((Ne=a==null?void 0:a.pagination)==null?void 0:Ne.selectedPage)>=Number((we=a==null?void 0:a.pagination)==null?void 0:we.rowCount)/Number((ve=(Ae=a==null?void 0:a.pagination)==null?void 0:Ae.rowsPerPage)==null?void 0:ve.value):!0,v=((Re=x==null?void 0:x.cells)==null?void 0:Re.length)&&L&&h,ke={cells:v?x.cells.map((m,j)=>(m==null?void 0:m.type)==="Input"?{...m,onChange:_=>{var M;const f=(M=_==null?void 0:_.target)==null?void 0:M.value,D={...x,cells:x.cells.map((U,We)=>({...U,value:We===j?f:U==null?void 0:U.value}))};L({newRow:D})}}:{...m,disabled:!0}):null,testId:y?`${y}-last-empty-row`:void 0},ee=v?s.concat(ke):s,be={...r,rows:ee},xe=N(H.wrapper,w?H.bordered:""),Ce={maxHeight:q,width:C,display:C==="auto"?"inline-flex":"flex"};return P?n.jsxs("div",{ref:A,className:xe,style:Ce,children:[n.jsx(G,{actions:u,actionsRight:d,name:o,testId:y&&`${y}-title`}),n.jsx(Pe,{onDragEnd:m=>{var f,D;const j=(f=m==null?void 0:m.source)==null?void 0:f.index,_=(D=m==null?void 0:m.destination)==null?void 0:D.index;typeof j=="number"&&typeof _=="number"&&t({from:j,to:_})},children:n.jsx(Le,{droppableId:"droppable",children:m=>n.jsx(z,{table:be,children:({visibleRows:j})=>n.jsxs("table",{className:N(H.table,g?H.striped:""),"data-testid":y,ref:m.innerRef,children:[n.jsx("thead",{children:E.map((_,f)=>n.jsx(F,{rowIndex:f,isHeader:!0,row:_,columnCount:V,columnWidths:l,colSpan:W,hasRowActions:k,columnAlignment:c,columnHeaderAlignments:p,draggableTable:P},`0_${f}`))}),n.jsxs("tbody",{children:[ee.slice(0,j).map((_,f)=>n.jsx(De,{draggableId:f+"",index:f,isDragDisabled:_.noDrag,children:(D,M)=>n.jsx(F,{rowIndex:f,row:_,columnCount:V,columnWidths:l,colSpan:W,hasRowActions:k,columnAlignment:c,provided:D,snapshot:M,draggableTable:P,width:I.width},`1_${f}`)},`index_${f}`)),m.placeholder]})]})})})}),a&&n.jsx(X,{pagination:a.pagination,actions:a.actions,content:a.content})]}):n.jsxs("div",{className:xe,style:Ce,children:[n.jsx(G,{actions:u,actionsRight:d,name:o,testId:y&&`${y}-title`}),n.jsx(z,{table:be,children:({visibleRows:m})=>n.jsxs("table",{className:N(H.table,g?H.striped:""),"data-testid":y,children:[n.jsx("thead",{children:E.map((j,_)=>n.jsx(F,{rowIndex:_,isHeader:!0,row:j,columnCount:V,columnWidths:l,colSpan:W,hasRowActions:k,columnAlignment:c,columnHeaderAlignments:p},`0_${_}`))}),n.jsx("tbody",{children:ee.slice(0,m).map((j,_)=>n.jsx(F,{rowIndex:_,row:j,columnCount:V,columnWidths:l,colSpan:W,hasRowActions:k,columnAlignment:c},`1_${_}`))})]})}),a&&n.jsx(X,{colSpan:W,pagination:a.pagination,actions:a.actions,content:a.content})]})};try{qe.displayName="Table",qe.__docgenInfo={description:"",displayName:"Table",props:{onListReorder:{defaultValue:null,description:"",name:"onListReorder",required:!1,type:{name:"((obj: { from: number; to: number; }) => void)"}},table:{defaultValue:null,description:"",name:"table",required:!0,type:{name:"{ name?: string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null | undefined; ... 18 more ...; actions?: any; }"}}}}}catch{}export{S as C,qe as T};
|
package/dist/storybook/assets/{table.stories-data-ehBuODKA.js → table.stories-data-NfE_v-gH.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as a}from"./jsx-runtime-FsUICBgo.js";import{I as o,T as c}from"./common-types-U65vzrrz.js";import{F as v}from"./flex-KzhjL9yc.js";import{M as p}from"./actions-AZ9fI-GM.js";import{T as d}from"./text-6KQ6ntOV.js";import{I as n}from"./icon-_m67DAr0.js";import{M as r}from"./types-VB5zD18b.js";const e={headers:[{cells:[{value:"Name"},{value:"Weight"},{value:"Energy"},{value:"Origin"}]}],rows:[{cells:[{value:"Brown rice",testId:"table-tbody-cell-brown-rice"},{value:100,testId:"table-tbody-cell-100"},{value:361,testId:"table-tbody-cell-361"},{value:"Vietnam",testId:"table-tbody-cell-vietnam"}]},{cells:[{value:"Buckwheat",testId:"table-tbody-cell-buckwheat"},{value:50,testId:"table-tbody-cell-50"},{value:358,testId:"table-tbody-cell-358"},{value:"Poland",testId:"table-tbody-cell-poland"}]},{cells:[{value:"Couscous",testId:"table-tbody-cell-couscous"},{value:10,testId:"table-tbody-cell-10"},{value:368,testId:"table-tbody-cell-368"},{value:"France",testId:"table-tbody-cell-france"}]}]},S={...e,columnWidths:["200px","20%","100px","auto"]},x={...e,rows:e.rows.map(l=>({...l,cells:l.cells.map(t=>({...t,tooltip:"Tooltip"}))}))},f={...e,rows:e.rows.map(l=>({...l,cells:l.cells.map(t=>({...t,width:"200px"}))}))},W={...e,rows:e.rows.map(l=>({...l,cells:l.cells.map(t=>({...t,style:{width:"200px",background:"var(--color-background-table-header)",fontWeight:"bold"}}))}))},F={...e,rows:[{cells:[{breakWord:!0,value:"LoremipsumdolorsitametconsecteturadipiscingelitseddoeiusmodtemporincididuntutlaboreetdoloremagnaaliquaUtenimadminimveniamquisnostrudexercitationullamcolaborisnisiutaliquipexeacommodoconsequatDuisauteiruredolorinreprehenderitinvoluptatevelitessecillumdoloreeullamcolaborisnisiutaliquipexeacommodoconsequatDuisauteiruredolorinreprehenderitinvoluptatevelitessecillumdoloreeufugiatnullapariaturufugiatnullapariatur"},{value:100},{value:361},{value:"Vietnam"}]},...e.rows]},D={...e,headers:[...e.headers,{cells:[{},{options:[{label:"kg",value:"kg"},{label:"tonnes",value:"tonnes"}],type:"Select",searchable:!1,value:{label:"kg",value:"kg"},onChange:()=>{}},{type:"Unit",value:"kcal / 100g"},{}]}]},L={...e,rows:e.rows.map((l,t)=>({...l,active:t===0,onRowClick:()=>{}}))},A={...e,name:"Food"},E={...e,name:a.jsxs(v,{gap:"var(--padding-xs)",alignItems:"center",children:["Food",a.jsx(n,{icon:o.STAR})]})},u=[{childComponent:a.jsx(p,{menu:{label:"Import food",trigger:c.DROP_DOWN_BUTTON,sections:[{type:r.HEADING,label:"Import options"},{type:r.OPTION,label:"Import from csv"},{type:r.OPTION,label:"Import from library"}],small:!0}})}],P={...e,name:"Food",actions:u,testId:"table-child-component"},V={...e,actions:u,actionsRight:!0},i={...e,headers:[...e.headers,{cells:[{},{options:[{label:"kg",value:"kg"},{label:"tonnes",value:"tonnes"}],type:"Select",native:!0,value:{label:"kg",value:"kg"},onChange:()=>{}},{type:"Unit",value:"kcal / 100g"},{}]}],bordered:!0,infiniteScroll:!0,maxHeight:"500px",stickyHeaders:!0,rows:Array.from({length:100},(l,t)=>({cells:[{type:"Input",value:`Strawberry Letter ${t+1}`},{type:"Input",value:100},{type:"Input",value:361},{type:"Input",value:"Vietnam"}]})),footer:{content:a.jsxs(a.Fragment,{children:[a.jsx("strong",{children:"Footer content:"})," goes here"]})}},B={...i,maxHeight:"100%"},N={...i,rows:Array.from({length:1},(l,t)=>({cells:[{type:"Input",value:`Strawberry Letter ${t+1}`},{type:"Input",value:100},{type:"Input",value:361},{type:"Input",value:"Vietnam"}]}))},O={...i,draggable:!0},j={...e,rows:e.rows.map(l=>({...l,onRowFocus:()=>{}}))},b=()=>a.jsxs("ul",{children:[a.jsx("li",{children:"Carrots"}),a.jsx("li",{children:"Chocolate"}),a.jsx("li",{children:"Chorizo"})]}),T={headers:[{cells:[{value:"Name"},{value:"Content"}]}],rows:[{cells:[{value:"Sub-component"},{value:b()}]},{cells:[{value:"JSX"},{value:a.jsxs("div",{children:["Some ",a.jsx(d,{bold:!0,children:"bold content"})]})}]}]},m={...e,headers:[{cells:[{value:""},{value:"Stats",colSpan:2},{value:""}]},...e.headers],rows:[...e.rows,{cells:[{value:"Total",colSpan:4}]}]},H={...e,headers:[{cells:[{value:"Name",colSpan:2},{value:"Origin",rowSpan:2}]},{cells:[{value:"English"},{value:"Chinese"}]}],rows:[{cells:[{type:"Input",value:"Brown rice"},{type:"Input",value:"糙米"},{type:"Select",options:[{label:"China",value:"China"},{label:"France",value:"France"},{label:"Poland",value:"Poland"}],value:{label:"China",value:"China"},rowSpan:2}]},{cells:[{type:"Input",value:"White rice"},{type:"Input",value:"白米"}]}]},q={...e,columnWidths:["auto","120px","120px","auto"],headers:[{cells:[{value:"Header"},{value:"Header",colSpan:2},{value:"Header"}]}]},R={...e,columnAlignment:["left","right","right","left"]},M={...m,columnAlignment:["left","right","right","left","right"],columnHeaderAlignments:[["","center",""],["","right","right",""]]},s={fixedWidth:"auto",headers:[{cells:[{value:"Input",testId:"with-editable-cells-cell-name",width:"140px"},{value:"Select (native)",width:"140px"},{value:"Number Input",width:"140px"},{value:"Select (custom)",width:"140px"},{value:"Slider",width:"140px"},{value:"Static"}]}],rows:[{cells:[{value:"Buckwheat",type:"Input",onChange:()=>{},testId:"table-tbody-cell-buckwheat"},{type:"Select",native:!0,options:[{label:50,value:50},{label:100,value:100}],value:{label:100,value:100},onChange:()=>{}},{value:361,type:"NumberInput",onChange:()=>{}},{type:"Select",options:[{label:"France",value:"France"},{label:"Poland",value:"Poland"},{label:"Vietnam",value:"Vietnam"}],value:{label:"Poland",value:"Poland"},onChange:()=>{}},{type:"Slider",value:50,min:0,max:100,onChange:()=>{}},{value:361}]},{cells:[{value:"Arborio rice",type:"Input",onChange:()=>{},testId:"table-tbody-cell-arborio",error:"Error"},{type:"Select",native:!0,options:[{label:50,value:50},{label:100,value:100}],value:{label:100,value:100},onChange:()=>{},error:"Error"},{value:361,type:"NumberInput",onChange:()=>{},error:"Error"},{type:"Select",options:[{label:"France",value:"France"},{label:"Italy",value:"Italy"},{label:"Vietnam",value:"Vietnam"}],value:{label:"Italy",value:"Italy"},onChange:()=>{},error:"Error"},{type:"Slider",value:50,min:0,max:100,onChange:()=>{},error:"Error"},{value:361,error:"Error"}]},{cells:[{value:"Couscous",type:"Input",onChange:()=>{},testId:"table-tbody-cell-couscous",warning:"Warning"},{type:"Select",native:!0,options:[{label:50,value:50},{label:100,value:100}],value:{label:100,value:100},onChange:()=>{},warning:"Warning"},{value:361,type:"NumberInput",onChange:()=>{},warning:"Warning"},{type:"Select",options:[{label:"France",value:"France"},{label:"Poland",value:"Poland"},{label:"Vietnam",value:"Vietnam"}],value:{label:"France",value:"France"},onChange:()=>{},warning:"Warning"},{type:"Slider",value:50,min:0,max:100,onChange:()=>{},warning:"Warning"},{value:361,warning:"Warning"}]}]},U={...e,headers:e.headers.map(l=>({...l,cells:[{type:"CheckBox",onChange:()=>{}},...l.cells]})),rows:e.rows.map(l=>({...l,cells:[{type:"CheckBox",onChange:()=>{}},...l.cells]}))},J={...s,rows:s.rows.map(l=>({...l,cells:l.cells.map(t=>({...t,disabled:!0}))}))},z={...e,headers:[...e.headers,{cells:[{value:"",type:"Input",placeholder:"Search",onChange:()=>{}},{value:"",type:"Input",placeholder:"Search",onChange:()=>{}},{value:"",type:"Input",placeholder:"Search",onChange:()=>{}},{value:"",type:"Input",placeholder:"Search",onChange:()=>{}}]}]},_={headers:[{cells:[{value:"Name"},{value:"Weight (kg)",hasSort:!0,sort:"up",sortPriority:1,onSort:()=>{}},{value:"Energy (kcal / 100g)",hasSort:!0,sort:"down",sortPriority:2,onSort:()=>{}},{value:"Origin",hasSort:!0,sort:"",sortPriority:1,onSort:()=>{}}]}],rows:[{cells:[{value:"Brown rice"},{value:100},{value:361},{value:"Vietnam"}]},{cells:[{value:"Buckwheat"},{value:50},{value:358},{value:"Poland"}]},{cells:[{value:"Couscous"},{value:10},{value:368},{value:"France"}]}]},G={headers:[{cells:[{},{value:"Name"},{value:"Weight (kg)"},{value:"Energy (kcal / 100g)"},{value:"Origin"}]}],rows:[{cells:[{type:"Icon",icon:a.jsx(n,{icon:o.SUCCESS,color:"var(--color-text-success)"}),tooltip:"Success tooltip here",width:"var(--size)"},{value:"Brown rice"},{value:100},{value:361},{value:"Vietnam"}]},{cells:[{type:"Icon",icon:a.jsx(n,{icon:o.WARNING,color:"var(--color-text-warning)"}),tooltip:"Warning tooltip here",width:"var(--size)"},{value:"Buckwheat"},{value:50},{value:358},{value:"Poland"}]},{cells:[{type:"Icon",icon:a.jsx(n,{icon:o.ERROR,color:"var(--color-text-error)"}),tooltip:"Error tooltip here",width:"var(--size)"},{value:"Couscous"},{value:10},{value:368},{value:"France"}]}]},$={headers:[{cells:[{value:"Lorem"},{value:"Ipsum"}]}],rows:[{cells:[{type:"Link",value:"Link text",onClick:()=>console.log("Link clicked")},{type:"Link",value:"Disabled link text",disabled:!0,onClick:()=>console.log("Link clicked")}]},{cells:[{type:"Link",value:"Static warning link",warning:"Warning message",onClick:()=>console.log("Link clicked")},{type:"Link",value:"Static error link",error:"Error message",onClick:()=>console.log("Link clicked")}]}]},X={headers:[{cells:[{value:"Name"},{value:"Weight (kg)"},{value:"Energy (kcal / 100g)"},{value:"Origin"},{value:"Lorem"},{value:"Ipsum"},{value:"Dolor"}],actions:[{primary:!0,label:"Add",icon:"add",onClick:()=>{}}]}],rows:[{cells:[{value:"Brown rice"},{value:100},{value:361},{value:"Vietnam"},{value:"Lorem"},{value:"Ipsum"},{value:"Dolor"}],actions:[{label:"Delete",icon:"minus",onClick:()=>{}}]},{cells:[{value:"Buckwheat"},{value:50},{value:358},{value:"Poland"},{value:"Lorem"},{value:"Ipsum"},{value:"Dolor"}],actions:[{label:"Delete",icon:"minus",onClick:()=>{}}]},{cells:[{value:"Couscous"},{value:10},{value:368},{value:"France"},{value:"Lorem"},{value:"Ipsum"},{value:"Dolor"}],actions:[{label:"test",icon:"minus",onClick:()=>{},hidden:!0}]}]},K={headers:[{cells:[{value:"Name"},{value:"Weight (kg)"},{value:"Energy (kcal / 100g)"},{value:"Origin"}],actions:[{primary:!0,label:"Add",icon:"add",onClick:()=>{}}]}],rows:[{cells:[{value:"Brown rice"},{value:100},{value:361},{value:"Vietnam"}],actions:[{label:"More",subActions:[{label:"Move Up",icon:"up",onClick:()=>{}},{label:"Move Down",icon:"down",onClick:()=>{}}]},{label:"Delete",icon:"minus",onClick:()=>{}}]},{cells:[{value:"Buckwheat"},{value:50},{value:358},{value:"Poland"}],actions:[{label:"More",subActions:[{label:"Move Up",icon:"up",onClick:()=>{}},{label:"Move Down",icon:"down",onClick:()=>{}}]},{label:"Delete",icon:"minus",onClick:()=>{}}]},{cells:[{value:"Couscous"},{value:10},{value:368},{value:"France"}],actions:[{label:"More",subActions:[{label:"Move Up",icon:"up",onClick:()=>{}},{label:"Move Down",icon:"down",onClick:()=>{}}]},{label:"Delete",icon:"minus",onClick:()=>{}}]}]},Q={...e,footer:{content:a.jsxs(a.Fragment,{children:[a.jsx("strong",{children:"Footer content:"})," goes here"]}),pagination:{rowCount:500,selectedPage:10,rowsPerPage:{onChange:()=>{},options:[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],value:20},goTo:{onChange:()=>{}},onSelectPage:()=>{},small:!0},actions:[{label:"Star",icon:"star",onClick:()=>{}}]}},Y={...e,headers:e.headers.map(l=>({...l,cells:l.cells.map(t=>({...t,helpIcon:{onClick:()=>console.log("Help clicked"),tooltip:"Help text goes here"},libraryIcon:{onClick:()=>console.log("Library clicked"),tooltip:"Edit in library"}}))}))},Z={columnWidths:[void 0,"100px","100px","100px",void 0],columnAlignment:["left","right","left","left","left","right"],columnHeaderAlignments:[["left","right","left","left","left","right"]],headers:[{cells:[{value:"Lorem ipsum dolor sit amet consectetur adipiscing elit sed doeius mod tempor incididunt laboreet dolore magna aliqua"},{value:"Weight (kg)"},{value:"Energy (kcal / 100g)"},{value:"Origin"},{value:"Static"},{value:"Static Right"}]}],rows:[{cells:[{breakWord:!0,value:"LoremipsumdolorsitametconsecteturadipiscingelitseddoeiusmodtemporincididuntutlaboreetdoloremagnaaliquaUtenimadminimveniamquisnostrudexercitationullamcolaborisnisiutaliquipexeacommodoconsequatDuisauteiruredolorinreprehenderitinvoluptatevelitessecillumdoloreeullamcolaborisnisiutaliquipexeacommodoconsequatDuisauteiruredolorinreprehenderitinvoluptatevelitessecillumdoloreeufugiatnullapariaturufugiatnullapariatur"},{type:"Select",native:!0,options:[{label:50,value:50},{label:100,value:100}],value:{label:100,value:100},onChange:()=>{},disabled:!0},{type:"Select",options:[{label:"Vietnam",value:"Vietnam"},{label:"Other",value:"Other"}],value:{label:"Vietnam",value:"Vietnam"},onChange:()=>{},error:"Error"},{value:"Brown rice",type:"Input",onChange:()=>{},testId:"table-tbody-cell-brown-rice",warning:"Warning message"},{value:"Static warning",warning:"Warning message"},{value:"100"}]},{cells:[{value:"Buckwheat"},{type:"Select",native:!0,options:[{label:50,value:50},{label:100,value:100}],value:{label:100,value:100},onChange:()=>{}},{type:"Select",options:[{label:"Vietnam",value:"Vietnam"},{label:"Other",value:"Other"}],value:{label:"Vietnam",value:"Vietnam"},onChange:()=>{}},{value:"Brown rice",type:"Input",onChange:()=>{},testId:"table-tbody-cell-brown-rice"},{type:"Link",value:"Static error link",error:"Error message"},{value:"100"}]}]},ee={fixedWidth:"auto",headers:[{cells:[{value:"Name"},{value:"Date of birth"}]}],rows:[{cells:[{value:"John Smith",width:"140px"},{value:"1980-05-05",type:"DateInput",width:"110px"}]},{cells:[{value:"Jane Doe",width:"140px"},{value:"1984-12-12",type:"DateInput",width:"110px"}]}]};export{H as A,U as B,G as C,$ as D,X as E,K as F,T as G,x as H,F as I,Z as J,S as a,R as b,M as c,i as d,B as e,N as f,O as g,D as h,L as i,A as j,E as k,P as l,z as m,_ as n,V as o,Y as p,Q as q,j as r,s,e as t,J as u,ee as v,m as w,q as x,f as y,W as z};
|
|
1
|
+
import{j as a}from"./jsx-runtime-FsUICBgo.js";import{I as o,T as c}from"./common-types-U65vzrrz.js";import{F as v}from"./flex-RYZsoWEN.js";import{M as p}from"./actions-mOcj9IlF.js";import{T as d}from"./text-6KQ6ntOV.js";import{I as n}from"./icon-8EQazuuW.js";import{M as r}from"./types-VB5zD18b.js";const e={headers:[{cells:[{value:"Name"},{value:"Weight"},{value:"Energy"},{value:"Origin"}]}],rows:[{cells:[{value:"Brown rice",testId:"table-tbody-cell-brown-rice"},{value:100,testId:"table-tbody-cell-100"},{value:361,testId:"table-tbody-cell-361"},{value:"Vietnam",testId:"table-tbody-cell-vietnam"}]},{cells:[{value:"Buckwheat",testId:"table-tbody-cell-buckwheat"},{value:50,testId:"table-tbody-cell-50"},{value:358,testId:"table-tbody-cell-358"},{value:"Poland",testId:"table-tbody-cell-poland"}]},{cells:[{value:"Couscous",testId:"table-tbody-cell-couscous"},{value:10,testId:"table-tbody-cell-10"},{value:368,testId:"table-tbody-cell-368"},{value:"France",testId:"table-tbody-cell-france"}]}]},S={...e,columnWidths:["200px","20%","100px","auto"]},x={...e,rows:e.rows.map(l=>({...l,cells:l.cells.map(t=>({...t,tooltip:"Tooltip"}))}))},f={...e,rows:e.rows.map(l=>({...l,cells:l.cells.map(t=>({...t,width:"200px"}))}))},W={...e,rows:e.rows.map(l=>({...l,cells:l.cells.map(t=>({...t,style:{width:"200px",background:"var(--color-background-table-header)",fontWeight:"bold"}}))}))},F={...e,rows:[{cells:[{breakWord:!0,value:"LoremipsumdolorsitametconsecteturadipiscingelitseddoeiusmodtemporincididuntutlaboreetdoloremagnaaliquaUtenimadminimveniamquisnostrudexercitationullamcolaborisnisiutaliquipexeacommodoconsequatDuisauteiruredolorinreprehenderitinvoluptatevelitessecillumdoloreeullamcolaborisnisiutaliquipexeacommodoconsequatDuisauteiruredolorinreprehenderitinvoluptatevelitessecillumdoloreeufugiatnullapariaturufugiatnullapariatur"},{value:100},{value:361},{value:"Vietnam"}]},...e.rows]},D={...e,headers:[...e.headers,{cells:[{},{options:[{label:"kg",value:"kg"},{label:"tonnes",value:"tonnes"}],type:"Select",searchable:!1,value:{label:"kg",value:"kg"},onChange:()=>{}},{type:"Unit",value:"kcal / 100g"},{}]}]},L={...e,rows:e.rows.map((l,t)=>({...l,active:t===0,onRowClick:()=>{}}))},A={...e,name:"Food"},E={...e,name:a.jsxs(v,{gap:"var(--padding-xs)",alignItems:"center",children:["Food",a.jsx(n,{icon:o.STAR})]})},u=[{childComponent:a.jsx(p,{menu:{label:"Import food",trigger:c.DROP_DOWN_BUTTON,sections:[{type:r.HEADING,label:"Import options"},{type:r.OPTION,label:"Import from csv"},{type:r.OPTION,label:"Import from library"}],small:!0}})}],P={...e,name:"Food",actions:u,testId:"table-child-component"},V={...e,actions:u,actionsRight:!0},i={...e,headers:[...e.headers,{cells:[{},{options:[{label:"kg",value:"kg"},{label:"tonnes",value:"tonnes"}],type:"Select",native:!0,value:{label:"kg",value:"kg"},onChange:()=>{}},{type:"Unit",value:"kcal / 100g"},{}]}],bordered:!0,infiniteScroll:!0,maxHeight:"500px",stickyHeaders:!0,rows:Array.from({length:100},(l,t)=>({cells:[{type:"Input",value:`Strawberry Letter ${t+1}`},{type:"Input",value:100},{type:"Input",value:361},{type:"Input",value:"Vietnam"}]})),footer:{content:a.jsxs(a.Fragment,{children:[a.jsx("strong",{children:"Footer content:"})," goes here"]})}},B={...i,maxHeight:"100%"},N={...i,rows:Array.from({length:1},(l,t)=>({cells:[{type:"Input",value:`Strawberry Letter ${t+1}`},{type:"Input",value:100},{type:"Input",value:361},{type:"Input",value:"Vietnam"}]}))},O={...i,draggable:!0},j={...e,rows:e.rows.map(l=>({...l,onRowFocus:()=>{}}))},b=()=>a.jsxs("ul",{children:[a.jsx("li",{children:"Carrots"}),a.jsx("li",{children:"Chocolate"}),a.jsx("li",{children:"Chorizo"})]}),T={headers:[{cells:[{value:"Name"},{value:"Content"}]}],rows:[{cells:[{value:"Sub-component"},{value:b()}]},{cells:[{value:"JSX"},{value:a.jsxs("div",{children:["Some ",a.jsx(d,{bold:!0,children:"bold content"})]})}]}]},m={...e,headers:[{cells:[{value:""},{value:"Stats",colSpan:2},{value:""}]},...e.headers],rows:[...e.rows,{cells:[{value:"Total",colSpan:4}]}]},H={...e,headers:[{cells:[{value:"Name",colSpan:2},{value:"Origin",rowSpan:2}]},{cells:[{value:"English"},{value:"Chinese"}]}],rows:[{cells:[{type:"Input",value:"Brown rice"},{type:"Input",value:"糙米"},{type:"Select",options:[{label:"China",value:"China"},{label:"France",value:"France"},{label:"Poland",value:"Poland"}],value:{label:"China",value:"China"},rowSpan:2}]},{cells:[{type:"Input",value:"White rice"},{type:"Input",value:"白米"}]}]},q={...e,columnWidths:["auto","120px","120px","auto"],headers:[{cells:[{value:"Header"},{value:"Header",colSpan:2},{value:"Header"}]}]},R={...e,columnAlignment:["left","right","right","left"]},M={...m,columnAlignment:["left","right","right","left","right"],columnHeaderAlignments:[["","center",""],["","right","right",""]]},s={fixedWidth:"auto",headers:[{cells:[{value:"Input",testId:"with-editable-cells-cell-name",width:"140px"},{value:"Select (native)",width:"140px"},{value:"Number Input",width:"140px"},{value:"Select (custom)",width:"140px"},{value:"Slider",width:"140px"},{value:"Static"}]}],rows:[{cells:[{value:"Buckwheat",type:"Input",onChange:()=>{},testId:"table-tbody-cell-buckwheat"},{type:"Select",native:!0,options:[{label:50,value:50},{label:100,value:100}],value:{label:100,value:100},onChange:()=>{}},{value:361,type:"NumberInput",onChange:()=>{}},{type:"Select",options:[{label:"France",value:"France"},{label:"Poland",value:"Poland"},{label:"Vietnam",value:"Vietnam"}],value:{label:"Poland",value:"Poland"},onChange:()=>{}},{type:"Slider",value:50,min:0,max:100,onChange:()=>{}},{value:361}]},{cells:[{value:"Arborio rice",type:"Input",onChange:()=>{},testId:"table-tbody-cell-arborio",error:"Error"},{type:"Select",native:!0,options:[{label:50,value:50},{label:100,value:100}],value:{label:100,value:100},onChange:()=>{},error:"Error"},{value:361,type:"NumberInput",onChange:()=>{},error:"Error"},{type:"Select",options:[{label:"France",value:"France"},{label:"Italy",value:"Italy"},{label:"Vietnam",value:"Vietnam"}],value:{label:"Italy",value:"Italy"},onChange:()=>{},error:"Error"},{type:"Slider",value:50,min:0,max:100,onChange:()=>{},error:"Error"},{value:361,error:"Error"}]},{cells:[{value:"Couscous",type:"Input",onChange:()=>{},testId:"table-tbody-cell-couscous",warning:"Warning"},{type:"Select",native:!0,options:[{label:50,value:50},{label:100,value:100}],value:{label:100,value:100},onChange:()=>{},warning:"Warning"},{value:361,type:"NumberInput",onChange:()=>{},warning:"Warning"},{type:"Select",options:[{label:"France",value:"France"},{label:"Poland",value:"Poland"},{label:"Vietnam",value:"Vietnam"}],value:{label:"France",value:"France"},onChange:()=>{},warning:"Warning"},{type:"Slider",value:50,min:0,max:100,onChange:()=>{},warning:"Warning"},{value:361,warning:"Warning"}]}]},U={...e,headers:e.headers.map(l=>({...l,cells:[{type:"CheckBox",onChange:()=>{}},...l.cells]})),rows:e.rows.map(l=>({...l,cells:[{type:"CheckBox",onChange:()=>{}},...l.cells]}))},J={...s,rows:s.rows.map(l=>({...l,cells:l.cells.map(t=>({...t,disabled:!0}))}))},z={...e,headers:[...e.headers,{cells:[{value:"",type:"Input",placeholder:"Search",onChange:()=>{}},{value:"",type:"Input",placeholder:"Search",onChange:()=>{}},{value:"",type:"Input",placeholder:"Search",onChange:()=>{}},{value:"",type:"Input",placeholder:"Search",onChange:()=>{}}]}]},_={headers:[{cells:[{value:"Name"},{value:"Weight (kg)",hasSort:!0,sort:"up",sortPriority:1,onSort:()=>{}},{value:"Energy (kcal / 100g)",hasSort:!0,sort:"down",sortPriority:2,onSort:()=>{}},{value:"Origin",hasSort:!0,sort:"",sortPriority:1,onSort:()=>{}}]}],rows:[{cells:[{value:"Brown rice"},{value:100},{value:361},{value:"Vietnam"}]},{cells:[{value:"Buckwheat"},{value:50},{value:358},{value:"Poland"}]},{cells:[{value:"Couscous"},{value:10},{value:368},{value:"France"}]}]},G={headers:[{cells:[{},{value:"Name"},{value:"Weight (kg)"},{value:"Energy (kcal / 100g)"},{value:"Origin"}]}],rows:[{cells:[{type:"Icon",icon:a.jsx(n,{icon:o.SUCCESS,color:"var(--color-text-success)"}),tooltip:"Success tooltip here",width:"var(--size)"},{value:"Brown rice"},{value:100},{value:361},{value:"Vietnam"}]},{cells:[{type:"Icon",icon:a.jsx(n,{icon:o.WARNING,color:"var(--color-text-warning)"}),tooltip:"Warning tooltip here",width:"var(--size)"},{value:"Buckwheat"},{value:50},{value:358},{value:"Poland"}]},{cells:[{type:"Icon",icon:a.jsx(n,{icon:o.ERROR,color:"var(--color-text-error)"}),tooltip:"Error tooltip here",width:"var(--size)"},{value:"Couscous"},{value:10},{value:368},{value:"France"}]}]},$={headers:[{cells:[{value:"Lorem"},{value:"Ipsum"}]}],rows:[{cells:[{type:"Link",value:"Link text",onClick:()=>console.log("Link clicked")},{type:"Link",value:"Disabled link text",disabled:!0,onClick:()=>console.log("Link clicked")}]},{cells:[{type:"Link",value:"Static warning link",warning:"Warning message",onClick:()=>console.log("Link clicked")},{type:"Link",value:"Static error link",error:"Error message",onClick:()=>console.log("Link clicked")}]}]},X={headers:[{cells:[{value:"Name"},{value:"Weight (kg)"},{value:"Energy (kcal / 100g)"},{value:"Origin"},{value:"Lorem"},{value:"Ipsum"},{value:"Dolor"}],actions:[{primary:!0,label:"Add",icon:"add",onClick:()=>{}}]}],rows:[{cells:[{value:"Brown rice"},{value:100},{value:361},{value:"Vietnam"},{value:"Lorem"},{value:"Ipsum"},{value:"Dolor"}],actions:[{label:"Delete",icon:"minus",onClick:()=>{}}]},{cells:[{value:"Buckwheat"},{value:50},{value:358},{value:"Poland"},{value:"Lorem"},{value:"Ipsum"},{value:"Dolor"}],actions:[{label:"Delete",icon:"minus",onClick:()=>{}}]},{cells:[{value:"Couscous"},{value:10},{value:368},{value:"France"},{value:"Lorem"},{value:"Ipsum"},{value:"Dolor"}],actions:[{label:"test",icon:"minus",onClick:()=>{},hidden:!0}]}]},K={headers:[{cells:[{value:"Name"},{value:"Weight (kg)"},{value:"Energy (kcal / 100g)"},{value:"Origin"}],actions:[{primary:!0,label:"Add",icon:"add",onClick:()=>{}}]}],rows:[{cells:[{value:"Brown rice"},{value:100},{value:361},{value:"Vietnam"}],actions:[{label:"More",subActions:[{label:"Move Up",icon:"up",onClick:()=>{}},{label:"Move Down",icon:"down",onClick:()=>{}}]},{label:"Delete",icon:"minus",onClick:()=>{}}]},{cells:[{value:"Buckwheat"},{value:50},{value:358},{value:"Poland"}],actions:[{label:"More",subActions:[{label:"Move Up",icon:"up",onClick:()=>{}},{label:"Move Down",icon:"down",onClick:()=>{}}]},{label:"Delete",icon:"minus",onClick:()=>{}}]},{cells:[{value:"Couscous"},{value:10},{value:368},{value:"France"}],actions:[{label:"More",subActions:[{label:"Move Up",icon:"up",onClick:()=>{}},{label:"Move Down",icon:"down",onClick:()=>{}}]},{label:"Delete",icon:"minus",onClick:()=>{}}]}]},Q={...e,footer:{content:a.jsxs(a.Fragment,{children:[a.jsx("strong",{children:"Footer content:"})," goes here"]}),pagination:{rowCount:500,selectedPage:10,rowsPerPage:{onChange:()=>{},options:[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],value:20},goTo:{onChange:()=>{}},onSelectPage:()=>{},small:!0},actions:[{label:"Star",icon:"star",onClick:()=>{}}]}},Y={...e,headers:e.headers.map(l=>({...l,cells:l.cells.map(t=>({...t,helpIcon:{onClick:()=>console.log("Help clicked"),tooltip:"Help text goes here"},libraryIcon:{onClick:()=>console.log("Library clicked"),tooltip:"Edit in library"}}))}))},Z={columnWidths:[void 0,"100px","100px","100px",void 0],columnAlignment:["left","right","left","left","left","right"],columnHeaderAlignments:[["left","right","left","left","left","right"]],headers:[{cells:[{value:"Lorem ipsum dolor sit amet consectetur adipiscing elit sed doeius mod tempor incididunt laboreet dolore magna aliqua"},{value:"Weight (kg)"},{value:"Energy (kcal / 100g)"},{value:"Origin"},{value:"Static"},{value:"Static Right"}]}],rows:[{cells:[{breakWord:!0,value:"LoremipsumdolorsitametconsecteturadipiscingelitseddoeiusmodtemporincididuntutlaboreetdoloremagnaaliquaUtenimadminimveniamquisnostrudexercitationullamcolaborisnisiutaliquipexeacommodoconsequatDuisauteiruredolorinreprehenderitinvoluptatevelitessecillumdoloreeullamcolaborisnisiutaliquipexeacommodoconsequatDuisauteiruredolorinreprehenderitinvoluptatevelitessecillumdoloreeufugiatnullapariaturufugiatnullapariatur"},{type:"Select",native:!0,options:[{label:50,value:50},{label:100,value:100}],value:{label:100,value:100},onChange:()=>{},disabled:!0},{type:"Select",options:[{label:"Vietnam",value:"Vietnam"},{label:"Other",value:"Other"}],value:{label:"Vietnam",value:"Vietnam"},onChange:()=>{},error:"Error"},{value:"Brown rice",type:"Input",onChange:()=>{},testId:"table-tbody-cell-brown-rice",warning:"Warning message"},{value:"Static warning",warning:"Warning message"},{value:"100"}]},{cells:[{value:"Buckwheat"},{type:"Select",native:!0,options:[{label:50,value:50},{label:100,value:100}],value:{label:100,value:100},onChange:()=>{}},{type:"Select",options:[{label:"Vietnam",value:"Vietnam"},{label:"Other",value:"Other"}],value:{label:"Vietnam",value:"Vietnam"},onChange:()=>{}},{value:"Brown rice",type:"Input",onChange:()=>{},testId:"table-tbody-cell-brown-rice"},{type:"Link",value:"Static error link",error:"Error message"},{value:"100"}]}]},ee={fixedWidth:"auto",headers:[{cells:[{value:"Name"},{value:"Date of birth"}]}],rows:[{cells:[{value:"John Smith",width:"140px"},{value:"1980-05-05",type:"DateInput",width:"110px"}]},{cells:[{value:"Jane Doe",width:"140px"},{value:"1984-12-12",type:"DateInput",width:"110px"}]}]};export{N as A,O as B,D as C,A as D,E,P as F,z as G,_ as H,V as I,Y as J,s as a,J as b,ee as c,m as d,q as e,f,W as g,H as h,U as i,G as j,$ as k,X as l,K as m,T as n,x as o,F as p,Z as q,Q as r,L as s,e as t,j as u,S as v,R as w,M as x,i as y,B as z};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import{j as n}from"./jsx-runtime-FsUICBgo.js";import{r as S}from"./index-RfLt4OUa.js";import{f as K}from"./immer.esm-bD7SSJ7T.js";import{l as oe}from"./lodash-Bmg8FrMx.js";import{G as se}from"./grid-u1mZpaML.js";import{T as V}from"./text-6KQ6ntOV.js";import{T as A}from"./table-geCXJ5Oo.js";import{C as sn}from"./card-0r8RRVk-.js";import{I as ae}from"./input-iDZqV-2m.js";import{F as re}from"./field-9udMeZdr.js";import{H as ln}from"./heading-sY0SLHoQ.js";import{t as ne,a as on,b as cn,c as dn,d as un,e as pn,f as gn,g as mn}from"./table.stories-data-ehBuODKA.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./tslib.es6-OIsz3r9a.js";import"./index-VW3EWkuE.js";import"./index.es-LXZC0YVN.js";import"./inheritsLoose-Y9jOMJLd.js";import"./extends-dGVwEr9R.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./hoist-non-react-statics.cjs-pnyno-Dk.js";import"./index-miLrID2P.js";import"./memoize-one.esm-hqe5SRxC.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./actions-AZ9fI-GM.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./button-rm22C2wf.js";import"./spinner-R8Il4aRe.js";import"./icon-_m67DAr0.js";import"./index-4QtD-hFu.js";import"./tooltip-ZHdi6rl-.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./pagination-WmRtOUjO.js";import"./select-kE9fK8N9.js";import"./assertThisInitialized-4q6YPdh3.js";import"./select.input-zP5tW20f.js";import"./input-group-R8LoqKRn.js";import"./input-group-addon-BHVsW9mL.js";import"./number-input-wURqWy_O.js";import"./index-qZmQ7nA9.js";import"./index-cCpkwrS5.js";import"./check-box-7DccPNCs.js";import"./help-icon-yrJgkgdC.js";import"./slider-XJwLz14m.js";import"./index-ugi_ZH6T.js";import"./popover-ZT5lBU-W.js";import"./label-J7MI85wD.js";import"./flex-KzhjL9yc.js";const pt={title:"Basic/Table",component:A,args:{table:{...ne}}},I=g=>n.jsx(A,{...g}),B=I.bind({}),_=I.bind({});_.args={table:{...ne,fixedWidth:"400px"}};const M=I.bind({});M.args={table:{...ne,fixedWidth:"auto"}};const O=I.bind({});O.args={table:on};O.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 L=I.bind({});L.args={table:cn};const U=I.bind({});U.args={table:dn};U.parameters={docs:{description:{story:"This is only required when you need to override `columnAlignment` in header cells (i.e. they have different alignment)"}}};const Q=I.bind({});Q.args={table:un};const E=I.bind({});E.args={table:pn};E.decorators=[g=>n.jsx("div",{style:{position:"absolute",inset:0,padding:"var(--padding)"},children:n.jsx(g,{})})];const N=I.bind({});N.args={table:gn};N.parameters={docs:{description:{story:"If a `maxHeight` is set, the table should only fill that height if it needs to."}}};const G=I.bind({});G.args={table:mn};const q=()=>n.jsx(sn,{heading:n.jsx(ln,{children:"Card heading"}),padding:!1,children:n.jsx(A,{table:{...ne,bordered:!1}})});q.parameters={docs:{source:{type:"dynamic"}}};const z=()=>{const g=["Section","Width","Height"];let u=["","m","m"],r=[...Array(175).keys()].map((s,t)=>[t,t*2,t*2]);const T=(s,t,i)=>s==="m"&&t==="ft"?i*3.28084:s==="ft"&&t==="m"?i/3.28084:i,o=(s,t,i,p)=>{r[t][i]=s.target.value,p()},C=s=>{r=r.concat([["","",""]]),s()},k=(s,t)=>{r=r.filter((i,p)=>p!==s),t()},d=(s,t,i)=>{const p=u[t],y=s.target.value;u=u.map((R,h)=>h===t?y:R),r=r.map(R=>R.map((h,b)=>b===t?T(p,y,h):h)),i()},m=()=>{const s=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],[t,i]=S.useState(10),[p,y]=S.useState(1),[R,h]=S.useState(!1),b=()=>{h(!R)},W=()=>{const e=Math.ceil(r.length/t);y(e)},D=(p-1)*t,a=t===0?r.length-1:D+t,c={headers:[{cells:g.map(e=>({value:e})),actions:[{primary:!0,label:"Add",icon:"add",onClick:()=>{C(b),W()}}]},{cells:[{},{options:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:u[1],type:"Select",native:!0,onChange:e=>d(e,1,b)},{options:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:u[2],type:"Select",native:!0,onChange:e=>d(e,2,b)}]}],rows:r.slice(D,a).map((e,l)=>{const P=D+l;return{cells:[...Array(3).keys()].map((f,w)=>({value:e[w],type:"Input",onChange:x=>o(x,P,w,b)})),actions:[{label:"Delete",icon:"minus",onClick:()=>k(P,b)}]}}),footer:{pagination:{rowCount:r.length,selectedPage:p,rowsPerPage:{onChange:e=>{const{value:l}=e.target;i(Number(l))},options:s,value:t},onSelectPage:e=>y(e),small:!0}}};return n.jsx(A,{table:c})};return n.jsx(m,{})},J=()=>{const g=["Section","Width","Height"];let u=[...Array(175).keys()].map((T,o)=>({Section:o,Width:o*2,Height:o*2}));const r=()=>{const T=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],[o,C]=S.useState(10),[k,d]=S.useState(1),[m,s]=S.useState({}),[t,i]=S.useState({});S.useEffect(()=>{d(1)},[m,t]);const p=(k-1)*o,y=o===0?u.length-1:p+o,R=(e,l,P)=>e.filter(f=>Object.keys(l).every(w=>l[w]===""?!0:f[w].toString().includes(l[w]))).sort((f,w)=>Object.entries(P).map(([x,F])=>{switch(F){case"up":return f[x]-w[x];case"down":return w[x]-f[x];default:return 0}}).reduce((x,F)=>x||F,0)),h=(e,l,P,f,w)=>{const x=e.map(v=>{const j=Object.keys(f).includes(v)?f[v]:"",H=`${v[0].toUpperCase()}${v.slice(1)}`;return{key:v,value:H,hasSort:!0,sort:j,onSort:()=>{const $=j===""?"up":j==="up"?"down":"";w({...f,[v]:$})}}}),F=e.map(v=>{const j=Object.keys(l).includes(v)?l[v]:"";return{key:v,value:j,type:"Input",placeholder:"Filter",onChange:H=>P({...l,[v]:H.target.value})}});return{dataSortCells:x,dataFilterCells:F}},{dataSortCells:b,dataFilterCells:W}=h(g,m,s,t,i),D=R(u,m,t),a=[...D.slice(p,y).map(e=>({cells:Object.entries(e).map(([P,f])=>({key:P,value:f,type:"Input",disabled:!0}))}))],c={headers:[{cells:b},{cells:W}],rows:a,footer:{pagination:{rowCount:D.length,selectedPage:k,rowsPerPage:{onChange:e=>{const{value:l}=e.target;C(Number(l))},options:T,value:o},onSelectPage:e=>d(e),small:!0}}};return n.jsx(A,{table:c})};return n.jsx(r,{})},X=()=>{const g={tea:3.6,coffee:3.2,orange:4.1},u=[{label:"Tea",value:"tea"},{label:"Coffee",value:"coffee"},{label:"Orange juice",value:"orange"}],r={cells:[{type:"Select",options:u,value:{value:"tea"}},{type:"Input"},{type:"Static"}]},T=[...Array(15).keys()].map((a,c)=>({cells:[{type:"Select",options:u,value:{value:"tea"}},{type:"Input",value:c+1},{type:"Static"}]})),[o,C]=S.useState(T),k=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],[d,m]=S.useState(10),[s,t]=S.useState(1),i=(s-1)*d,p=d===0?o.length-1:i+d,y=({newRow:a}={})=>{const c=K(o,e=>{e.push(a??r)});C(c)},R=({rowIndex:a})=>{const c=K(o,e=>{delete e[a]}).filter(e=>e);C(c)},h=({rowIndex:a,value:c})=>{const e=K(o,l=>{l[a].cells[0].value.value=c});C(e)},b=({rowIndex:a,value:c})=>{const e=K(o,l=>{l[a].cells[1].value=c});C(e)},W=({value:a})=>{const c=Number(a);return!oe.isNaN(c)&&oe.isInteger(c)&&c>0},D=o.slice(i,p).map((a,c)=>{const e=i+c;return o.length-1,{...a,cells:a==null?void 0:a.cells.map((l,P)=>{var v,j,H,$,le;const f=(H=(j=(v=a==null?void 0:a.cells)==null?void 0:v[0])==null?void 0:j.value)==null?void 0:H.value,w=Number((le=($=a==null?void 0:a.cells)==null?void 0:$[1])==null?void 0:le.value),x=g==null?void 0:g[f],F=x&&W({value:w})?(x*w).toFixed(2):null;if(P===0)return{...l,onChange:te=>h({rowIndex:e,value:te.target.value})};if(P===1)return{...l,onChange:te=>b({rowIndex:e,value:te.target.value}),error:W({value:l.value})?null:"Must be valid whole number"};if(P===2)return{...l,value:F}}),actions:[{label:"Delete",icon:"minus",onClick:()=>R({rowIndex:e})}]}});return n.jsx(A,{table:{defaultEmptyRow:r,onAddRow:y,columnAlignment:["left","right","right"],headers:[{cells:[{value:"Drink"},{value:"Quantity"},{value:"Total Price (£)"}],actions:[{primary:!0,icon:"plus",label:"Add",onClick:()=>y()}]}],rows:D,footer:{pagination:{rowCount:o.length,selectedPage:s,rowsPerPage:{onChange:a=>{const{value:c}=a.target;m(Number(c))},options:k,value:d},onSelectPage:a=>t(a),small:!0}}}})},Y=()=>{const g=["Section","Width","Height"];let u=Array.from(Array(10),(d,m)=>[m,m*2,m*2]);const[r,T]=S.useState({pastedValues:"",rowIndex:0,cellIndex:0}),o=(d,m,s,t)=>{u[m][s]=Number(d.target.value),t()},C=(d,m,s,t)=>{var p;let i=((p=d==null?void 0:d.clipboardData)==null?void 0:p.getData("text"))??"";return T({rowIndex:m,cellIndex:s,pastedValues:i}),t(),{pastedData:r}},k=()=>{const[d,m]=S.useState(!1),s=()=>{m(!d)},t={headers:[{cells:g.map(i=>({value:i}))}],rows:u.map((i,p)=>{const y=p;return{cells:[...Array(3).keys()].map((R,h)=>({value:i[h],type:"Input",onChange:b=>o(b,y,h,s),onPaste:b=>C(b,y,h,s)}))}})};return n.jsxs(n.Fragment,{children:[n.jsx(A,{table:t}),n.jsx(re,{label:"Pasted Data",children:n.jsx(ae,{value:r.pastedValues})}),n.jsx(re,{label:"At Row",children:n.jsx(ae,{value:r.rowIndex})}),n.jsx(re,{label:"At Cell Index",children:n.jsx(ae,{value:r.cellIndex})})]})};return n.jsx(k,{})},Z=()=>{const g={fixedWidth:"auto",name:"Table title",actions:[{icon:"download",tooltip:"Download"}],columnAlignment:[...Array(10)].map((u,r)=>"right"),headers:[{cells:[...Array(10)].map((u,r)=>({value:"Heading"}))},{cells:[...Array(10)].map((u,r)=>({options:[{label:"m",value:"m"},{label:"ft",value:"ft"}],type:"Select",searchable:!1,value:{label:"m",value:"m"},autoLayerWidth:!0}))}],rows:[...Array(10)].map((u,r)=>({cells:[...Array(10)].map((T,o)=>({value:123.45})),actions:[{icon:"help",tooltip:n.jsxs(se,{children:[n.jsx(V,{bold:!0,children:"Title goes here lorem ipsum"}),n.jsx(V,{children:"Label: 123.45m"}),n.jsx(V,{children:"Another label: 123.45m"}),n.jsx(V,{children:"Label: 123.45m"})]})}]}))};return n.jsx(A,{table:g})},ee=()=>{const g={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(se,{children:[n.jsx(V,{bold:!0,children:"Title goes here"}),n.jsx(V,{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(se,{children:[n.jsx(V,{bold:!0,children:"Title goes here"}),n.jsx(V,{children:"Details go here"})]})}]}]};return n.jsx(A,{table:g})};var ie,ce,de;B.parameters={...B.parameters,docs:{...(ie=B.parameters)==null?void 0:ie.docs,source:{originalSource:`args => {
|
|
1
|
+
import{j as n}from"./jsx-runtime-FsUICBgo.js";import{r as S}from"./index-RfLt4OUa.js";import{f as B}from"./immer.esm-bD7SSJ7T.js";import{l as oe}from"./lodash-Bmg8FrMx.js";import{G as se}from"./grid-u1mZpaML.js";import{T as V}from"./text-6KQ6ntOV.js";import{T as A}from"./table-033R9jUC.js";import{C as sn}from"./card-0r8RRVk-.js";import{I as ae}from"./input-2BhbKV-j.js";import{F as re}from"./field-FZX0Z7IB.js";import{H as ln}from"./heading-jZsIIJF0.js";import{t as ne,v as on,w as cn,x as dn,y as un,z as pn,A as gn,B as mn}from"./table.stories-data-NfE_v-gH.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./tslib.es6-OIsz3r9a.js";import"./index-VW3EWkuE.js";import"./index.es-VXFRDikp.js";import"./inheritsLoose-8sb_A2v4.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./tiny-invariant-R4kOKlvx.js";import"./index-miLrID2P.js";import"./memoize-one.esm-hqe5SRxC.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./actions-mOcj9IlF.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./button-shH4xakS.js";import"./spinner-R8Il4aRe.js";import"./icon-8EQazuuW.js";import"./index-4QtD-hFu.js";import"./tooltip-HEHiU__l.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./pagination-tnyyuMkB.js";import"./select-DZdWUrCW.js";import"./assertThisInitialized-4q6YPdh3.js";import"./select.input-zP5tW20f.js";import"./input-group-R8LoqKRn.js";import"./input-group-addon-BHVsW9mL.js";import"./number-input-CMhEMmUd.js";import"./index-qZmQ7nA9.js";import"./index-cCpkwrS5.js";import"./check-box-2gxosI3y.js";import"./help-icon-SKky6KLV.js";import"./slider-MN9iDCsS.js";import"./index-ugi_ZH6T.js";import"./popover-cad2llTa.js";import"./label-uCFEME1p.js";import"./flex-RYZsoWEN.js";const ut={title:"Basic/Table",component:A,args:{table:{...ne}}},I=g=>n.jsx(A,{...g}),K=I.bind({}),_=I.bind({});_.args={table:{...ne,fixedWidth:"400px"}};const M=I.bind({});M.args={table:{...ne,fixedWidth:"auto"}};const O=I.bind({});O.args={table:on};O.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 L=I.bind({});L.args={table:cn};const U=I.bind({});U.args={table:dn};U.parameters={docs:{description:{story:"This is only required when you need to override `columnAlignment` in header cells (i.e. they have different alignment)"}}};const Q=I.bind({});Q.args={table:un};const E=I.bind({});E.args={table:pn};E.decorators=[g=>n.jsx("div",{style:{position:"absolute",inset:0,padding:"var(--padding)"},children:n.jsx(g,{})})];const N=I.bind({});N.args={table:gn};N.parameters={docs:{description:{story:"If a `maxHeight` is set, the table should only fill that height if it needs to."}}};const G=I.bind({});G.args={table:mn};const q=()=>n.jsx(sn,{heading:n.jsx(ln,{children:"Card heading"}),padding:!1,children:n.jsx(A,{table:{...ne,bordered:!1}})});q.parameters={docs:{source:{type:"dynamic"}}};const z=()=>{const g=["Section","Width","Height"];let u=["","m","m"],r=[...Array(175).keys()].map((s,t)=>[t,t*2,t*2]);const T=(s,t,i)=>s==="m"&&t==="ft"?i*3.28084:s==="ft"&&t==="m"?i/3.28084:i,o=(s,t,i,p)=>{r[t][i]=s.target.value,p()},C=s=>{r=r.concat([["","",""]]),s()},k=(s,t)=>{r=r.filter((i,p)=>p!==s),t()},d=(s,t,i)=>{const p=u[t],y=s.target.value;u=u.map((R,h)=>h===t?y:R),r=r.map(R=>R.map((h,b)=>b===t?T(p,y,h):h)),i()},m=()=>{const s=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],[t,i]=S.useState(10),[p,y]=S.useState(1),[R,h]=S.useState(!1),b=()=>{h(!R)},W=()=>{const e=Math.ceil(r.length/t);y(e)},D=(p-1)*t,a=t===0?r.length-1:D+t,c={headers:[{cells:g.map(e=>({value:e})),actions:[{primary:!0,label:"Add",icon:"add",onClick:()=>{C(b),W()}}]},{cells:[{},{options:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:u[1],type:"Select",native:!0,onChange:e=>d(e,1,b)},{options:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:u[2],type:"Select",native:!0,onChange:e=>d(e,2,b)}]}],rows:r.slice(D,a).map((e,l)=>{const P=D+l;return{cells:[...Array(3).keys()].map((f,w)=>({value:e[w],type:"Input",onChange:x=>o(x,P,w,b)})),actions:[{label:"Delete",icon:"minus",onClick:()=>k(P,b)}]}}),footer:{pagination:{rowCount:r.length,selectedPage:p,rowsPerPage:{onChange:e=>{const{value:l}=e.target;i(Number(l))},options:s,value:t},onSelectPage:e=>y(e),small:!0}}};return n.jsx(A,{table:c})};return n.jsx(m,{})},J=()=>{const g=["Section","Width","Height"];let u=[...Array(175).keys()].map((T,o)=>({Section:o,Width:o*2,Height:o*2}));const r=()=>{const T=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],[o,C]=S.useState(10),[k,d]=S.useState(1),[m,s]=S.useState({}),[t,i]=S.useState({});S.useEffect(()=>{d(1)},[m,t]);const p=(k-1)*o,y=o===0?u.length-1:p+o,R=(e,l,P)=>e.filter(f=>Object.keys(l).every(w=>l[w]===""?!0:f[w].toString().includes(l[w]))).sort((f,w)=>Object.entries(P).map(([x,F])=>{switch(F){case"up":return f[x]-w[x];case"down":return w[x]-f[x];default:return 0}}).reduce((x,F)=>x||F,0)),h=(e,l,P,f,w)=>{const x=e.map(v=>{const j=Object.keys(f).includes(v)?f[v]:"",H=`${v[0].toUpperCase()}${v.slice(1)}`;return{key:v,value:H,hasSort:!0,sort:j,onSort:()=>{const $=j===""?"up":j==="up"?"down":"";w({...f,[v]:$})}}}),F=e.map(v=>{const j=Object.keys(l).includes(v)?l[v]:"";return{key:v,value:j,type:"Input",placeholder:"Filter",onChange:H=>P({...l,[v]:H.target.value})}});return{dataSortCells:x,dataFilterCells:F}},{dataSortCells:b,dataFilterCells:W}=h(g,m,s,t,i),D=R(u,m,t),a=[...D.slice(p,y).map(e=>({cells:Object.entries(e).map(([P,f])=>({key:P,value:f,type:"Input",disabled:!0}))}))],c={headers:[{cells:b},{cells:W}],rows:a,footer:{pagination:{rowCount:D.length,selectedPage:k,rowsPerPage:{onChange:e=>{const{value:l}=e.target;C(Number(l))},options:T,value:o},onSelectPage:e=>d(e),small:!0}}};return n.jsx(A,{table:c})};return n.jsx(r,{})},X=()=>{const g={tea:3.6,coffee:3.2,orange:4.1},u=[{label:"Tea",value:"tea"},{label:"Coffee",value:"coffee"},{label:"Orange juice",value:"orange"}],r={cells:[{type:"Select",options:u,value:{value:"tea"}},{type:"Input"},{type:"Static"}]},T=[...Array(15).keys()].map((a,c)=>({cells:[{type:"Select",options:u,value:{value:"tea"}},{type:"Input",value:c+1},{type:"Static"}]})),[o,C]=S.useState(T),k=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],[d,m]=S.useState(10),[s,t]=S.useState(1),i=(s-1)*d,p=d===0?o.length-1:i+d,y=({newRow:a}={})=>{const c=B(o,e=>{e.push(a??r)});C(c)},R=({rowIndex:a})=>{const c=B(o,e=>{delete e[a]}).filter(e=>e);C(c)},h=({rowIndex:a,value:c})=>{const e=B(o,l=>{l[a].cells[0].value.value=c});C(e)},b=({rowIndex:a,value:c})=>{const e=B(o,l=>{l[a].cells[1].value=c});C(e)},W=({value:a})=>{const c=Number(a);return!oe.isNaN(c)&&oe.isInteger(c)&&c>0},D=o.slice(i,p).map((a,c)=>{const e=i+c;return o.length-1,{...a,cells:a==null?void 0:a.cells.map((l,P)=>{var v,j,H,$,le;const f=(H=(j=(v=a==null?void 0:a.cells)==null?void 0:v[0])==null?void 0:j.value)==null?void 0:H.value,w=Number((le=($=a==null?void 0:a.cells)==null?void 0:$[1])==null?void 0:le.value),x=g==null?void 0:g[f],F=x&&W({value:w})?(x*w).toFixed(2):null;if(P===0)return{...l,onChange:te=>h({rowIndex:e,value:te.target.value})};if(P===1)return{...l,onChange:te=>b({rowIndex:e,value:te.target.value}),error:W({value:l.value})?null:"Must be valid whole number"};if(P===2)return{...l,value:F}}),actions:[{label:"Delete",icon:"minus",onClick:()=>R({rowIndex:e})}]}});return n.jsx(A,{table:{defaultEmptyRow:r,onAddRow:y,columnAlignment:["left","right","right"],headers:[{cells:[{value:"Drink"},{value:"Quantity"},{value:"Total Price (£)"}],actions:[{primary:!0,icon:"plus",label:"Add",onClick:()=>y()}]}],rows:D,footer:{pagination:{rowCount:o.length,selectedPage:s,rowsPerPage:{onChange:a=>{const{value:c}=a.target;m(Number(c))},options:k,value:d},onSelectPage:a=>t(a),small:!0}}}})},Y=()=>{const g=["Section","Width","Height"];let u=Array.from(Array(10),(d,m)=>[m,m*2,m*2]);const[r,T]=S.useState({pastedValues:"",rowIndex:0,cellIndex:0}),o=(d,m,s,t)=>{u[m][s]=Number(d.target.value),t()},C=(d,m,s,t)=>{var p;let i=((p=d==null?void 0:d.clipboardData)==null?void 0:p.getData("text"))??"";return T({rowIndex:m,cellIndex:s,pastedValues:i}),t(),{pastedData:r}},k=()=>{const[d,m]=S.useState(!1),s=()=>{m(!d)},t={headers:[{cells:g.map(i=>({value:i}))}],rows:u.map((i,p)=>{const y=p;return{cells:[...Array(3).keys()].map((R,h)=>({value:i[h],type:"Input",onChange:b=>o(b,y,h,s),onPaste:b=>C(b,y,h,s)}))}})};return n.jsxs(n.Fragment,{children:[n.jsx(A,{table:t}),n.jsx(re,{label:"Pasted Data",children:n.jsx(ae,{value:r.pastedValues})}),n.jsx(re,{label:"At Row",children:n.jsx(ae,{value:r.rowIndex})}),n.jsx(re,{label:"At Cell Index",children:n.jsx(ae,{value:r.cellIndex})})]})};return n.jsx(k,{})},Z=()=>{const g={fixedWidth:"auto",name:"Table title",actions:[{icon:"download",tooltip:"Download"}],columnAlignment:[...Array(10)].map((u,r)=>"right"),headers:[{cells:[...Array(10)].map((u,r)=>({value:"Heading"}))},{cells:[...Array(10)].map((u,r)=>({options:[{label:"m",value:"m"},{label:"ft",value:"ft"}],type:"Select",searchable:!1,value:{label:"m",value:"m"},autoLayerWidth:!0}))}],rows:[...Array(10)].map((u,r)=>({cells:[...Array(10)].map((T,o)=>({value:123.45})),actions:[{icon:"help",tooltip:n.jsxs(se,{children:[n.jsx(V,{bold:!0,children:"Title goes here lorem ipsum"}),n.jsx(V,{children:"Label: 123.45m"}),n.jsx(V,{children:"Another label: 123.45m"}),n.jsx(V,{children:"Label: 123.45m"})]})}]}))};return n.jsx(A,{table:g})},ee=()=>{const g={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(se,{children:[n.jsx(V,{bold:!0,children:"Title goes here"}),n.jsx(V,{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(se,{children:[n.jsx(V,{bold:!0,children:"Title goes here"}),n.jsx(V,{children:"Details go here"})]})}]}]};return n.jsx(A,{table:g})};var ie,ce,de;K.parameters={...K.parameters,docs:{...(ie=K.parameters)==null?void 0:ie.docs,source:{originalSource:`args => {
|
|
2
2
|
return <Table
|
|
3
3
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
4
4
|
{...args} />;
|
|
5
|
-
}`,...(de=(ce=
|
|
5
|
+
}`,...(de=(ce=K.parameters)==null?void 0:ce.docs)==null?void 0:de.source}}};var ue,pe,ge;_.parameters={..._.parameters,docs:{...(ue=_.parameters)==null?void 0:ue.docs,source:{originalSource:`args => {
|
|
6
6
|
return <Table
|
|
7
7
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
8
8
|
{...args} />;
|
|
@@ -318,7 +318,7 @@ import{j as n}from"./jsx-runtime-FsUICBgo.js";import{r as S}from"./index-RfLt4OU
|
|
|
318
318
|
return <Table table={(table as any)} />;
|
|
319
319
|
};
|
|
320
320
|
return <TableWithSortAndFilter />;
|
|
321
|
-
}`,...($e=(qe=J.parameters)==null?void 0:qe.docs)==null?void 0:$e.source}}};var Ke,
|
|
321
|
+
}`,...($e=(qe=J.parameters)==null?void 0:qe.docs)==null?void 0:$e.source}}};var Be,Ke,ze;X.parameters={...X.parameters,docs:{...(Be=X.parameters)==null?void 0:Be.docs,source:{originalSource:`() => {
|
|
322
322
|
const prices = {
|
|
323
323
|
tea: 3.6,
|
|
324
324
|
coffee: 3.2,
|
|
@@ -506,7 +506,7 @@ import{j as n}from"./jsx-runtime-FsUICBgo.js";import{r as S}from"./index-RfLt4OU
|
|
|
506
506
|
}
|
|
507
507
|
}
|
|
508
508
|
} as any)} />;
|
|
509
|
-
}`,...(ze=(
|
|
509
|
+
}`,...(ze=(Ke=X.parameters)==null?void 0:Ke.docs)==null?void 0:ze.source}}};var Je,Xe,Ye;Y.parameters={...Y.parameters,docs:{...(Je=Y.parameters)==null?void 0:Je.docs,source:{originalSource:`() => {
|
|
510
510
|
const headings = ['Section', 'Width', 'Height'];
|
|
511
511
|
let data = Array.from(Array(10), (_, i) => [i, i * 2, i * 2]);
|
|
512
512
|
const [pastedData, setpastedData] = useState<PastedData>({
|
|
@@ -693,4 +693,4 @@ import{j as n}from"./jsx-runtime-FsUICBgo.js";import{r as S}from"./index-RfLt4OU
|
|
|
693
693
|
}]
|
|
694
694
|
};
|
|
695
695
|
return <Table table={table} />;
|
|
696
|
-
}`,...(rn=(an=ee.parameters)==null?void 0:an.docs)==null?void 0:rn.source}}};const
|
|
696
|
+
}`,...(rn=(an=ee.parameters)==null?void 0:an.docs)==null?void 0:rn.source}}};const pt=["Default","FixedWidth","AutoWidth","ColumnWidths","ColumnAlignment","ColumnHeaderAlignment","InfiniteScrollFixedHeight","InfiniteScrollFullHeight","InfiniteScrollShort","InfiniteScrollWithDragAndDrop","InCard","Managed","ManagedWithFilterAndSort","AutoAddNewRow","OnPasteCallback","ExampleTableWithInfoTooltips","ExampleTableWithInlineUnits"];export{X as AutoAddNewRow,M as AutoWidth,L as ColumnAlignment,U as ColumnHeaderAlignment,O as ColumnWidths,K as Default,Z as ExampleTableWithInfoTooltips,ee as ExampleTableWithInlineUnits,_ as FixedWidth,q as InCard,Q as InfiniteScrollFixedHeight,E as InfiniteScrollFullHeight,N as InfiniteScrollShort,G as InfiniteScrollWithDragAndDrop,z as Managed,J as ManagedWithFilterAndSort,Y as OnPasteCallback,pt as __namedExportsOrder,ut as default};
|