@oliasoft-open-source/react-ui-library 5.6.0-beta-20 → 5.6.0-beta-21
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-B1D5hqWS.js → index-CMB0aE4o.js} +1 -1
- package/dist/index.html +1 -1
- package/dist/index.js +16 -11
- package/dist/storybook/assets/{Color-AVL7NMMY-BuAf7Fbp.js → Color-AVL7NMMY-Czg_fs6_.js} +1 -1
- package/dist/storybook/assets/{DocsRenderer-PQXLIZUC-DLMby0wD.js → DocsRenderer-PQXLIZUC-B2Zun_PK.js} +2 -2
- package/dist/storybook/assets/{accordion-DU90ITZn.js → accordion-RHDLdSvI.js} +1 -1
- package/dist/storybook/assets/{accordion.stories-CQBN7DP5.js → accordion.stories-u3D9KmXg.js} +1 -1
- package/dist/storybook/assets/{actions-C75Yhysc.js → actions-Ct9IeQri.js} +2 -2
- package/dist/storybook/assets/{actions.stories-BUHQ2nS5.js → actions.stories-JRO1NCkI.js} +1 -1
- package/dist/storybook/assets/{afe.stories-tjB42xAu.js → afe.stories-DZEb77dW.js} +1 -1
- package/dist/storybook/assets/{badge-DoQogrt7.js → badge-CSqHSgHc.js} +1 -1
- package/dist/storybook/assets/{badge.stories-LNlLlLqv.js → badge.stories-Bc7Okxm1.js} +1 -1
- package/dist/storybook/assets/{blocks-npsRjG9U.js → blocks-BRiP-lQk.js} +4 -4
- package/dist/storybook/assets/{blowout.stories-DjF4nrAH.js → blowout.stories-BXnq1D_i.js} +1 -1
- package/dist/storybook/assets/{breadcrumb.stories-BW0-hz0O.js → breadcrumb.stories-DiGI8A9V.js} +1 -1
- package/dist/storybook/assets/{button-COZYpTMg.js → button-DXVRmU6A.js} +1 -1
- package/dist/storybook/assets/{button-group-BjdP3aGQ.js → button-group-CxEZ408g.js} +1 -1
- package/dist/storybook/assets/{button-group.stories-CTYaftZw.js → button-group.stories-Bjij8pPO.js} +1 -1
- package/dist/storybook/assets/button.stories-6rnL2ggd.js +1 -0
- package/dist/storybook/assets/{button.stories-XZ2oxsKX.js → button.stories-CuLcB-tY.js} +1 -1
- package/dist/storybook/assets/{buttons-and-links-YZlUwrwh.js → buttons-and-links-ifU6a0mN.js} +1 -1
- package/dist/storybook/assets/{card-BNQ_Ty0W.js → card-WLrmR7W6.js} +1 -1
- package/dist/storybook/assets/{card.stories-163_Jh8D.js → card.stories-DQNDv34o.js} +1 -1
- package/dist/storybook/assets/{casing-loads.stories-CxCWrjf7.js → casing-loads.stories-D2n6yGkb.js} +1 -1
- package/dist/storybook/assets/cell.stories-D8Hi1-cW.js +1 -0
- package/dist/storybook/assets/{cell.stories-DVXralAI.js → cell.stories-krClSC58.js} +1 -1
- package/dist/storybook/assets/{check-box-BrYAm1gp.js → check-box--YUuQA9P.js} +1 -1
- package/dist/storybook/assets/check-box.stories-BJI_Ra--.js +1 -0
- package/dist/storybook/assets/{check-box.stories-hN_JaUBB.js → check-box.stories-D74c3Akh.js} +1 -1
- package/dist/storybook/assets/{check-box.test-case.stories-UoUkXfQ5.js → check-box.test-case.stories-BKBF_BX6.js} +1 -1
- package/dist/storybook/assets/{chunk-HA7DTUK3-D8QnUgcG.js → chunk-HA7DTUK3-Raoqpbvt.js} +1 -1
- package/dist/storybook/assets/client-CdAX5swh.js +1 -0
- package/dist/storybook/assets/{color-CuvQy1_s.js → color-c3A6zcnY.js} +1 -1
- package/dist/storybook/assets/column.stories-88DJqdEb.js +1 -0
- package/dist/storybook/assets/{column.stories-07ukXOnl.js → column.stories-B2iCf1oq.js} +1 -1
- package/dist/storybook/assets/{components-D22_Y--P.js → components-I7ZzC7pj.js} +1 -1
- package/dist/storybook/assets/{components-CXJQI0dy.js → components-hQQePxwc.js} +1 -1
- package/dist/storybook/assets/{data-import-export.stories-DnRO83xv.js → data-import-export.stories-CIZLvg4D.js} +4 -4
- package/dist/storybook/assets/{date-input.stories-DnF34iNJ.js → date-input.stories-BTDWCJeJ.js} +1 -1
- package/dist/storybook/assets/date-input.stories-BcbGtR2-.js +1 -0
- package/dist/storybook/assets/{dates-DGEdy1Iu.js → dates-CFjcRHXO.js} +1 -1
- package/dist/storybook/assets/{datetime.stories-ZsjGT_Ba.js → datetime.stories-DD0ccy0-.js} +1 -1
- package/dist/storybook/assets/{datetime.stories-Byw9Ly3Y.js → datetime.stories-DnNtHJjs.js} +1 -1
- package/dist/storybook/assets/{diff-viewer.stories-CtJPHKI9.js → diff-viewer.stories-X9oC-Oks.js} +1 -1
- package/dist/storybook/assets/{dist-DhxQWz_J.js → dist-QKqugWZ1.js} +1 -1
- package/dist/storybook/assets/{divider-BPAxNR_g.js → divider-B4em5zcI.js} +1 -1
- package/dist/storybook/assets/{divider.stories-Bg6ucFIb.js → divider.stories-BK7-ZNI9.js} +1 -1
- package/dist/storybook/assets/{drawer-BNaPmfVS.js → drawer-DwnwAjKu.js} +1 -1
- package/dist/storybook/assets/{drawer.stories-D3rlc0B_.js → drawer.stories-JYUXlvNF.js} +1 -1
- package/dist/storybook/assets/{drawer.test-case.stories-BnL35nnk.js → drawer.test-case.stories-Bki6RY0m.js} +1 -1
- package/dist/storybook/assets/{emotion-is-prop-valid.esm-BTIsZlY_.js → emotion-is-prop-valid.esm-BUoVdhe_.js} +1 -1
- package/dist/storybook/assets/{empty-D8GvG9W1.js → empty-AFmslMHq.js} +1 -1
- package/dist/storybook/assets/{empty.stories-Cg8BM5j7.js → empty.stories-CUtAMhAD.js} +1 -1
- package/dist/storybook/assets/{esm-L3AFfpT1.js → esm-Cd-AO6qk.js} +1 -1
- package/dist/storybook/assets/{fast-deep-equal-BQOhduti.js → fast-deep-equal-DA2RLqM2.js} +1 -1
- package/dist/storybook/assets/{field-jj7svWmp.js → field-CMcGBkdh.js} +1 -1
- package/dist/storybook/assets/{field.stories-CscEOSF7.js → field.stories-1stOxabi.js} +1 -1
- package/dist/storybook/assets/field.stories-uUND_mpv.js +1 -0
- package/dist/storybook/assets/{file-button.stories-7tfp4knW.js → file-button.stories-B4Gql_bD.js} +1 -1
- package/dist/storybook/assets/{file-input-qOSwxw4H.js → file-input-COas7Hi6.js} +1 -1
- package/dist/storybook/assets/file-input.stories-BOVJ3DmM.js +1 -0
- package/dist/storybook/assets/{file-input.stories-BFQYuUt9.js → file-input.stories-BWbYblYx.js} +1 -1
- package/dist/storybook/assets/{flex-BX_Kuh88.js → flex-D7WQTo6g.js} +1 -1
- package/dist/storybook/assets/flex.stories-D6jauiOe.js +1 -0
- package/dist/storybook/assets/{flex.stories-CtOrEbia.js → flex.stories-D9-ounPI.js} +1 -1
- package/dist/storybook/assets/footer.stories-Cmvu9IzH.js +3 -0
- package/dist/storybook/assets/{form-row-mrg4_CM6.js → form-row-BvszlQL1.js} +1 -1
- package/dist/storybook/assets/{form.stories-CGRd_h9l.js → form.stories-BOnXDCQp.js} +1 -1
- package/dist/storybook/assets/form.stories-DzytY2o2.js +1 -0
- package/dist/storybook/assets/{formation.stories-BGZztmZW.js → formation.stories-_ceE98-7.js} +1 -1
- package/dist/storybook/assets/{grid-tfYbM62b.js → grid-BFBK01ob.js} +1 -1
- package/dist/storybook/assets/grid.stories-CFP01cxB.js +1 -0
- package/dist/storybook/assets/{grid.stories-D0UOs3BA.js → grid.stories-DbHzSPWt.js} +1 -1
- package/dist/storybook/assets/{heading-B4XmPyQx.js → heading-DC2eTr4r.js} +1 -1
- package/dist/storybook/assets/{heading.stories-CaMQ2ywV.js → heading.stories-Bju_DTHl.js} +1 -1
- package/dist/storybook/assets/{help-icon-7rahs3sO.js → help-icon-DzkFHroz.js} +1 -1
- package/dist/storybook/assets/{help-icon.stories-B-dMxxVe.js → help-icon.stories-cxUKs3lA.js} +1 -1
- package/dist/storybook/assets/{icon.stories-D3GOzxVG.js → icon.stories-D6tjLPpV.js} +1 -1
- package/dist/storybook/assets/{iframe-D4Zg62hF.js → iframe-EU22ddzP.js} +3 -3
- package/dist/storybook/assets/{initialize-context-B9jrQ6AF.js → initialize-context-DFfe1jE3.js} +1 -1
- package/dist/storybook/assets/{input-BQQrNKmr.js → input-BdYHHPue.js} +1 -1
- package/dist/storybook/assets/{input-group-VNNfEwqC.js → input-group-D24O4Bxc.js} +1 -1
- package/dist/storybook/assets/{input-group-addon-DhpBpIxI.js → input-group-addon-DZoIwpw9.js} +1 -1
- package/dist/storybook/assets/{input-group.stories-Cta4sPNf.js → input-group.stories-DZW-vCuS.js} +1 -1
- package/dist/storybook/assets/{input-validation-CxAQ39hf.js → input-validation-7uhW8FiV.js} +1 -1
- package/dist/storybook/assets/{input.stories-BcWKa2Cr.js → input.stories-BOGHYktw.js} +1 -1
- package/dist/storybook/assets/input.stories-DrdUyzE1.js +1 -0
- package/dist/storybook/assets/{inputs-C70G499e.js → inputs-fAQnBxvD.js} +1 -1
- package/dist/storybook/assets/{label-CT4MqTF7.js → label-BkXPoL3G.js} +1 -1
- package/dist/storybook/assets/{label.stories-BqJhMJc5.js → label.stories-B2YvjXB4.js} +1 -1
- package/dist/storybook/assets/{layout-forms-CoG6W9RH.js → layout-forms-CjQbNopc.js} +1 -1
- package/dist/storybook/assets/{layout-general-B16VrftS.js → layout-general-fq4B5Zut.js} +1 -1
- package/dist/storybook/assets/{lib-BOe7MuKK.js → lib-XOSeRsDk.js} +1 -1
- package/dist/storybook/assets/{list-vHinx-zI.js → list-Zyul4Mlh.js} +1 -1
- package/dist/storybook/assets/{list.stories-BPv37d5w.js → list.stories-CSdiq9gU.js} +1 -1
- package/dist/storybook/assets/{list.stories-data-Bqe7gOfa.js → list.stories-data-Cx_fKS4q.js} +1 -1
- package/dist/storybook/assets/{loader-BghLkIpx.js → loader-DIB8hTmj.js} +1 -1
- package/dist/storybook/assets/{loader.stories-COvsf0Ta.js → loader.stories-Dc88ogP9.js} +1 -1
- package/dist/storybook/assets/{lodash-DCsx9Ntr.js → lodash-CiSVjb27.js} +1 -1
- package/dist/storybook/assets/{menu.stories-DvLzmKlP.js → menu.stories-RIy8mFoz.js} +1 -1
- package/dist/storybook/assets/{menu.stories-data-BYyBO-PM.js → menu.stories-data-CBZr1Taj.js} +1 -1
- package/dist/storybook/assets/{menu.test-case.stories-DtIecsat.js → menu.test-case.stories-Bfs_CAnP.js} +1 -1
- package/dist/storybook/assets/{message.stories-DEKDDAU3.js → message.stories-BhqqzEWy.js} +1 -1
- package/dist/storybook/assets/{meta-content-DItgLKPe.js → meta-content-DejAmkIh.js} +1 -1
- package/dist/storybook/assets/{modal-Cq527L7E.js → modal-W5JR3-fd.js} +1 -1
- package/dist/storybook/assets/{modal.stories-LXok3kLl.js → modal.stories-DiMKniQu.js} +1 -1
- package/dist/storybook/assets/{modal.test-case.stories-BbjTMhbe.js → modal.test-case.stories-nqS1gANF.js} +1 -1
- package/dist/storybook/assets/{number-input-CYtGXTJS.js → number-input-CO11SW2l.js} +1 -1
- package/dist/storybook/assets/number-input.stories-BbUt2m34.js +1 -0
- package/dist/storybook/assets/{number-input.stories-BGjpbuGx.js → number-input.stories-Re1KujgJ.js} +1 -1
- package/dist/storybook/assets/{number-input.test-case.stories-DGrN8gGX.js → number-input.test-case.stories-Iqn-282h.js} +1 -1
- package/dist/storybook/assets/option-dropdown.stories-CRCHjTo8.js +1 -0
- package/dist/storybook/assets/{option-dropdown.stories-Vl5HS9hq.js → option-dropdown.stories-vKETLQUY.js} +1 -1
- package/dist/storybook/assets/{padding-and-spacing-BZ4ZiTSH.js → padding-and-spacing-mKqkaVZM.js} +1 -1
- package/dist/storybook/assets/{page-g05z4ELc.js → page-DUJsIRkI.js} +1 -1
- package/dist/storybook/assets/{page.stories-Bs5iRsJd.js → page.stories-BgvLtK3e.js} +1 -1
- package/dist/storybook/assets/{pagination-Bz_ydB2y.js → pagination-_RRF0iW0.js} +1 -1
- package/dist/storybook/assets/{pagination.stories-uS_7UoYp.js → pagination.stories-DHwcIyb9.js} +1 -1
- package/dist/storybook/assets/{pop-confirm.stories-BnuzhK-p.js → pop-confirm.stories-DG8BPBmI.js} +1 -1
- package/dist/storybook/assets/{popover-CyuIVmBY.js → popover-DPG74BOL.js} +1 -1
- package/dist/storybook/assets/{popover.stories-jwK98mVS.js → popover.stories-Y4STcRfO.js} +1 -1
- package/dist/storybook/assets/portal-DOH-1YPk.js +1 -0
- package/dist/storybook/assets/{portal.stories-9aIYnykm.js → portal.stories-DAtgj2uT.js} +1 -1
- package/dist/storybook/assets/{progress-bar-DMVGz10l.js → progress-bar-Bx3_0EWF.js} +1 -1
- package/dist/storybook/assets/{progress-bar.stories-Ci3ZFHEz.js → progress-bar.stories-CyN7y1Y-.js} +1 -1
- package/dist/storybook/assets/{projects.stories-CF77nVZT.js → projects.stories-CE20zs8O.js} +1 -1
- package/dist/storybook/assets/{radio-button-C7AH6epP.js → radio-button-D0fuZMak.js} +1 -1
- package/dist/storybook/assets/{radio-button.stories-am7W_JWQ.js → radio-button.stories-DHE16T1a.js} +1 -1
- package/dist/storybook/assets/radio-button.stories-DbFVHhwO.js +1 -0
- package/dist/storybook/assets/{radio-button.test-case.stories-Dn-20nRc.js → radio-button.test-case.stories-Ds0nZGCE.js} +1 -1
- package/dist/storybook/assets/{react-18-DVHmheBO.js → react-18-CK9Naa2M.js} +1 -1
- package/dist/storybook/assets/react-Dh4BE5Co.js +1 -0
- package/dist/storybook/assets/{react-dom-DrHyh6_j.js → react-dom-rzgPE705.js} +1 -1
- package/dist/storybook/assets/{react-fast-compare-50RPpPoD.js → react-fast-compare-DmR1Q96O.js} +1 -1
- package/dist/storybook/assets/{remirror-core-helpers-BLaIuZF5.js → remirror-core-helpers-BxdBMqPL.js} +2 -2
- package/dist/storybook/assets/{reservoirs.stories-DTSghh4m.js → reservoirs.stories-BLoj9OLz.js} +1 -1
- package/dist/storybook/assets/{rich-text-input.stories-ZaFfTUD4.js → rich-text-input.stories-C-6lWEu1.js} +3 -3
- package/dist/storybook/assets/{row-CBGyVSEs.js → row-ccWcLrf1.js} +1 -1
- package/dist/storybook/assets/{row.stories-Bli-TfEf.js → row.stories-CKMQWhy5.js} +1 -1
- package/dist/storybook/assets/{select-dDHTUZaq.js → select-C3UalMKs.js} +1 -1
- package/dist/storybook/assets/{select.stories-BnA8X0fz.js → select.stories-B-P8LmMf.js} +1 -1
- package/dist/storybook/assets/{select.stories-CKKEMw_0.js → select.stories-DtjQjgVV.js} +1 -1
- package/dist/storybook/assets/{select.stories-data-C_eXQEl2.js → select.stories-data-CT2OcjDR.js} +1 -1
- package/dist/storybook/assets/{select.test-case.stories-CbBpz7I2.js → select.test-case.stories-DqKVyEU4.js} +1 -1
- package/dist/storybook/assets/{setting-field.stories-BTgQt5yY.js → setting-field.stories-CYyr31Eg.js} +1 -1
- package/dist/storybook/assets/{side-bar-B14uvrxk.js → side-bar-9Bbmkf0C.js} +1 -1
- package/dist/storybook/assets/{side-bar.stories-BWw1HKJx.js → side-bar.stories-Cia7tzIc.js} +1 -1
- package/dist/storybook/assets/{site.stories-COhD59HV.js → site.stories-B_1ikMCB.js} +1 -1
- package/dist/storybook/assets/{slider-rFDKD7LU.js → slider-MhFdkngd.js} +1 -1
- package/dist/storybook/assets/{slider.stories-Cjn0-WIc.js → slider.stories-CckNlLkd.js} +1 -1
- package/dist/storybook/assets/{slider.stories-Bm-9rKCm.js → slider.stories-D0pLwM5a.js} +1 -1
- package/dist/storybook/assets/{smart-upload-modal-BoOADECF.js → smart-upload-modal-zQZpAVQt.js} +1 -1
- package/dist/storybook/assets/{smart-upload-modal.stories-BaQkh068.js → smart-upload-modal.stories-BToPeW5h.js} +1 -1
- package/dist/storybook/assets/{spacer-CXxVsxF9.js → spacer-vcWIopH5.js} +1 -1
- package/dist/storybook/assets/{spacer.stories-CDSmJl2X.js → spacer.stories-DPSi11Bp.js} +1 -1
- package/dist/storybook/assets/{spinner-FbE2mbiy.js → spinner-gc9uGw0J.js} +1 -1
- package/dist/storybook/assets/{spinner.stories-DpQopigF.js → spinner.stories-CK0O8hEf.js} +1 -1
- package/dist/storybook/assets/{styled-components.browser.esm-DG0FhB-e.js → styled-components.browser.esm-DWmnuEYo.js} +1 -1
- package/dist/storybook/assets/{table-3zH873Md.js → table-B6Rh_KBA.js} +1 -1
- package/dist/storybook/assets/{table.stories-DNlQuLIO.js → table.stories-C8hHPkmK.js} +1 -1
- package/dist/storybook/assets/{table.stories-data-BdLpIlj_.js → table.stories-data-hBHpYw6Z.js} +1 -1
- package/dist/storybook/assets/{table.test-case.stories-DS9rit7R.js → table.test-case.stories-QOzGQnXy.js} +1 -1
- package/dist/storybook/assets/{tabs-C5z5XNIW.js → tabs-C5ycdABr.js} +1 -1
- package/dist/storybook/assets/{tabs.stories-Dmoe01JY.js → tabs.stories-D-MyZQNY.js} +1 -1
- package/dist/storybook/assets/{text-DVka0T2p.js → text-CkkjKEEc.js} +1 -1
- package/dist/storybook/assets/text-link.stories-7gBWHaHv.js +1 -0
- package/dist/storybook/assets/{text-link.stories-D2THsIkU.js → text-link.stories-C3RkXLt5.js} +1 -1
- package/dist/storybook/assets/{text.stories-BMTTyNKf.js → text.stories-DsybubcI.js} +1 -1
- package/dist/storybook/assets/{textarea-DfCgNX0N.js → textarea-D8zMidSh.js} +1 -1
- package/dist/storybook/assets/textarea.stories-BgTCHUTZ.js +1 -0
- package/dist/storybook/assets/{textarea.stories-Dht4nNH6.js → textarea.stories-EisiK949.js} +1 -1
- package/dist/storybook/assets/{title.stories-BMHBmrwL.js → title.stories-RgotXQt8.js} +1 -1
- package/dist/storybook/assets/{toaster.stories-gpBKa_lY.js → toaster.stories-DVXlLZO3.js} +1 -1
- package/dist/storybook/assets/{toaster.test-case.stories-D3AOmsLX.js → toaster.test-case.stories-CMsBLl5F.js} +1 -1
- package/dist/storybook/assets/{toggle-C_si2Zbr.js → toggle-BAmO7wKa.js} +1 -1
- package/dist/storybook/assets/{toggle.stories-Dig8_WhE.js → toggle.stories-CkXmUHKb.js} +1 -1
- package/dist/storybook/assets/toggle.stories-FV7V8hG-.js +1 -0
- package/dist/storybook/assets/{toggle.test-case.stories-UjPM421h.js → toggle.test-case.stories-SUkQcTKA.js} +1 -1
- package/dist/storybook/assets/{tooltip-BDJkAs31.js → tooltip-N1V1x_Kn.js} +1 -1
- package/dist/storybook/assets/{tooltip.stories-6XnQWcyy.js → tooltip.stories-DsInBp-i.js} +1 -1
- package/dist/storybook/assets/{tooltip.test-case.stories-Co1Lt0GK.js → tooltip.test-case.stories-BfxEEiJX.js} +1 -1
- package/dist/storybook/assets/{top-bar-Xyvy9J2W.js → top-bar-DCQ-Vcgr.js} +1 -1
- package/dist/storybook/assets/{top-bar.stories-BsQwRLt0.js → top-bar.stories-Cr1GNVIf.js} +1 -1
- package/dist/storybook/assets/{top-bar.testcase.stories-CsZMicVc.js → top-bar.testcase.stories-DLaCduEo.js} +1 -1
- package/dist/storybook/assets/{tree.stories-DfinTPtQ.js → tree.stories-BDH2ZKAF.js} +1 -1
- package/dist/storybook/assets/types-BjAzD82u.js +1 -0
- package/dist/storybook/assets/{unit-input-D3ug0XIr.js → unit-input-C-88gl7h.js} +1 -1
- package/dist/storybook/assets/{unit-input.stories-Cw3IxHlW.js → unit-input.stories-JosB76bO.js} +24 -8
- package/dist/storybook/assets/{unit-input.test-case.stories-B1Fm7RYH.js → unit-input.test-case.stories-pQmvLvTu.js} +1 -1
- package/dist/storybook/assets/unit-table.stories-M2tcFYq6.js +1 -0
- package/dist/storybook/assets/{unit-table.stories-DRfidPr_.js → unit-table.stories-kjnrEnHm.js} +1 -1
- package/dist/storybook/assets/{unit-table.test-case.stories-4m2yh8rO.js → unit-table.test-case.stories-CYjQekHK.js} +1 -1
- package/dist/storybook/assets/{use-keyboard-event-CPHW-LTR.js → use-keyboard-event-DJxq2Iwi.js} +1 -1
- package/dist/storybook/iframe.html +1 -1
- package/dist/storybook/{index-B1D5hqWS.js → index-CMB0aE4o.js} +1 -1
- package/dist/storybook/index.html +1 -1
- package/dist/storybook/index.json +1 -1
- package/dist/storybook/project.json +1 -1
- package/package.json +1 -1
- package/dist/storybook/assets/button.stories-BRTM9RNN.js +0 -1
- package/dist/storybook/assets/cell.stories-C17vOhuH.js +0 -1
- package/dist/storybook/assets/check-box.stories-BrKolC-R.js +0 -1
- package/dist/storybook/assets/client-Brc_VZqR.js +0 -1
- package/dist/storybook/assets/column.stories-DTTMe-SC.js +0 -1
- package/dist/storybook/assets/date-input.stories-BhznaFeN.js +0 -1
- package/dist/storybook/assets/field.stories-DVAUG5cS.js +0 -1
- package/dist/storybook/assets/file-input.stories-yfrmCD6p.js +0 -1
- package/dist/storybook/assets/flex.stories-efwSspGB.js +0 -1
- package/dist/storybook/assets/footer.stories-CMxnQA07.js +0 -3
- package/dist/storybook/assets/form.stories-BEQSYOYi.js +0 -1
- package/dist/storybook/assets/grid.stories-Bx0R3C-c.js +0 -1
- package/dist/storybook/assets/input.stories-BjLz5uNQ.js +0 -1
- package/dist/storybook/assets/number-input.stories-D-Lv00Zw.js +0 -1
- package/dist/storybook/assets/option-dropdown.stories-BCRdCUmi.js +0 -1
- package/dist/storybook/assets/portal-pXFQWKb2.js +0 -1
- package/dist/storybook/assets/radio-button.stories-BlvB1C5u.js +0 -1
- package/dist/storybook/assets/react-B6lwR1uU.js +0 -1
- package/dist/storybook/assets/text-link.stories-DLTUbZkl.js +0 -1
- package/dist/storybook/assets/textarea.stories-Dp6QjyZK.js +0 -1
- package/dist/storybook/assets/toggle.stories-DQ4MZUIi.js +0 -1
- package/dist/storybook/assets/types-Q8bq0gPd.js +0 -1
- package/dist/storybook/assets/unit-table.stories-z70YLi9Y.js +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{A as e,E as t,M as n,f as r,h as i,l as a,s as o,w as s}from"./iframe-D4Zg62hF.js";import{b as c}from"./react-dom-DrHyh6_j.js";import{b as l}from"./check-box-BrYAm1gp.js";import{b as u}from"./tooltip-BDJkAs31.js";import{b as d}from"./help-icon-7rahs3sO.js";import{b as f}from"./heading-B4XmPyQx.js";import{b as p}from"./text-DVka0T2p.js";import{b as m}from"./lodash-DCsx9Ntr.js";import{b as h}from"./actions-C75Yhysc.js";import{c as g}from"./types-Q8bq0gPd.js";import{b as _}from"./select-dDHTUZaq.js";import{b as v}from"./input-BQQrNKmr.js";import{b as y}from"./pagination-Bz_ydB2y.js";import{b,c as x,d as S,e as C,f as w,g as T,h as E,i as ee}from"./esm-L3AFfpT1.js";import{b as D}from"./number-input-CYtGXTJS.js";import{b as O}from"./slider-rFDKD7LU.js";import{b as k}from"./popover-CyuIVmBY.js";var A={inputInTable:`_inputInTable_kaesl_1`,inputHover:`_inputHover_kaesl_13`,inputFocus:`_inputFocus_kaesl_18`,inputError:`_inputError_kaesl_25`,inputWarning:`_inputWarning_kaesl_26`,inputDisabled:`_inputDisabled_kaesl_61`,hideScrollbars:`_hideScrollbars_kaesl_67`,wrapper:`_wrapper_kaesl_85`,bordered:`_bordered_kaesl_93`,scroll:`_scroll_kaesl_98`,table:`_table_kaesl_109`,dragOverlay:`_dragOverlay_kaesl_145`,virtualScroll:`_virtualScroll_kaesl_182`,striped:`_striped_kaesl_202`},j={title:`_title_zn5s7_1`},M=n(t()),N=n(i());const P=({name:e=null,actions:t=null,actionsRight:n=!1,testId:r})=>{let i=e!==null,a=t!==null;if(!i&&!a)return null;let o=()=>{if(!a)return null;let e=(0,N.jsx)(h,{actions:t});return n?e:(0,N.jsx)(`div`,{children:e})};return(0,N.jsxs)(`div`,{className:j.title,children:[i?(0,N.jsx)(f,{children:(0,N.jsx)(`span`,{"data-testid":r,children:e})}):null,o()]})};P.__docgenInfo={description:``,methods:[],displayName:`Title`,props:{name:{required:!1,tsType:{name:`union`,raw:`TStringOrNumber | ReactNode`,elements:[{name:`union`,raw:`string | number`,elements:[{name:`string`},{name:`number`}]},{name:`ReactNode`}]},description:``,defaultValue:{value:`null`,computed:!1}},actions:{required:!1,tsType:{name:`any`},description:``,defaultValue:{value:`null`,computed:!1}},actionsRight:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},testId:{required:!1,tsType:{name:`string`},description:``}}};var F={footer:`_footer_4sumy_1`,section:`_section_4sumy_7`};const I=({colSpan:e,pagination:t,actions:n,content:r,testId:i})=>{let a=n&&n.length,o=r!=null,s=()=>{if(t){let{rowCount:e,rowsPerPage:n}=t,r=Number(n?.options?.[0]?.value);return e>r}return!1},c=a||o||s();return c?(0,N.jsxs)(`div`,{className:F.footer,"data-testid":`${i??`pagination`}-footer`,children:[o?(0,N.jsx)(`div`,{className:F.section,children:(0,N.jsx)(`div`,{children:r})}):null,a||s()?(0,N.jsxs)(`div`,{className:F.section,children:[t&&s()?(0,N.jsx)(y,{pagination:t}):(0,N.jsx)(`div`,{}),a&&(0,N.jsx)(`div`,{children:(0,N.jsx)(h,{actions:n})})]}):null]}):null};I.__docgenInfo={description:``,methods:[],displayName:`Footer`,props:{colSpan:{required:!1,tsType:{name:`number`},description:``},pagination:{required:!1,tsType:{name:`IPagination`},description:``},actions:{required:!1,tsType:{name:`Array`,elements:[{name:`IAction`}],raw:`IAction[]`},description:``},content:{required:!1,tsType:{name:`ReactNode`},description:``},testId:{required:!1,tsType:{name:`string`},description:``}}};const L=e=>{let t=Math.max(...e.reduce((e,t)=>{let n=t.cells.map(e=>e.colSpan?e.colSpan:1).reduce((e,t)=>e+t,0);return e.concat(n)},[]));return isNaN(t)?0:t},te=(e,t)=>{let n=[L(t),L(e)];return Math.max(...n)},R=e=>e.reduce((e,t)=>t.actions&&t.actions.length>0?1:e,0),ne=(e,t)=>R(t)>0||R(e)>0;var z={clickableRow:`_clickableRow_kqvtd_1`,hoverableRow:`_hoverableRow_kqvtd_4`,rowActive:`_rowActive_kqvtd_4`,expandableRow:`_expandableRow_kqvtd_8`,flush:`_flush_kqvtd_8`,dragIconCell:`_dragIconCell_kqvtd_34`,dragIcon:`_dragIcon_kqvtd_34`,dragIconDisabled:`_dragIconDisabled_kqvtd_55`},re=n(e());const B=({colSpan:e,children:t,flush:n})=>(0,N.jsx)(`tr`,{children:(0,N.jsx)(`td`,{colSpan:e,className:(0,re.default)(z.expandableRow,n?z.flush:``),children:t})});B.__docgenInfo={description:``,methods:[],displayName:`ExpandedContentRow`,props:{colSpan:{required:!0,tsType:{name:`number`},description:``},children:{required:!0,tsType:{name:`ReactNode`},description:``},flush:{required:!1,tsType:{name:`boolean`},description:``}}};const ie=(e,t={leftAligned:``,rightAligned:``,centerAligned:``},n=!1)=>{if(!e)return null;let{bodyAlignment:r,headerAlignment:i,isHeader:a}=e,s=a&&i?i:r;switch(s){case o.LEFT:return n?o.LEFT:t.leftAligned;case o.RIGHT:return n?o.RIGHT:t.rightAligned;case o.CENTER:return n?o.CENTER:t.centerAligned;default:return n?o.LEFT:t.leftAligned}},ae=(e,t=!1,n=0)=>{if(!e||e.length===0)return[];let r=e.every(e=>Array.isArray(e)),i=e.every(e=>typeof e==`string`);if(r&&t){let t=e[n];return t||[]}else if(i)return e;else return console.warn(`getHeaderAlignment: alignments array contains a mix of strings and arrays, returning an empty array.`),[]};var V={inputInTable:`_inputInTable_ie6ng_1`,inputHover:`_inputHover_ie6ng_13`,inputFocus:`_inputFocus_ie6ng_18`,inputError:`_inputError_ie6ng_25`,inputWarning:`_inputWarning_ie6ng_26`,inputDisabled:`_inputDisabled_ie6ng_61`,hideScrollbars:`_hideScrollbars_ie6ng_67`,cell:`_cell_ie6ng_77`,disabledLink:`_disabledLink_ie6ng_87`,inputWrapper:`_inputWrapper_ie6ng_91`,numberInputWrapper:`_numberInputWrapper_ie6ng_106`,breakWord:`_breakWord_ie6ng_113`,inputCell:`_inputCell_ie6ng_116`,sliderCell:`_sliderCell_ie6ng_119`,staticCell:`_staticCell_ie6ng_123`,staticCellContent:`_staticCellContent_ie6ng_126`,unit:`_unit_ie6ng_148`,sortingCell:`_sortingCell_ie6ng_151`,sortingCellIcon:`_sortingCellIcon_ie6ng_162`,icon:`_icon_ie6ng_173`,checkBoxCell:`_checkBoxCell_ie6ng_177`,iconCellWrapper:`_iconCellWrapper_ie6ng_181`,actionsCell:`_actionsCell_ie6ng_185`,rightAligned:`_rightAligned_ie6ng_193`,centerAligned:`_centerAligned_ie6ng_199`,leftAligned:`_leftAligned_ie6ng_205`,popover:`_popover_ie6ng_208`,disabledPointerEvents:`_disabledPointerEvents_ie6ng_211`};const H=({cell:e,columnAlignment:t,testId:n,type:r})=>(0,N.jsx)(v,{name:e.name,value:e.value,onChange:t=>e.onChange?.(t),onFocus:e.onFocus,onBlur:e.onBlur,onPaste:t=>e.onPaste?.(t),placeholder:e.placeholder,error:e.error,warning:e.warning,disabled:e.disabled,isInTable:!0,maxTooltipWidth:e.maxTooltipWidth,right:t===o.RIGHT,selectOnFocus:e.selectOnFocus,testId:n,tabIndex:e.disabled?-1:0,tooltip:e.tooltip,type:r});H.__docgenInfo={description:``,methods:[],displayName:`InputCell`,props:{cell:{required:!0,tsType:{name:`IInputCell`},description:``},columnAlignment:{required:!1,tsType:{name:`union`,raw:`Align.LEFT | Align.RIGHT | string`,elements:[{name:`Align.LEFT`},{name:`Align.RIGHT`},{name:`string`}]},description:``},testId:{required:!1,tsType:{name:`string`},description:``},type:{required:!1,tsType:{name:`union`,raw:`'text' | 'date'`,elements:[{name:`literal`,value:`'text'`},{name:`literal`,value:`'date'`}]},description:``}}};const U=({cell:e,columnAlignment:t,testId:n})=>(0,N.jsx)(D,{name:e.name,value:e.value,onChange:t=>e.onChange?.(t),onFocus:e.onFocus,onBlur:e.onBlur,placeholder:e.placeholder,error:e.error,warning:e.warning,disabled:e.disabled,isInTable:!0,left:e.left??t===o.LEFT,selectOnFocus:e.selectOnFocus,tabIndex:e.disabled?-1:0,testId:n,tooltip:e.tooltip,validationCallback:e.validationCallback,allowEmpty:e.allowEmpty,enableCosmeticRounding:e.enableCosmeticRounding,enableDisplayRounding:e.enableDisplayRounding,roundDisplayValue:e.roundDisplayValue,disableValidationOnFocus:e.disableValidationOnFocus});U.__docgenInfo={description:``,methods:[],displayName:`NumberInputCell`,props:{cell:{required:!0,tsType:{name:`INumberInputCell`},description:``},columnAlignment:{required:!0,tsType:{name:`union`,raw:`Align.LEFT | Align.RIGHT | string`,elements:[{name:`Align.LEFT`},{name:`Align.RIGHT`},{name:`string`}]},description:``},testId:{required:!1,tsType:{name:`string`},description:``}}};const W=({cell:e,columnAlignment:t,testId:n})=>(0,N.jsx)(_,{name:e.name,borderRadius:0,options:e.options,onChange:t=>e.onChange?.(t),onCreate:e.onCreate?t=>e.onCreate&&e.onCreate(t):void 0,error:e.error,warning:e.warning,disabled:e.disabled,placeholder:e.placeholder,isInTable:!0,value:e.value,native:e.native,clearable:e.clearable,searchable:e.searchable,deprecatedEventHandler:e.deprecatedEventHandler,maxTooltipWidth:e.maxTooltipWidth,width:`100%`,autoLayerWidth:e.autoLayerWidth,multi:e.multi,right:t===o.RIGHT,testId:n,tabIndex:e.disabled?-1:0});W.__docgenInfo={description:``,methods:[],displayName:`SelectCell`,props:{cell:{required:!0,tsType:{name:`ISelectCell`},description:``},columnAlignment:{required:!1,tsType:{name:`union`,raw:`Align.LEFT | Align.RIGHT | string`,elements:[{name:`Align.LEFT`},{name:`Align.RIGHT`},{name:`string`}]},description:``},testId:{required:!1,tsType:{name:`string`},description:``}}};var oe=n(e());const G=({cell:e,columnAlignment:t,testId:n})=>(0,N.jsx)(`div`,{className:(0,oe.default)(V.inputWrapper,e.type===`NumberInput`?V.numberInputWrapper:``),children:e.type===`Input`?(0,N.jsx)(H,{cell:e,columnAlignment:t,testId:n}):e.type===`NumberInput`?(0,N.jsx)(U,{cell:e,columnAlignment:t,testId:n}):e.type===`DateInput`?(0,N.jsx)(H,{cell:e,testId:n,type:`date`}):e.type===`Select`?(0,N.jsx)(W,{cell:e,columnAlignment:t,testId:n}):null});G.__docgenInfo={description:``,methods:[],displayName:`InputCellWrapper`,props:{cell:{required:!0,tsType:{name:`any`},description:``},columnAlignment:{required:!0,tsType:{name:`union`,raw:`Align.LEFT | Align.RIGHT | string`,elements:[{name:`Align.LEFT`},{name:`Align.RIGHT`},{name:`string`}]},description:``},testId:{required:!1,tsType:{name:`string`},description:``}}};var se=n(e());const K=({cell:e,testId:t})=>{let n=(0,M.useContext)(a),{error:r,warning:i,tooltip:o,maxTooltipWidth:s}=e,c=e=>g(e);return(0,N.jsx)(`div`,{className:V.inputWrapper,children:(0,N.jsx)(u,{error:!!r,warning:!!i,text:o||r||i,enabled:c(o)||c(r)||c(i)||!1,maxWidth:s,children:(0,N.jsx)(`div`,{className:V.staticCellContent,"data-error":r||null,"data-warning":i||null,children:(0,N.jsx)(`a`,{className:(0,se.default)((e.disabled||n)&&V.disabledLink),onClick:e.disabled||n?void 0:t=>{t.stopPropagation(),e.onClick?.(t)},"data-testid":t,children:e.value})})})})};K.__docgenInfo={description:``,methods:[],displayName:`LinkCell`,props:{cell:{required:!0,tsType:{name:`ILinkCell`},description:``},testId:{required:!1,tsType:{name:`string`},description:``}}};const q=({cell:e,testId:t})=>(0,N.jsx)(l,{label:e.label,checked:e.checked,isInTable:!0,disabled:e.disabled,onChange:t=>e.onChange(t),testId:t,tabIndex:e.disabled?-1:0,indeterminate:e.indeterminate});q.__docgenInfo={description:``,methods:[],displayName:`CheckBoxCell`,props:{cell:{required:!0,tsType:{name:`ICheckBoxCell`},description:``},testId:{required:!1,tsType:{name:`string`},description:``}}};const J=({cell:e})=>(0,N.jsx)(`div`,{className:V.inputWrapper,children:(0,N.jsx)(O,{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})});J.__docgenInfo={description:``,methods:[],displayName:`SliderCell`,props:{cell:{required:!0,tsType:{name:`ISliderCell`},description:``}}};const ce=({cell:e})=>{let{tooltip:t,icon:n}=e;return(0,N.jsx)(`div`,{className:V.iconCellWrapper,children:(0,N.jsx)(u,{text:t,enabled:!!t&&g(t),display:`flex`,placement:`top-center`,children:(0,N.jsx)(r,{icon:n})})})};ce.__docgenInfo={description:``,methods:[],displayName:`IconCell`,props:{cell:{required:!0,tsType:{name:`IIconCell`},description:``}}};const le=({cell:e})=>(0,N.jsx)(h,{actions:e.actions});le.__docgenInfo={description:``,methods:[],displayName:`ActionsCell`,props:{cell:{required:!0,tsType:{name:`IActionCell`},description:``}}};const ue=({cell:e})=>{let{helpIcon:t}=e;return t?(0,N.jsx)(`div`,{className:V.icon,children:(0,N.jsx)(d,{onClick:t.onClick,text:t.tooltip})}):null};ue.__docgenInfo={description:``,methods:[],displayName:`CellHelpIcon`,props:{cell:{required:!0,tsType:{name:`IHelpIconCell`},description:``}}};const de=({cell:e})=>{let{libraryIcon:t}=e;return t?(0,N.jsx)(`div`,{className:V.icon,children:(0,N.jsx)(d,{onClick:t.onClick,text:t.tooltip,icon:s.LIBRARY})}):null};de.__docgenInfo={description:``,methods:[],displayName:`CellLibraryIcon`,props:{cell:{required:!0,tsType:{name:`ILibraryIconCell`},description:``}}};const fe=({cell:e})=>{let{hasSort:t,sort:n,sortPriority:i}=e;return t?(0,N.jsxs)(`span`,{className:V.sortingCellIcon,children:[n===`down`?(0,N.jsx)(p,{link:!0,children:(0,N.jsx)(r,{icon:s.SORT_ASCENDING})}):n===`up`?(0,N.jsx)(p,{link:!0,children:(0,N.jsx)(r,{icon:s.SORT_DESCENDING})}):(0,N.jsx)(p,{faint:!0,children:(0,N.jsx)(r,{icon:s.SORT_DESCENDING})}),i&&n?(0,N.jsx)(`sup`,{children:i}):null]}):null};fe.__docgenInfo={description:``,methods:[],displayName:`Sort`,props:{cell:{required:!0,tsType:{name:`ISortCell`},description:``}}};var pe=n(e());const Y=({cell:e,isHeader:t,testId:n})=>{let{error:r,warning:i,tooltip:a,maxTooltipWidth:o,hasSort:s,onSort:c,type:l}=e,d=(0,N.jsxs)(`div`,{className:(0,pe.default)(V.staticCellContent,l===`Unit`?V.unit:``),onClick:s?e=>c&&c(e):()=>{},"data-error":r||null,"data-warning":i||null,"data-testid":n,children:[e.value,t?(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(ue,{cell:e}),(0,N.jsx)(de,{cell:e}),(0,N.jsx)(fe,{cell:e})]}):null]});return(0,N.jsx)(`div`,{className:V.inputWrapper,children:(0,N.jsx)(u,{error:!!r,warning:!!i,text:a||r||i,enabled:a&&g(a)||r&&g(r)||i&&g(i)||!1,maxWidth:o,display:`block`,children:d})})};Y.__docgenInfo={description:``,methods:[],displayName:`StaticCell`,props:{cell:{required:!0,tsType:{name:`IStaticCell`},description:``},isHeader:{required:!1,tsType:{name:`boolean`},description:``},testId:{required:!1,tsType:{name:`string`},description:``}}};const me=({cell:e,testId:t})=>{let{content:n,fullWidth:r,closeOnOutsideClick:i,disabled:a}=e;return(0,N.jsx)(k,{content:n,fullWidth:r,closeOnOutsideClick:i,disabled:a,children:(0,N.jsx)(`div`,{className:V.popover,children:(0,N.jsx)(Y,{cell:e,testId:t})})})};me.__docgenInfo={description:``,methods:[],displayName:`PopoverCell`,props:{cell:{required:!0,tsType:{name:`IPopoverCell`},description:``},testId:{required:!1,tsType:{name:`string`},description:``}}};const he=({cell:e,isHeader:t,columnAlignment:n,testId:r})=>{if(!e)return null;switch(e.type){case`Input`:case`NumberInput`:case`DateInput`:case`Select`:return(0,N.jsx)(G,{cell:e,columnAlignment:n,testId:r});case`Link`:return(0,N.jsx)(K,{cell:e,testId:r});case`CheckBox`:return(0,N.jsx)(q,{cell:e,testId:r});case`Slider`:return(0,N.jsx)(J,{cell:e});case`Icon`:return(0,N.jsx)(ce,{cell:e});case`Actions`:return(0,N.jsx)(le,{cell:e});case`Popover`:return(0,N.jsx)(me,{cell:e});default:return(0,N.jsx)(Y,{cell:e,isHeader:t,testId:r})}};he.__docgenInfo={description:``,methods:[],displayName:`CellWrapper`,props:{cell:{required:!0,tsType:{name:`any`},description:``},isHeader:{required:!0,tsType:{name:`boolean`},description:``},columnAlignment:{required:!0,tsType:{name:`union`,raw:`Align.LEFT | Align.RIGHT | string`,elements:[{name:`Align.LEFT`},{name:`Align.RIGHT`},{name:`string`}]},description:``},testId:{required:!1,tsType:{name:`string`},description:``}}};let X=function(e){return 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}({});var ge=n(e());const Z=({cell:e,isHeader:t,columnHeaderAlignment:n,columnAlignment:r=o.LEFT,width:i,testId:a})=>{if(!e)return null;let{style:s,colSpan:c,rowSpan:l,width:u}=e,d=(0,M.useRef)(null),f={bodyAlignment:r,headerAlignment:n,isHeader:t},p=ie(f,V),m=ie(f,V,!0),h=e.type===X.INPUT||e.type===X.NUMBER_INPUT||e.type===X.SELECT||e.type===X.POPOVER?V.inputCell:e.type===X.SLIDER?V.sliderCell:e.type===X.CHECKBOX?V.checkBoxCell:e.type===X.ACTIONS?V.actionsCell:V.staticCell,g=(0,ge.default)(V.cell,h,e.hasSort?V.sortingCell:null,p,e.breakWord?V.breakWord:``),_=u??i??void 0,v={width:_,minWidth:_,...s},y=t?`th`:`td`;return(0,N.jsx)(y,{ref:d,className:g,style:v,colSpan:c,rowSpan:l,children:(0,N.jsx)(he,{cell:e,columnAlignment:m??o.RIGHT,isHeader:t,testId:a})})};Z.__docgenInfo={description:``,methods:[],displayName:`Cell`,props:{cell:{required:!1,tsType:{name:`union`,raw:`| IPopoverCell
|
|
1
|
+
import{A as e,E as t,M as n,f as r,h as i,l as a,s as o,w as s}from"./iframe-EU22ddzP.js";import{b as c}from"./react-dom-rzgPE705.js";import{b as l}from"./check-box--YUuQA9P.js";import{b as u}from"./tooltip-N1V1x_Kn.js";import{b as d}from"./help-icon-DzkFHroz.js";import{b as f}from"./heading-DC2eTr4r.js";import{b as p}from"./text-CkkjKEEc.js";import{b as m}from"./lodash-CiSVjb27.js";import{b as h}from"./actions-Ct9IeQri.js";import{c as g}from"./types-BjAzD82u.js";import{b as _}from"./select-C3UalMKs.js";import{b as v}from"./input-BdYHHPue.js";import{b as y}from"./pagination-_RRF0iW0.js";import{b,c as x,d as S,e as C,f as w,g as T,h as E,i as ee}from"./esm-Cd-AO6qk.js";import{b as D}from"./number-input-CO11SW2l.js";import{b as O}from"./slider-MhFdkngd.js";import{b as k}from"./popover-DPG74BOL.js";var A={inputInTable:`_inputInTable_kaesl_1`,inputHover:`_inputHover_kaesl_13`,inputFocus:`_inputFocus_kaesl_18`,inputError:`_inputError_kaesl_25`,inputWarning:`_inputWarning_kaesl_26`,inputDisabled:`_inputDisabled_kaesl_61`,hideScrollbars:`_hideScrollbars_kaesl_67`,wrapper:`_wrapper_kaesl_85`,bordered:`_bordered_kaesl_93`,scroll:`_scroll_kaesl_98`,table:`_table_kaesl_109`,dragOverlay:`_dragOverlay_kaesl_145`,virtualScroll:`_virtualScroll_kaesl_182`,striped:`_striped_kaesl_202`},j={title:`_title_zn5s7_1`},M=n(t()),N=n(i());const P=({name:e=null,actions:t=null,actionsRight:n=!1,testId:r})=>{let i=e!==null,a=t!==null;if(!i&&!a)return null;let o=()=>{if(!a)return null;let e=(0,N.jsx)(h,{actions:t});return n?e:(0,N.jsx)(`div`,{children:e})};return(0,N.jsxs)(`div`,{className:j.title,children:[i?(0,N.jsx)(f,{children:(0,N.jsx)(`span`,{"data-testid":r,children:e})}):null,o()]})};P.__docgenInfo={description:``,methods:[],displayName:`Title`,props:{name:{required:!1,tsType:{name:`union`,raw:`TStringOrNumber | ReactNode`,elements:[{name:`union`,raw:`string | number`,elements:[{name:`string`},{name:`number`}]},{name:`ReactNode`}]},description:``,defaultValue:{value:`null`,computed:!1}},actions:{required:!1,tsType:{name:`any`},description:``,defaultValue:{value:`null`,computed:!1}},actionsRight:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},testId:{required:!1,tsType:{name:`string`},description:``}}};var F={footer:`_footer_4sumy_1`,section:`_section_4sumy_7`};const I=({colSpan:e,pagination:t,actions:n,content:r,testId:i})=>{let a=n&&n.length,o=r!=null,s=()=>{if(t){let{rowCount:e,rowsPerPage:n}=t,r=Number(n?.options?.[0]?.value);return e>r}return!1},c=a||o||s();return c?(0,N.jsxs)(`div`,{className:F.footer,"data-testid":`${i??`pagination`}-footer`,children:[o?(0,N.jsx)(`div`,{className:F.section,children:(0,N.jsx)(`div`,{children:r})}):null,a||s()?(0,N.jsxs)(`div`,{className:F.section,children:[t&&s()?(0,N.jsx)(y,{pagination:t}):(0,N.jsx)(`div`,{}),a&&(0,N.jsx)(`div`,{children:(0,N.jsx)(h,{actions:n})})]}):null]}):null};I.__docgenInfo={description:``,methods:[],displayName:`Footer`,props:{colSpan:{required:!1,tsType:{name:`number`},description:``},pagination:{required:!1,tsType:{name:`IPagination`},description:``},actions:{required:!1,tsType:{name:`Array`,elements:[{name:`IAction`}],raw:`IAction[]`},description:``},content:{required:!1,tsType:{name:`ReactNode`},description:``},testId:{required:!1,tsType:{name:`string`},description:``}}};const L=e=>{let t=Math.max(...e.reduce((e,t)=>{let n=t.cells.map(e=>e.colSpan?e.colSpan:1).reduce((e,t)=>e+t,0);return e.concat(n)},[]));return isNaN(t)?0:t},te=(e,t)=>{let n=[L(t),L(e)];return Math.max(...n)},R=e=>e.reduce((e,t)=>t.actions&&t.actions.length>0?1:e,0),ne=(e,t)=>R(t)>0||R(e)>0;var z={clickableRow:`_clickableRow_kqvtd_1`,hoverableRow:`_hoverableRow_kqvtd_4`,rowActive:`_rowActive_kqvtd_4`,expandableRow:`_expandableRow_kqvtd_8`,flush:`_flush_kqvtd_8`,dragIconCell:`_dragIconCell_kqvtd_34`,dragIcon:`_dragIcon_kqvtd_34`,dragIconDisabled:`_dragIconDisabled_kqvtd_55`},re=n(e());const B=({colSpan:e,children:t,flush:n})=>(0,N.jsx)(`tr`,{children:(0,N.jsx)(`td`,{colSpan:e,className:(0,re.default)(z.expandableRow,n?z.flush:``),children:t})});B.__docgenInfo={description:``,methods:[],displayName:`ExpandedContentRow`,props:{colSpan:{required:!0,tsType:{name:`number`},description:``},children:{required:!0,tsType:{name:`ReactNode`},description:``},flush:{required:!1,tsType:{name:`boolean`},description:``}}};const ie=(e,t={leftAligned:``,rightAligned:``,centerAligned:``},n=!1)=>{if(!e)return null;let{bodyAlignment:r,headerAlignment:i,isHeader:a}=e,s=a&&i?i:r;switch(s){case o.LEFT:return n?o.LEFT:t.leftAligned;case o.RIGHT:return n?o.RIGHT:t.rightAligned;case o.CENTER:return n?o.CENTER:t.centerAligned;default:return n?o.LEFT:t.leftAligned}},ae=(e,t=!1,n=0)=>{if(!e||e.length===0)return[];let r=e.every(e=>Array.isArray(e)),i=e.every(e=>typeof e==`string`);if(r&&t){let t=e[n];return t||[]}else if(i)return e;else return console.warn(`getHeaderAlignment: alignments array contains a mix of strings and arrays, returning an empty array.`),[]};var V={inputInTable:`_inputInTable_ie6ng_1`,inputHover:`_inputHover_ie6ng_13`,inputFocus:`_inputFocus_ie6ng_18`,inputError:`_inputError_ie6ng_25`,inputWarning:`_inputWarning_ie6ng_26`,inputDisabled:`_inputDisabled_ie6ng_61`,hideScrollbars:`_hideScrollbars_ie6ng_67`,cell:`_cell_ie6ng_77`,disabledLink:`_disabledLink_ie6ng_87`,inputWrapper:`_inputWrapper_ie6ng_91`,numberInputWrapper:`_numberInputWrapper_ie6ng_106`,breakWord:`_breakWord_ie6ng_113`,inputCell:`_inputCell_ie6ng_116`,sliderCell:`_sliderCell_ie6ng_119`,staticCell:`_staticCell_ie6ng_123`,staticCellContent:`_staticCellContent_ie6ng_126`,unit:`_unit_ie6ng_148`,sortingCell:`_sortingCell_ie6ng_151`,sortingCellIcon:`_sortingCellIcon_ie6ng_162`,icon:`_icon_ie6ng_173`,checkBoxCell:`_checkBoxCell_ie6ng_177`,iconCellWrapper:`_iconCellWrapper_ie6ng_181`,actionsCell:`_actionsCell_ie6ng_185`,rightAligned:`_rightAligned_ie6ng_193`,centerAligned:`_centerAligned_ie6ng_199`,leftAligned:`_leftAligned_ie6ng_205`,popover:`_popover_ie6ng_208`,disabledPointerEvents:`_disabledPointerEvents_ie6ng_211`};const H=({cell:e,columnAlignment:t,testId:n,type:r})=>(0,N.jsx)(v,{name:e.name,value:e.value,onChange:t=>e.onChange?.(t),onFocus:e.onFocus,onBlur:e.onBlur,onPaste:t=>e.onPaste?.(t),placeholder:e.placeholder,error:e.error,warning:e.warning,disabled:e.disabled,isInTable:!0,maxTooltipWidth:e.maxTooltipWidth,right:t===o.RIGHT,selectOnFocus:e.selectOnFocus,testId:n,tabIndex:e.disabled?-1:0,tooltip:e.tooltip,type:r});H.__docgenInfo={description:``,methods:[],displayName:`InputCell`,props:{cell:{required:!0,tsType:{name:`IInputCell`},description:``},columnAlignment:{required:!1,tsType:{name:`union`,raw:`Align.LEFT | Align.RIGHT | string`,elements:[{name:`Align.LEFT`},{name:`Align.RIGHT`},{name:`string`}]},description:``},testId:{required:!1,tsType:{name:`string`},description:``},type:{required:!1,tsType:{name:`union`,raw:`'text' | 'date'`,elements:[{name:`literal`,value:`'text'`},{name:`literal`,value:`'date'`}]},description:``}}};const U=({cell:e,columnAlignment:t,testId:n})=>(0,N.jsx)(D,{name:e.name,value:e.value,onChange:t=>e.onChange?.(t),onFocus:e.onFocus,onBlur:e.onBlur,placeholder:e.placeholder,error:e.error,warning:e.warning,disabled:e.disabled,isInTable:!0,left:e.left??t===o.LEFT,selectOnFocus:e.selectOnFocus,tabIndex:e.disabled?-1:0,testId:n,tooltip:e.tooltip,validationCallback:e.validationCallback,allowEmpty:e.allowEmpty,enableCosmeticRounding:e.enableCosmeticRounding,enableDisplayRounding:e.enableDisplayRounding,roundDisplayValue:e.roundDisplayValue,disableValidationOnFocus:e.disableValidationOnFocus});U.__docgenInfo={description:``,methods:[],displayName:`NumberInputCell`,props:{cell:{required:!0,tsType:{name:`INumberInputCell`},description:``},columnAlignment:{required:!0,tsType:{name:`union`,raw:`Align.LEFT | Align.RIGHT | string`,elements:[{name:`Align.LEFT`},{name:`Align.RIGHT`},{name:`string`}]},description:``},testId:{required:!1,tsType:{name:`string`},description:``}}};const W=({cell:e,columnAlignment:t,testId:n})=>(0,N.jsx)(_,{name:e.name,borderRadius:0,options:e.options,onChange:t=>e.onChange?.(t),onCreate:e.onCreate?t=>e.onCreate&&e.onCreate(t):void 0,error:e.error,warning:e.warning,disabled:e.disabled,placeholder:e.placeholder,isInTable:!0,value:e.value,native:e.native,clearable:e.clearable,searchable:e.searchable,deprecatedEventHandler:e.deprecatedEventHandler,maxTooltipWidth:e.maxTooltipWidth,width:`100%`,autoLayerWidth:e.autoLayerWidth,multi:e.multi,right:t===o.RIGHT,testId:n,tabIndex:e.disabled?-1:0});W.__docgenInfo={description:``,methods:[],displayName:`SelectCell`,props:{cell:{required:!0,tsType:{name:`ISelectCell`},description:``},columnAlignment:{required:!1,tsType:{name:`union`,raw:`Align.LEFT | Align.RIGHT | string`,elements:[{name:`Align.LEFT`},{name:`Align.RIGHT`},{name:`string`}]},description:``},testId:{required:!1,tsType:{name:`string`},description:``}}};var oe=n(e());const G=({cell:e,columnAlignment:t,testId:n})=>(0,N.jsx)(`div`,{className:(0,oe.default)(V.inputWrapper,e.type===`NumberInput`?V.numberInputWrapper:``),children:e.type===`Input`?(0,N.jsx)(H,{cell:e,columnAlignment:t,testId:n}):e.type===`NumberInput`?(0,N.jsx)(U,{cell:e,columnAlignment:t,testId:n}):e.type===`DateInput`?(0,N.jsx)(H,{cell:e,testId:n,type:`date`}):e.type===`Select`?(0,N.jsx)(W,{cell:e,columnAlignment:t,testId:n}):null});G.__docgenInfo={description:``,methods:[],displayName:`InputCellWrapper`,props:{cell:{required:!0,tsType:{name:`any`},description:``},columnAlignment:{required:!0,tsType:{name:`union`,raw:`Align.LEFT | Align.RIGHT | string`,elements:[{name:`Align.LEFT`},{name:`Align.RIGHT`},{name:`string`}]},description:``},testId:{required:!1,tsType:{name:`string`},description:``}}};var se=n(e());const K=({cell:e,testId:t})=>{let n=(0,M.useContext)(a),{error:r,warning:i,tooltip:o,maxTooltipWidth:s}=e,c=e=>g(e);return(0,N.jsx)(`div`,{className:V.inputWrapper,children:(0,N.jsx)(u,{error:!!r,warning:!!i,text:o||r||i,enabled:c(o)||c(r)||c(i)||!1,maxWidth:s,children:(0,N.jsx)(`div`,{className:V.staticCellContent,"data-error":r||null,"data-warning":i||null,children:(0,N.jsx)(`a`,{className:(0,se.default)((e.disabled||n)&&V.disabledLink),onClick:e.disabled||n?void 0:t=>{t.stopPropagation(),e.onClick?.(t)},"data-testid":t,children:e.value})})})})};K.__docgenInfo={description:``,methods:[],displayName:`LinkCell`,props:{cell:{required:!0,tsType:{name:`ILinkCell`},description:``},testId:{required:!1,tsType:{name:`string`},description:``}}};const q=({cell:e,testId:t})=>(0,N.jsx)(l,{label:e.label,checked:e.checked,isInTable:!0,disabled:e.disabled,onChange:t=>e.onChange(t),testId:t,tabIndex:e.disabled?-1:0,indeterminate:e.indeterminate});q.__docgenInfo={description:``,methods:[],displayName:`CheckBoxCell`,props:{cell:{required:!0,tsType:{name:`ICheckBoxCell`},description:``},testId:{required:!1,tsType:{name:`string`},description:``}}};const J=({cell:e})=>(0,N.jsx)(`div`,{className:V.inputWrapper,children:(0,N.jsx)(O,{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})});J.__docgenInfo={description:``,methods:[],displayName:`SliderCell`,props:{cell:{required:!0,tsType:{name:`ISliderCell`},description:``}}};const ce=({cell:e})=>{let{tooltip:t,icon:n}=e;return(0,N.jsx)(`div`,{className:V.iconCellWrapper,children:(0,N.jsx)(u,{text:t,enabled:!!t&&g(t),display:`flex`,placement:`top-center`,children:(0,N.jsx)(r,{icon:n})})})};ce.__docgenInfo={description:``,methods:[],displayName:`IconCell`,props:{cell:{required:!0,tsType:{name:`IIconCell`},description:``}}};const le=({cell:e})=>(0,N.jsx)(h,{actions:e.actions});le.__docgenInfo={description:``,methods:[],displayName:`ActionsCell`,props:{cell:{required:!0,tsType:{name:`IActionCell`},description:``}}};const ue=({cell:e})=>{let{helpIcon:t}=e;return t?(0,N.jsx)(`div`,{className:V.icon,children:(0,N.jsx)(d,{onClick:t.onClick,text:t.tooltip})}):null};ue.__docgenInfo={description:``,methods:[],displayName:`CellHelpIcon`,props:{cell:{required:!0,tsType:{name:`IHelpIconCell`},description:``}}};const de=({cell:e})=>{let{libraryIcon:t}=e;return t?(0,N.jsx)(`div`,{className:V.icon,children:(0,N.jsx)(d,{onClick:t.onClick,text:t.tooltip,icon:s.LIBRARY})}):null};de.__docgenInfo={description:``,methods:[],displayName:`CellLibraryIcon`,props:{cell:{required:!0,tsType:{name:`ILibraryIconCell`},description:``}}};const fe=({cell:e})=>{let{hasSort:t,sort:n,sortPriority:i}=e;return t?(0,N.jsxs)(`span`,{className:V.sortingCellIcon,children:[n===`down`?(0,N.jsx)(p,{link:!0,children:(0,N.jsx)(r,{icon:s.SORT_ASCENDING})}):n===`up`?(0,N.jsx)(p,{link:!0,children:(0,N.jsx)(r,{icon:s.SORT_DESCENDING})}):(0,N.jsx)(p,{faint:!0,children:(0,N.jsx)(r,{icon:s.SORT_DESCENDING})}),i&&n?(0,N.jsx)(`sup`,{children:i}):null]}):null};fe.__docgenInfo={description:``,methods:[],displayName:`Sort`,props:{cell:{required:!0,tsType:{name:`ISortCell`},description:``}}};var pe=n(e());const Y=({cell:e,isHeader:t,testId:n})=>{let{error:r,warning:i,tooltip:a,maxTooltipWidth:o,hasSort:s,onSort:c,type:l}=e,d=(0,N.jsxs)(`div`,{className:(0,pe.default)(V.staticCellContent,l===`Unit`?V.unit:``),onClick:s?e=>c&&c(e):()=>{},"data-error":r||null,"data-warning":i||null,"data-testid":n,children:[e.value,t?(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(ue,{cell:e}),(0,N.jsx)(de,{cell:e}),(0,N.jsx)(fe,{cell:e})]}):null]});return(0,N.jsx)(`div`,{className:V.inputWrapper,children:(0,N.jsx)(u,{error:!!r,warning:!!i,text:a||r||i,enabled:a&&g(a)||r&&g(r)||i&&g(i)||!1,maxWidth:o,display:`block`,children:d})})};Y.__docgenInfo={description:``,methods:[],displayName:`StaticCell`,props:{cell:{required:!0,tsType:{name:`IStaticCell`},description:``},isHeader:{required:!1,tsType:{name:`boolean`},description:``},testId:{required:!1,tsType:{name:`string`},description:``}}};const me=({cell:e,testId:t})=>{let{content:n,fullWidth:r,closeOnOutsideClick:i,disabled:a}=e;return(0,N.jsx)(k,{content:n,fullWidth:r,closeOnOutsideClick:i,disabled:a,children:(0,N.jsx)(`div`,{className:V.popover,children:(0,N.jsx)(Y,{cell:e,testId:t})})})};me.__docgenInfo={description:``,methods:[],displayName:`PopoverCell`,props:{cell:{required:!0,tsType:{name:`IPopoverCell`},description:``},testId:{required:!1,tsType:{name:`string`},description:``}}};const he=({cell:e,isHeader:t,columnAlignment:n,testId:r})=>{if(!e)return null;switch(e.type){case`Input`:case`NumberInput`:case`DateInput`:case`Select`:return(0,N.jsx)(G,{cell:e,columnAlignment:n,testId:r});case`Link`:return(0,N.jsx)(K,{cell:e,testId:r});case`CheckBox`:return(0,N.jsx)(q,{cell:e,testId:r});case`Slider`:return(0,N.jsx)(J,{cell:e});case`Icon`:return(0,N.jsx)(ce,{cell:e});case`Actions`:return(0,N.jsx)(le,{cell:e});case`Popover`:return(0,N.jsx)(me,{cell:e});default:return(0,N.jsx)(Y,{cell:e,isHeader:t,testId:r})}};he.__docgenInfo={description:``,methods:[],displayName:`CellWrapper`,props:{cell:{required:!0,tsType:{name:`any`},description:``},isHeader:{required:!0,tsType:{name:`boolean`},description:``},columnAlignment:{required:!0,tsType:{name:`union`,raw:`Align.LEFT | Align.RIGHT | string`,elements:[{name:`Align.LEFT`},{name:`Align.RIGHT`},{name:`string`}]},description:``},testId:{required:!1,tsType:{name:`string`},description:``}}};let X=function(e){return 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}({});var ge=n(e());const Z=({cell:e,isHeader:t,columnHeaderAlignment:n,columnAlignment:r=o.LEFT,width:i,testId:a})=>{if(!e)return null;let{style:s,colSpan:c,rowSpan:l,width:u}=e,d=(0,M.useRef)(null),f={bodyAlignment:r,headerAlignment:n,isHeader:t},p=ie(f,V),m=ie(f,V,!0),h=e.type===X.INPUT||e.type===X.NUMBER_INPUT||e.type===X.SELECT||e.type===X.POPOVER?V.inputCell:e.type===X.SLIDER?V.sliderCell:e.type===X.CHECKBOX?V.checkBoxCell:e.type===X.ACTIONS?V.actionsCell:V.staticCell,g=(0,ge.default)(V.cell,h,e.hasSort?V.sortingCell:null,p,e.breakWord?V.breakWord:``),_=u??i??void 0,v={width:_,minWidth:_,...s},y=t?`th`:`td`;return(0,N.jsx)(y,{ref:d,className:g,style:v,colSpan:c,rowSpan:l,children:(0,N.jsx)(he,{cell:e,columnAlignment:m??o.RIGHT,isHeader:t,testId:a})})};Z.__docgenInfo={description:``,methods:[],displayName:`Cell`,props:{cell:{required:!1,tsType:{name:`union`,raw:`| IPopoverCell
|
|
2
2
|
| IStaticCell
|
|
3
3
|
| ISelectCell
|
|
4
4
|
| IHelpIconCell
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{E as e,M as t,h as n}from"./iframe-D4Zg62hF.js";import"./react-dom-DrHyh6_j.js";import"./check-box-BrYAm1gp.js";import"./tooltip-BDJkAs31.js";import"./help-icon-7rahs3sO.js";import{b as r}from"./heading-B4XmPyQx.js";import{b as i}from"./text-DVka0T2p.js";import{b as a}from"./lodash-DCsx9Ntr.js";import{b as o}from"./table-3zH873Md.js";import"./button-COZYpTMg.js";import"./spinner-FbE2mbiy.js";import"./actions-C75Yhysc.js";import"./types-D9-IVcXX.js";import"./types-Q8bq0gPd.js";import"./badge-DoQogrt7.js";import"./select-dDHTUZaq.js";import"./use-keyboard-event-CPHW-LTR.js";import"./memoize-one.esm-Dbu59KLW.js";import"./enum-_bzRAybU.js";import"./helpers-CNN6kPjR.js";import"./select.input-BtWEEHPQ.js";import{b as s}from"./input-BQQrNKmr.js";import"./pagination-Bz_ydB2y.js";import"./input-group-VNNfEwqC.js";import"./input-group-addon-DhpBpIxI.js";import"./esm-L3AFfpT1.js";import"./dist-3hm1VO_N.js";import"./number-input-CYtGXTJS.js";import"./objectSpread2-DjvBifS4.js";import"./slider-rFDKD7LU.js";import"./react-fast-compare-50RPpPoD.js";import"./popover-CyuIVmBY.js";import"./flex-BX_Kuh88.js";import{b as c}from"./card-BNQ_Ty0W.js";import"./datetime-CVZJBewo.js";import"./label-CT4MqTF7.js";import{b as l}from"./field-jj7svWmp.js";import{A as u,b as d,e as f,m as p,u as m,x as h,z as g}from"./table.stories-data-BdLpIlj_.js";import"./styled-components.browser.esm-DG0FhB-e.js";import"./emotion-is-prop-valid.esm-BTIsZlY_.js";import{b as _}from"./grid-tfYbM62b.js";import{b as v}from"./immer-BwSnAsZY.js";var y=t(e()),b=t(a()),x=t(n()),S={title:`Tables/Table`,component:o,args:{table:{...d}}};const C=e=>(0,x.jsx)(o,{...e}),w=C.bind({}),T=C.bind({});T.args={table:{...d,fixedWidth:`400px`}};const E=C.bind({});E.args={table:{...d,fixedWidth:`auto`}};const D=C.bind({});D.args={table:p},D.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 O=C.bind({});O.args={table:f};const k=C.bind({});k.args={table:m},k.parameters={docs:{description:{story:"This is only required when you need to override `columnAlignment` in header cells (i.e. they have different alignment)"}}};const A=C.bind({});A.args={table:h};const j=C.bind({});j.args={table:u},j.decorators=[e=>(0,x.jsx)(`div`,{style:{position:`absolute`,inset:0,padding:`var(--padding)`},children:(0,x.jsx)(e,{})})],j.parameters={docs:{story:{inline:!1,iframeHeight:200}}};const M=()=>{let e=[[``,`kg`,`kcal / 100g`,``],...Array(1e4).fill(null).map((e,t)=>[`Strawberry Letter ${t+1}`,`123`,`456`,`Vietnam`])],t=(0,y.useCallback)(({rowIndex:t})=>{let n=e?.slice(1)?.[t];return{cells:n?n.map((e,t)=>{let n=e;return{value:n,type:`Input`}}):[]}},[e]);return(0,x.jsx)(o,{table:{...g,rowCount:e?.slice(1).length},beforeRenderRow:t})},N=()=>(0,x.jsx)(c,{heading:(0,x.jsx)(r,{children:`Card heading`}),padding:!1,children:(0,x.jsx)(o,{table:{...d,bordered:!1}})});N.parameters={docs:{source:{type:`dynamic`}}};const P=()=>{let e=[`Section`,`Width`,`Height`],t=[``,`m`,`m`],n=[...Array(175).keys()].map((e,t)=>[t,t*2,t*2]),r=(e,t,n)=>e===`m`&&t===`ft`?n*3.28084:e===`ft`&&t===`m`?n/3.28084:n,i=(e,t,r,i)=>{n[t][r]=e.target.value,i()},a=e=>{n=n.concat([[``,``,``]]),e()},s=(e,t)=>{n=n.filter((t,n)=>n!==e),t()},c=(e,i,a)=>{let o=t[i],s=e.target.value;t=t.map((e,t)=>t===i?s:e),n=n.map(e=>e.map((e,t)=>t===i?r(o,s,e):e)),a()},l=()=>{let r=[{label:`10 / page`,value:10},{label:`20 / page`,value:20},{label:`50 / page`,value:50},{label:`Show all`,value:0}],[l,u]=(0,y.useState)(10),[d,f]=(0,y.useState)(1),[p,m]=(0,y.useState)(!1),h=()=>{m(!p)},g=()=>{let e=Math.ceil(n.length/l);f(e)},_=(d-1)*l,v=l===0?n.length-1:_+l,b={headers:[{cells:e.map(e=>({value:e})),actions:[{primary:!0,label:`Add`,icon:`add`,onClick:()=>{a(h),g()}}]},{cells:[{},{options:[{label:`m`,value:`m`},{label:`ft`,value:`ft`}],value:t[1],type:`Select`,native:!0,onChange:e=>c(e,1,h)},{options:[{label:`m`,value:`m`},{label:`ft`,value:`ft`}],value:t[2],type:`Select`,native:!0,onChange:e=>c(e,2,h)}]}],rows:n.slice(_,v).map((e,t)=>{let n=_+t;return{cells:[...[,,,].keys()].map((t,r)=>({value:e[r],type:`Input`,onChange:e=>i(e,n,r,h)})),actions:[{label:`Delete`,icon:`minus`,onClick:()=>s(n,h)}]}}),footer:{pagination:{rowCount:n.length,selectedPage:d,rowsPerPage:{onChange:e=>{let{value:t}=e.target;u(Number(t))},options:r,value:l},onSelectPage:e=>f(e),small:!0}}};return(0,x.jsx)(o,{table:b})};return(0,x.jsx)(l,{})},F=()=>{let e=[`Section`,`Width`,`Height`],t=[...Array(20).keys()].map((e,t)=>({Section:(0,b.random)(0,100),Width:(0,b.random)(0,100),Height:(0,b.random)(0,100)})),n=()=>{let[n,r]=(0,y.useState)({Section:`up`}),i=(e,t)=>e.sort((e,n)=>Object.entries(t).map(([t,r])=>{switch(r){case`up`:return e[t]-n[t];case`down`:return n[t]-e[t];default:return 0}}).reduce((e,t)=>e||t,0)),a=(e,t,n)=>{let r=e.map(e=>{let r=Object.keys(t).includes(e)?t[e]:``,i=`${e[0].toUpperCase()}${e.slice(1)}`;return{key:e,value:i,hasSort:!0,sort:r,onSort:()=>{let t=r===`up`?`down`:`up`;n({[e]:t})}}});return{dataSortCells:r}},{dataSortCells:s}=a(e,n,r),c=i(t,n),l=[...c.map(e=>{let t=Object.entries(e).map(([e,t])=>({key:e,value:t,type:`Input`,disabled:!0}));return{cells:t}})],u={headers:[{cells:s}],rows:l};return(0,x.jsx)(o,{table:u})};return(0,x.jsx)(n,{})},I=()=>{let e=[`Section`,`Width`,`Height`],t=[...Array(175).keys()].map((e,t)=>({Section:t,Width:t*2,Height:t*2})),n=()=>{let n=[{label:`10 / page`,value:10},{label:`20 / page`,value:20},{label:`50 / page`,value:50},{label:`Show all`,value:0}],[r,i]=(0,y.useState)(10),[a,s]=(0,y.useState)(1),[c,l]=(0,y.useState)({}),[u,d]=(0,y.useState)({});(0,y.useEffect)(()=>{s(1)},[c,u]);let f=(a-1)*r,p=r===0?t.length-1:f+r,m=(e,t,n)=>e.filter(e=>Object.keys(t).every(n=>t[n]===``?!0:e[n].toString().includes(t[n]))).sort((e,t)=>Object.entries(n).map(([n,r])=>{switch(r){case`up`:return e[n]-t[n];case`down`:return t[n]-e[n];default:return 0}}).reduce((e,t)=>e||t,0)),h=(e,t,n,r,i)=>{let a=e.map(e=>{let t=Object.keys(r).includes(e)?r[e]:``,n=`${e[0].toUpperCase()}${e.slice(1)}`;return{key:e,value:n,hasSort:!0,sort:t,onSort:()=>{let n=t===``?`up`:t===`up`?`down`:``;i({...r,[e]:n})}}}),o=e.map(e=>{let r=Object.keys(t).includes(e)?t[e]:``;return{key:e,value:r,type:`Input`,placeholder:`Filter`,onChange:r=>n({...t,[e]:r.target.value})}});return{dataSortCells:a,dataFilterCells:o}},{dataSortCells:g,dataFilterCells:_}=h(e,c,l,u,d),v=m(t,c,u),b=[...v.slice(f,p).map(e=>{let t=Object.entries(e).map(([e,t])=>({key:e,value:t,type:`Input`,disabled:!0}));return{cells:t}})],S={headers:[{cells:g},{cells:_}],rows:b,footer:{pagination:{rowCount:v.length,selectedPage:a,rowsPerPage:{onChange:e=>{let{value:t}=e.target;i(Number(t))},options:n,value:r},onSelectPage:e=>s(e),small:!0}}};return(0,x.jsx)(o,{table:S})};return(0,x.jsx)(n,{})},L=()=>{let e={tea:3.6,coffee:3.2,orange:4.1},t=[{label:`Tea`,value:`tea`},{label:`Coffee`,value:`coffee`},{label:`Orange juice`,value:`orange`}],n={cells:[{type:`Select`,options:t,value:{value:`tea`}},{type:`Input`},{type:`Static`}]},r=[...Array(15).keys()].map((e,n)=>({cells:[{type:`Select`,options:t,value:{value:`tea`}},{type:`Input`,value:n+1},{type:`Static`}]})),[i,a]=(0,y.useState)(r),s=[{label:`10 / page`,value:10},{label:`20 / page`,value:20},{label:`50 / page`,value:50},{label:`Show all`,value:0}],[c,l]=(0,y.useState)(10),[u,d]=(0,y.useState)(1),f=(u-1)*c,p=c===0?i.length-1:f+c,m=({newRow:e}={})=>{let t=v(i,t=>{t.push(e??n)});a(t)},h=({rowIndex:e})=>{let t=v(i,t=>{delete t[e]}).filter(e=>e);a(t)},g=({rowIndex:e,value:t})=>{let n=v(i,n=>{n[e].cells[0].value.value=t});a(n)},_=({rowIndex:e,value:t})=>{let n=v(i,n=>{n[e].cells[1].value=t});a(n)},S=({value:e})=>{let t=Number(e);return!(0,b.isNaN)(t)&&(0,b.isInteger)(t)&&t>0},C=i.slice(f,p).map((t,n)=>{let r=f+n;return i.length-1,{...t,cells:t?.cells.map((n,i)=>{let a=(t?.cells?.[0]?.value)?.value,o=Number(t?.cells?.[1]?.value),s=e?.[a],c=s&&S({value:o})?(s*o).toFixed(2):null;if(i===0)return{...n,onChange:e=>g({rowIndex:r,value:e.target.value})};if(i===1)return{...n,onChange:e=>_({rowIndex:r,value:e.target.value}),error:S({value:n.value})?null:`Must be valid whole number`};if(i===2)return{...n,value:c}}),actions:[{label:`Delete`,icon:`minus`,onClick:()=>h({rowIndex:r})}]}});return(0,x.jsx)(o,{table:{defaultEmptyRow:n,onAddRow:m,columnAlignment:[`left`,`right`,`right`],headers:[{cells:[{value:`Drink`},{value:`Quantity`},{value:`Total Price (£)`}],actions:[{primary:!0,icon:`plus`,label:`Add`,onClick:()=>m()}]}],rows:C,footer:{pagination:{rowCount:i.length,selectedPage:u,rowsPerPage:{onChange:e=>{let{value:t}=e.target;l(Number(t))},options:s,value:c},onSelectPage:e=>d(e),small:!0}}}})},R=()=>{let e=[`Section`,`Width`,`Height`],t=Array.from(Array(10),(e,t)=>[t,t*2,t*2]),[n,r]=(0,y.useState)({pastedValues:``,rowIndex:0,cellIndex:0}),i=(e,n,r,i)=>{t[n][r]=Number(e.target.value),i()},a=(e,t,i,a)=>{let o=e?.clipboardData?.getData(`text`)??``;return r({rowIndex:t,cellIndex:i,pastedValues:o}),a(),{pastedData:n}},c=()=>{let[r,c]=(0,y.useState)(!1),u=()=>{c(!r)},d={headers:[{cells:e.map(e=>({value:e}))}],rows:t.map((e,t)=>{let n=t;return{cells:[...[,,,].keys()].map((t,r)=>({value:e[r],type:`Input`,onChange:e=>i(e,n,r,u),onPaste:e=>a(e,n,r,u)}))}})};return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(o,{table:d}),(0,x.jsx)(l,{label:`Pasted Data`,children:(0,x.jsx)(s,{value:n.pastedValues})}),(0,x.jsx)(l,{label:`At Row`,children:(0,x.jsx)(s,{value:n.rowIndex})}),(0,x.jsx)(l,{label:`At Cell Index`,children:(0,x.jsx)(s,{value:n.cellIndex})})]})};return(0,x.jsx)(c,{})},z=()=>{let e={fixedWidth:`auto`,name:`Table title`,actions:[{icon:`download`,tooltip:`Download`}],columnAlignment:[...Array(10)].map((e,t)=>`right`),headers:[{cells:[...Array(10)].map((e,t)=>({value:`Heading`}))},{cells:[...Array(10)].map((e,t)=>({options:[{label:`m`,value:`m`},{label:`ft`,value:`ft`}],type:`Select`,searchable:!1,value:{label:`m`,value:`m`},autoLayerWidth:!0}))}],rows:[...Array(10)].map((e,t)=>({cells:[...Array(10)].map((e,t)=>({value:123.45})),actions:[{icon:`help`,tooltip:(0,x.jsxs)(_,{children:[(0,x.jsx)(i,{bold:!0,children:`Title goes here lorem ipsum`}),(0,x.jsx)(i,{children:`Label: 123.45m`}),(0,x.jsx)(i,{children:`Another label: 123.45m`}),(0,x.jsx)(i,{children:`Label: 123.45m`})]})}]}))};return(0,x.jsx)(o,{table:e})},B=()=>{let e={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:(0,x.jsxs)(_,{children:[(0,x.jsx)(i,{bold:!0,children:`Title goes here`}),(0,x.jsx)(i,{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:(0,x.jsxs)(_,{children:[(0,x.jsx)(i,{bold:!0,children:`Title goes here`}),(0,x.jsx)(i,{children:`Details go here`})]})}]}]};return(0,x.jsx)(o,{table:e})};M.__docgenInfo={description:``,methods:[],displayName:`InfiniteScrollPerformance`},N.__docgenInfo={description:``,methods:[],displayName:`InCard`},P.__docgenInfo={description:``,methods:[],displayName:`Managed`},F.__docgenInfo={description:``,methods:[],displayName:`ManagedWithSort`},I.__docgenInfo={description:``,methods:[],displayName:`ManagedWithFilterAndMultipleSort`},L.__docgenInfo={description:``,methods:[],displayName:`AutoAddNewRow`},R.__docgenInfo={description:``,methods:[],displayName:`OnPasteCallback`},z.__docgenInfo={description:``,methods:[],displayName:`ExampleTableWithInfoTooltips`},B.__docgenInfo={description:``,methods:[],displayName:`ExampleTableWithInlineUnits`},w.parameters={...w.parameters,docs:{...w.parameters?.docs,source:{originalSource:`args => {
|
|
1
|
+
import{E as e,M as t,h as n}from"./iframe-EU22ddzP.js";import"./react-dom-rzgPE705.js";import"./check-box--YUuQA9P.js";import"./tooltip-N1V1x_Kn.js";import"./help-icon-DzkFHroz.js";import{b as r}from"./heading-DC2eTr4r.js";import{b as i}from"./text-CkkjKEEc.js";import{b as a}from"./lodash-CiSVjb27.js";import{b as o}from"./table-B6Rh_KBA.js";import"./button-DXVRmU6A.js";import"./spinner-gc9uGw0J.js";import"./actions-Ct9IeQri.js";import"./types-D9-IVcXX.js";import"./types-BjAzD82u.js";import"./badge-CSqHSgHc.js";import"./select-C3UalMKs.js";import"./use-keyboard-event-DJxq2Iwi.js";import"./memoize-one.esm-Dbu59KLW.js";import"./enum-_bzRAybU.js";import"./helpers-CNN6kPjR.js";import"./select.input-BtWEEHPQ.js";import{b as s}from"./input-BdYHHPue.js";import"./pagination-_RRF0iW0.js";import"./input-group-D24O4Bxc.js";import"./input-group-addon-DZoIwpw9.js";import"./esm-Cd-AO6qk.js";import"./dist-3hm1VO_N.js";import"./number-input-CO11SW2l.js";import"./objectSpread2-DjvBifS4.js";import"./slider-MhFdkngd.js";import"./react-fast-compare-DmR1Q96O.js";import"./popover-DPG74BOL.js";import"./flex-D7WQTo6g.js";import{b as c}from"./card-WLrmR7W6.js";import"./datetime-CVZJBewo.js";import"./label-BkXPoL3G.js";import{b as l}from"./field-CMcGBkdh.js";import{A as u,b as d,e as f,m as p,u as m,x as h,z as g}from"./table.stories-data-hBHpYw6Z.js";import"./styled-components.browser.esm-DWmnuEYo.js";import"./emotion-is-prop-valid.esm-BUoVdhe_.js";import{b as _}from"./grid-BFBK01ob.js";import{b as v}from"./immer-BwSnAsZY.js";var y=t(e()),b=t(a()),x=t(n()),S={title:`Tables/Table`,component:o,args:{table:{...d}}};const C=e=>(0,x.jsx)(o,{...e}),w=C.bind({}),T=C.bind({});T.args={table:{...d,fixedWidth:`400px`}};const E=C.bind({});E.args={table:{...d,fixedWidth:`auto`}};const D=C.bind({});D.args={table:p},D.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 O=C.bind({});O.args={table:f};const k=C.bind({});k.args={table:m},k.parameters={docs:{description:{story:"This is only required when you need to override `columnAlignment` in header cells (i.e. they have different alignment)"}}};const A=C.bind({});A.args={table:h};const j=C.bind({});j.args={table:u},j.decorators=[e=>(0,x.jsx)(`div`,{style:{position:`absolute`,inset:0,padding:`var(--padding)`},children:(0,x.jsx)(e,{})})],j.parameters={docs:{story:{inline:!1,iframeHeight:200}}};const M=()=>{let e=[[``,`kg`,`kcal / 100g`,``],...Array(1e4).fill(null).map((e,t)=>[`Strawberry Letter ${t+1}`,`123`,`456`,`Vietnam`])],t=(0,y.useCallback)(({rowIndex:t})=>{let n=e?.slice(1)?.[t];return{cells:n?n.map((e,t)=>{let n=e;return{value:n,type:`Input`}}):[]}},[e]);return(0,x.jsx)(o,{table:{...g,rowCount:e?.slice(1).length},beforeRenderRow:t})},N=()=>(0,x.jsx)(c,{heading:(0,x.jsx)(r,{children:`Card heading`}),padding:!1,children:(0,x.jsx)(o,{table:{...d,bordered:!1}})});N.parameters={docs:{source:{type:`dynamic`}}};const P=()=>{let e=[`Section`,`Width`,`Height`],t=[``,`m`,`m`],n=[...Array(175).keys()].map((e,t)=>[t,t*2,t*2]),r=(e,t,n)=>e===`m`&&t===`ft`?n*3.28084:e===`ft`&&t===`m`?n/3.28084:n,i=(e,t,r,i)=>{n[t][r]=e.target.value,i()},a=e=>{n=n.concat([[``,``,``]]),e()},s=(e,t)=>{n=n.filter((t,n)=>n!==e),t()},c=(e,i,a)=>{let o=t[i],s=e.target.value;t=t.map((e,t)=>t===i?s:e),n=n.map(e=>e.map((e,t)=>t===i?r(o,s,e):e)),a()},l=()=>{let r=[{label:`10 / page`,value:10},{label:`20 / page`,value:20},{label:`50 / page`,value:50},{label:`Show all`,value:0}],[l,u]=(0,y.useState)(10),[d,f]=(0,y.useState)(1),[p,m]=(0,y.useState)(!1),h=()=>{m(!p)},g=()=>{let e=Math.ceil(n.length/l);f(e)},_=(d-1)*l,v=l===0?n.length-1:_+l,b={headers:[{cells:e.map(e=>({value:e})),actions:[{primary:!0,label:`Add`,icon:`add`,onClick:()=>{a(h),g()}}]},{cells:[{},{options:[{label:`m`,value:`m`},{label:`ft`,value:`ft`}],value:t[1],type:`Select`,native:!0,onChange:e=>c(e,1,h)},{options:[{label:`m`,value:`m`},{label:`ft`,value:`ft`}],value:t[2],type:`Select`,native:!0,onChange:e=>c(e,2,h)}]}],rows:n.slice(_,v).map((e,t)=>{let n=_+t;return{cells:[...[,,,].keys()].map((t,r)=>({value:e[r],type:`Input`,onChange:e=>i(e,n,r,h)})),actions:[{label:`Delete`,icon:`minus`,onClick:()=>s(n,h)}]}}),footer:{pagination:{rowCount:n.length,selectedPage:d,rowsPerPage:{onChange:e=>{let{value:t}=e.target;u(Number(t))},options:r,value:l},onSelectPage:e=>f(e),small:!0}}};return(0,x.jsx)(o,{table:b})};return(0,x.jsx)(l,{})},F=()=>{let e=[`Section`,`Width`,`Height`],t=[...Array(20).keys()].map((e,t)=>({Section:(0,b.random)(0,100),Width:(0,b.random)(0,100),Height:(0,b.random)(0,100)})),n=()=>{let[n,r]=(0,y.useState)({Section:`up`}),i=(e,t)=>e.sort((e,n)=>Object.entries(t).map(([t,r])=>{switch(r){case`up`:return e[t]-n[t];case`down`:return n[t]-e[t];default:return 0}}).reduce((e,t)=>e||t,0)),a=(e,t,n)=>{let r=e.map(e=>{let r=Object.keys(t).includes(e)?t[e]:``,i=`${e[0].toUpperCase()}${e.slice(1)}`;return{key:e,value:i,hasSort:!0,sort:r,onSort:()=>{let t=r===`up`?`down`:`up`;n({[e]:t})}}});return{dataSortCells:r}},{dataSortCells:s}=a(e,n,r),c=i(t,n),l=[...c.map(e=>{let t=Object.entries(e).map(([e,t])=>({key:e,value:t,type:`Input`,disabled:!0}));return{cells:t}})],u={headers:[{cells:s}],rows:l};return(0,x.jsx)(o,{table:u})};return(0,x.jsx)(n,{})},I=()=>{let e=[`Section`,`Width`,`Height`],t=[...Array(175).keys()].map((e,t)=>({Section:t,Width:t*2,Height:t*2})),n=()=>{let n=[{label:`10 / page`,value:10},{label:`20 / page`,value:20},{label:`50 / page`,value:50},{label:`Show all`,value:0}],[r,i]=(0,y.useState)(10),[a,s]=(0,y.useState)(1),[c,l]=(0,y.useState)({}),[u,d]=(0,y.useState)({});(0,y.useEffect)(()=>{s(1)},[c,u]);let f=(a-1)*r,p=r===0?t.length-1:f+r,m=(e,t,n)=>e.filter(e=>Object.keys(t).every(n=>t[n]===``?!0:e[n].toString().includes(t[n]))).sort((e,t)=>Object.entries(n).map(([n,r])=>{switch(r){case`up`:return e[n]-t[n];case`down`:return t[n]-e[n];default:return 0}}).reduce((e,t)=>e||t,0)),h=(e,t,n,r,i)=>{let a=e.map(e=>{let t=Object.keys(r).includes(e)?r[e]:``,n=`${e[0].toUpperCase()}${e.slice(1)}`;return{key:e,value:n,hasSort:!0,sort:t,onSort:()=>{let n=t===``?`up`:t===`up`?`down`:``;i({...r,[e]:n})}}}),o=e.map(e=>{let r=Object.keys(t).includes(e)?t[e]:``;return{key:e,value:r,type:`Input`,placeholder:`Filter`,onChange:r=>n({...t,[e]:r.target.value})}});return{dataSortCells:a,dataFilterCells:o}},{dataSortCells:g,dataFilterCells:_}=h(e,c,l,u,d),v=m(t,c,u),b=[...v.slice(f,p).map(e=>{let t=Object.entries(e).map(([e,t])=>({key:e,value:t,type:`Input`,disabled:!0}));return{cells:t}})],S={headers:[{cells:g},{cells:_}],rows:b,footer:{pagination:{rowCount:v.length,selectedPage:a,rowsPerPage:{onChange:e=>{let{value:t}=e.target;i(Number(t))},options:n,value:r},onSelectPage:e=>s(e),small:!0}}};return(0,x.jsx)(o,{table:S})};return(0,x.jsx)(n,{})},L=()=>{let e={tea:3.6,coffee:3.2,orange:4.1},t=[{label:`Tea`,value:`tea`},{label:`Coffee`,value:`coffee`},{label:`Orange juice`,value:`orange`}],n={cells:[{type:`Select`,options:t,value:{value:`tea`}},{type:`Input`},{type:`Static`}]},r=[...Array(15).keys()].map((e,n)=>({cells:[{type:`Select`,options:t,value:{value:`tea`}},{type:`Input`,value:n+1},{type:`Static`}]})),[i,a]=(0,y.useState)(r),s=[{label:`10 / page`,value:10},{label:`20 / page`,value:20},{label:`50 / page`,value:50},{label:`Show all`,value:0}],[c,l]=(0,y.useState)(10),[u,d]=(0,y.useState)(1),f=(u-1)*c,p=c===0?i.length-1:f+c,m=({newRow:e}={})=>{let t=v(i,t=>{t.push(e??n)});a(t)},h=({rowIndex:e})=>{let t=v(i,t=>{delete t[e]}).filter(e=>e);a(t)},g=({rowIndex:e,value:t})=>{let n=v(i,n=>{n[e].cells[0].value.value=t});a(n)},_=({rowIndex:e,value:t})=>{let n=v(i,n=>{n[e].cells[1].value=t});a(n)},S=({value:e})=>{let t=Number(e);return!(0,b.isNaN)(t)&&(0,b.isInteger)(t)&&t>0},C=i.slice(f,p).map((t,n)=>{let r=f+n;return i.length-1,{...t,cells:t?.cells.map((n,i)=>{let a=(t?.cells?.[0]?.value)?.value,o=Number(t?.cells?.[1]?.value),s=e?.[a],c=s&&S({value:o})?(s*o).toFixed(2):null;if(i===0)return{...n,onChange:e=>g({rowIndex:r,value:e.target.value})};if(i===1)return{...n,onChange:e=>_({rowIndex:r,value:e.target.value}),error:S({value:n.value})?null:`Must be valid whole number`};if(i===2)return{...n,value:c}}),actions:[{label:`Delete`,icon:`minus`,onClick:()=>h({rowIndex:r})}]}});return(0,x.jsx)(o,{table:{defaultEmptyRow:n,onAddRow:m,columnAlignment:[`left`,`right`,`right`],headers:[{cells:[{value:`Drink`},{value:`Quantity`},{value:`Total Price (£)`}],actions:[{primary:!0,icon:`plus`,label:`Add`,onClick:()=>m()}]}],rows:C,footer:{pagination:{rowCount:i.length,selectedPage:u,rowsPerPage:{onChange:e=>{let{value:t}=e.target;l(Number(t))},options:s,value:c},onSelectPage:e=>d(e),small:!0}}}})},R=()=>{let e=[`Section`,`Width`,`Height`],t=Array.from(Array(10),(e,t)=>[t,t*2,t*2]),[n,r]=(0,y.useState)({pastedValues:``,rowIndex:0,cellIndex:0}),i=(e,n,r,i)=>{t[n][r]=Number(e.target.value),i()},a=(e,t,i,a)=>{let o=e?.clipboardData?.getData(`text`)??``;return r({rowIndex:t,cellIndex:i,pastedValues:o}),a(),{pastedData:n}},c=()=>{let[r,c]=(0,y.useState)(!1),u=()=>{c(!r)},d={headers:[{cells:e.map(e=>({value:e}))}],rows:t.map((e,t)=>{let n=t;return{cells:[...[,,,].keys()].map((t,r)=>({value:e[r],type:`Input`,onChange:e=>i(e,n,r,u),onPaste:e=>a(e,n,r,u)}))}})};return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(o,{table:d}),(0,x.jsx)(l,{label:`Pasted Data`,children:(0,x.jsx)(s,{value:n.pastedValues})}),(0,x.jsx)(l,{label:`At Row`,children:(0,x.jsx)(s,{value:n.rowIndex})}),(0,x.jsx)(l,{label:`At Cell Index`,children:(0,x.jsx)(s,{value:n.cellIndex})})]})};return(0,x.jsx)(c,{})},z=()=>{let e={fixedWidth:`auto`,name:`Table title`,actions:[{icon:`download`,tooltip:`Download`}],columnAlignment:[...Array(10)].map((e,t)=>`right`),headers:[{cells:[...Array(10)].map((e,t)=>({value:`Heading`}))},{cells:[...Array(10)].map((e,t)=>({options:[{label:`m`,value:`m`},{label:`ft`,value:`ft`}],type:`Select`,searchable:!1,value:{label:`m`,value:`m`},autoLayerWidth:!0}))}],rows:[...Array(10)].map((e,t)=>({cells:[...Array(10)].map((e,t)=>({value:123.45})),actions:[{icon:`help`,tooltip:(0,x.jsxs)(_,{children:[(0,x.jsx)(i,{bold:!0,children:`Title goes here lorem ipsum`}),(0,x.jsx)(i,{children:`Label: 123.45m`}),(0,x.jsx)(i,{children:`Another label: 123.45m`}),(0,x.jsx)(i,{children:`Label: 123.45m`})]})}]}))};return(0,x.jsx)(o,{table:e})},B=()=>{let e={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:(0,x.jsxs)(_,{children:[(0,x.jsx)(i,{bold:!0,children:`Title goes here`}),(0,x.jsx)(i,{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:(0,x.jsxs)(_,{children:[(0,x.jsx)(i,{bold:!0,children:`Title goes here`}),(0,x.jsx)(i,{children:`Details go here`})]})}]}]};return(0,x.jsx)(o,{table:e})};M.__docgenInfo={description:``,methods:[],displayName:`InfiniteScrollPerformance`},N.__docgenInfo={description:``,methods:[],displayName:`InCard`},P.__docgenInfo={description:``,methods:[],displayName:`Managed`},F.__docgenInfo={description:``,methods:[],displayName:`ManagedWithSort`},I.__docgenInfo={description:``,methods:[],displayName:`ManagedWithFilterAndMultipleSort`},L.__docgenInfo={description:``,methods:[],displayName:`AutoAddNewRow`},R.__docgenInfo={description:``,methods:[],displayName:`OnPasteCallback`},z.__docgenInfo={description:``,methods:[],displayName:`ExampleTableWithInfoTooltips`},B.__docgenInfo={description:``,methods:[],displayName:`ExampleTableWithInlineUnits`},w.parameters={...w.parameters,docs:{...w.parameters?.docs,source:{originalSource:`args => {
|
|
2
2
|
return <Table
|
|
3
3
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
4
4
|
{...args} />;
|
package/dist/storybook/assets/{table.stories-data-BdLpIlj_.js → table.stories-data-hBHpYw6Z.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{E as e,M as t,f as n,h as r,w as i,z as a}from"./iframe-D4Zg62hF.js";import{b as o}from"./text-DVka0T2p.js";import{c as s}from"./actions-C75Yhysc.js";import{c}from"./types-D9-IVcXX.js";import{b as l}from"./flex-BX_Kuh88.js";import{b as u}from"./datetime-CVZJBewo.js";e();var d=t(r());const f={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`}]}]},p={...f,columnWidths:[`200px`,`20%`,`100px`,`auto`]},m={...f,rows:f.rows.map(e=>({...e,cells:e.cells.map(e=>({...e,tooltip:`Tooltip`}))}))},h={...f,rows:f.rows.map(e=>({...e,cells:e.cells.map(e=>({...e,width:`200px`}))}))},g={...f,rows:f.rows.map(e=>({...e,cells:e.cells.map(e=>({...e,style:{width:`200px`,background:`var(--color-background-table-header)`,fontWeight:`bold`}}))}))},_={...f,rows:[{cells:[{breakWord:!0,value:`LoremipsumdolorsitametconsecteturadipiscingelitseddoeiusmodtemporincididuntutlaboreetdoloremagnaaliquaUtenimadminimveniamquisnostrudexercitationullamcolaborisnisiutaliquipexeacommodoconsequatDuisauteiruredolorinreprehenderitinvoluptatevelitessecillumdoloreeullamcolaborisnisiutaliquipexeacommodoconsequatDuisauteiruredolorinreprehenderitinvoluptatevelitessecillumdoloreeufugiatnullapariaturufugiatnullapariatur`},{value:100},{value:361},{value:`Vietnam`}]},...f.rows]},v={...f,headers:[...f.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`},{}]}]},y={...f,rows:f.rows.map((e,t)=>({...e,active:t===0,onRowClick:()=>{}}))},b={...f,rows:f.rows.map((e,t)=>({...e,error:t===1}))},x={...f,rows:f.rows.map((e,t)=>({...e,warning:t===1}))},S={...f,name:`Food`},C={...f,name:(0,d.jsxs)(l,{gap:`var(--padding-xs)`,alignItems:`center`,children:[`Food`,(0,d.jsx)(n,{icon:i.STAR})]})},w=[{childComponent:(0,d.jsx)(s,{menu:{label:`Import food`,trigger:a.DROP_DOWN_BUTTON,sections:[{type:c.HEADING,label:`Import options`},{type:c.OPTION,label:`Import from csv`},{type:c.OPTION,label:`Import from library`}],small:!0}})}],T={...f,name:`Food`,actions:w,testId:`table-child-component`},E={...f,actions:w,actionsRight:!0},D={...f,headers:[...f.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:[],footer:{content:(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(`strong`,{children:`Footer content:`}),` goes here`]})}},O={...D,rows:Array.from({length:100},(e,t)=>({cells:[{type:`Input`,value:`Strawberry Letter ${t+1}`},{type:`Input`,value:100},{type:`Input`,value:361},{type:`Input`,value:`Vietnam`}]}))},k={...O,maxHeight:`100%`},A={...O,draggable:!0},j={...f,rows:f.rows.map(e=>({...e,onRowFocus:()=>{}}))},M=()=>(0,d.jsxs)(`ul`,{children:[(0,d.jsx)(`li`,{children:`Carrots`}),(0,d.jsx)(`li`,{children:`Chocolate`}),(0,d.jsx)(`li`,{children:`Chorizo`})]}),N={headers:[{cells:[{value:`Name`},{value:`Content`}]}],rows:[{cells:[{value:`Sub-component`},{value:M()}]},{cells:[{value:`JSX`},{value:(0,d.jsxs)(`div`,{children:[`Some `,(0,d.jsx)(o,{bold:!0,children:`bold content`})]})}]}]},P={...f,headers:[{cells:[{value:``},{value:`Stats`,colSpan:2},{value:``}]},...f.headers],rows:[...f.rows,{cells:[{value:`Total`,colSpan:4}]}]},F={...f,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:`白米`}]}]},I={...f,columnWidths:[`auto`,`120px`,`120px`,`auto`],headers:[{cells:[{value:`Header`},{value:`Header`,colSpan:2},{value:`Header`}]}]},L={...f,columnAlignment:[`left`,`right`,`right`,`left`]},R={...P,columnAlignment:[`left`,`right`,`right`,`left`,`right`],columnHeaderAlignments:[[``,`center`,``],[``,`right`,`right`,``]]},z={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:``,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`}]}]},B={...f,headers:f.headers.map(e=>({...e,cells:[{type:`CheckBox`,onChange:()=>{}},...e.cells]})),rows:f.rows.map(e=>({...e,cells:[{type:`CheckBox`,onChange:()=>{}},...e.cells]}))},V={...z,rows:z.rows.map(e=>({...e,cells:e.cells.map(e=>({...e,disabled:!0}))}))},H={...f,headers:[...f.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:()=>{}}]}]},U={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`}]}]},W={headers:[{cells:[{},{value:`Name`},{value:`Weight (kg)`},{value:`Energy (kcal / 100g)`},{value:`Origin`}]}],rows:[{cells:[{type:`Icon`,icon:(0,d.jsx)(n,{icon:i.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:(0,d.jsx)(n,{icon:i.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:(0,d.jsx)(n,{icon:i.ERROR,color:`var(--color-text-error)`}),tooltip:`Error tooltip here`,width:`var(--size)`},{value:`Couscous`},{value:10},{value:368},{value:`France`}]}]},G={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`)}]}]},K={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}]}]},q={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:()=>{}}]}]},J={...f,footer:{content:(0,d.jsxs)(d.Fragment,{children:[(0,d.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={...f,headers:f.headers.map(e=>({...e,cells:e.cells.map(e=>({...e,helpIcon:{onClick:()=>console.log(`Help clicked`),tooltip:`Help text goes here`},libraryIcon:{onClick:()=>console.log(`Library clicked`),tooltip:`Edit in library`}}))}))},X={columnWidths:[void 0,`100px`,`100px`,`100px`,void 0],columnAlignment:[`left`,`right`,`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:`Text`},{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:`NumberInput`,value:361},{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:`NumberInput`,value:361},{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`}]}]},Z={fixedWidth:`auto`,headers:[{cells:[{value:`Name`},{value:`Date of birth`}]}],rows:[{cells:[{value:`John Smith`},{value:`1980-01-12`,type:`DateInput`,width:`110px`,tooltip:(0,d.jsx)(u,{children:`1980-01-12`})}]},{cells:[{value:`Jane Doe`},{value:`1984-12-01`,type:`DateInput`,width:`110px`,tooltip:(0,d.jsx)(u,{children:`1984-12-01`})}]}]},Q={fixedWidth:`auto`,headers:[{cells:[{value:`Name`},{value:`Last updated (CET)`}]}],rows:[{cells:[{value:`John Smith`},{value:(0,d.jsx)(u,{showTime:!0,showSeconds:!0,timeZone:`Europe/Oslo`,children:`2025-01-12T12:34:56Z`})}]},{cells:[{value:`Jane Doe`},{value:(0,d.jsx)(u,{showTime:!0,showSeconds:!0,timeZone:`Europe/Oslo`,children:`2025-12-01T23:45:01Z`})}]}]};export{k as A,N as B,G as C,X as D,j as E,F,U as G,m as H,S as I,C as J,v as K,x as L,E as M,q as N,f as b,K as c,y as d,L as e,_ as f,g,h,B as i,T as j,P as k,I as l,p as m,Q as n,Z as o,V as p,z as q,b as r,H as s,J as t,R as u,Y as v,W as w,O as x,A as y,D as z};
|
|
1
|
+
import{E as e,M as t,f as n,h as r,w as i,z as a}from"./iframe-EU22ddzP.js";import{b as o}from"./text-CkkjKEEc.js";import{c as s}from"./actions-Ct9IeQri.js";import{c}from"./types-D9-IVcXX.js";import{b as l}from"./flex-D7WQTo6g.js";import{b as u}from"./datetime-CVZJBewo.js";e();var d=t(r());const f={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`}]}]},p={...f,columnWidths:[`200px`,`20%`,`100px`,`auto`]},m={...f,rows:f.rows.map(e=>({...e,cells:e.cells.map(e=>({...e,tooltip:`Tooltip`}))}))},h={...f,rows:f.rows.map(e=>({...e,cells:e.cells.map(e=>({...e,width:`200px`}))}))},g={...f,rows:f.rows.map(e=>({...e,cells:e.cells.map(e=>({...e,style:{width:`200px`,background:`var(--color-background-table-header)`,fontWeight:`bold`}}))}))},_={...f,rows:[{cells:[{breakWord:!0,value:`LoremipsumdolorsitametconsecteturadipiscingelitseddoeiusmodtemporincididuntutlaboreetdoloremagnaaliquaUtenimadminimveniamquisnostrudexercitationullamcolaborisnisiutaliquipexeacommodoconsequatDuisauteiruredolorinreprehenderitinvoluptatevelitessecillumdoloreeullamcolaborisnisiutaliquipexeacommodoconsequatDuisauteiruredolorinreprehenderitinvoluptatevelitessecillumdoloreeufugiatnullapariaturufugiatnullapariatur`},{value:100},{value:361},{value:`Vietnam`}]},...f.rows]},v={...f,headers:[...f.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`},{}]}]},y={...f,rows:f.rows.map((e,t)=>({...e,active:t===0,onRowClick:()=>{}}))},b={...f,rows:f.rows.map((e,t)=>({...e,error:t===1}))},x={...f,rows:f.rows.map((e,t)=>({...e,warning:t===1}))},S={...f,name:`Food`},C={...f,name:(0,d.jsxs)(l,{gap:`var(--padding-xs)`,alignItems:`center`,children:[`Food`,(0,d.jsx)(n,{icon:i.STAR})]})},w=[{childComponent:(0,d.jsx)(s,{menu:{label:`Import food`,trigger:a.DROP_DOWN_BUTTON,sections:[{type:c.HEADING,label:`Import options`},{type:c.OPTION,label:`Import from csv`},{type:c.OPTION,label:`Import from library`}],small:!0}})}],T={...f,name:`Food`,actions:w,testId:`table-child-component`},E={...f,actions:w,actionsRight:!0},D={...f,headers:[...f.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:[],footer:{content:(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(`strong`,{children:`Footer content:`}),` goes here`]})}},O={...D,rows:Array.from({length:100},(e,t)=>({cells:[{type:`Input`,value:`Strawberry Letter ${t+1}`},{type:`Input`,value:100},{type:`Input`,value:361},{type:`Input`,value:`Vietnam`}]}))},k={...O,maxHeight:`100%`},A={...O,draggable:!0},j={...f,rows:f.rows.map(e=>({...e,onRowFocus:()=>{}}))},M=()=>(0,d.jsxs)(`ul`,{children:[(0,d.jsx)(`li`,{children:`Carrots`}),(0,d.jsx)(`li`,{children:`Chocolate`}),(0,d.jsx)(`li`,{children:`Chorizo`})]}),N={headers:[{cells:[{value:`Name`},{value:`Content`}]}],rows:[{cells:[{value:`Sub-component`},{value:M()}]},{cells:[{value:`JSX`},{value:(0,d.jsxs)(`div`,{children:[`Some `,(0,d.jsx)(o,{bold:!0,children:`bold content`})]})}]}]},P={...f,headers:[{cells:[{value:``},{value:`Stats`,colSpan:2},{value:``}]},...f.headers],rows:[...f.rows,{cells:[{value:`Total`,colSpan:4}]}]},F={...f,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:`白米`}]}]},I={...f,columnWidths:[`auto`,`120px`,`120px`,`auto`],headers:[{cells:[{value:`Header`},{value:`Header`,colSpan:2},{value:`Header`}]}]},L={...f,columnAlignment:[`left`,`right`,`right`,`left`]},R={...P,columnAlignment:[`left`,`right`,`right`,`left`,`right`],columnHeaderAlignments:[[``,`center`,``],[``,`right`,`right`,``]]},z={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:``,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`}]}]},B={...f,headers:f.headers.map(e=>({...e,cells:[{type:`CheckBox`,onChange:()=>{}},...e.cells]})),rows:f.rows.map(e=>({...e,cells:[{type:`CheckBox`,onChange:()=>{}},...e.cells]}))},V={...z,rows:z.rows.map(e=>({...e,cells:e.cells.map(e=>({...e,disabled:!0}))}))},H={...f,headers:[...f.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:()=>{}}]}]},U={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`}]}]},W={headers:[{cells:[{},{value:`Name`},{value:`Weight (kg)`},{value:`Energy (kcal / 100g)`},{value:`Origin`}]}],rows:[{cells:[{type:`Icon`,icon:(0,d.jsx)(n,{icon:i.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:(0,d.jsx)(n,{icon:i.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:(0,d.jsx)(n,{icon:i.ERROR,color:`var(--color-text-error)`}),tooltip:`Error tooltip here`,width:`var(--size)`},{value:`Couscous`},{value:10},{value:368},{value:`France`}]}]},G={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`)}]}]},K={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}]}]},q={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:()=>{}}]}]},J={...f,footer:{content:(0,d.jsxs)(d.Fragment,{children:[(0,d.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={...f,headers:f.headers.map(e=>({...e,cells:e.cells.map(e=>({...e,helpIcon:{onClick:()=>console.log(`Help clicked`),tooltip:`Help text goes here`},libraryIcon:{onClick:()=>console.log(`Library clicked`),tooltip:`Edit in library`}}))}))},X={columnWidths:[void 0,`100px`,`100px`,`100px`,void 0],columnAlignment:[`left`,`right`,`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:`Text`},{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:`NumberInput`,value:361},{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:`NumberInput`,value:361},{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`}]}]},Z={fixedWidth:`auto`,headers:[{cells:[{value:`Name`},{value:`Date of birth`}]}],rows:[{cells:[{value:`John Smith`},{value:`1980-01-12`,type:`DateInput`,width:`110px`,tooltip:(0,d.jsx)(u,{children:`1980-01-12`})}]},{cells:[{value:`Jane Doe`},{value:`1984-12-01`,type:`DateInput`,width:`110px`,tooltip:(0,d.jsx)(u,{children:`1984-12-01`})}]}]},Q={fixedWidth:`auto`,headers:[{cells:[{value:`Name`},{value:`Last updated (CET)`}]}],rows:[{cells:[{value:`John Smith`},{value:(0,d.jsx)(u,{showTime:!0,showSeconds:!0,timeZone:`Europe/Oslo`,children:`2025-01-12T12:34:56Z`})}]},{cells:[{value:`Jane Doe`},{value:(0,d.jsx)(u,{showTime:!0,showSeconds:!0,timeZone:`Europe/Oslo`,children:`2025-12-01T23:45:01Z`})}]}]};export{k as A,N as B,G as C,X as D,j as E,F,U as G,m as H,S as I,C as J,v as K,x as L,E as M,q as N,f as b,K as c,y as d,L as e,_ as f,g,h,B as i,T as j,P as k,I as l,p as m,Q as n,Z as o,V as p,z as q,b as r,H as s,J as t,R as u,Y as v,W as w,O as x,A as y,D as z};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{E as e,M as t,h as n}from"./iframe-
|
|
1
|
+
import{E as e,M as t,h as n}from"./iframe-EU22ddzP.js";import"./react-dom-rzgPE705.js";import"./check-box--YUuQA9P.js";import"./tooltip-N1V1x_Kn.js";import"./help-icon-DzkFHroz.js";import"./heading-DC2eTr4r.js";import"./text-CkkjKEEc.js";import"./lodash-CiSVjb27.js";import{b as r}from"./table-B6Rh_KBA.js";import"./button-DXVRmU6A.js";import"./spinner-gc9uGw0J.js";import"./actions-Ct9IeQri.js";import"./types-D9-IVcXX.js";import"./types-BjAzD82u.js";import"./badge-CSqHSgHc.js";import"./select-C3UalMKs.js";import"./use-keyboard-event-DJxq2Iwi.js";import"./memoize-one.esm-Dbu59KLW.js";import"./enum-_bzRAybU.js";import"./helpers-CNN6kPjR.js";import"./select.input-BtWEEHPQ.js";import"./input-BdYHHPue.js";import"./pagination-_RRF0iW0.js";import"./input-group-D24O4Bxc.js";import"./input-group-addon-DZoIwpw9.js";import"./esm-Cd-AO6qk.js";import"./dist-3hm1VO_N.js";import"./number-input-CO11SW2l.js";import"./objectSpread2-DjvBifS4.js";import"./slider-MhFdkngd.js";import"./react-fast-compare-DmR1Q96O.js";import"./popover-DPG74BOL.js";import"./flex-D7WQTo6g.js";import"./datetime-CVZJBewo.js";import{b as i,y as a}from"./table.stories-data-hBHpYw6Z.js";e();var o=t(n()),s={title:`Basic/Table/Test Cases`,component:r,tags:[`!autodocs`]};const c=e=>(0,o.jsx)(r,{...e}),l=c.bind({});l.args={table:{columnAlignment:[`left`,`right`,`left`,`right`,`left`,`right`,`left`,`right`],headers:[{cells:[{value:`Input left`},{value:`Input right`},{value:`NumberInput left`},{value:`NumberInput right`},{value:`Select left`},{value:`Select right`},{value:`Static left`},{value:`Static right`}]}],rows:[{cells:[{value:`Value`,type:`Input`},{value:`Value`,type:`Input`},{value:123.45,type:`NumberInput`},{value:123.45,type:`NumberInput`},{type:`Select`,options:[{label:`Value`,value:`Value`}],value:{label:`Value`,value:`Value`}},{type:`Select`,options:[{label:`Value`,value:`Value`}],value:{label:`Value`,value:`Value`}},{value:`Value`},{value:`Value`}]}]}};const u=c.bind({});u.args={table:{...i,draggable:!0}},u.decorators=[e=>(0,o.jsx)(`div`,{style:{width:200},children:e()})];const d=c.bind({});d.args={table:a},l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`args => {
|
|
2
2
|
return <Table
|
|
3
3
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
4
4
|
{...args} />;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{A as e,E as t,M as n,h as r,l as i}from"./iframe-
|
|
1
|
+
import{A as e,E as t,M as n,h as r,l as i}from"./iframe-EU22ddzP.js";import{b as a}from"./lodash-CiSVjb27.js";import{b as o}from"./badge-CSqHSgHc.js";import{b as s}from"./select.input-BtWEEHPQ.js";var c={tabs:`_tabs_1y79t_1`,padding:`_padding_1y79t_7`,margin:`_margin_1y79t_11`,contentPadding:`_contentPadding_1y79t_14`,item:`_item_1y79t_17`,active:`_active_1y79t_39`,hidden:`_hidden_1y79t_58`,disabled:`_disabled_1y79t_61`,left:`_left_1y79t_65`,right:`_right_1y79t_65`},l=n(t()),u=n(e()),d=n(r());const f=({label:e,url:t,hidden:n,disabled:r,active:i,onClick:a,right:s,invalid:l,badge:f,testId:p})=>{let m=getComputedStyle(document.body).getPropertyValue(`--color-text-error`);return(0,d.jsx)(`a`,{id:e?.toString(),href:t,className:(0,u.default)(c.item,i?c.active:``,r?c.disabled:``,n&&!i?c.hidden:``,s?c.right:c.left),onClick:a,"data-testid":p,children:l?(0,d.jsx)(o,{small:!0,margin:`-4px`,color:m,title:`!`,children:e}):f?(0,d.jsx)(o,{small:!0,margin:`-4px`,title:f?.toString(),children:e}):e})};f.__docgenInfo={description:``,methods:[],displayName:`Label`,props:{label:{required:!0,tsType:{name:`union`,raw:`string | number`,elements:[{name:`string`},{name:`number`}]},description:``},url:{required:!1,tsType:{name:`string`},description:``},hidden:{required:!1,tsType:{name:`boolean`},description:``},disabled:{required:!1,tsType:{name:`boolean`},description:``},active:{required:!1,tsType:{name:`boolean`},description:``},onClick:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(evt: MouseEvent<HTMLAnchorElement>) => void`,signature:{arguments:[{type:{name:`MouseEvent`,elements:[{name:`HTMLAnchorElement`}],raw:`MouseEvent<HTMLAnchorElement>`},name:`evt`}],return:{name:`void`}}},description:``},right:{required:!1,tsType:{name:`boolean`},description:``},invalid:{required:!1,tsType:{name:`boolean`},description:``},badge:{required:!1,tsType:{name:`union`,raw:`string | number`,elements:[{name:`string`},{name:`number`}]},description:``},testId:{required:!1,tsType:{name:`string`},description:``}}};var p=n(e());const m=({children:e,activeTabIndex:t,contentPadding:n})=>Array.isArray(e)?(0,d.jsx)(`div`,{className:(0,p.default)(n?c.contentPadding:``),children:e.map((e,n)=>t===n&&e)}):null;m.__docgenInfo={description:``,methods:[],displayName:`Content`,props:{children:{required:!1,tsType:{name:`union`,raw:`ReactNode[] | ReactNode`,elements:[{name:`Array`,elements:[{name:`ReactNode`}],raw:`ReactNode[]`},{name:`ReactNode`}]},description:``},activeTabIndex:{required:!0,tsType:{name:`number`},description:``},contentPadding:{required:!1,tsType:{name:`boolean`},description:``}}};var h=n(e()),g=n(a());const _=({name:e=void 0,options:t=null,children:n=null,value:r=void 0,onChange:a=g.noop,padding:o=!1,margin:u=!0,contentPadding:p=!0,onChangeTab:_,activeTabIndex:v=void 0,tabs:y=void 0,testId:b})=>{let x=(0,l.useContext)(i),S=_!==void 0,C=n?n.map((e,t)=>({value:t,url:e.props.url,label:e.props.label,hidden:e.props.hidden,disabled:e.props.disabled||x,badge:e.props.badge,testId:e.props?.testId&&`${e.props.testId}-${t}`})):t||y,{simpleInputs:w,options:T,selectedOptions:E}=S?{simpleInputs:!1,options:C,selectedOptions:void 0}:s(C,r),D=S||E==null?void 0:w?E:E.value,O=v===void 0?T?.findIndex(e=>e.value===D):v,k=O===-1?0:O,A=(t,n,r)=>{if(S){let e=n.key||n.label||null;_(t,e)}else{let t=r.target;t.name=e,t.value=n.value,t.label=n.label,a(r)}},j=(e,t)=>{let{label:n,url:r,hidden:i,disabled:a,value:o,right:s,invalid:c,badge:l,testId:u}=e;return(0,d.jsx)(f,{label:n,url:r,hidden:i,disabled:a||x,invalid:c,badge:l,right:s,active:S?t===k:o===D,onClick:n=>A(t,e,n),testId:u},t)};return T?(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`div`,{className:(0,h.default)(c.tabs,o?c.padding:``,u?c.margin:``),"data-testid":b,children:T.map(j)}),(0,d.jsx)(m,{activeTabIndex:k??0,contentPadding:p,children:n})]}):null};_.__docgenInfo={description:``,methods:[],displayName:`Tabs`,props:{name:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`undefined`,computed:!0}},options:{required:!1,tsType:{name:`union`,raw:`ITabOption[] | null`,elements:[{name:`Array`,elements:[{name:`ITabOption`}],raw:`ITabOption[]`},{name:`null`}]},description:``,defaultValue:{value:`null`,computed:!1}},children:{required:!1,tsType:{name:`any`},description:``,defaultValue:{value:`null`,computed:!1}},value:{required:!1,tsType:{name:`ITabSelectedOption`},description:``,defaultValue:{value:`undefined`,computed:!0}},onChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(
|
|
2
2
|
event: TChangeEvent<T>,
|
|
3
3
|
...additionalProps: { [key: string]: any }[]
|
|
4
4
|
) => void`,signature:{arguments:[{type:{name:`intersection`,raw:`ChangeEvent<T> & {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{E as e,M as t,h as n}from"./iframe-
|
|
1
|
+
import{E as e,M as t,h as n}from"./iframe-EU22ddzP.js";import"./lodash-CiSVjb27.js";import"./types-D9-IVcXX.js";import"./badge-CSqHSgHc.js";import"./helpers-CNN6kPjR.js";import"./select.input-BtWEEHPQ.js";import{b as r}from"./tabs-C5ycdABr.js";var i=t(e()),a=t(n()),o={title:`Navigation/Tabs`,component:r,args:{name:`example`,options:[{label:`Tab`,value:0},{label:`Tab`,value:1},{label:`With Badge`,value:2,badge:`3`},{label:`Invalid`,value:3,invalid:!0},{label:`Disabled`,value:4,disabled:!0},{label:`Hidden tab`,value:5,hidden:!0}],value:0}};const s=e=>(0,a.jsx)(r,{...e}),c=s.bind({}),l=s.bind({});l.args={children:[(0,a.jsx)(`div`,{label:`Tab 0`,children:(0,a.jsx)(`h3`,{children:`Tab 0 Content`})},`tab-0`),(0,a.jsx)(`div`,{label:`Tab 1`,hidden:!0,children:(0,a.jsx)(`h3`,{children:`Tab 1 Content`})},`tab-1`),(0,a.jsx)(`div`,{label:`Tab 2`,disabled:!0,children:(0,a.jsx)(`h3`,{children:`Tab 2 Content`})},`tab-2`),(0,a.jsx)(`div`,{label:`Tab 3`,children:(0,a.jsx)(`h3`,{children:`Tab 3 Content`})},`tab-3`),(0,a.jsx)(`div`,{label:`Tab 4`,children:(0,a.jsx)(`h3`,{children:`Tab 4 Content`})},`tab-4`)]};const u=s.bind({});u.args={margin:!1};const d=s.bind({});d.parameters={layout:`fullscreen`,docs:{description:{story:`When you want the divider to fill the edges of its container.`}}},d.args={padding:!0};const f=s.bind({});f.args={options:[{label:`Tab 0`,value:0},{label:`Tab 1`,value:1},{label:`Tab 2`,value:2},{label:`Tab 3`,value:3,right:!0},{label:`Tab 4`,value:4,right:!0}]};const p=()=>{let e=[{label:`Strawberries`,value:`strawberries`},{label:`Bananas`,value:`bananas`},{label:`Apples`,value:`apples`,disabled:!0},{label:`Pomegranates`,value:`pomegranates`}],[t,n]=(0,i.useState)(e[0]);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(r,{name:`example`,value:t,options:e,onChange:e=>{let{value:t,label:r}=e?.target??{};n({value:t,label:r})}}),(0,a.jsxs)(`span`,{children:[`Eating `,t.value,`...`]})]})},m=s.bind({});m.args={options:[{label:`Title Case Label`,value:0},{label:`Mixed case label`,value:1},{label:`lower case label`,value:2}]},p.__docgenInfo={description:``,methods:[],displayName:`Managed`},c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`args => <Tabs {...args} />`,...c.parameters?.docs?.source}}},l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`args => <Tabs {...args} />`,...l.parameters?.docs?.source}}},u.parameters={...u.parameters,docs:{...u.parameters?.docs,source:{originalSource:`args => <Tabs {...args} />`,...u.parameters?.docs?.source}}},d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`args => <Tabs {...args} />`,...d.parameters?.docs?.source}}},f.parameters={...f.parameters,docs:{...f.parameters?.docs,source:{originalSource:`args => <Tabs {...args} />`,...f.parameters?.docs?.source}}},p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`() => {
|
|
2
2
|
const options = [{
|
|
3
3
|
label: 'Strawberries',
|
|
4
4
|
value: 'strawberries'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{A as e,E as t,M as n,h as r}from"./iframe-
|
|
1
|
+
import{A as e,E as t,M as n,h as r}from"./iframe-EU22ddzP.js";var i={bold:`_bold_11ofj_1`,center:`_center_11ofj_4`,muted:`_muted_11ofj_7`,faint:`_faint_11ofj_10`,success:`_success_11ofj_13`,warning:`_warning_11ofj_16`,error:`_error_11ofj_19`,small:`_small_11ofj_22`,link:`_link_11ofj_25`};t();var a=n(e()),o=n(r());const s=({children:e,bold:t=!1,center:n=!1,error:r=!1,faint:s=!1,link:c=!1,muted:l=!1,onClick:u,small:d=!1,success:f=!1,warning:p=!1})=>(0,o.jsx)(`span`,{className:(0,a.default)(t&&i.bold,n&&i.center,r&&i.error,s&&i.faint,c&&i.link,l&&i.muted,u&&i.clickable,d&&i.small,f&&i.success,p&&i.warning),onClick:u,children:e});s.__docgenInfo={description:``,methods:[],displayName:`Text`,props:{bold:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},center:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},error:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},faint:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},link:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},muted:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},onClick:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(e: React.MouseEvent<HTMLSpanElement>) => void`,signature:{arguments:[{type:{name:`ReactMouseEvent`,raw:`React.MouseEvent<HTMLSpanElement>`,elements:[{name:`HTMLSpanElement`}]},name:`e`}],return:{name:`void`}}},description:``},small:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},success:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},warning:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},children:{required:!1,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``}}};export{s as b};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import"./preload-helper-D5u4KL1i.js";import"./text-CkkjKEEc.js";import"./chunk-HA7DTUK3-Raoqpbvt.js";import"./flex-D7WQTo6g.js";import{b as e,c as t,d as n,e as r,f as i}from"./text-link.stories-C3RkXLt5.js";export{e as AsRouterLink,t as Default,n as OnClick,r as __namedExportsOrder,i as default};
|
package/dist/storybook/assets/{text-link.stories-D2THsIkU.js → text-link.stories-C3RkXLt5.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{E as e,M as t,h as n}from"./iframe-
|
|
1
|
+
import{E as e,M as t,h as n}from"./iframe-EU22ddzP.js";import{b as r}from"./text-CkkjKEEc.js";import{b as i,c as a,d as o,e as s}from"./chunk-HA7DTUK3-Raoqpbvt.js";import{b as c}from"./flex-D7WQTo6g.js";e();var l=t(n());const u=({children:e,href:t=void 0,target:n=void 0,testId:i,onClick:a,component:o=`a`})=>(0,l.jsx)(o,{href:t,to:t,target:n,onClick:a,"data-testid":i,children:(0,l.jsx)(r,{link:!0,children:e})});u.__docgenInfo={description:``,methods:[],displayName:`TextLink`,props:{href:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`undefined`,computed:!0}},target:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`undefined`,computed:!0}},testId:{required:!1,tsType:{name:`string`},description:``},onClick:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void`,signature:{arguments:[{type:{name:`ReactMouseEvent`,raw:`React.MouseEvent<HTMLAnchorElement, MouseEvent>`,elements:[{name:`HTMLAnchorElement`},{name:`MouseEvent`}]},name:`e`}],return:{name:`void`}}},description:``},children:{required:!1,tsType:{name:`ReactReactNode`,raw:`React.ReactNode`},description:``},component:{required:!1,tsType:{name:`ReactElementType`,raw:`React.ElementType`},description:``,defaultValue:{value:`'a'`,computed:!1}}}};var d={title:`Basic/TextLink`,component:u,args:{children:`Link text goes here`,href:`http://oliasoft.com`}};const f=e=>(0,l.jsx)(u,{...e}),p=f.bind({}),m=f.bind({});m.args={href:void 0,onClick:()=>console.log(`Clicked!`)};const h=()=>(0,l.jsxs)(a,{children:[(0,l.jsxs)(c,{gap:!0,children:[(0,l.jsx)(u,{component:i,href:`/dashboard`,children:`Dashboard`}),(0,l.jsx)(u,{component:i,href:`/settings`,children:`Settings`})]}),(0,l.jsxs)(s,{children:[(0,l.jsx)(o,{path:`/dashboard`,element:(0,l.jsx)(`div`,{children:`Dashboard`})}),(0,l.jsx)(o,{path:`/settings`,element:(0,l.jsx)(`div`,{children:`Settings`})})]})]});h.__docgenInfo={description:``,methods:[],displayName:`AsRouterLink`},p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`args => <TextLink {...args} />`,...p.parameters?.docs?.source}}},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`args => <TextLink {...args} />`,...m.parameters?.docs?.source}}},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`() => <MemoryRouter>
|
|
2
2
|
<Flex gap>
|
|
3
3
|
<TextLink component={Link} href="/dashboard">
|
|
4
4
|
Dashboard
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{E as e,M as t,h as n}from"./iframe-
|
|
1
|
+
import{E as e,M as t,h as n}from"./iframe-EU22ddzP.js";import{b as r}from"./text-CkkjKEEc.js";e();var i=t(n()),a={title:`Basic/Text`,component:r,args:{children:`Text goes here`,small:!1,muted:!1,error:!1,warning:!1,success:!1,link:!1,onClick:void 0}};const o=e=>(0,i.jsx)(r,{...e}),s=o.bind({}),c=o.bind({});c.args={muted:!0};const l=o.bind({});l.args={faint:!0};const u=o.bind({});u.args={error:!0};const d=o.bind({});d.args={warning:!0};const f=o.bind({});f.args={success:!0};const p=o.bind({});p.args={small:!0};const m=o.bind({});m.args={link:!0,onClick:()=>{}},s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`args => <Text {...args} />`,...s.parameters?.docs?.source}}},c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`args => <Text {...args} />`,...c.parameters?.docs?.source}}},l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`args => <Text {...args} />`,...l.parameters?.docs?.source}}},u.parameters={...u.parameters,docs:{...u.parameters?.docs,source:{originalSource:`args => <Text {...args} />`,...u.parameters?.docs?.source}}},d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`args => <Text {...args} />`,...d.parameters?.docs?.source}}},f.parameters={...f.parameters,docs:{...f.parameters?.docs,source:{originalSource:`args => <Text {...args} />`,...f.parameters?.docs?.source}}},p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`args => <Text {...args} />`,...p.parameters?.docs?.source}}},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`args => <Text {...args} />`,...m.parameters?.docs?.source}}};const h=[`Default`,`Muted`,`Faint`,`Error`,`Warning`,`Success`,`Small`,`Link`];export{s as Default,u as Error,l as Faint,m as Link,c as Muted,p as Small,f as Success,d as Warning,h as __namedExportsOrder,a as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{A as e,E as t,M as n,h as r,l as i}from"./iframe-
|
|
1
|
+
import{A as e,E as t,M as n,h as r,l as i}from"./iframe-EU22ddzP.js";import{b as a}from"./tooltip-N1V1x_Kn.js";import{b as o}from"./lodash-CiSVjb27.js";import{c as s}from"./types-BjAzD82u.js";var c={inputInTable:`_inputInTable_q0tl0_1`,inputHover:`_inputHover_q0tl0_13`,inputFocus:`_inputFocus_q0tl0_18`,inputError:`_inputError_q0tl0_25`,inputWarning:`_inputWarning_q0tl0_26`,inputDisabled:`_inputDisabled_q0tl0_61`,hideScrollbars:`_hideScrollbars_q0tl0_67`,textarea:`_textarea_q0tl0_77`,small:`_small_q0tl0_116`,monospace:`_monospace_q0tl0_155`},l=n(t()),u=n(e()),d=n(o()),f=n(r());const p=({name:e,value:t=``,placeholder:n=``,cols:r,rows:o,disabled:p=!1,onChange:m=d.noop,onKeyPress:h=d.noop,onFocus:g=d.noop,onBlur:_=d.noop,tabIndex:v=0,error:y=null,warning:b=null,tooltip:x=null,maxTooltipWidth:S,resize:C,monospace:w=!1,testId:T})=>{let E=(0,l.useContext)(i),D=(0,f.jsx)(`textarea`,{className:(0,u.default)(c.textarea,y?c.error:``,b?c.warning:``,w?c.monospace:``),name:e,value:t,placeholder:n,cols:r,rows:o,onChange:m,disabled:p||E,onKeyPress:h,onFocus:g,onBlur:_,tabIndex:v,style:{resize:C},"data-error":y||null,"data-warning":b||null,"data-testid":T});return(0,f.jsx)(a,{error:!!y,warning:!!b,text:x||y||b,enabled:x&&s(x)||y&&s(y)||b&&s(b)||!1,maxWidth:S,children:D})};p.__docgenInfo={description:``,methods:[],displayName:`TextArea`,props:{name:{required:!1,tsType:{name:`string`},description:``},value:{required:!1,tsType:{name:`union`,raw:`string | number`,elements:[{name:`string`},{name:`number`}]},description:``,defaultValue:{value:`''`,computed:!1}},placeholder:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`''`,computed:!1}},cols:{required:!1,tsType:{name:`number`},description:``},rows:{required:!1,tsType:{name:`number`},description:``},disabled:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},onChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(
|
|
2
2
|
event: TChangeEvent<T>,
|
|
3
3
|
...additionalProps: { [key: string]: any }[]
|
|
4
4
|
) => void`,signature:{arguments:[{type:{name:`intersection`,raw:`ChangeEvent<T> & {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import"./react-dom-rzgPE705.js";import"./tooltip-N1V1x_Kn.js";import"./lodash-CiSVjb27.js";import"./types-BjAzD82u.js";import"./textarea-D8zMidSh.js";import{b as e,c as t,d as n}from"./textarea.stories-EisiK949.js";export{e as Default,t as __namedExportsOrder,n as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{E as e,M as t,h as n}from"./iframe-
|
|
1
|
+
import{E as e,M as t,h as n}from"./iframe-EU22ddzP.js";import{b as r}from"./textarea-D8zMidSh.js";e();var i=t(n());const{useArgs:a}=__STORYBOOK_MODULE_PREVIEW_API__;var o={title:`Forms/TextArea`,component:r,args:{disabled:!1}};const s=e=>{let[t,n]=a(),o=e=>{n({value:e.target.value})};return(0,i.jsx)(r,{...e,onChange:o})},c=s.bind({});c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`args => {
|
|
2
2
|
const [_, updateArgs] = useArgs();
|
|
3
3
|
const handleChange = (evt: ChangeEvent<HTMLTextAreaElement>) => {
|
|
4
4
|
updateArgs({
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{E as e,M as t,h as n}from"./iframe-
|
|
1
|
+
import{E as e,M as t,h as n}from"./iframe-EU22ddzP.js";import"./react-dom-rzgPE705.js";import"./check-box--YUuQA9P.js";import"./tooltip-N1V1x_Kn.js";import"./help-icon-DzkFHroz.js";import"./heading-DC2eTr4r.js";import"./text-CkkjKEEc.js";import"./lodash-CiSVjb27.js";import{b as r}from"./table-B6Rh_KBA.js";import"./button-DXVRmU6A.js";import"./spinner-gc9uGw0J.js";import"./actions-Ct9IeQri.js";import"./types-D9-IVcXX.js";import"./types-BjAzD82u.js";import"./badge-CSqHSgHc.js";import"./select-C3UalMKs.js";import"./use-keyboard-event-DJxq2Iwi.js";import"./memoize-one.esm-Dbu59KLW.js";import"./enum-_bzRAybU.js";import"./helpers-CNN6kPjR.js";import"./select.input-BtWEEHPQ.js";import"./input-BdYHHPue.js";import"./pagination-_RRF0iW0.js";import"./input-group-D24O4Bxc.js";import"./input-group-addon-DZoIwpw9.js";import"./esm-Cd-AO6qk.js";import"./dist-3hm1VO_N.js";import"./number-input-CO11SW2l.js";import"./objectSpread2-DjvBifS4.js";import"./slider-MhFdkngd.js";import"./react-fast-compare-DmR1Q96O.js";import"./popover-DPG74BOL.js";import"./flex-D7WQTo6g.js";import"./datetime-CVZJBewo.js";import{G as i,I as a,J as o,K as s,M as c,b as l,d as u,j as d,s as f,v as p}from"./table.stories-data-hBHpYw6Z.js";e();var m=t(n()),h={title:`Basic/Table/Title & Header`,component:r,args:{table:{...l}}};const g=e=>(0,m.jsx)(r,{...e}),_=g.bind({});_.args={table:s};const v=g.bind({});v.args={table:u};const y=g.bind({});y.args={table:a};const b=g.bind({});b.args={table:o};const x=g.bind({});x.args={table:d};const S=g.bind({});S.args={table:f};const C=g.bind({});C.args={table:i};const w=g.bind({});w.args={table:c};const T=g.bind({});T.args={table:p},_.parameters={..._.parameters,docs:{..._.parameters?.docs,source:{originalSource:`args => {
|
|
2
2
|
return <Table
|
|
3
3
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
4
4
|
{...args} />;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{E as e,M as t,b as n,c as r,e as i,h as a}from"./iframe-
|
|
1
|
+
import{E as e,M as t,b as n,c as r,e as i,h as a}from"./iframe-EU22ddzP.js";import"./react-dom-rzgPE705.js";import"./tooltip-N1V1x_Kn.js";import{b as o}from"./text-CkkjKEEc.js";import{b as s}from"./button-DXVRmU6A.js";import"./spinner-gc9uGw0J.js";import{b as c}from"./flex-D7WQTo6g.js";import{b as l}from"./spacer-vcWIopH5.js";import"./styled-components.browser.esm-DWmnuEYo.js";import"./emotion-is-prop-valid.esm-BUoVdhe_.js";import{b as u}from"./grid-BFBK01ob.js";e();var d=t(a());const f={type:i.SUCCESS,icon:!0,heading:`Heading`,content:`Great results`},p={type:i.ERROR,icon:!0,heading:`Heading`,content:`An error has happened`,details:`Bad input data lorem ipsum dolor est compendum lorem ipsum.`},m={type:i.WARNING,icon:!0,heading:`Heading`,content:`Warning message`},h={type:i.INFO,icon:!0,heading:`Heading`,content:`Long content lorem ipsum dolor est compendum lorem ipsum.`};var g={title:`Modals/Toaster`,parameters:{docs:{story:{inline:!1,iframeHeight:400}}},source:{type:`code`},args:{id:void 0,message:h,autoClose:6e3,onClose:()=>{}}};const _=e=>(0,d.jsx)(s,{onClick:()=>r({...e,onClose:()=>console.log(`toast closed`)}),label:`Show toast`}),v=_.bind({}),y=_.bind({});y.args={message:f};const b=_.bind({});b.args={message:m};const x=_.bind({});x.args={message:p};const S=()=>(0,d.jsx)(s,{label:`Show Toast`,onClick:()=>{let e=Math.random()>=.5;r({message:{type:e?`Success`:`Error`,icon:!0,content:e?`Success`:`Error`},onClose:()=>console.log(`toast closed`),id:`uniqueId`})}});S.parameters={docs:{iframeHeight:200,description:{story:"Pass a unique `id` in the `toast` object to prevent duplicates. Successive toasts with the same ID will update the existing toast."}}};const C=()=>{let e=`sessionExpiring`,t={type:`Info`,content:(0,d.jsxs)(u,{children:[(0,d.jsx)(o,{bold:!0,children:`You will be signed out soon`}),(0,d.jsx)(o,{children:`For your security, you will be automatically signed out in 30 minutes unless you extend your session.`}),(0,d.jsx)(l,{height:`var(--padding-xxs)`}),(0,d.jsxs)(c,{gap:`var(--padding-xs)`,children:[(0,d.jsx)(s,{label:`Extend session`,small:!0,colored:`success`,onClick:()=>n(e)}),(0,d.jsx)(s,{label:`Dismiss`,small:!0,onClick:()=>n(e)})]})]})};return(0,d.jsx)(s,{label:`Show Toast`,onClick:()=>r({message:t,autoClose:!1,id:e})})},w=()=>{let e=`sessionExpiringSoon`,t={type:`Error`,content:(0,d.jsxs)(u,{children:[(0,d.jsx)(o,{bold:!0,children:`You will be signed out very soon`}),(0,d.jsx)(o,{children:`For your security, you will be automatically signed out in 30 minutes unless you extend your session.`}),(0,d.jsx)(l,{height:`var(--padding-xxs)`}),(0,d.jsxs)(c,{gap:`var(--padding-xs)`,children:[(0,d.jsx)(s,{label:`Extend session`,small:!0,colored:`success`,onClick:()=>n(e)}),(0,d.jsx)(s,{label:`Dismiss`,small:!0,onClick:()=>n(e)})]})]})};return(0,d.jsx)(s,{label:`Show Toast`,onClick:()=>r({message:t,autoClose:!1,id:e})})},T=()=>{let e={type:`Success`,content:`Your session has been extended for 1 hour`};return(0,d.jsx)(s,{label:`Show Toast`,onClick:()=>r({message:e})})};S.__docgenInfo={description:``,methods:[],displayName:`PreventDuplicates`},C.__docgenInfo={description:``,methods:[],displayName:`SessionExpiring`},w.__docgenInfo={description:``,methods:[],displayName:`SessionExpiringSoon`},T.__docgenInfo={description:``,methods:[],displayName:`SessionExtended`},v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:`args => {
|
|
2
2
|
return <Button onClick={() => toast({
|
|
3
3
|
...args,
|
|
4
4
|
onClose: () => console.log('toast closed')
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{E as e,M as t,c as n,e as r,h as i}from"./iframe-
|
|
1
|
+
import{E as e,M as t,c as n,e as r,h as i}from"./iframe-EU22ddzP.js";import"./react-dom-rzgPE705.js";import"./tooltip-N1V1x_Kn.js";import{b as a}from"./button-DXVRmU6A.js";import"./spinner-gc9uGw0J.js";e();var o=t(i());const{expect:s,userEvent:c,waitFor:l,within:u}=__STORYBOOK_MODULE_TEST__,d={type:r.INFO,icon:!0,heading:`Heading`,content:`Long content lorem ipsum dolor est compendum lorem ipsum.`};var f={title:`Modals/Toaster/Test Cases`,parameters:{docs:{story:{inline:!1,iframeHeight:400}}},source:{type:`code`},args:{id:void 0,message:d,autoClose:6e3,onClose:()=>{}},tags:[`!autodocs`]};const p=e=>(0,o.jsx)(a,{onClick:()=>n({...e,onClose:()=>console.log(`toast closed`)}),label:`Show toast`}),m=p.bind({});m.args={id:`testId`,autoClose:50},m.play=async({canvasElement:e,step:t})=>{let n=u(e),r=u(e.ownerDocument.body);await t(`Toast should appear when triggered`,async()=>{let e=n.getByText(`Show toast`);await c.click(e),await l(()=>{let e=r.getByRole(`alert`);s(e).toBeInTheDocument()})}),await t(`Duplicate toasts shouldn't be created`,async()=>{let e=n.getByText(`Show toast`);await c.click(e),await l(()=>{let e=r.queryAllByRole(`alert`);s(e).toHaveLength(1)})}),await t(`Toast should disappear when close button pressed`,async()=>{let e=r.getByRole(`alert`),t=n.getByTestId(`testId-dismiss`);await c.click(t),await l(()=>s(e).not.toBeInTheDocument(),{timeout:2500})}),await t(`Toast should automatically close`,async()=>{let e=r.queryByRole(`alert`),t=n.getByText(`Show toast`);await c.click(t),await l(()=>s(e).not.toBeInTheDocument(),{timeout:2500})})},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`args => {
|
|
2
2
|
return <Button onClick={() => toast({
|
|
3
3
|
...args,
|
|
4
4
|
onClose: () => console.log('toast closed')
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{A as e,E as t,M as n,h as r,l as i,x as a}from"./iframe-
|
|
1
|
+
import{A as e,E as t,M as n,h as r,l as i,x as a}from"./iframe-EU22ddzP.js";import{b as o}from"./help-icon-DzkFHroz.js";var s={toggle:`_toggle_1c9wf_9`,small:`_small_1c9wf_25`,disabled:`_disabled_1c9wf_102`,noMargin:`_noMargin_1c9wf_110`,helpIconEnabled:`_helpIconEnabled_1c9wf_113`},c=n(t()),l=n(e()),u=n(r());const d=({name:e,label:t,checked:n=!1,disabled:r,display:d,small:f=!1,onChange:p,noMargin:m=!1,testId:h,helpText:g,onClickHelp:_})=>{let v=(0,c.useContext)(i),y=g||_,b=r||v;return(0,u.jsxs)(`div`,{className:(0,l.default)(s.toggle,b?s.disabled:null,f?s.small:null,m?s.noMargin:null),style:{display:d},onClick:t=>{b||(t.target.name=e,t.target.checked=!n,t.target.value=!n,p(t))},"data-testid":h,children:[(0,u.jsx)(`input`,{type:a.CHECKBOX,name:e,value:n?.toString(),disabled:b,checked:n,onChange:()=>{}}),(0,u.jsx)(`label`,{children:t}),y&&(0,u.jsx)(`div`,{className:s.helpIconEnabled,onClick:_,children:(0,u.jsx)(o,{text:g})})]})};d.__docgenInfo={description:``,methods:[],displayName:`Toggle`,props:{name:{required:!1,tsType:{name:`string`},description:``},label:{required:!1,tsType:{name:`union`,raw:`string | React.ReactElement | null`,elements:[{name:`string`},{name:`ReactReactElement`,raw:`React.ReactElement`},{name:`null`}]},description:``},checked:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},disabled:{required:!1,tsType:{name:`boolean`},description:``},display:{required:!1,tsType:{name:`string`},description:``},small:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},onChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(
|
|
2
2
|
event: TChangeEvent<T>,
|
|
3
3
|
...additionalProps: { [key: string]: any }[]
|
|
4
4
|
) => void`,signature:{arguments:[{type:{name:`intersection`,raw:`ChangeEvent<T> & {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{E as e,M as t,h as n}from"./iframe-
|
|
1
|
+
import{E as e,M as t,h as n}from"./iframe-EU22ddzP.js";import{b as r}from"./text-CkkjKEEc.js";import{b as i}from"./flex-D7WQTo6g.js";import{b as a}from"./toggle-BAmO7wKa.js";e();var o=t(n());const{useArgs:s}=__STORYBOOK_MODULE_PREVIEW_API__;var c={title:`Forms/Toggle`,component:a,args:{label:`Label`}};const l=e=>{let[{checked:t},n]=s(),r=()=>{n({checked:!t})};return(0,o.jsx)(a,{...e,onChange:r})},u=l.bind({}),d=l.bind({});d.args={disabled:!0};const f=l.bind({});f.args={checked:!0,disabled:!0};const p=l.bind({});p.args={small:!0};const m=l.bind({});m.args={label:null};const h=l.bind({});h.args={helpText:`Help text`};const g=l.bind({});g.args={onClickHelp:()=>console.log(`Help clicked`)};const _=()=>(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(a,{display:`block`,label:(0,o.jsxs)(i,{justifyContent:`space-between`,wrap:!1,gap:!0,children:[(0,o.jsx)(r,{bold:!0,children:`Label`}),(0,o.jsx)(r,{success:!0,children:`Released yesterday`})]}),onChange:()=>{}}),(0,o.jsx)(a,{label:(0,o.jsxs)(i,{justifyContent:`space-between`,wrap:!1,gap:!0,children:[(0,o.jsx)(r,{bold:!0,children:`Label`}),(0,o.jsx)(r,{success:!0,children:`Released yesterday`})]}),onChange:()=>{}})]}),v=l.bind({});v.args={helpText:`Help text`,disabled:!0},_.__docgenInfo={description:``,methods:[],displayName:`Display`},u.parameters={...u.parameters,docs:{...u.parameters?.docs,source:{originalSource:`args => {
|
|
2
2
|
const [{
|
|
3
3
|
checked
|
|
4
4
|
}, updateArgs] = useArgs();
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import"./react-dom-rzgPE705.js";import"./tooltip-N1V1x_Kn.js";import"./help-icon-DzkFHroz.js";import"./text-CkkjKEEc.js";import"./flex-D7WQTo6g.js";import"./toggle-BAmO7wKa.js";import{b as e,c as t,d as n,e as r,f as i,g as a,h as o,i as s,j as c,k as l,l as u}from"./toggle.stories-CkXmUHKb.js";export{e as Default,t as Disabled,n as DisabledChecked,r as DisabledWithHelpText,i as Display,a as HelpText,o as OnClickHelp,s as Small,c as Standalone,l as __namedExportsOrder,u as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{E as e,M as t,h as n}from"./iframe-
|
|
1
|
+
import{E as e,M as t,h as n}from"./iframe-EU22ddzP.js";import"./react-dom-rzgPE705.js";import"./tooltip-N1V1x_Kn.js";import"./help-icon-DzkFHroz.js";import{b as r}from"./toggle-BAmO7wKa.js";var i=t(e()),a=t(n());const{useArgs:o}=__STORYBOOK_MODULE_PREVIEW_API__,{expect:s,userEvent:c,waitFor:l,within:u}=__STORYBOOK_MODULE_TEST__;var d={title:`Forms/Toggle/Test Cases`,component:r,args:{label:`Label`},tags:[`!autodocs`]};const f=e=>{let[{checked:t},n]=o(),i=()=>{n({checked:!t})};return(0,a.jsx)(r,{...e,onChange:i})},p=()=>{let[e,t]=(0,i.useState)(!1);return(0,a.jsx)(r,{name:`name`,label:`Label`,checked:e,onChange:e=>{let{name:n,value:r,checked:i}=e.target;t(i),console.log(n,r,i)}})},m=f.bind({});m.args={testId:`testId`},m.play=async({canvasElement:e,step:t})=>{let n=u(e);await t(`Clicking checkbox should toggle it`,async()=>{let e=n.getByTestId(`testId`),t=e.querySelector(`input`);await c.click(e),await l(()=>{s(t).toBeChecked()}),await c.click(e),await l(()=>{s(t).not.toBeChecked()})})};const h=f.bind({});h.args={testId:`testId`,disabled:!0},h.play=async({canvasElement:e,step:t})=>{let n=u(e);await t(`Clicking disabled checkbox shouldn't toggle it`,async()=>{let e=n.getByTestId(`testId`);await e.click(),await s(e.querySelector(`input`)).not.toBeChecked()})},p.__docgenInfo={description:``,methods:[],displayName:`TestClicked`},p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`() => {
|
|
2
2
|
const [checked, setChecked] = useState(false);
|
|
3
3
|
return <Toggle name="name" label="Label" checked={checked} onChange={evt => {
|
|
4
4
|
const {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{A as e,E as t,M as n,h as r}from"./iframe-
|
|
1
|
+
import{A as e,E as t,M as n,h as r}from"./iframe-EU22ddzP.js";import{b as i}from"./react-dom-rzgPE705.js";var a=(function(){if(typeof Map<`u`)return Map;function e(e,t){var n=-1;return e.some(function(e,r){return e[0]===t?(n=r,!0):!1}),n}return function(){function t(){this.__entries__=[]}return Object.defineProperty(t.prototype,`size`,{get:function(){return this.__entries__.length},enumerable:!0,configurable:!0}),t.prototype.get=function(t){var n=e(this.__entries__,t),r=this.__entries__[n];return r&&r[1]},t.prototype.set=function(t,n){var r=e(this.__entries__,t);~r?this.__entries__[r][1]=n:this.__entries__.push([t,n])},t.prototype.delete=function(t){var n=this.__entries__,r=e(n,t);~r&&n.splice(r,1)},t.prototype.has=function(t){return!!~e(this.__entries__,t)},t.prototype.clear=function(){this.__entries__.splice(0)},t.prototype.forEach=function(e,t){t===void 0&&(t=null);for(var n=0,r=this.__entries__;n<r.length;n++){var i=r[n];e.call(t,i[1],i[0])}},t}()})(),o=typeof window<`u`&&typeof document<`u`&&window.document===document,s=(function(){return typeof global<`u`&&global.Math===Math?global:typeof self<`u`&&self.Math===Math?self:typeof window<`u`&&window.Math===Math?window:Function(`return this`)()})(),c=(function(){return typeof requestAnimationFrame==`function`?requestAnimationFrame.bind(s):function(e){return setTimeout(function(){return e(Date.now())},1e3/60)}})(),l=2;function u(e,t){var n=!1,r=!1,i=0;function a(){n&&(n=!1,e()),r&&s()}function o(){c(a)}function s(){var e=Date.now();if(n){if(e-i<l)return;r=!0}else n=!0,r=!1,setTimeout(o,t);i=e}return s}var d=20,f=[`top`,`right`,`bottom`,`left`,`width`,`height`,`size`,`weight`],p=typeof MutationObserver<`u`,m=function(){function e(){this.connected_=!1,this.mutationEventsAdded_=!1,this.mutationsObserver_=null,this.observers_=[],this.onTransitionEnd_=this.onTransitionEnd_.bind(this),this.refresh=u(this.refresh.bind(this),d)}return e.prototype.addObserver=function(e){~this.observers_.indexOf(e)||this.observers_.push(e),this.connected_||this.connect_()},e.prototype.removeObserver=function(e){var t=this.observers_,n=t.indexOf(e);~n&&t.splice(n,1),!t.length&&this.connected_&&this.disconnect_()},e.prototype.refresh=function(){var e=this.updateObservers_();e&&this.refresh()},e.prototype.updateObservers_=function(){var e=this.observers_.filter(function(e){return e.gatherActive(),e.hasActive()});return e.forEach(function(e){return e.broadcastActive()}),e.length>0},e.prototype.connect_=function(){!o||this.connected_||(document.addEventListener(`transitionend`,this.onTransitionEnd_),window.addEventListener(`resize`,this.refresh),p?(this.mutationsObserver_=new MutationObserver(this.refresh),this.mutationsObserver_.observe(document,{attributes:!0,childList:!0,characterData:!0,subtree:!0})):(document.addEventListener(`DOMSubtreeModified`,this.refresh),this.mutationEventsAdded_=!0),this.connected_=!0)},e.prototype.disconnect_=function(){!o||!this.connected_||(document.removeEventListener(`transitionend`,this.onTransitionEnd_),window.removeEventListener(`resize`,this.refresh),this.mutationsObserver_&&this.mutationsObserver_.disconnect(),this.mutationEventsAdded_&&document.removeEventListener(`DOMSubtreeModified`,this.refresh),this.mutationsObserver_=null,this.mutationEventsAdded_=!1,this.connected_=!1)},e.prototype.onTransitionEnd_=function(e){var t=e.propertyName,n=t===void 0?``:t,r=f.some(function(e){return!!~n.indexOf(e)});r&&this.refresh()},e.getInstance=function(){return this.instance_||=new e,this.instance_},e.instance_=null,e}(),h=(function(e,t){for(var n=0,r=Object.keys(t);n<r.length;n++){var i=r[n];Object.defineProperty(e,i,{value:t[i],enumerable:!1,writable:!1,configurable:!0})}return e}),g=(function(e){var t=e&&e.ownerDocument&&e.ownerDocument.defaultView;return t||s}),_=D(0,0,0,0);function v(e){return parseFloat(e)||0}function y(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];return t.reduce(function(t,n){var r=e[`border-`+n+`-width`];return t+v(r)},0)}function b(e){for(var t=[`top`,`right`,`bottom`,`left`],n={},r=0,i=t;r<i.length;r++){var a=i[r],o=e[`padding-`+a];n[a]=v(o)}return n}function x(e){var t=e.getBBox();return D(0,0,t.width,t.height)}function S(e){var t=e.clientWidth,n=e.clientHeight;if(!t&&!n)return _;var r=g(e).getComputedStyle(e),i=b(r),a=i.left+i.right,o=i.top+i.bottom,s=v(r.width),c=v(r.height);if(r.boxSizing===`border-box`&&(Math.round(s+a)!==t&&(s-=y(r,`left`,`right`)+a),Math.round(c+o)!==n&&(c-=y(r,`top`,`bottom`)+o)),!w(e)){var l=Math.round(s+a)-t,u=Math.round(c+o)-n;Math.abs(l)!==1&&(s-=l),Math.abs(u)!==1&&(c-=u)}return D(i.left,i.top,s,c)}var C=(function(){return typeof SVGGraphicsElement<`u`?function(e){return e instanceof g(e).SVGGraphicsElement}:function(e){return e instanceof g(e).SVGElement&&typeof e.getBBox==`function`}})();function w(e){return e===g(e).document.documentElement}function T(e){return o?C(e)?x(e):S(e):_}function E(e){var t=e.x,n=e.y,r=e.width,i=e.height,a=typeof DOMRectReadOnly<`u`?DOMRectReadOnly:Object,o=Object.create(a.prototype);return h(o,{x:t,y:n,width:r,height:i,top:n,right:t+r,bottom:i+n,left:t}),o}function D(e,t,n,r){return{x:e,y:t,width:n,height:r}}var ee=function(){function e(e){this.broadcastWidth=0,this.broadcastHeight=0,this.contentRect_=D(0,0,0,0),this.target=e}return e.prototype.isActive=function(){var e=T(this.target);return this.contentRect_=e,e.width!==this.broadcastWidth||e.height!==this.broadcastHeight},e.prototype.broadcastRect=function(){var e=this.contentRect_;return this.broadcastWidth=e.width,this.broadcastHeight=e.height,e},e}(),te=function(){function e(e,t){var n=E(t);h(this,{target:e,contentRect:n})}return e}(),ne=function(){function e(e,t,n){if(this.activeObservations_=[],this.observations_=new a,typeof e!=`function`)throw TypeError(`The callback provided as parameter 1 is not a function.`);this.callback_=e,this.controller_=t,this.callbackCtx_=n}return e.prototype.observe=function(e){if(!arguments.length)throw TypeError(`1 argument required, but only 0 present.`);if(!(typeof Element>`u`||!(Element instanceof Object))){if(!(e instanceof g(e).Element))throw TypeError(`parameter 1 is not of type "Element".`);var t=this.observations_;t.has(e)||(t.set(e,new ee(e)),this.controller_.addObserver(this),this.controller_.refresh())}},e.prototype.unobserve=function(e){if(!arguments.length)throw TypeError(`1 argument required, but only 0 present.`);if(!(typeof Element>`u`||!(Element instanceof Object))){if(!(e instanceof g(e).Element))throw TypeError(`parameter 1 is not of type "Element".`);var t=this.observations_;t.has(e)&&(t.delete(e),t.size||this.controller_.removeObserver(this))}},e.prototype.disconnect=function(){this.clearActive(),this.observations_.clear(),this.controller_.removeObserver(this)},e.prototype.gatherActive=function(){var e=this;this.clearActive(),this.observations_.forEach(function(t){t.isActive()&&e.activeObservations_.push(t)})},e.prototype.broadcastActive=function(){if(this.hasActive()){var e=this.callbackCtx_,t=this.activeObservations_.map(function(e){return new te(e.target,e.broadcastRect())});this.callback_.call(e,t,e),this.clearActive()}},e.prototype.clearActive=function(){this.activeObservations_.splice(0)},e.prototype.hasActive=function(){return this.activeObservations_.length>0},e}(),O=typeof WeakMap<`u`?new WeakMap:new a,re=function(){function e(t){if(!(this instanceof e))throw TypeError(`Cannot call a class as a function.`);if(!arguments.length)throw TypeError(`1 argument required, but only 0 present.`);var n=m.getInstance(),r=new ne(t,n,this);O.set(this,r)}return e}();[`observe`,`unobserve`,`disconnect`].forEach(function(e){re.prototype[e]=function(){var t;return(t=O.get(this))[e].apply(t,arguments)}});var ie=(function(){return s.ResizeObserver===void 0?re:s.ResizeObserver})(),k=ie,ae=!0;function A(e,t){if(!ae){if(e)return;var n=`Warning: `+t;typeof console<`u`&&console.warn(n);try{throw Error(n)}catch{}}}var oe=A,j=n(t()),se=n(i());function M(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,`value`in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function N(e,t,n){return t&&M(e.prototype,t),n&&M(e,n),e}function P(){return P=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},P.apply(this,arguments)}function ce(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,F(e,t)}function F(e,t){return F=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},F(e,t)}function le(e,t){if(e==null)return{};var n={},r=Object.keys(e),i,a;for(a=0;a<r.length;a++)i=r[a],!(t.indexOf(i)>=0)&&(n[i]=e[i]);return n}function ue(e,t){if(e){if(typeof e==`string`)return de(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);if(n===`Object`&&e.constructor&&(n=e.constructor.name),n===`Map`||n===`Set`)return Array.from(e);if(n===`Arguments`||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return de(e,t)}}function de(e,t){(t==null||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function I(e,t){var n=typeof Symbol<`u`&&e[Symbol.iterator]||e[`@@iterator`];if(n)return(n=n.call(e)).next.bind(n);if(Array.isArray(e)||(n=ue(e))||t&&e&&typeof e.length==`number`){n&&(e=n);var r=0;return function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}}}throw TypeError(`Invalid attempt to iterate non-iterable instance.
|
|
2
2
|
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function L(e){var t=(0,j.useRef)(null);function n(n){!n||n===t.current||(t.current=n,e(n))}return n}function fe(e){var t=(0,j.useRef)(e);return(0,j.useMemo)(function(){function e(e){typeof e==`function`?t.current=e(t.current):t.current=e}function n(){return t.current}return[n,e]},[])}function pe(){var e=(0,j.useRef)([]);return(0,j.useMemo)(function(){function t(){return e.current.length>0}function n(){for(var t=I(e.current),n;!(n=t()).done;){var r=n.value;r()}e.current=[]}function r(t){e.current.push(t)}return{hasEventSubscriptions:t,removeAllEventSubscriptions:n,addEventSubscription:r}},[])}var R=typeof window<`u`?j.useLayoutEffect:j.useEffect;function me(e,t){var n=(0,j.useRef)(e);return t?(n.current=e,n):(n.current=null,n)}var he={top:0,left:0,right:1,bottom:1,width:1,height:1};function ge(e){var t=e===void 0?{}:e,n=t.enabled,r=n===void 0?!0:n,i=t.preventDefault,a=i===void 0?!0:i,o=(0,j.useRef)(null),s=(0,j.useState)(he),c=s[0],l=s[1];function u(){l(he)}var d=c!==he;function f(e){if(r){a&&e.preventDefault();var t=e.clientX,n=e.clientY;l({top:n,left:t,width:1,height:1,right:t+1,bottom:n+1})}}return{hasMousePosition:d,resetMousePosition:u,handleMouseEvent:f,trigger:{getBounds:function(){return c},getParent:o.current?function(){return o.current}:void 0},parentRef:o}}function z(e){return parseFloat(e.replace(`px`,``))}function _e(e,t,n){return e<t?t:e>n?n:e}function ve(e){return e!=null}function ye(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return function(e){for(var n=I(t),r;!(r=n()).done;){var i=r.value;i&&(typeof i==`function`?i(e):i.current=e)}}}function be(e,t){if(e!==void 0)return t||e.ResizeObserver}function xe(e,t){var n=[];if(!e||!t||e===document.body)return n;var r=t.getComputedStyle(e),i=r.overflow,a=r.overflowX,o=r.overflowY;return[i,a,o].some(function(e){return[`auto`,`scroll`].includes(e)})&&n.push(e),[].concat(n,xe(e.parentElement,t))}function B(e){return`react-laag: Could not find a valid reference for the `+e+` element. There might be 2 causes:
|
|
3
3
|
- Make sure that the 'ref' is set correctly on the `+e+` element when isOpen: true. Also make sure your component forwards the ref with "forwardRef()".
|
|
4
4
|
- Make sure that you are actually rendering the `+e+` when the isOpen prop is set to true`}function Se(e){var t=e.enabled,n=e.onChange,r=e.environment,i=e.ResizeObserverPolyfill,a=e.overflowContainer,o=e.triggerOption,s=be(r,i);(0,j.useEffect)(function(){},[s]);var c=(0,j.useRef)(null),l=!!o,u=fe({scrollContainers:[],trigger:null,layer:null}),d=u[0],f=u[1],p=pe(),m=p.hasEventSubscriptions,h=p.addEventSubscription,g=p.removeAllEventSubscriptions,_=(0,j.useCallback)(function(){var e=d(),t=e.layer,i=e.trigger,a=e.scrollContainers,o=a[0];if(!t)throw Error(B(`layer`));if(!i&&!l)throw Error(B(`trigger`));var s={top:0,left:0};if(o){var u=o.scrollLeft,f=o.scrollTop;s={top:f,left:u}}else{var p=r.scrollX,m=r.scrollY;s={top:m,left:p}}var h={left:0,top:0};if(o){var g=r.getComputedStyle(o),_=g.borderLeftWidth,v=g.borderTopWidth;h={left:z(_)||0,top:z(v)||0}}n({layer:t,trigger:i,scrollContainers:a,arrow:c.current},s,h)},[d,n,r,c,l]),v=(0,j.useCallback)(function(){var e=d(),t=e.trigger,n=e.layer,i=e.scrollContainers;if(!n)throw Error(B(`layer`));if(!t&&!l)throw Error(B(`trigger`));if(s){for(var a=!1,o=function(){if(!a){a=!0;return}_()},c=new s(o),u=0,f=[t,n,document.body];u<f.length;u++){var p=f[u];p&&c.observe(p)}h(function(){for(var e=0,r=[t,n,document.body];e<r.length;e++){var i=r[e];i&&c.unobserve(i)}c.disconnect()})}for(var m=[r].concat(i),g=function(){var e=y.value;e.addEventListener(`scroll`,_),h(function(){return e.removeEventListener(`scroll`,_)})},v=I(m),y;!(y=v()).done;)g()},[d,h,_,r,s,l]),y=(0,j.useCallback)(function(e,n){t&&e&&e!==n&&(g(),v(),_())},[g,v,_,t]),b=L((0,j.useCallback)(function(e){var t=d(),n=t.layer;f(function(t){return P({},t,{layer:e})}),y(n,e)},[d,f,y])),x=(0,j.useCallback)(function(e){var t=xe(e,r),n=t[0];if(n){var i=r.getComputedStyle(n).position,o=[`relative`,`absolute`,`fixed`].includes(i)||a;o||(n.style.position=`relative`)}return t},[r,a]),S=L((0,j.useCallback)(function(e){var t=x(e),n=d(),r=n.trigger;f(function(n){return P({},n,{trigger:e,scrollContainers:t})}),y(r,e)},[d,f,y,x])),C=o==null||o.getParent==null?void 0:o.getParent();return R(function(){C&&f(function(e){return P({},e,{scrollContainers:x(C)})})},[C,f,x]),R(function(){return t&&(m()||v()),function(){m()&&g()}},[t,m,v,g]),R(function(){t&&_()}),{triggerRef:S,layerRef:b,arrowRef:c,closestScrollContainer:d().scrollContainers[0]||null}}var Ce=(0,j.createContext)({});function we(e){var t=e.children,n=e.registrations,r=(0,j.useCallback)(function(e){return n.current.add(e),function(){return n.current.delete(e)}},[n]);return(0,j.createElement)(Ce.Provider,{value:r},t)}function Te(e,t){for(var n=I(e),r;!(r=n()).done;){var i=r.value.shouldCloseWhenClickedOutside;if(!i(t))return!1}return!0}function Ee(e){var t=e.isOpen,n=e.onOutsideClick,r=e.onParentClose,i=(0,j.useRef)(null),a=(0,j.useRef)(null),o=(0,j.useRef)(new Set),s=(0,j.useContext)(Ce),c=(0,j.useCallback)(function(e){var t=e.target,n=i.current&&i.current.contains(t),r=a.current&&a.current.contains(t),s=Te(o.current,e);return r&&s&&o.current.forEach(function(e){var t=e.closeChild;return t()}),!n&&!r&&s},[i,a,o]);return(0,j.useEffect)(function(){if(typeof s==`function`)return s({shouldCloseWhenClickedOutside:c,closeChild:function(){r&&r()}})},[s,c,r,o]),(0,j.useEffect)(function(){var e=typeof s==`function`,r=!t||!n||e;if(r)return;function i(e){c(e)&&n()}return document.addEventListener(`click`,i,!0),function(){return document.removeEventListener(`click`,i,!0)}},[t,n,c,s]),(0,j.useEffect)(function(){t||o.current.forEach(function(e){var t=e.closeChild;return t()})},[t]),{closeOnOutsideClickRefs:{trigger:i,layer:a},registrations:o}}var De=[`bottom-start`,`bottom-end`,`bottom-center`,`top-start`,`top-center`,`top-end`,`left-end`,`left-center`,`left-start`,`right-end`,`right-center`,`right-start`,`center`],Oe={top:`bottom`,left:`right`,bottom:`top`,right:`left`,center:`center`},ke=function(){function e(e,t,n,r,i,a,o,s,c){this.prop=void 0,this.opposite=void 0,this.isHorizontal=void 0,this.sizeProp=void 0,this.oppositeSizeProp=void 0,this.cssProp=void 0,this.oppositeCssProp=void 0,this.isCenter=void 0,this.isPush=void 0,this.prop=e,this.opposite=t,this.isHorizontal=n,this.sizeProp=r,this.oppositeSizeProp=i,this.cssProp=a,this.oppositeCssProp=o,this.isCenter=s,this.isPush=c}var t=e.prototype;return t.factor=function(e){return e*(this.isPush?1:-1)},t.isOppositeDirection=function(e){return this.isHorizontal!==e.isHorizontal},e}();function V(e,t){t===void 0&&(t=!0);var n=[`left`,`right`].includes(e);return new ke(e,t?V(Oe[e],!1):null,n,n?`width`:`height`,n?`height`:`width`,n?`left`:`top`,n?`top`:`left`,e===`center`,![`right`,`bottom`].includes(e))}var H={top:V(`top`),bottom:V(`bottom`),left:V(`left`),right:V(`right`)},U=P({},H,{center:V(`center`)}),W=[`top`,`left`,`bottom`,`right`],Ae=function(){function e(e){return this.top=void 0,this.left=void 0,this.right=void 0,this.bottom=void 0,Object.assign(this,e)}return e.mergeSmallestSides=function(t){var n=t[0],r=t.slice(1);if(!n)throw Error(`Please provide at least 1 bounds objects in order to merge`);for(var i=Object.fromEntries(W.map(function(e){return[e,n[e]]})),a=I(r),o;!(o=a()).done;)for(var s=o.value,c=I(W),l;!(l=c()).done;){var u=l.value;i[u]=Math.min(i[u],s[u])}return new e(i)},N(e,[{key:`allSidesArePositive`,get:function(){var e=this;return W.every(function(t){return e[t]>=0})}},{key:`negativeSides`,get:function(){var e=this;return Object.fromEntries(W.filter(function(t){return e[t]<0}).map(function(t){return[t,e[t]]}))}}]),e}();function je(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.reduce(function(e,t){return e+(t?z(t):0)},0)}function Me(e){var t=e.top,n=e.left,r=e.right,i=e.bottom,a=e.width,o=e.height;return{top:t,left:n,right:r,bottom:i,width:a,height:o}}var Ne={top:0,left:0,right:0,bottom:0,width:0,height:0},G=function(){e.create=function(t){return new e(t)},e.fromElement=function(t,n){n===void 0&&(n={});var r=n,i=r.withTransform,a=i===void 0?!0:i,o=r.environment,s=o===void 0?window:o,c=r.withScrollbars,l=c===void 0?!0:c,u=Me(t.getBoundingClientRect()),d=new e(u);if(!a){var f=s.getComputedStyle(t),p=f.width,m=f.height,h=f.boxSizing,g=f.borderLeft,_=f.borderRight,v=f.borderTop,y=f.borderBottom,b=f.paddingLeft,x=f.paddingRight,S=f.paddingTop,C=f.paddingBottom,w=h===`border-box`?z(p):je(p,g,_,b,x),T=h===`border-box`?z(m):je(m,v,y,S,C);d=new e(P({},d,{width:w,height:T}))}if(!l){var E=d.width-t.clientWidth,D=d.height-t.clientHeight;return d.substract({right:E,bottom:D})}return d},e.empty=function(){return new e},e.fromWindow=function(t){var n,r=(n=t?.document.scrollingElement)??t?.document.documentElement,i=r??{},a=i.clientWidth,o=a===void 0?0:a,s=i.clientHeight,c=s===void 0?0:s;return new e({width:o,height:c,right:o,bottom:c})};function e(e){return e===void 0&&(e={}),this.top=void 0,this.left=void 0,this.right=void 0,this.bottom=void 0,this.width=void 0,this.height=void 0,Object.assign(this,Ne,e)}var t=e.prototype;return t.toObject=function(){return Me(this)},t.merge=function(t){var n=this.toObject();return new e(P({},n,typeof t==`function`?t(n):t))},t.substract=function(t){for(var n=this.toObject(),r=Object.entries(t),i=0,a=r;i<a.length;i++){var o=a[i],s=o[0],c=o[1];if(s in H){var l=H[s];n[s]+=l.factor(c),n[l.isHorizontal?`width`:`height`]-=c}else n[s]-=c||0}return new e(n)},t.offsetsTo=function(e){return new Ae({top:e.top-this.top,bottom:this.bottom-e.bottom,left:e.left-this.left,right:this.right-e.right})},t.mapSides=function(t){for(var n=this.toObject(),r=Object.values(H),i=0,a=r;i<a.length;i++){var o=a[i];n[o.prop]=t(o,n[o.prop])}return new e(n)},N(e,[{key:`surface`,get:function(){return this.width*this.height}}]),e}(),Pe=function(){function e(e,t,n,r,i){this.primary=void 0,this.secondary=void 0,this.offsets=void 0,this.subjectsBounds=void 0,this._cachedLayerBounds=null,this._cachedContainerOffsets=null,this.primary=e,this.secondary=t,this.offsets=i,this.setSubjectsBounds(n,r)}var t=e.prototype;return t.setSubjectsBounds=function(e,t){if(!t){this.subjectsBounds=e;return}var n=typeof t==`function`?t(this.primary.prop):t;this.subjectsBounds=e.merge({layer:P({},e.layer,n)})},t.getLayerBounds=function(e){if(e===void 0&&(e=0),this._cachedLayerBounds&&e===0)return this._cachedLayerBounds;var t=this.primary,n=this.secondary,r=this.subjectsBounds,i=r.trigger,a=r.layer,o=r.arrow,s=t.isHorizontal,c=t.oppositeCssProp,l=t.oppositeSizeProp,u=t.prop,d=t.opposite,f=G.empty();f[d.prop]=i[u]-t.factor(this.offsets.trigger),f[u]=f[d.prop]-t.factor(a[t.sizeProp]);var p=this.offsets.arrow*2,m=i[c]-(a[l]-o[l])+p,h=i[c]+(i[l]-o[l])-p;if(n.isPush||(m+=a[l],h+=a[l]),n.isCenter){var g=(s?H.top:H.left).prop,_=(s?H.bottom:H.right).prop;f[g]=_e(i[g]+i[l]/2-a[l]/2+e,m,h),f[_]=f[g]+a[l]}else{var v=n,y=i[v.prop],b=y<m?m-y:y>h?h-y:0;f[v.prop]=_e(y+e+b,m,h),f[v.opposite.prop]=f[v.prop]+n.factor(a[l])}f.width=f.right-f.left,f.height=f.bottom-f.top;var x=G.create(f);return e===0&&(this._cachedLayerBounds=x),x},t.getLayerCollisionBounds=function(){var e=this.offsets.container;return this.getLayerBounds().mapSides(function(t,n){return n-=t.factor(e)}).merge(function(t){var n=t.width,r=t.height;return{width:n+e*2,height:r+e*2}})},t.getContainerOffsets=function(e){if(this._cachedContainerOffsets&&!e)return this._cachedContainerOffsets;var t=this.subjectsBounds.merge({layer:e||this.getLayerCollisionBounds()}),n=Ae.mergeSmallestSides(t.layerOffsetsToScrollContainers);return e||(this._cachedContainerOffsets=n),n},N(e,[{key:`type`,get:function(){return this.primary.prop+`-`+(this.secondary.prop===`center`?`center`:[`bottom`,`right`].includes(this.secondary.prop)?`end`:`start`)}},{key:`triggerIsBigger`,get:function(){var e=this.secondary.isHorizontal,t=this.subjectsBounds,n=t.triggerHasBiggerWidth,r=t.triggerHasBiggerHeight;return e&&n||!e&&r}},{key:`fitsContainer`,get:function(){return this.getContainerOffsets().allSidesArePositive}},{key:`visibleSurface`,get:function(){var e=this.getLayerBounds(),t=this.getContainerOffsets(e),n=t.negativeSides;for(var r in n)n[r]=-n[r];return e.substract(n).surface}},{key:`secondaryOffsetSide`,get:function(){var e,t,n=this,r=this.getContainerOffsets(),i=(e=(t=Object.entries(r.negativeSides).map(function(e){var t=e[0],n=e[1];return[H[t],n]}).filter(function(e){var t=e[0];return n.primary.isOppositeDirection(t)}).sort(function(e,t){var n=e[1],r=t[1];return r-n}))?.[0])??[],a=i[0];return a||null}}]),e}(),Fe=function(e){ce(t,e);function t(){return e.apply(this,arguments)||this}var n=t.prototype;return n.getLayerBounds=function(){var e=this.subjectsBounds,t=e.trigger,n=e.layer,r=G.empty();return r.top=t.top+t.height/2-n.height/2,r.bottom=r.top+n.height,r.left=t.left+t.width/2-n.width/2,r.right=r.left+n.width,r.width=r.right-r.left,r.height=r.bottom-r.top,r},t}(Pe);function Ie(e,t,n){var r=e.layer,i=e.trigger,a=e.arrow,o=t.primary.oppositeSizeProp,s=t.primary.isHorizontal?[`top`,`bottom`]:[`left`,`right`],c=s[0],l=s[1],u=r[c]+r[o]/2-i[c]-a[o]/2-n,d=r[l]-r[o]/2-i[l]+a[o]/2+n;return(u<0?-u:0)+(d>0?-d:0)}var Le={position:`absolute`,willChange:`top, left`,left:null,right:null,top:null,bottom:null};function Re(e,t,n){var r;if(t.primary.isCenter)return Le;var i=e.layer,a=e.trigger,o=e.arrow,s=t.primary.oppositeSizeProp,c=a[s]>i[s],l=n+o[s]/2,u=i[s]-o[s]/2-n,d=Ie(e,t,n),f=t.primary.prop,p=t.primary.oppositeCssProp,m=c?i[s]/2+d:a[p]+a[s]/2-i[p];return P({},Le,(r={},r[f]=`100%`,r[p]=_e(m,l,u),r))}var ze=function(){function e(e,t,n){this.placements=void 0,this.config=void 0,this.subjectsBounds=void 0,this.placements=e,this.config=t,this.subjectsBounds=n}e.getSidesFromPlacementType=function(e){var t=e.split(`-`),n=t[0],r=t[1],i=H[n],a;return a=r===`center`?U.center:i.isHorizontal?r===`start`?U.top:U.bottom:r===`start`?U.left:U.right,[i,a]},e.create=function(t,n){var r={arrow:n.arrowOffset,container:n.containerOffset,trigger:n.triggerOffset};function i(i){i===void 0&&(i=n.placement);var a=e.getSidesFromPlacementType(i),o=a[0],s=a[1],c=H[o.isHorizontal?n.preferY:n.preferX],l=!o.isHorizontal&&t.triggerHasBiggerWidth||o.isHorizontal&&t.triggerHasBiggerHeight;function u(e,i){return new Pe(e,i,t,n.layerDimensions,r)}var d=[];return d[0]=u(o,s),d[1]=u(o,s.isCenter?c:U.center),d[2]=u(o,U[(s.opposite.isCenter?c.opposite:s.opposite).prop]),d[3]=u(c,l?o:U[o.opposite.prop]),d[4]=u(c,U.center),d[5]=u(c,l?U[o.opposite.prop]:o),d[6]=u(H[c.opposite.prop],l?o:U[o.opposite.prop]),d[7]=u(H[c.opposite.prop],U.center),d[8]=u(H[c.opposite.prop],l?U[o.opposite.prop]:o),d[9]=u(H[o.opposite.prop],s),d[10]=u(H[o.opposite.prop],s.isCenter?c:U.center),d[11]=u(H[o.opposite.prop],U[(s.opposite.isCenter?c.opposite:s.opposite).prop]),d=d.filter(function(e){return e.type===n.placement||n.possiblePlacements.includes(e.type)}),d}return n.placement===`center`?new e([new Fe(U.center,U.center,t,n.layerDimensions,r)].concat(i(n.preferY+`-`+n.preferX)),n,t):new e(i(),n,t)};var t=e.prototype;return t.filterPlacementsBySide=function(e){return this.placements.filter(function(t){return t.primary===e})},t.findFirstPlacementThatFits=function(){return this.placements.find(function(e){return e.fitsContainer})},t.placementWithBiggestVisibleSurface=function(){var e=this.placements.map(function(e){return{placement:e,surface:e.visibleSurface}}).sort(function(e,t){return t.surface-e.surface}),t=e[0].placement;return t},t.findSuitablePlacement=function(){return this.config.auto?this.findFirstPlacementThatFits()||this.placementWithBiggestVisibleSurface():this.placements[0]},t.getSecondaryOffset=function(e){var t=this.config,n=t.auto,r=t.snap;if(!n||r||e instanceof Fe)return 0;var i=this.filterPlacementsBySide(e.primary),a=i.indexOf(e)===0;if(a&&e.fitsContainer)return 0;var o=i.find(function(e){return!e.fitsContainer});if(!o)return 0;var s=o.secondaryOffsetSide;if(!s)return 0;var c=e.getContainerOffsets(),l=e.secondary,u;u=e.triggerIsBigger||o===e?s.isPush?-1:1:l===U.left||[U.top,U.center].includes(l)&&s.isPush?-1:1;var d=c[s.prop];return d*u},t.getStyles=function(e,t,n,r){var i={willChange:`top, left, width, height`},a=Re(this.subjectsBounds.merge({layer:e}),t,this.config.arrowOffset),o=this.config.overflowContainer?P({},i,{position:`fixed`,top:e.top,left:e.left}):P({},i,{position:`absolute`,top:e.top-this.subjectsBounds.parent.top+n.top-r.top,left:e.left-this.subjectsBounds.parent.left+n.left-r.left});return{arrow:a,layer:o}},t.getHasDisappeared=function(e){var t=this.config.overflowContainer?this.subjectsBounds.trigger:e,n=Ae.mergeSmallestSides(this.subjectsBounds.offsetsToScrollContainers(t,!0)),r=Object.entries(n.negativeSides),i=r.some(function(e){var n=e[0],r=e[1],i=H[n];return r<=-t[i.sizeProp]});return i?`full`:n.allSidesArePositive?null:`partial`},t.result=function(e,t){var n=this.findSuitablePlacement(),r=this.getSecondaryOffset(n),i=n.getLayerBounds(r),a=this.getStyles(i,n,e,t),o=n.primary.prop;return{styles:a,layerSide:o,placement:n,layerBounds:i,hasDisappeared:this.getHasDisappeared(i)}},e}(),Be=function(){function e(e,t){this.overflowContainer=void 0,this.trigger=void 0,this.layer=void 0,this.arrow=void 0,this.parent=void 0,this.window=void 0,this.scrollContainers=void 0,this.overflowContainer=t,Object.assign(this,e)}e.create=function(t,n,r,i,a,o,s,c){var l=G.fromWindow(t);return new e({layer:G.fromElement(n,{environment:t,withTransform:!1}),trigger:c?G.create(Me(c())):G.fromElement(r),arrow:a?G.fromElement(a):G.empty(),parent:i?G.fromElement(i):l,window:l,scrollContainers:[l].concat(o.map(function(e){return G.fromElement(e,{withScrollbars:!1})}))},s)};var t=e.prototype;return t.merge=function(t){return new e(P({},this,t),this.overflowContainer)},t.offsetsToScrollContainers=function(e,t){t===void 0&&(t=!1);var n=this.overflowContainer&&!t?[this.window]:this.scrollContainers;return n.map(function(t){return t.offsetsTo(e)})},N(e,[{key:`layerOffsetsToScrollContainers`,get:function(){return this.offsetsToScrollContainers(this.layer)}},{key:`triggerHasBiggerWidth`,get:function(){return this.trigger.width>this.layer.width}},{key:`triggerHasBiggerHeight`,get:function(){return this.trigger.height>this.layer.height}}]),e}(),Ve=null,K={auto:!1,arrowOffset:0,containerOffset:10,triggerOffset:0,overflowContainer:!0,placement:`top-center`,possiblePlacements:De,preferX:`right`,preferY:`bottom`,snap:!1,container:void 0,trigger:void 0};function He(e){var t,n=e.isOpen,r=n===void 0?!1:n,i=e.overflowContainer,a=i===void 0?K.overflowContainer:i,o=e.environment,s=o===void 0?typeof window<`u`?window:void 0:o,c=e.ResizeObserver,l=e.placement,u=l===void 0?K.placement:l,d=e.possiblePlacements,f=d===void 0?K.possiblePlacements:d,p=e.preferX,m=p===void 0?K.preferX:p,h=e.preferY,g=h===void 0?K.preferY:h,_=e.auto,v=_===void 0?K.auto:_,y=e.snap,b=y===void 0?K.snap:y,x=e.triggerOffset,S=x===void 0?K.triggerOffset:x,C=e.containerOffset,w=C===void 0?K.containerOffset:C,T=e.arrowOffset,E=T===void 0?K.arrowOffset:T,D=e.container,ee=D===void 0?K.container:D,te=e.layerDimensions,ne=te===void 0?null:te,O=e.onDisappear,re=e.onOutsideClick,ie=e.onParentClose,k=e.trigger,ae=(0,j.useState)(function(){return{layerSide:u===`center`?`center`:ze.getSidesFromPlacementType(u)[0].prop,styles:{layer:{position:a?`fixed`:`absolute`,top:0,left:0},arrow:{position:`absolute`,top:0,left:0}}}}),A=ae[0],oe=ae[1],M=(0,j.useRef)(null),N=me(A,r),P=(0,j.useRef)({cancelled:!1});(0,j.useEffect)(function(){return function(){P.current.cancelled=!0}},[]);var ce=(0,j.useCallback)(function(e,t,n){var r=e.arrow,i=e.layer,o=e.scrollContainers,c=e.trigger,l=o[0],d=Be.create(s,i,c,l,r,o,a,k?.getBounds),p={placement:u,possiblePlacements:f,auto:v,layerDimensions:ne,arrowOffset:E,containerOffset:w,triggerOffset:S,preferX:m,preferY:g,snap:b,overflowContainer:a},h=ze.create(d,p).result(t,n),_=h.hasDisappeared,y=h.layerSide,x=h.styles,C={layerSide:y,styles:x};if(!N.current||Ue(N.current,C)){N.current=C,P.current.cancelled=!0;var T={cancelled:!1};P.current=T,Promise.resolve().then(function(){T.cancelled||oe(C)})}ve(_)&&ve(O)&&O(_)},[E,v,w,s,ne,O,a,u,f,m,g,b,S,N,k]),F=Se({ResizeObserverPolyfill:c,environment:s,enabled:r,overflowContainer:a,onChange:ce,triggerOption:k}),le=F.triggerRef,ue=F.layerRef,de=F.arrowRef,I=F.closestScrollContainer,L=Ee({isOpen:r,onOutsideClick:re,onParentClose:ie}),fe=L.closeOnOutsideClickRefs,pe=L.registrations,R={triggerProps:k?{}:{ref:ye(le,fe.trigger,M)},layerProps:{ref:ye(ue,fe.layer),style:A.styles.layer},arrowProps:{ref:de,style:A.styles.arrow,layerSide:A.layerSide},layerSide:A.layerSide,triggerBounds:r?k?k.getBounds():(t=M.current)?.getBoundingClientRect():null,renderLayer:function(e){return typeof document<`u`?(0,se.createPortal)((0,j.createElement)(we,{registrations:pe,children:e}),a||!I?Ge(ee):I):null}};return R}function Ue(e,t){if(e.layerSide!==t.layerSide)return!0;for(var n=[`position`,`top`,`left`,`right`,`bottom`],r=0,i=n;r<i.length;r++){var a=i[r];if(e.styles.layer[a]!==t.styles.layer[a]||e.styles.arrow[a]!==t.styles.arrow[a])return!0}return!1}var We=`layers`;function Ge(e){var t;if(typeof e==`function`){if(t=e(),!t||!(t instanceof HTMLElement))throw Error(`react-laag: You've passed a function to the 'container' prop, but it returned no valid HTMLElement`)}else if(e instanceof HTMLElement)t=e;else if(typeof e==`string`){if(t=document.getElementById(e),!t)throw Error(`react-laag: You've passed element with id '`+e+`' to the 'container' prop, but it returned no valid HTMLElement`)}else if(Ve instanceof HTMLElement)return Ve;else t=document.getElementById(We),t||(t=document.createElement(`div`),t.id=We,t.style.cssText=`
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{E as e,M as t,h as n}from"./iframe-
|
|
1
|
+
import{E as e,M as t,h as n}from"./iframe-EU22ddzP.js";import"./react-dom-rzgPE705.js";import{b as r}from"./tooltip-N1V1x_Kn.js";e();var i=t(n()),a={title:`Basic/Tooltip`,component:r,args:{text:`Tooltip text`,error:!1,warning:!1,enabled:!0,placement:void 0,triggerOffset:void 0,fontSize:void 0,padding:void 0,maxWidth:void 0,display:void 0,children:(0,i.jsx)(`span`,{children:`Hover over me`})}};const o=e=>(0,i.jsx)(r,{...e}),s=o.bind({}),c=o.bind({});c.args={error:!0};const l=o.bind({});l.args={warning:!0};const u=o.bind({});u.args={text:(0,i.jsxs)(i.Fragment,{children:[`Select from options:`,(0,i.jsxs)(`ul`,{children:[(0,i.jsx)(`li`,{children:`One`}),(0,i.jsx)(`li`,{children:`Two`})]})]})};const d=o.bind({});d.args={placement:`right-end`};const f=o.bind({});f.args={triggerOffset:30};const p=o.bind({});p.args={forceOpen:!0};const m=o.bind({});m.args={display:`block`,children:(0,i.jsx)(`div`,{style:{background:`lightgray`},children:`Block element`})},m.parameters={docs:{source:{type:`code`},description:{story:"The `Tooltip` trigger wrapper defaults to `display: inline`. If you encounter layout issues, try changing this to match its content (i.e. `display: block` for `block` elements)"}}},s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`args => <Tooltip
|
|
2
2
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
3
3
|
{...args} />`,...s.parameters?.docs?.source}}},c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`args => <Tooltip
|
|
4
4
|
// eslint-disable-next-line react/jsx-props-no-spreading
|