@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
package/dist/storybook/assets/{menu.stories-data-BYyBO-PM.js → menu.stories-data-CBZr1Taj.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{E as e,M as t,h as n,z as r}from"./iframe-
|
|
1
|
+
import{E as e,M as t,h as n,z as r}from"./iframe-EU22ddzP.js";import{c as i}from"./types-D9-IVcXX.js";import{b as a}from"./badge-CSqHSgHc.js";import{b as o}from"./flex-D7WQTo6g.js";e();var s=t(n());const c=async e=>{let{files:t}=e?.target??{};t&&console.log(`onFileChange`,t)},l={label:`Select`,trigger:r.DROP_DOWN_BUTTON,sections:[{type:i.HEADING,label:`Heading`},{type:i.OPTION,label:`King`,onClick:()=>{}},{type:i.OPTION,label:`Queen`,selected:!0,onClick:()=>{}},{type:i.DIVIDER},{type:i.OPTION,label:`Knight`,disabled:!0,onClick:()=>{}},{type:i.OPTION,label:`Bishop`,onClick:()=>{}}]},u={...l,sections:l.sections.map(e=>e.type===i.OPTION?{...e,onClick:void 0,onChange:c,upload:!0}:e)},d={...l,label:(0,s.jsxs)(o,{alignItems:`center`,gap:`4px`,children:[`Select`,(0,s.jsx)(a,{small:!0,title:`BETA`})]}),sections:[,,,].fill({type:`Menu`,trigger:`Text`,menu:{trigger:`Text`,placement:`right-start`,label:(0,s.jsxs)(o,{alignItems:`center`,gap:`4px`,children:[`Parent`,(0,s.jsx)(a,{small:!0,title:`BETA`})]}),title:`Parent`,sections:[,,,].fill({type:`Option`,label:(0,s.jsxs)(o,{alignItems:`center`,gap:`4px`,children:[`Child`,(0,s.jsx)(a,{small:!0,title:`BETA`})]}),title:`Child`})}})},f={label:`123 m`,trigger:`DropDownButton`,sections:[{type:`Option`,label:`Cat`,description:`Felis catus`},{type:`Option`,label:`Dog`,description:`Canis familiaris`,selected:!0},{type:`Option`,label:`Hamster`,description:`Cricetinae`}]},p={label:`123 m`,trigger:`DropDownButton`,sections:[{type:`Option`,label:`403.5433`,description:`ft`,inline:!0,onClick:()=>{}},{type:`Option`,label:`123`,description:`m`,inline:!0,onClick:()=>{},selected:!0},{type:`Option`,label:`0.123`,description:`km`,inline:!0,onClick:()=>{}}]},m=[{label:`Delete`,icon:`delete`,onClick:()=>{}},{label:`Rename`,icon:`rename`,onClick:()=>{}}],h={...l,sections:l.sections.map(e=>e.type===`Option`?{...e,inline:!0,actions:m}:e)},g={...l,sections:l.sections.map(e=>e.type===`Option`||e.type===`Heading`?{...e,icon:`star`}:e)},_={...l,sections:[...[,,,]].map((e,t)=>({type:`Menu`,trigger:`Text`,menu:{trigger:`Text`,placement:`right-start`,label:`Parent`,sections:t===2?[]:[...[,,,]].map((e,n)=>({type:`Option`,label:`Child`,onClick:()=>{},selected:t===1&&n===0,disabled:n===2}))}}))},v={...l,sections:Array(100).fill({type:`Option`,label:`Item`,onClick:()=>{}})},y={label:`No sections`,trigger:`DropDownButton`,sections:[]},b={label:`Select`,trigger:`DropDownButton`,showAllButton:{visible:!0,showAllTitle:`Show all...`,showLessTitle:`Show less...`,additionalSections:[{type:`Divider`},{type:`Option`,label:`This item is always shown`,onClick:()=>{}}]},sections:Array(8).fill({type:`Option`,label:`Item`,onClick:()=>{}})};export{l as b,h as c,f as d,p as e,y as f,u as g,g as h,d as i,v as j,b as k,_ as l};
|
|
@@ -1,3 +1,3 @@
|
|
|
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"./lodash-CiSVjb27.js";import"./button-DXVRmU6A.js";import"./spinner-gc9uGw0J.js";import{c as r}from"./actions-Ct9IeQri.js";import"./types-D9-IVcXX.js";import"./types-BjAzD82u.js";import"./badge-CSqHSgHc.js";import"./flex-D7WQTo6g.js";import{b as i}from"./menu.stories-data-CBZr1Taj.js";e();var a=t(n());const{expect:o,userEvent:s,within:c}=__STORYBOOK_MODULE_TEST__;var l={title:`Basic/Menu/Test Cases`,component:r,args:{menu:i},tags:[`!autodocs`]};const u=e=>(0,a.jsx)(r,{...e}),d=u.bind({});d.args={testId:`testId`},d.play=async({canvasElement:e,step:t})=>{let n=c(e),r=c(e.ownerDocument.body);await t(`Clicking trigger should open menu`,async()=>{let e=n.getByTestId(`testId`);await s.click(e);let t=await r.findByTestId(`testId-layer`);await o(t).toBeInTheDocument()}),await t(`Clicking disabled item should do nothing`,async()=>{let e=r.getByText(`Knight`);await e.click();let t=await r.findByTestId(`testId-layer`);await o(t).toBeInTheDocument()}),await t(`Clicking item should close menu`,async()=>{let e=r.getByText(`King`);await s.click(e);let t=r.queryByTestId(`testId-layer`);await o(t).not.toBeInTheDocument()})},d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`args => <Menu
|
|
2
2
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
3
3
|
{...args} />`,...d.parameters?.docs?.source}}};const f=[`Test`];export{d as Test,f as __namedExportsOrder,l as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{E as e,M as t,d as n,e as r,h as i}from"./iframe-
|
|
1
|
+
import{E as e,M as t,d 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";import"./styled-components.browser.esm-DWmnuEYo.js";import"./emotion-is-prop-valid.esm-BUoVdhe_.js";import{b as o}from"./grid-BFBK01ob.js";e();var s=t(i());const{useArgs:c}=__STORYBOOK_MODULE_PREVIEW_API__,l={visible:!0,heading:void 0,content:`Here is some info`,withDismiss:!1,icon:!1,details:void 0,maxHeight:void 0,type:r.INFO};var u={title:`Basic/Message`,component:n,args:{...l},argTypes:{heading:{control:{type:`text`}},details:{control:{type:`text`}}}};const d=e=>{let[t,i]=c(),a=()=>{i({visible:!1}),setTimeout(()=>{i({visible:!0})},1e3)};return(0,s.jsxs)(o,{gap:!0,children:[(0,s.jsx)(n,{message:{...e,onClose:a,type:r.INFO}}),(0,s.jsx)(n,{message:{...e,onClose:a,type:r.ERROR}}),(0,s.jsx)(n,{message:{...e,onClose:a,type:r.WARNING}}),(0,s.jsx)(n,{message:{...e,onClose:a,type:r.SUCCESS}})]})},f=d.bind({}),p=d.bind({});p.args={heading:`Message Heading`};const m=d.bind({});m.args={icon:!0};const h=d.bind({});h.args={details:`Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque at mi ac quam condimentum blandit at sit amet lectus. Nullam volutpat erat maximus, venenatis nisl sed, aliquam libero.`};const g=d.bind({});g.args={details:`Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque at mi ac quam condimentum blandit at sit amet lectus. Nullam volutpat erat maximus, venenatis nisl sed, aliquam libero.`,detailsVisible:!0};const _=d.bind({});_.args={type:r.ERROR,icon:!0,content:`Unable to sync because connection settings are not set.`,footer:(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(a,{small:!0,label:`Edit connection settings`,colored:`primary`},`edit-settings`),(0,s.jsx)(a,{small:!0,label:`Cancel sync`},`cancel-sync`),`,`]})};const v=d.bind({});v.args={width:`100%`};const y=d.bind({});y.args={width:`300px`};const b=d.bind({});b.args={maxHeight:`100px`,content:`Lorem ipsum dolor sit amet, consectetur adipiscing elit. `.repeat(20)};const x=d.bind({});x.args={withDismiss:!0,onClose:()=>{}},f.parameters={...f.parameters,docs:{...f.parameters?.docs,source:{originalSource:`args => {
|
|
2
2
|
const [_, updateArgs] = useArgs();
|
|
3
3
|
const handleClose = () => {
|
|
4
4
|
updateArgs({
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{A as e,E as t,M as n,f as r,h as i,w as a}from"./iframe-
|
|
1
|
+
import{A as e,E as t,M as n,f as r,h as i,w as a}from"./iframe-EU22ddzP.js";import{b as o}from"./tooltip-N1V1x_Kn.js";import{b as s}from"./heading-DC2eTr4r.js";import{b as c}from"./actions-Ct9IeQri.js";import{b as l}from"./badge-CSqHSgHc.js";var u={inputInTable:`_inputInTable_1wss1_1`,inputHover:`_inputHover_1wss1_13`,inputFocus:`_inputFocus_1wss1_18`,inputError:`_inputError_1wss1_25`,inputWarning:`_inputWarning_1wss1_26`,inputDisabled:`_inputDisabled_1wss1_61`,hideScrollbars:`_hideScrollbars_1wss1_67`,list:`_list_1wss1_77`,bordered:`_bordered_1wss1_83`,virtualRow:`_virtualRow_1wss1_87`,item:`_item_1wss1_87`,header:`_header_1wss1_90`,headerTitle:`_headerTitle_1wss1_90`,heading:`_heading_1wss1_91`,itemHeader:`_itemHeader_1wss1_91`,narrow:`_narrow_1wss1_94`,stickyHeader:`_stickyHeader_1wss1_98`,title:`_title_1wss1_109`,name:`_name_1wss1_115`,iconTooltipMargin:`_iconTooltipMargin_1wss1_119`,bold:`_bold_1wss1_122`,toggleNarrow:`_toggleNarrow_1wss1_133`,drag:`_drag_1wss1_151`,dragOverlay:`_dragOverlay_1wss1_172`,listContent:`_listContent_1wss1_177`,action:`_action_1wss1_202`,active:`_active_1wss1_205`,indented:`_indented_1wss1_212`,disabled:`_disabled_1wss1_225`,label:`_label_1wss1_236`,details:`_details_1wss1_247`,metadata:`_metadata_1wss1_248`,itemContent:`_itemContent_1wss1_256`,indentIcon:`_indentIcon_1wss1_263`,expandIcon:`_expandIcon_1wss1_268`,expanded:`_expanded_1wss1_275`,right:`_right_1wss1_278`,actions:`_actions_1wss1_286`,scrollableList:`_scrollableList_1wss1_291`,hideScrollbar:`_hideScrollbar_1wss1_67`,noPointerEvents:`_noPointerEvents_1wss1_305`,virtualRows:`_virtualRows_1wss1_308`},d=n(t()),f=n(i());const p=({toggleNarrow:e,onClickToggleNarrow:t})=>e?(0,f.jsx)(`a`,{className:u.toggleNarrow,onClick:t,children:(0,f.jsx)(r,{icon:a.CHEVRON_LEFT})}):null;p.__docgenInfo={description:``,methods:[],displayName:`ToggleNarrow`,props:{toggleNarrow:{required:!1,tsType:{name:`boolean`},description:``},onClickToggleNarrow:{required:!1,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``}}};var m=n(e());const h=(0,d.forwardRef)(({name:e,actions:t=[],toggleNarrow:n=!1,onToggleNarrow:r=()=>{},stickyHeader:i},a)=>(0,f.jsxs)(`div`,{ref:a,className:(0,m.default)(u.header,i?u.stickyHeader:``),children:[(0,f.jsx)(p,{toggleNarrow:n,onClickToggleNarrow:r}),e&&(0,f.jsx)(`div`,{className:u.headerTitle,children:(0,f.jsx)(s,{top:!0,marginBottom:0,children:e})}),(0,f.jsx)(`div`,{className:u.right,children:(0,f.jsx)(`div`,{className:u.actions,children:(0,f.jsx)(c,{actions:t})})})]}));h.__docgenInfo={description:``,methods:[],displayName:`ListHeading`,props:{name:{required:!0,tsType:{name:`union`,raw:`TStringOrNumber | ReactNode`,elements:[{name:`union`,raw:`string | number`,elements:[{name:`string`},{name:`number`}]},{name:`ReactNode`}]},description:``},actions:{required:!1,tsType:{name:`Array`,elements:[{name:`any`}],raw:`any[]`},description:``,defaultValue:{value:`[]`,computed:!1}},toggleNarrow:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},onToggleNarrow:{required:!1,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``,defaultValue:{value:`() => {}`,computed:!1}},stickyHeader:{required:!1,tsType:{name:`boolean`},description:``}}};var g=n(e());const _=({name:e,icon:t,testId:n})=>{let i=t&&(0,f.jsx)(r,{icon:t.icon,color:t.color||`#db2828`});return(0,f.jsxs)(`span`,{className:(0,g.default)(u.name,u.bold),"data-testid":n,children:[e,t&&t.tooltip&&t.tooltip.text?(0,f.jsx)(`span`,{className:u.iconTooltipMargin,children:(0,f.jsx)(o,{text:t.tooltip.text,maxWidth:`350px`,children:i})}):t&&t.icon&&(0,f.jsx)(`span`,{className:u.iconTooltipMargin,children:i})]})};_.__docgenInfo={description:``,methods:[],displayName:`Name`,props:{name:{required:!0,tsType:{name:`ReactNode`},description:``},icon:{required:!1,tsType:{name:`signature`,type:`object`,raw:`{
|
|
2
2
|
icon: ReactNode;
|
|
3
3
|
color?: string;
|
|
4
4
|
tooltip?: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{A as e,E as t,M as n,h as r,w as i}from"./iframe-
|
|
1
|
+
import{A as e,E as t,M as n,h as r,w as i}from"./iframe-EU22ddzP.js";import{b as a}from"./heading-DC2eTr4r.js";import{b as o}from"./lodash-CiSVjb27.js";import{b as s}from"./button-DXVRmU6A.js";import{b as c}from"./use-keyboard-event-DJxq2Iwi.js";import{b as l}from"./portal-DOH-1YPk.js";var u={dialog:`_dialog_xouqi_1`,inline:`_inline_xouqi_18`,scroll:`_scroll_xouqi_21`,header:`_header_xouqi_24`,dismiss:`_dismiss_xouqi_33`,subheading:`_subheading_xouqi_38`,content:`_content_xouqi_41`,footer:`_footer_xouqi_50`},d=n(t()),f=n(e()),p=n(o()),m=n(r());const h=e=>(0,p.isArray)(e)?e.map((e,t)=>(0,m.jsxs)(d.Fragment,{children:[e,` `,(0,m.jsx)(`br`,{})]},t)):e,g=({dialog:e})=>{let{heading:t,subheading:n,content:r,contentPadding:o=`var(--padding)`,footer:c,scroll:l,width:d,height:p,onClose:g,testId:_}=e;return(0,m.jsxs)(`div`,{className:(0,f.default)(u.dialog,d?u.inline:null,l?u.scroll:null),style:{width:d,height:p},"data-testid":_??null,children:[(0,m.jsxs)(`div`,{className:u.header,children:[(0,m.jsxs)(`div`,{children:[(0,m.jsx)(a,{testId:_&&`${_}-heading`,top:!0,marginBottom:0,children:t}),(0,m.jsx)(`div`,{className:u.subheading,children:n})]}),g?(0,m.jsx)(`div`,{className:u.dismiss,children:(0,m.jsx)(s,{icon:i.CLOSE,round:!0,basic:!0,small:!0,colored:`muted`,onClick:g,testId:_&&`${_}-dismiss`,ignoreDisabledContext:!0})}):null]}),(0,m.jsx)(`div`,{"data-testid":_&&`${_}-content`,className:u.content,style:{padding:o},children:h(r)}),c&&(0,m.jsx)(`div`,{"data-testid":_&&`${_}-footer`,className:u.footer,children:c})]})};g.__docgenInfo={description:``,methods:[],displayName:`Dialog`,props:{dialog:{required:!0,tsType:{name:`IDialog`},description:``}}};var _={wrapper:`_wrapper_sb0hc_1`,contentContainer:`_contentContainer_sb0hc_15`,centered:`_centered_sb0hc_24`,newLine:`_newLine_sb0hc_28`},v=n(e());const y=({children:e})=>{let t=(0,d.useRef)(null);return(0,d.useEffect)(()=>{if(t.current){let e=t.current.querySelector(`[tabindex="0"]`);e?e.focus():t.current.focus()}},[]),(0,m.jsx)(`div`,{ref:t,tabIndex:-1,className:(0,v.default)(_.wrapper),children:e})},b=({children:e,width:t,centered:n})=>(0,m.jsx)(`div`,{className:(0,v.default)(_.contentContainer,n?_.centered:``),style:{maxWidth:t},children:e}),x=({children:e,visible:t=!1,centered:n=!1,width:r=`100%`,onEnter:i,onEscape:a})=>{let o=`modalContainer`;return(0,d.useEffect)(()=>{if(document.getElementById(o))return;let e=document.createElement(`div`);return e.id=o,document.body.insertBefore(e,document.body.firstChild),()=>{document.body.removeChild(e)}},[]),c(`Enter`,()=>{t&&i&&i()},[t,i]),c(`Escape`,()=>{t&&a&&a()},[t,a]),(0,m.jsx)(m.Fragment,{children:(0,m.jsx)(l,{id:o,children:t?(0,m.jsx)(y,{children:(0,m.jsx)(b,{width:r,centered:n,children:e})}):null})})};x.__docgenInfo={description:``,methods:[],displayName:`Modal`,props:{children:{required:!0,tsType:{name:`ReactNode`},description:``},visible:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},centered:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},width:{required:!1,tsType:{name:`union`,raw:`string | number`,elements:[{name:`string`},{name:`number`}]},description:``,defaultValue:{value:`'100%'`,computed:!1}},onEnter:{required:!1,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``},onEscape:{required:!1,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``}}};export{x as b,g as c};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{E as e,M as t,h as n,z as r}from"./iframe-
|
|
1
|
+
import{E as e,M as t,h as n,z as r}from"./iframe-EU22ddzP.js";import"./react-dom-rzgPE705.js";import{b as i}from"./tooltip-N1V1x_Kn.js";import"./help-icon-DzkFHroz.js";import"./heading-DC2eTr4r.js";import"./text-CkkjKEEc.js";import"./lodash-CiSVjb27.js";import{b as a}from"./button-DXVRmU6A.js";import"./spinner-gc9uGw0J.js";import{c as o}from"./actions-Ct9IeQri.js";import{c as s}from"./types-D9-IVcXX.js";import"./types-BjAzD82u.js";import"./badge-CSqHSgHc.js";import{b as c}from"./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 l}from"./input-BdYHHPue.js";import{b as u}from"./input-group-D24O4Bxc.js";import{b as d}from"./popover-DPG74BOL.js";import{b as f}from"./spacer-vcWIopH5.js";import{b as p,c as m}from"./modal-W5JR3-fd.js";import"./portal-DOH-1YPk.js";import"./label-BkXPoL3G.js";import{b as h}from"./field-CMcGBkdh.js";var g=t(e()),_=t(n());const{useArgs:v}=__STORYBOOK_MODULE_PREVIEW_API__;var y={title:`Modals/Modal`,component:p,args:{visible:!0,centered:!0,width:`300px`,heading:`Are you sure?`,content:(0,_.jsx)(_.Fragment,{children:`This will complete the transaction`}),footer:(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(a,{label:`Okay`,colored:!0,onClick:()=>{}}),(0,_.jsx)(a,{label:`Cancel`,onClick:()=>{}})]}),onClose:()=>{}},parameters:{docs:{story:{inline:!1,iframeHeight:400}}}};const b=()=>{let[{visible:e,centered:t,...n},r]=v(),i=()=>{r({visible:!e})};return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(p,{visible:e,centered:t,children:(0,_.jsx)(m,{dialog:{...n,onClose:i}})}),(0,_.jsx)(a,{label:`Open Modal`,onClick:i})]})},x=b.bind({}),S=b.bind({});S.args={subheading:`This is a subtitle`};const C=b.bind({});C.args={centered:!0};const w=b.bind({});w.args={content:[`This is a`,`new line!`]};const T=b.bind({});T.args={scroll:!0,content:(0,_.jsx)(`div`,{children:`Example modal content goes here lorem ipsum. `.repeat(100)})};const E=b.bind({});E.args={width:`100%`,content:(0,_.jsx)(`div`,{children:`Example modal content goes here lorem ipsum. `.repeat(100)})};const D=b.bind({});D.args={contentPadding:0};const O=b.bind({});O.args={content:(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(i,{text:`Tooltip text`,children:`Hover for tooltip`}),(0,_.jsx)(f,{}),(0,_.jsx)(h,{label:`Custom Select`,helpText:`Select an animal`,children:(0,_.jsx)(c,{name:`example`,options:[`Aardvarks`,`Kangaroos`,`Monkeys`,`Possums`,`Gorilla`,`Puma`,`Patagonian Mara`,`Tarsier`,`Koala`,`Panda`,`Red Panda`,`Impala`,`Tiger`,`Crocodile`,`Bat`],onChange:()=>{},value:`Monkeys`,error:`Bad value`})}),(0,_.jsx)(h,{label:`Nested Menu`,children:(0,_.jsx)(o,{maxHeight:`240px`,menu:{label:`Menu`,trigger:r.DROP_DOWN_BUTTON,sections:[{type:s.MENU,menu:{trigger:`Text`,label:`Children`,sections:[...Array(100).keys()].map(()=>({type:`Option`,label:Math.random().toString(36).substring(7),onClick:()=>{}}))}},...[...Array(100).keys()].map(()=>({type:s.OPTION,label:Math.random().toString(36).substring(7),onClick:()=>{}}))]}})}),(0,_.jsx)(d,{content:(0,_.jsxs)(u,{small:!0,children:[(0,_.jsx)(l,{value:`Value`,width:`150px`,error:`Bad value`}),(0,_.jsx)(a,{colored:!0,label:`Save`,onClick:()=>{}}),(0,_.jsx)(a,{label:`Cancel`,onClick:()=>{}})]}),children:(0,_.jsx)(a,{colored:!0,label:`Toggle me`,onClick:()=>{}})})]})};const k=()=>{let[e,t]=(0,g.useState)(!1),n=()=>{t(!0)},r=()=>{t(!1)},i=()=>{console.log(`Submit action`),r()};return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(p,{visible:e,onEnter:()=>{console.log(`Enter`),i()},onEscape:()=>{console.log(`Escape`),r()},children:(0,_.jsx)(m,{dialog:{heading:`Test key handling`,content:(0,_.jsx)(l,{}),footer:(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(a,{label:`Done`,colored:`red`,onClick:i}),(0,_.jsx)(a,{label:`Cancel`,onClick:r})]}),onClose:r}})}),(0,_.jsx)(a,{label:`Open Modal`,onClick:n})]})},A=()=>{let[e,t]=(0,g.useState)(!1),n=()=>t(!e),[r,i]=(0,g.useState)(!1),o=()=>i(!r);return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(p,{visible:e,children:(0,_.jsx)(m,{dialog:{heading:`Modal 1`,content:`Lorem ipsum dolor sit amet`,footer:(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(a,{label:`Open modal 2`,colored:!0,onClick:o}),(0,_.jsx)(p,{visible:r,children:(0,_.jsx)(m,{dialog:{heading:`Modal 2`,content:`Lorem ipsum dolor sit amet`,footer:(0,_.jsx)(a,{label:`Close`,onClick:o}),onClose:o}})}),(0,_.jsx)(a,{label:`Close`,onClick:n})]}),onClose:n}})}),(0,_.jsx)(a,{label:`Open modal 1`,onClick:n})]})};k.__docgenInfo={description:``,methods:[],displayName:`KeyHandle`},A.__docgenInfo={description:``,methods:[],displayName:`MultipleModals`},x.parameters={...x.parameters,docs:{...x.parameters?.docs,source:{originalSource:`() => {
|
|
2
2
|
const [{
|
|
3
3
|
visible,
|
|
4
4
|
centered,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{E as e,M as t,h as n,l as r}from"./iframe-
|
|
1
|
+
import{E as e,M as t,h as n,l as r}from"./iframe-EU22ddzP.js";import"./react-dom-rzgPE705.js";import"./tooltip-N1V1x_Kn.js";import"./help-icon-DzkFHroz.js";import"./heading-DC2eTr4r.js";import"./lodash-CiSVjb27.js";import{b as i}from"./button-DXVRmU6A.js";import"./spinner-gc9uGw0J.js";import"./use-keyboard-event-DJxq2Iwi.js";import{b as a,c as o}from"./modal-W5JR3-fd.js";import"./portal-DOH-1YPk.js";e();var s=t(n());const{useArgs:c}=__STORYBOOK_MODULE_PREVIEW_API__,{expect:l,userEvent:u,waitFor:d,within:f}=__STORYBOOK_MODULE_TEST__;var p={title:`Modals/Modal/Test Cases`,component:a,args:{visible:!0,centered:!0,width:`300px`,heading:`Are you sure?`,content:(0,s.jsx)(s.Fragment,{children:`This will complete the transaction`}),footer:(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(i,{label:`Okay`,colored:!0,onClick:()=>{}}),(0,s.jsx)(i,{label:`Cancel`,onClick:()=>{}})]}),onClose:()=>{}},parameters:{docs:{story:{inline:!1,iframeHeight:400}}},tags:[`!autodocs`]};const m=()=>{let[{visible:e,centered:t,...n},r]=c(),l=()=>{r({visible:!e})};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(a,{visible:e,centered:t,children:(0,s.jsx)(o,{dialog:{...n,onClose:l}})}),(0,s.jsx)(i,{label:`Open Modal`,onClick:l,ignoreDisabledContext:!0})]})},h=m.bind({});h.args={testId:`testId`},h.play=async({canvasElement:e,step:t})=>{let n=f(e),r=f(document.body);await t(`Modal should appear when triggered`,async()=>{let e=n.getByText(`Open Modal`);await u.click(e),await d(()=>{let e=r.getByText(`Are you sure?`);l(e).toBeInTheDocument()})}),await t(`Modal should disappear when close button pressed`,async()=>{let e=await d(()=>r.getByTestId(`testId`)),t=await d(()=>r.getByTestId(`testId-dismiss`));await u.click(t),await d(()=>l(e).not.toBeInTheDocument())})};const g=m.bind({});g.decorators=[e=>(0,s.jsx)(r.Provider,{value:!0,children:(0,s.jsx)(e,{})})],h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`() => {
|
|
2
2
|
const [{
|
|
3
3
|
visible,
|
|
4
4
|
centered,
|
|
@@ -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"./lodash-CiSVjb27.js";import{c as i}from"./enum-_bzRAybU.js";import{b as a}from"./helpers-CNN6kPjR.js";import{b as o}from"./input-BdYHHPue.js";import{e as s,l as c,p as l,r as u,s as d,u as f,v as p,w as m,y as h}from"./dist-3hm1VO_N.js";const g=e=>String(m(e)),_=e=>{let t=c(e);return t?e:g(d(p(e),14))};var v=t(e()),y=t(r()),b=t(n());const x=e=>e?typeof e==`string`?e:(0,y.isArray)(e)?e[0]:e.fieldName:``,S=({name:e,placeholder:t=``,disabled:n=!1,error:r=!1,left:c=!1,small:d=!1,width:m=`100%`,value:y=``,onChange:S=()=>{},onFocus:C=()=>{},onBlur:w=()=>{},selectOnFocus:T,tabIndex:E=0,testId:D,tooltip:O=null,warning:k=!1,validationCallback:A=()=>{},allowEmpty:j=!1,isInTable:M,groupOrder:N,enableCosmeticRounding:P=!0,enableDisplayRounding:F=!1,roundDisplayValue:I,disableInternalErrorValidationMessages:L=!1,disableValidationOnFocus:R=!1})=>{let z=e=>{let n=h(e),r=t&&a(e),i=[1/0,-1/0].includes(Number(e));return i||r?{valid:!0,errors:[]}:j&&e===``||n.valid?{...n,valid:!0,errors:void 0}:n},B=e=>{let t=!!e?.endsWith(`0`),n=P&&e&&!t&&z(e)?.valid,r=n?_(e):e;return g(r)},V=(0,v.useRef)(null),[H,U]=(0,v.useState)(B(g(y))),[W,G]=(0,v.useState)(!1),K=x(e),{valid:q,errors:J}=z(H),Y=J&&J.length&&!L?J[0]:null;(0,v.useEffect)(()=>{let e=B(g(y)),t=p(H)!==p(e);t&&U(e)},[y,P,F]),(0,v.useEffect)(()=>{(R||!W)&&!q?A(K,Y):A(K,null)},[W,q,r]);let X=e=>{let n=`key`in e?H:e?.target?.value,r=s(n.replaceAll(` `,``).replaceAll(`|`,``));if(U(r),z(r)?.valid||t&&a(n)){let t={...e,target:{...e.target,value:f(g(r)),name:K}};S(t)}};(0,v.useEffect)(()=>{if(V&&V?.current&&F&&W){let e=V.current;e&&!T&&setTimeout(()=>{let{length:t}=g(H);e.setSelectionRange(t,t)},0)}},[W]);let Z=e=>{G(!0),C(e)},Q=e=>{G(!1),w(e)},$=e=>M?u(e,2):l(e,4),ee=F&&!W&&q,te=ee?I?g(I(H)):$(y):H,ne=e=>{e.key===i.ENTER&&X(e)};return(0,b.jsx)(o,{type:`text`,name:K,testId:D,disabled:n,placeholder:t,value:te,onChange:X,onFocus:Z,onBlur:Q,onKeyDown:ne,error:Y||r,warning:k,right:!c,small:d,width:m,isInTable:M,groupOrder:N,selectOnFocus:T,tabIndex:E,tooltip:O,ref:V},K)};S.__docgenInfo={description:``,methods:[],displayName:`NumberInput`,props:{name:{required:!1,tsType:{name:`union`,raw:`string | { fieldName: string }`,elements:[{name:`string`},{name:`signature`,type:`object`,raw:`{ fieldName: string }`,signature:{properties:[{key:`fieldName`,value:{name:`string`,required:!0}}]}}]},description:``},placeholder:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`''`,computed:!1}},disabled:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},error:{required:!1,tsType:{name:`union`,raw:`string | boolean`,elements:[{name:`string`},{name:`boolean`}]},description:``,defaultValue:{value:`false`,computed:!1}},left:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},small:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},width:{required:!1,tsType:{name:`union`,raw:`string | number`,elements:[{name:`string`},{name:`number`}]},description:``,defaultValue:{value:`'100%'`,computed:!1}},value:{required:!1,tsType:{name:`union`,raw:`string | number`,elements:[{name:`string`},{name:`number`}]},description:``,defaultValue:{value:`''`,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"./enum-_bzRAybU.js";import"./helpers-CNN6kPjR.js";import"./input-BdYHHPue.js";import"./dist-3hm1VO_N.js";import"./number-input-CO11SW2l.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,m as d,n as f,o as p,p as m}from"./number-input.stories-Re1KujgJ.js";export{e as AllowEmpty,t as BadInput,n as Default,r as DisableSelectOnFocus,i as Disabled,a as Error,o as Left,s as SelectOnFocusWithRounding,c as Small,l as Warning,u as Width,d as WithCustomDisplayRounding,f as WithDisplayRounding,p as __namedExportsOrder,m as default};
|
package/dist/storybook/assets/{number-input.stories-BGjpbuGx.js → number-input.stories-Re1KujgJ.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{r}from"./dist-3hm1VO_N.js";import{b as i}from"./number-input-CO11SW2l.js";e();var a=t(n());const{useArgs:o}=__STORYBOOK_MODULE_PREVIEW_API__;var s={title:`Forms/NumberInput`,component:i,parameters:{canvas:{page:null}},args:{label:`Label`}};const c=e=>{let[t,n]=o(),r=e=>{n({value:e.target.value})};return(0,a.jsx)(i,{onChange:r,value:123,...e})},l=c.bind({}),u=c.bind({});u.args={small:!0};const d=c.bind({});d.args={width:`150px`};const f=c.bind({});f.args={left:!0};const p=c.bind({});p.args={disabled:!0};const m=c.bind({});m.args={allowEmpty:!0,value:``};const h=c.bind({});h.args={warning:`This input number is almost 100!`,value:`99`};const g=c.bind({});g.args={error:`This is a error message`};const _=c.bind({});_.args={value:`123test`};const v=c.bind({});v.args={value:`123.123456789`,enableDisplayRounding:!0};const y=c.bind({});y.args={value:`123.123456789`,enableDisplayRounding:!0,roundDisplayValue:e=>r(e,4)};const b=c.bind({});b.args={value:`123.123456789`,selectOnFocus:!1};const x=c.bind({});x.args={value:`123.123456789`,enableDisplayRounding:!0,selectOnFocus:!0},l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`args => {
|
|
2
2
|
const [_, updateArgs] = useArgs();
|
|
3
3
|
const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
|
|
4
4
|
updateArgs({
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{E as e,M as t,d as n,f as r,h as i}from"./iframe-D4Zg62hF.js";import"./react-dom-DrHyh6_j.js";import"./tooltip-BDJkAs31.js";import"./help-icon-7rahs3sO.js";import{b as a}from"./heading-B4XmPyQx.js";import{b as o}from"./text-DVka0T2p.js";import"./lodash-DCsx9Ntr.js";import{b as s}from"./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{b as c}from"./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"./input-BQQrNKmr.js";import{b as l}from"./input-group-VNNfEwqC.js";import{b as u}from"./input-group-addon-DhpBpIxI.js";import"./dist-3hm1VO_N.js";import{b as d}from"./number-input-CYtGXTJS.js";import{b as f}from"./card-BNQ_Ty0W.js";import{b as p}from"./spacer-CXxVsxF9.js";import{b as m}from"./toggle-C_si2Zbr.js";import"./label-CT4MqTF7.js";import{b as h}from"./field-jj7svWmp.js";import"./styled-components.browser.esm-DG0FhB-e.js";import"./emotion-is-prop-valid.esm-BTIsZlY_.js";import{b as g}from"./grid-tfYbM62b.js";var _=t(e()),v=t(i());const{expect:y,fireEvent:b,userEvent:x,within:S,waitFor:C}=__STORYBOOK_MODULE_TEST__;var w={title:`Forms/NumberInput/Test Cases`,component:d,parameters:{canvas:{page:null}},args:{label:`Label`},tags:[`!autodocs`]};const T=()=>(0,v.jsxs)(l,{small:!0,children:[(0,v.jsx)(d,{value:123}),(0,v.jsx)(u,{children:`to`}),(0,v.jsx)(d,{value:123}),(0,v.jsx)(c,{options:[{value:`units`,label:`units`}],width:`auto`,value:`units`})]}),E=()=>{let[e,t]=(0,_.useState)(`123|m`);return(0,v.jsx)(d,{name:`example`,onChange:e=>t(e.target.value),placeholder:`Type a value...`,value:e,testId:`testId`})};E.play=async({canvasElement:e,step:t})=>{let n=S(e),r=S(e.ownerDocument.body);await t(`Shows validation error for non-numeric input`,async()=>{let e=n.getByTestId(`testId`);await x.clear(e),await x.type(e,`123x45s6`),await y(n.getByDisplayValue(`123x45s6`)).toBeInTheDocument(),await b.mouseOver(e),await y(e.getAttribute(`data-error`)).toEqual(`Must be a numerical value`),await C(()=>{y(r.getByText(`Must be a numerical value`)).toBeInTheDocument()})})};const D=()=>{let[e,t]=(0,_.useState)(`123`);return(0,v.jsx)(d,{value:e,onChange:e=>{t(e.target.value)},testId:`testId`,enableDisplayRounding:!0})};D.play=async({canvasElement:e,step:t})=>{let n=S(e);await t(`Value should be rounded on blur`,async()=>{let t=n.getByTestId(`testId`);await x.clear(t),await x.type(t,`123.123456789`),await x.click(e),await y(n.getByDisplayValue(`123.1`)).toBeInTheDocument()}),await t(`Full value shown on focus`,async()=>{let e=n.getByTestId(`testId`);await x.click(e),await y(n.getByDisplayValue(`123.123456789`)).toBeInTheDocument()})};const O=()=>{let[e,t]=(0,_.useState)(!0),n=()=>{t(!1),setTimeout(()=>t(!0),0)},[i,o]=(0,_.useState)(`123`);return(0,v.jsxs)(g,{columns:`1fr 1fr`,gap:!0,children:[(0,v.jsxs)(f,{heading:(0,v.jsx)(a,{children:`Storage State (Redux)`}),children:[i,(0,v.jsx)(p,{}),(0,v.jsx)(s,{label:`Change value`,onClick:()=>o(String(Math.floor(Math.random()*100)))})]}),(0,v.jsx)(f,{heading:(0,v.jsx)(a,{icon:(0,v.jsx)(r,{icon:`refresh`}),onIconClick:n,children:`NumberInput`}),children:e&&(0,v.jsx)(d,{value:i,onChange:e=>{o(e.target.value)},error:Number(i)>=0?``:`Value must be positive`})})]})},k=()=>{let[e,t]=(0,_.useState)(!0),i=()=>{t(!1),setTimeout(()=>t(!0),0)},[c,l]=(0,_.useState)(!1),[u,y]=(0,_.useState)(!0),[b,x]=(0,_.useState)(`0.6889763779527558`),[S,C]=(0,_.useState)(``),w=Number(b)*.3048;return(0,v.jsxs)(g,{columns:`1fr 1fr`,gap:!0,children:[(0,v.jsxs)(f,{heading:(0,v.jsx)(a,{children:`Settings`}),children:[(0,v.jsx)(h,{label:`Enable display rounding:`,labelLeft:!0,labelWidth:200,children:(0,v.jsx)(m,{checked:c,onChange:e=>l(e.target.checked)})}),(0,v.jsx)(h,{label:`Enable cosmetic rounding:`,labelLeft:!0,labelWidth:200,children:(0,v.jsx)(m,{checked:u,onChange:e=>y(e.target.checked)})})]}),(0,v.jsxs)(f,{heading:(0,v.jsx)(a,{icon:(0,v.jsx)(r,{icon:`refresh`,testId:`triggerRerenderTestId`}),onIconClick:i,children:`NumberInput (displayed in Meters)`}),children:[(0,v.jsx)(o,{faint:!0,children:`Cosmetic Rounding Test Cases: type 0.21 then return (compare with enableCosmeticRounding on and off)`}),(0,v.jsx)(p,{}),e&&(0,v.jsx)(d,{name:`Example`,value:w,onChange:e=>{let t=String(Number(e.target.value)/.3048);x(t)},enableDisplayRounding:c,enableCosmeticRounding:u,error:Number(b)>=0?``:`Value must be positive`,validationCallback:(e,t)=>{C(t??``)},testId:`testId`})]}),(0,v.jsxs)(f,{heading:(0,v.jsx)(a,{children:`Storage State / Redux (stored in Feet)`}),children:[b,(0,v.jsx)(p,{}),(0,v.jsx)(s,{label:`Change value`,onClick:()=>x(String(Math.floor(Math.random()*100)))})]}),(0,v.jsx)(f,{heading:(0,v.jsx)(a,{children:`Test Validation Callback`}),children:S&&(0,v.jsx)(n,{message:{content:S,icon:!0,type:`Error`,visible:!0}})})]})};k.play=async({canvasElement:e,step:t})=>{let n=S(e),r=S(e.ownerDocument.body);await t(`Can enter decimal values`,async()=>{let t=n.getByTestId(`testId`);await x.clear(t),await x.type(t,`123.123456789`),await x.click(e),await y(n.getByDisplayValue(`123.123456789`)).toBeInTheDocument()}),await t(`Can enter scientific notation when storage unit is different`,async()=>{let e=n.getByTestId(`testId`);await x.clear(e),await x.type(e,`-1.12e-3`),await y(n.getByDisplayValue(`-1.12e-3`)).toBeInTheDocument();let t=n.getByTestId(`triggerRerenderTestId`);await t.click(),await C(()=>{y(n.getByDisplayValue(-.00112)).toBeInTheDocument()})}),await t(`Can enter comma decimals (converts to dot)`,async()=>{let e=n.getByTestId(`testId`);await x.clear(e),await x.type(e,`123,456`),await y(n.getByDisplayValue(`123.456`)).toBeInTheDocument()}),await t(`Can enter small numbers`,async()=>{let e=n.getByTestId(`testId`);await x.clear(e),await x.type(e,`0.0000000023`),await y(n.getByDisplayValue(`0.0000000023`)).toBeInTheDocument()}),await t(`Can enter large numbers`,async()=>{let e=n.getByTestId(`testId`);await x.clear(e),await x.type(e,`999999999999`),await y(n.getByDisplayValue(`999999999999`)).toBeInTheDocument()}),await t(`Can enter explicit + symbol in numbers`,async()=>{let e=n.getByTestId(`testId`);await x.clear(e),await x.type(e,`+1.23e+3`),await y(n.getByDisplayValue(`+1.23e+3`)).toBeInTheDocument()}),await t(`Shows validation error for non-numeric input`,async()=>{let t=n.getByTestId(`testId`);await x.clear(t),await x.type(t,`123x45s6`),await x.click(e),await y(n.getByDisplayValue(`123x45s6`)).toBeInTheDocument(),await y(t.getAttribute(`data-error`)).toEqual(`Must be a numerical value`),await b.mouseOver(t),await C(()=>{y(r.getAllByText(`Must be a numerical value`).length).toEqual(2)})})};const A=()=>{let[e,t]=(0,_.useState)(`123`);return(0,v.jsx)(d,{value:e,onChange:e=>{t(e.target.value)},testId:`testId`})};A.play=async({canvasElement:e,step:t})=>{let n=S(e),r=S(e.ownerDocument.body);await t(`Can enter decimal values`,async()=>{let e=n.getByTestId(`testId`);await x.clear(e),await x.type(e,`123.123456789`),await y(n.getByDisplayValue(`123.123456789`)).toBeInTheDocument()}),await t(`Can enter scientific notation`,async()=>{let e=n.getByTestId(`testId`);await x.clear(e),await x.type(e,`-1.12e3`),await y(n.getByDisplayValue(`-1.12e3`)).toBeInTheDocument()}),await t(`Can enter comma decimals (converts to dot)`,async()=>{let e=n.getByTestId(`testId`);await x.clear(e),await x.type(e,`123,456`),await y(n.getByDisplayValue(`123.456`)).toBeInTheDocument()}),await t(`Can enter small numbers`,async()=>{let e=n.getByTestId(`testId`);await x.clear(e),await x.type(e,`0.0000000023`),await y(n.getByDisplayValue(`0.0000000023`)).toBeInTheDocument()}),await t(`Can enter large numbers`,async()=>{let e=n.getByTestId(`testId`);await x.clear(e),await x.type(e,`999999999999`),await y(n.getByDisplayValue(`999999999999`)).toBeInTheDocument()}),await t(`Can enter explicit + symbol in numbers`,async()=>{let e=n.getByTestId(`testId`);await x.clear(e),await x.type(e,`+1.23e+3`),await y(n.getByDisplayValue(`+1.23e+3`)).toBeInTheDocument()}),await t(`Shows validation error for non-numeric input`,async()=>{let e=n.getByTestId(`testId`);await x.clear(e),await x.type(e,`123x45s6`),await y(n.getByDisplayValue(`123x45s6`)).toBeInTheDocument(),await y(e.getAttribute(`data-error`)).toEqual(`Must be a numerical value`),await b.mouseOver(e),await C(()=>{y(r.getByText(`Must be a numerical value`)).toBeInTheDocument()})})};const j=()=>{let[e,t]=(0,_.useState)(`123|m`);return(0,v.jsx)(d,{name:`example`,onChange:e=>t(e.target.value),placeholder:`Type a value...`,value:e,testId:`testId`})};j.play=async({canvasElement:e,step:t})=>{let n=S(e);S(e.ownerDocument.body),await t(`Shows validation error for non-numeric input`,async()=>{let e=n.getByTestId(`testId`);await x.clear(e),await x.type(e,`Infinity`),await y(n.getByDisplayValue(`Infinity`)).toBeInTheDocument(),await y(e.getAttribute(`data-error`)).toBeNull()}),await t(`Shows validation error for non-numeric input`,async()=>{let e=n.getByTestId(`testId`);await x.clear(e),await x.type(e,`-Infinity`),await y(n.getByDisplayValue(`-Infinity`)).toBeInTheDocument(),await y(e.getAttribute(`data-error`)).toBeNull()})},T.__docgenInfo={description:``,methods:[],displayName:`TestInputGroup`},E.__docgenInfo={description:``,methods:[{name:`play`,docblock:null,modifiers:[`static`],params:[{name:`{ canvasElement, step }`,optional:!1,type:null}],returns:null}],displayName:`Placeholder`},D.__docgenInfo={description:``,methods:[{name:`play`,docblock:null,modifiers:[`static`],params:[{name:`{ canvasElement, step }`,optional:!1,type:null}],returns:null}],displayName:`TestDisplayRounding`},O.__docgenInfo={description:``,methods:[],displayName:`ManagedTestCase`},k.__docgenInfo={description:``,methods:[{name:`play`,docblock:null,modifiers:[`static`],params:[{name:`{ canvasElement, step }`,optional:!1,type:null}],returns:null}],displayName:`DemoCosmeticRounding`},A.__docgenInfo={description:``,methods:[{name:`play`,docblock:null,modifiers:[`static`],params:[{name:`{ canvasElement, step }`,optional:!1,type:null}],returns:null}],displayName:`TestUserInput`},j.__docgenInfo={description:``,methods:[{name:`play`,docblock:null,modifiers:[`static`],params:[{name:`{ canvasElement, step }`,optional:!1,type:null}],returns:null}],displayName:`InfinityTest`},T.parameters={...T.parameters,docs:{...T.parameters?.docs,source:{originalSource:`() => <InputGroup small>
|
|
1
|
+
import{E as e,M as t,d as n,f as r,h as i}from"./iframe-EU22ddzP.js";import"./react-dom-rzgPE705.js";import"./tooltip-N1V1x_Kn.js";import"./help-icon-DzkFHroz.js";import{b as a}from"./heading-DC2eTr4r.js";import{b as o}from"./text-CkkjKEEc.js";import"./lodash-CiSVjb27.js";import{b as s}from"./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{b as c}from"./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{b as l}from"./input-group-D24O4Bxc.js";import{b as u}from"./input-group-addon-DZoIwpw9.js";import"./dist-3hm1VO_N.js";import{b as d}from"./number-input-CO11SW2l.js";import{b as f}from"./card-WLrmR7W6.js";import{b as p}from"./spacer-vcWIopH5.js";import{b as m}from"./toggle-BAmO7wKa.js";import"./label-BkXPoL3G.js";import{b as h}from"./field-CMcGBkdh.js";import"./styled-components.browser.esm-DWmnuEYo.js";import"./emotion-is-prop-valid.esm-BUoVdhe_.js";import{b as g}from"./grid-BFBK01ob.js";var _=t(e()),v=t(i());const{expect:y,fireEvent:b,userEvent:x,within:S,waitFor:C}=__STORYBOOK_MODULE_TEST__;var w={title:`Forms/NumberInput/Test Cases`,component:d,parameters:{canvas:{page:null}},args:{label:`Label`},tags:[`!autodocs`]};const T=()=>(0,v.jsxs)(l,{small:!0,children:[(0,v.jsx)(d,{value:123}),(0,v.jsx)(u,{children:`to`}),(0,v.jsx)(d,{value:123}),(0,v.jsx)(c,{options:[{value:`units`,label:`units`}],width:`auto`,value:`units`})]}),E=()=>{let[e,t]=(0,_.useState)(`123|m`);return(0,v.jsx)(d,{name:`example`,onChange:e=>t(e.target.value),placeholder:`Type a value...`,value:e,testId:`testId`})};E.play=async({canvasElement:e,step:t})=>{let n=S(e),r=S(e.ownerDocument.body);await t(`Shows validation error for non-numeric input`,async()=>{let e=n.getByTestId(`testId`);await x.clear(e),await x.type(e,`123x45s6`),await y(n.getByDisplayValue(`123x45s6`)).toBeInTheDocument(),await b.mouseOver(e),await y(e.getAttribute(`data-error`)).toEqual(`Must be a numerical value`),await C(()=>{y(r.getByText(`Must be a numerical value`)).toBeInTheDocument()})})};const D=()=>{let[e,t]=(0,_.useState)(`123`);return(0,v.jsx)(d,{value:e,onChange:e=>{t(e.target.value)},testId:`testId`,enableDisplayRounding:!0})};D.play=async({canvasElement:e,step:t})=>{let n=S(e);await t(`Value should be rounded on blur`,async()=>{let t=n.getByTestId(`testId`);await x.clear(t),await x.type(t,`123.123456789`),await x.click(e),await y(n.getByDisplayValue(`123.1`)).toBeInTheDocument()}),await t(`Full value shown on focus`,async()=>{let e=n.getByTestId(`testId`);await x.click(e),await y(n.getByDisplayValue(`123.123456789`)).toBeInTheDocument()})};const O=()=>{let[e,t]=(0,_.useState)(!0),n=()=>{t(!1),setTimeout(()=>t(!0),0)},[i,o]=(0,_.useState)(`123`);return(0,v.jsxs)(g,{columns:`1fr 1fr`,gap:!0,children:[(0,v.jsxs)(f,{heading:(0,v.jsx)(a,{children:`Storage State (Redux)`}),children:[i,(0,v.jsx)(p,{}),(0,v.jsx)(s,{label:`Change value`,onClick:()=>o(String(Math.floor(Math.random()*100)))})]}),(0,v.jsx)(f,{heading:(0,v.jsx)(a,{icon:(0,v.jsx)(r,{icon:`refresh`}),onIconClick:n,children:`NumberInput`}),children:e&&(0,v.jsx)(d,{value:i,onChange:e=>{o(e.target.value)},error:Number(i)>=0?``:`Value must be positive`})})]})},k=()=>{let[e,t]=(0,_.useState)(!0),i=()=>{t(!1),setTimeout(()=>t(!0),0)},[c,l]=(0,_.useState)(!1),[u,y]=(0,_.useState)(!0),[b,x]=(0,_.useState)(`0.6889763779527558`),[S,C]=(0,_.useState)(``),w=Number(b)*.3048;return(0,v.jsxs)(g,{columns:`1fr 1fr`,gap:!0,children:[(0,v.jsxs)(f,{heading:(0,v.jsx)(a,{children:`Settings`}),children:[(0,v.jsx)(h,{label:`Enable display rounding:`,labelLeft:!0,labelWidth:200,children:(0,v.jsx)(m,{checked:c,onChange:e=>l(e.target.checked)})}),(0,v.jsx)(h,{label:`Enable cosmetic rounding:`,labelLeft:!0,labelWidth:200,children:(0,v.jsx)(m,{checked:u,onChange:e=>y(e.target.checked)})})]}),(0,v.jsxs)(f,{heading:(0,v.jsx)(a,{icon:(0,v.jsx)(r,{icon:`refresh`,testId:`triggerRerenderTestId`}),onIconClick:i,children:`NumberInput (displayed in Meters)`}),children:[(0,v.jsx)(o,{faint:!0,children:`Cosmetic Rounding Test Cases: type 0.21 then return (compare with enableCosmeticRounding on and off)`}),(0,v.jsx)(p,{}),e&&(0,v.jsx)(d,{name:`Example`,value:w,onChange:e=>{let t=String(Number(e.target.value)/.3048);x(t)},enableDisplayRounding:c,enableCosmeticRounding:u,error:Number(b)>=0?``:`Value must be positive`,validationCallback:(e,t)=>{C(t??``)},testId:`testId`})]}),(0,v.jsxs)(f,{heading:(0,v.jsx)(a,{children:`Storage State / Redux (stored in Feet)`}),children:[b,(0,v.jsx)(p,{}),(0,v.jsx)(s,{label:`Change value`,onClick:()=>x(String(Math.floor(Math.random()*100)))})]}),(0,v.jsx)(f,{heading:(0,v.jsx)(a,{children:`Test Validation Callback`}),children:S&&(0,v.jsx)(n,{message:{content:S,icon:!0,type:`Error`,visible:!0}})})]})};k.play=async({canvasElement:e,step:t})=>{let n=S(e),r=S(e.ownerDocument.body);await t(`Can enter decimal values`,async()=>{let t=n.getByTestId(`testId`);await x.clear(t),await x.type(t,`123.123456789`),await x.click(e),await y(n.getByDisplayValue(`123.123456789`)).toBeInTheDocument()}),await t(`Can enter scientific notation when storage unit is different`,async()=>{let e=n.getByTestId(`testId`);await x.clear(e),await x.type(e,`-1.12e-3`),await y(n.getByDisplayValue(`-1.12e-3`)).toBeInTheDocument();let t=n.getByTestId(`triggerRerenderTestId`);await t.click(),await C(()=>{y(n.getByDisplayValue(-.00112)).toBeInTheDocument()})}),await t(`Can enter comma decimals (converts to dot)`,async()=>{let e=n.getByTestId(`testId`);await x.clear(e),await x.type(e,`123,456`),await y(n.getByDisplayValue(`123.456`)).toBeInTheDocument()}),await t(`Can enter small numbers`,async()=>{let e=n.getByTestId(`testId`);await x.clear(e),await x.type(e,`0.0000000023`),await y(n.getByDisplayValue(`0.0000000023`)).toBeInTheDocument()}),await t(`Can enter large numbers`,async()=>{let e=n.getByTestId(`testId`);await x.clear(e),await x.type(e,`999999999999`),await y(n.getByDisplayValue(`999999999999`)).toBeInTheDocument()}),await t(`Can enter explicit + symbol in numbers`,async()=>{let e=n.getByTestId(`testId`);await x.clear(e),await x.type(e,`+1.23e+3`),await y(n.getByDisplayValue(`+1.23e+3`)).toBeInTheDocument()}),await t(`Shows validation error for non-numeric input`,async()=>{let t=n.getByTestId(`testId`);await x.clear(t),await x.type(t,`123x45s6`),await x.click(e),await y(n.getByDisplayValue(`123x45s6`)).toBeInTheDocument(),await y(t.getAttribute(`data-error`)).toEqual(`Must be a numerical value`),await b.mouseOver(t),await C(()=>{y(r.getAllByText(`Must be a numerical value`).length).toEqual(2)})})};const A=()=>{let[e,t]=(0,_.useState)(`123`);return(0,v.jsx)(d,{value:e,onChange:e=>{t(e.target.value)},testId:`testId`})};A.play=async({canvasElement:e,step:t})=>{let n=S(e),r=S(e.ownerDocument.body);await t(`Can enter decimal values`,async()=>{let e=n.getByTestId(`testId`);await x.clear(e),await x.type(e,`123.123456789`),await y(n.getByDisplayValue(`123.123456789`)).toBeInTheDocument()}),await t(`Can enter scientific notation`,async()=>{let e=n.getByTestId(`testId`);await x.clear(e),await x.type(e,`-1.12e3`),await y(n.getByDisplayValue(`-1.12e3`)).toBeInTheDocument()}),await t(`Can enter comma decimals (converts to dot)`,async()=>{let e=n.getByTestId(`testId`);await x.clear(e),await x.type(e,`123,456`),await y(n.getByDisplayValue(`123.456`)).toBeInTheDocument()}),await t(`Can enter small numbers`,async()=>{let e=n.getByTestId(`testId`);await x.clear(e),await x.type(e,`0.0000000023`),await y(n.getByDisplayValue(`0.0000000023`)).toBeInTheDocument()}),await t(`Can enter large numbers`,async()=>{let e=n.getByTestId(`testId`);await x.clear(e),await x.type(e,`999999999999`),await y(n.getByDisplayValue(`999999999999`)).toBeInTheDocument()}),await t(`Can enter explicit + symbol in numbers`,async()=>{let e=n.getByTestId(`testId`);await x.clear(e),await x.type(e,`+1.23e+3`),await y(n.getByDisplayValue(`+1.23e+3`)).toBeInTheDocument()}),await t(`Shows validation error for non-numeric input`,async()=>{let e=n.getByTestId(`testId`);await x.clear(e),await x.type(e,`123x45s6`),await y(n.getByDisplayValue(`123x45s6`)).toBeInTheDocument(),await y(e.getAttribute(`data-error`)).toEqual(`Must be a numerical value`),await b.mouseOver(e),await C(()=>{y(r.getByText(`Must be a numerical value`)).toBeInTheDocument()})})};const j=()=>{let[e,t]=(0,_.useState)(`123|m`);return(0,v.jsx)(d,{name:`example`,onChange:e=>t(e.target.value),placeholder:`Type a value...`,value:e,testId:`testId`})};j.play=async({canvasElement:e,step:t})=>{let n=S(e);S(e.ownerDocument.body),await t(`Shows validation error for non-numeric input`,async()=>{let e=n.getByTestId(`testId`);await x.clear(e),await x.type(e,`Infinity`),await y(n.getByDisplayValue(`Infinity`)).toBeInTheDocument(),await y(e.getAttribute(`data-error`)).toBeNull()}),await t(`Shows validation error for non-numeric input`,async()=>{let e=n.getByTestId(`testId`);await x.clear(e),await x.type(e,`-Infinity`),await y(n.getByDisplayValue(`-Infinity`)).toBeInTheDocument(),await y(e.getAttribute(`data-error`)).toBeNull()})},T.__docgenInfo={description:``,methods:[],displayName:`TestInputGroup`},E.__docgenInfo={description:``,methods:[{name:`play`,docblock:null,modifiers:[`static`],params:[{name:`{ canvasElement, step }`,optional:!1,type:null}],returns:null}],displayName:`Placeholder`},D.__docgenInfo={description:``,methods:[{name:`play`,docblock:null,modifiers:[`static`],params:[{name:`{ canvasElement, step }`,optional:!1,type:null}],returns:null}],displayName:`TestDisplayRounding`},O.__docgenInfo={description:``,methods:[],displayName:`ManagedTestCase`},k.__docgenInfo={description:``,methods:[{name:`play`,docblock:null,modifiers:[`static`],params:[{name:`{ canvasElement, step }`,optional:!1,type:null}],returns:null}],displayName:`DemoCosmeticRounding`},A.__docgenInfo={description:``,methods:[{name:`play`,docblock:null,modifiers:[`static`],params:[{name:`{ canvasElement, step }`,optional:!1,type:null}],returns:null}],displayName:`TestUserInput`},j.__docgenInfo={description:``,methods:[{name:`play`,docblock:null,modifiers:[`static`],params:[{name:`{ canvasElement, step }`,optional:!1,type:null}],returns:null}],displayName:`InfinityTest`},T.parameters={...T.parameters,docs:{...T.parameters?.docs,source:{originalSource:`() => <InputGroup small>
|
|
2
2
|
<NumberInput value={123} />
|
|
3
3
|
<InputGroupAddon>to</InputGroupAddon>
|
|
4
4
|
<NumberInput value={123} />
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import"./react-dom-rzgPE705.js";import"./check-box--YUuQA9P.js";import"./tooltip-N1V1x_Kn.js";import"./help-icon-DzkFHroz.js";import"./divider-B4em5zcI.js";import"./text-CkkjKEEc.js";import"./lodash-CiSVjb27.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{b as e,c as t,d as n,e as r,f as i,g as a,h as o}from"./option-dropdown.stories-vKETLQUY.js";export{e as Default,t as OptionTestId,n as ScrollOverflow,r as SmallSize,i as TestId,a as __namedExportsOrder,o as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{A as e,E as t,M as n,h as r,z as i}from"./iframe-
|
|
1
|
+
import{A as e,E as t,M as n,h as r,z as i}from"./iframe-EU22ddzP.js";import{b as a}from"./check-box--YUuQA9P.js";import{b as o}from"./divider-B4em5zcI.js";import{c as s}from"./actions-Ct9IeQri.js";var c={menu:`_menu_12x4u_1`,header:`_header_12x4u_11`,item:`_item_12x4u_27`,heading:`_heading_12x4u_32`};t();var l=n(r());const u=({option:e,onChange:t})=>{let{key:n,label:r,selected:i,testId:o}=e??{};return(0,l.jsx)(`div`,{className:c.item,children:(0,l.jsx)(a,{label:r,noMargin:!0,checked:i,onChange:t,testId:o})},n)};u.__docgenInfo={description:``,methods:[],displayName:`Option`,props:{option:{required:!0,tsType:{name:`IOptionType`},description:``},onChange:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(
|
|
2
2
|
evt: React.MouseEvent<HTMLDivElement, MouseEvent> & {
|
|
3
3
|
target: ICheckBoxClickEvent['target'];
|
|
4
4
|
},
|
package/dist/storybook/assets/{padding-and-spacing-BZ4ZiTSH.js → padding-and-spacing-mKqkaVZM.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import"./preload-helper-D5u4KL1i.js";import{M as e,h as t}from"./iframe-
|
|
1
|
+
import"./preload-helper-D5u4KL1i.js";import{M as e,h as t}from"./iframe-EU22ddzP.js";import{c as n}from"./lib-XOSeRsDk.js";import"./dist-QKqugWZ1.js";import"./components-I7ZzC7pj.js";import"./react-dom-rzgPE705.js";import{g as r}from"./blocks-BRiP-lQk.js";var i=e(t());function a(e){let t={code:`code`,h1:`h1`,h2:`h2`,li:`li`,p:`p`,strong:`strong`,ul:`ul`,...n(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r,{title:`Padding, Margin & Size`}),`
|
|
2
2
|
`,(0,i.jsx)(t.h1,{id:`padding-margin--size`,children:`Padding, Margin & Size`}),`
|
|
3
3
|
`,(0,i.jsx)(t.h2,{id:`padding--margin`,children:`Padding & Margin`}),`
|
|
4
4
|
`,(0,i.jsx)(t.p,{children:`There are standard CSS spacing variables for padding and margin.`}),`
|
|
@@ -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={page:`_page_beskc_1`,scroll:`_scroll_beskc_23`};t();var a=n(e()),o=n(r());const s=({children:e,left:t=`var(--size-sidebar)`,padding:n=!0,scroll:r=!0,top:s=`var(--size-topbar)`})=>{let c=typeof n==`string`?n:n===!0?`var(--padding)`:`0`;return(0,o.jsx)(`div`,{className:(0,a.default)(i.page,r?i.scroll:``),style:{left:t,padding:c,top:s},children:e})};s.__docgenInfo={description:``,methods:[],displayName:`Page`,props:{children:{required:!1,tsType:{name:`ReactNode`},description:``},padding:{required:!1,tsType:{name:`union`,raw:`boolean | TStringOrNumber`,elements:[{name:`boolean`},{name:`union`,raw:`string | number`,elements:[{name:`string`},{name:`number`}]}]},description:``,defaultValue:{value:`true`,computed:!1}},left:{required:!1,tsType:{name:`union`,raw:`string | number`,elements:[{name:`string`},{name:`number`}]},description:``,defaultValue:{value:`'var(--size-sidebar)'`,computed:!1}},scroll:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`true`,computed:!1}},top:{required:!1,tsType:{name:`union`,raw:`string | number`,elements:[{name:`string`},{name:`number`}]},description:``,defaultValue:{value:`'var(--size-topbar)'`,computed:!1}}}};export{s as b};
|
|
@@ -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"./heading-DC2eTr4r.js";import"./lodash-CiSVjb27.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"./react-fast-compare-DmR1Q96O.js";import"./drawer-DwnwAjKu.js";import{b as i}from"./top-bar-DCQ-Vcgr.js";import{b as a}from"./side-bar-9Bbmkf0C.js";import{b as o}from"./page-DUJsIRkI.js";import{b as s}from"./logo-BgJ-mmNg.js";var c={printHeader:`_printHeader_o7xxx_1`};e();var l=t(n());const u=({logo:e,alt:t,logoWidth:n=`100px`})=>(0,l.jsx)(`img`,{src:e,alt:t,className:c.printHeader,style:{width:n}});u.__docgenInfo={description:``,methods:[],displayName:`PrintHeader`,props:{logo:{required:!0,tsType:{name:`string`},description:``},logoWidth:{required:!1,tsType:{name:`union`,raw:`string | number`,elements:[{name:`string`},{name:`number`}]},description:``,defaultValue:{value:`'100px'`,computed:!1}},alt:{required:!0,tsType:{name:`string`},description:``}}};const d=`Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vestibulum velit vitae dolor eleifend, quis cursus tortor tempor. Etiam laoreet tempor turpis ut tristique. In hac habitasse platea dictumst. Ut viverra vestibulum facilisis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Curabitur commodo egestas magna, at molestie quam euismod ut. Aliquam suscipit at velit vel venenatis. Morbi rhoncus odio neque, volutpat finibus risus hendrerit quis. Sed vitae justo at elit dictum semper. Suspendisse non luctus nulla. Suspendisse condimentum tellus ac elit ornare porttitor. In dignissim libero erat, eget varius nisl tincidunt sed. Duis vel viverra dolor. Mauris nisl lorem, consectetur sed ullamcorper consequat, dictum eu diam. Fusce pretium velit vitae urna tempor, id luctus velit lacinia. Suspendisse lacinia, ante eget egestas mollis, magna magna imperdiet lacus, vitae molestie purus urna et ipsum. Nulla facilisi. Nam augue sapien, dapibus id nunc a, iaculis vulputate urna. Nullam sit amet rutrum tortor. Fusce vel augue vel orci porttitor auctor. Vivamus pulvinar urna quam, non posuere lorem mollis fringilla. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque porta odio quis urna pulvinar hendrerit. Nam eros sapien, cursus at maximus id, suscipit et erat. Praesent semper consectetur lacus eu suscipit. In mi ex, feugiat sagittis facilisis ut, fermentum quis mi. Nunc egestas tempor pharetra. Nulla condimentum massa non facilisis bibendum. Sed at justo eget massa lobortis ultricies sit amet eu ex. Nullam auctor ex ac elit laoreet, vitae convallis sem egestas. Maecenas gravida eros sit amet orci dapibus, rutrum gravida nisl finibus. Pellentesque vitae lorem vulputate, accumsan ligula quis, rhoncus urna. Vestibulum velit ex, venenatis ut sagittis id, malesuada vel diam. Suspendisse et turpis eu metus luctus fermentum at consectetur est. Suspendisse sit amet tincidunt dolor. Curabitur imperdiet congue urna in fringilla. Donec nec accumsan purus. Cras et blandit turpis. Curabitur sed libero nibh. Morbi scelerisque, metus vel cursus dapibus, quam lorem placerat odio, at rhoncus diam diam eget nisi. Nulla sagittis posuere ex, vel scelerisque justo egestas vel. Duis aliquam mollis est id tristique. Ut eros libero, faucibus sed ante sit amet, euismod condimentum dolor. Aenean feugiat augue tortor, id egestas tellus porta eu. Maecenas sed dui vitae erat fringilla lacinia. Etiam nisi felis, rhoncus nec vestibulum vel, mattis eget ligula. Cras sed quam sed nisi mollis eleifend. Nulla commodo, dolor nec bibendum finibus, lorem quam tincidunt lectus, sed volutpat lorem ligula vitae leo. Aliquam efficitur eu felis at dignissim. Fusce auctor eleifend justo, ut varius sapien ullamcorper mattis. Curabitur suscipit pellentesque augue sed bibendum.`;var f={title:`Layout/Page`,component:o,parameters:{layout:`fullscreen`,docs:{story:{inline:!1,iframeHeight:400}}},argTypes:{top:{control:`text`},left:{control:`text`},padding:{control:{type:`boolean`}}}};const p=()=>(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(i,{}),(0,l.jsx)(a,{options:{title:``,sections:[]}}),(0,l.jsxs)(o,{children:[(0,l.jsx)(r,{top:!0,children:`Heading`}),d]})]}),m=()=>(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(i,{}),(0,l.jsx)(a,{options:{title:``,sections:[]}}),(0,l.jsxs)(o,{padding:!1,children:[(0,l.jsx)(r,{top:!0,children:`Heading`}),d]})]}),h=()=>(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(i,{}),(0,l.jsx)(a,{options:{title:``,sections:[]}}),(0,l.jsxs)(o,{scroll:!1,children:[(0,l.jsx)(r,{top:!0,children:`Heading`}),d]})]}),g=()=>(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(a,{options:{title:``,sections:[]}}),(0,l.jsxs)(o,{top:0,children:[(0,l.jsx)(r,{top:!0,children:`Heading`}),d]})]}),_=()=>(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(i,{}),(0,l.jsxs)(o,{left:0,children:[(0,l.jsx)(r,{top:!0,children:`Heading`}),d]})]}),v=()=>(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(u,{logo:s,logoWidth:`60px`,alt:`company logo`}),(0,l.jsx)(i,{}),(0,l.jsx)(a,{options:{title:``,sections:[]}}),(0,l.jsxs)(o,{children:[(0,l.jsx)(r,{top:!0,children:`Heading`}),d]})]});p.__docgenInfo={description:``,methods:[],displayName:`Default`},m.__docgenInfo={description:``,methods:[],displayName:`NoPadding`},h.__docgenInfo={description:``,methods:[],displayName:`NoScroll`},g.__docgenInfo={description:``,methods:[],displayName:`NoTopBar`},_.__docgenInfo={description:``,methods:[],displayName:`NoSideBar`},v.__docgenInfo={description:``,methods:[],displayName:`WithPrintHeader`},p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`() => <>
|
|
2
2
|
<TopBar />
|
|
3
3
|
<SideBar options={{
|
|
4
4
|
title: '',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{E as e,M as t,h as n,w as r}from"./iframe-
|
|
1
|
+
import{E as e,M as t,h as n,w as r}from"./iframe-EU22ddzP.js";import{b as i}from"./button-DXVRmU6A.js";import{b as a}from"./select-C3UalMKs.js";import{b as o}from"./input-BdYHHPue.js";import{b as s}from"./input-group-D24O4Bxc.js";import{b as c}from"./input-group-addon-DZoIwpw9.js";const l=(e,t)=>t||e&&e.reduce((e,t)=>t?.selected?Number(t?.value):e,10)||10,u=(e,t)=>{if(!t||!e)return 10;let{options:n,value:r}=t,i=Number(r);return i===0?1:Math.ceil(e/l(n,i))},d=(e,t,n=`Selected page must be a positive whole number between 1 and`)=>{let r=`${n} ${t}`,i={valid:!0,error:null};return e===``?i:!e.match(/^\d+$/g)||parseInt(e)<=0||parseInt(e)>t?{valid:!1,error:r}:i};var f={paginationContainer:`_paginationContainer_1tmz4_1`},p=t(e()),m=t(n());const h=({pagination:e})=>{let{rowCount:t,selectedPage:n,small:l,onSelectPage:h,rowsPerPage:g,errorMessageTemplate:_,testIds:v}=e,y=Number(g?.value)===0,b=u(t,g),[x,S]=(0,p.useState)(String(n));(0,p.useEffect)(()=>{S(String(n))},[n]);let{error:C}=d(x,b,_),w=e=>{let{valid:t}=d(e,b,_);S(e),t&&e!==``&&h&&h(Number(e))};return(0,m.jsxs)(`div`,{className:f.paginationContainer,children:[g&&(0,m.jsx)(`div`,{style:{flexShrink:0},children:(0,m.jsx)(a,{onChange:e=>{g.onChange&&g.onChange(e),w(`1`)},options:g.options,native:!!g.options,small:l,width:`auto`,value:g.value})}),(0,m.jsx)(i,{small:l,round:!0,basic:!0,icon:r.CHEVRON_DOUBLE_LEFT,onClick:()=>w(`1`),disabled:y||n===1}),(0,m.jsx)(i,{small:l,round:!0,basic:!0,icon:r.CHEVRON_LEFT,onClick:()=>w(String(Number(n)-1)),disabled:y||n===1}),(0,m.jsxs)(s,{small:l,width:`auto`,children:[(0,m.jsx)(o,{right:!0,value:x,placeholder:String(n),onChange:e=>w(e.target.value),width:`50px`,disabled:y||b<=1,error:C}),(0,m.jsxs)(c,{children:[`of `,b]})]}),(0,m.jsx)(i,{small:l,round:!0,basic:!0,icon:r.CHEVRON_RIGHT,onClick:()=>w(String(Number(n)+1)),disabled:y||n===b}),(0,m.jsx)(i,{small:l,round:!0,basic:!0,icon:r.CHEVRON_DOUBLE_RIGHT,onClick:()=>w(String(b)),disabled:y||n===b,testId:v?.doubleRightBtn})]})};h.__docgenInfo={description:``,methods:[],displayName:`Pagination`,props:{pagination:{required:!0,tsType:{name:`IPagination`},description:``}}};export{h as b};
|
package/dist/storybook/assets/{pagination.stories-uS_7UoYp.js → pagination.stories-DHwcIyb9.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"./react-dom-rzgPE705.js";import"./tooltip-N1V1x_Kn.js";import"./text-CkkjKEEc.js";import"./lodash-CiSVjb27.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{b as r}from"./pagination-_RRF0iW0.js";import"./input-group-D24O4Bxc.js";import"./input-group-addon-DZoIwpw9.js";var i=t(e()),a=t(n());const o={rowCount:500,selectedPage:1,onSelectPage:()=>{}};var s={title:`Basic/Pagination`,component:r,args:{pagination:o}};const c=()=>{let[e,t]=(0,i.useState)(1);return(0,a.jsx)(r,{pagination:{rowCount:500,selectedPage:e,onSelectPage:e=>t(e)}})},l=()=>{let[e,t]=(0,i.useState)(1),[n,o]=(0,i.useState)(20);return(0,a.jsx)(r,{pagination:{rowCount:500,selectedPage:e,rowsPerPage:{onChange:e=>o(Number(e.target.value)),options:[{label:`10 / page`,value:10},{label:`20 / page`,value:20},{label:`50 / page`,value:50},{label:`Show all`,value:0}],value:n},onSelectPage:e=>t(e)}})},u=()=>{let[e,t]=(0,i.useState)(1),[n,o]=(0,i.useState)(20);return(0,a.jsx)(r,{pagination:{small:!0,rowCount:500,selectedPage:e,rowsPerPage:{onChange:e=>o(Number(e.target.value)),options:[{label:`10 / page`,value:10},{label:`20 / page`,value:20},{label:`50 / page`,value:50},{label:`Show all`,value:0}],value:n},onSelectPage:e=>t(e)}})};c.__docgenInfo={description:``,methods:[],displayName:`Default`},l.__docgenInfo={description:``,methods:[],displayName:`RowsPerPage`},u.__docgenInfo={description:``,methods:[],displayName:`Small`},c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`() => {
|
|
2
2
|
const [selectedPage, setSelectedPage] = useState(1);
|
|
3
3
|
return <Pagination pagination={{
|
|
4
4
|
rowCount: 500,
|
package/dist/storybook/assets/{pop-confirm.stories-BnuzhK-p.js → pop-confirm.stories-DG8BPBmI.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{E as e,M as t,c as n,h as r}from"./iframe-
|
|
1
|
+
import{E as e,M as t,c as n,h as r}from"./iframe-EU22ddzP.js";import"./react-dom-rzgPE705.js";import"./tooltip-N1V1x_Kn.js";import{b as i}from"./text-CkkjKEEc.js";import{b as a}from"./button-DXVRmU6A.js";import"./spinner-gc9uGw0J.js";import{b as o}from"./popover-DPG74BOL.js";var s={popConfirm:`_popConfirm_1x6ye_1`,content:`_content_1x6ye_7`,buttons:`_buttons_1x6ye_13`};e();var c=t(r());const l=({title:e,okText:t,onClickOk:n,disableConfirmButton:r,cancelText:o,onClickCancel:l,close:u,testId:d})=>(0,c.jsxs)(`div`,{className:s.popConfirm,children:[e&&(0,c.jsx)(`div`,{className:s.content,children:(0,c.jsx)(i,{small:!0,children:e})}),(0,c.jsxs)(`div`,{className:s.buttons,children:[(0,c.jsx)(a,{small:!0,colored:!0,label:t,onClick:()=>n(u),disabled:r,testId:`${d}-ok-button`}),(0,c.jsx)(a,{small:!0,label:o,onClick:()=>l(u),testId:`${d}-cancel-button`})]})]});l.__docgenInfo={description:``,methods:[],displayName:`Content`,props:{title:{required:!1,tsType:{name:`string`},description:``},okText:{required:!0,tsType:{name:`string`},description:``},onClickOk:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(close?: TEmpty) => void`,signature:{arguments:[{type:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},name:`close`}],return:{name:`void`}}},description:``},disableConfirmButton:{required:!1,tsType:{name:`boolean`},description:``},cancelText:{required:!0,tsType:{name:`string`},description:``},onClickCancel:{required:!0,tsType:{name:`signature`,type:`function`,raw:`(close?: TEmpty) => void`,signature:{arguments:[{type:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},name:`close`}],return:{name:`void`}}},description:``},close:{required:!1,tsType:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},description:``},testId:{required:!1,tsType:{name:`string`},description:``}}};const u=({children:e,placement:t=`top-center`,closeOnOutsideClick:n=!0,fullWidth:r=!1,title:i=``,cancelText:a=`Cancel`,onClickCancel:s=e=>e&&e(),okText:u=`Ok`,onClickOk:d=()=>{},disableConfirmButton:f=!1,overflowContainer:p=!1,testId:m=void 0})=>{let h=(0,c.jsx)(l,{title:i,okText:u,onClickOk:d,disableConfirmButton:f,cancelText:a,onClickCancel:s,testId:m});return(0,c.jsx)(o,{content:h,placement:t,closeOnOutsideClick:n,fullWidth:r,overflowContainer:p,testId:m,children:e})};u.__docgenInfo={description:``,methods:[],displayName:`PopConfirm`,props:{children:{required:!1,tsType:{name:`ReactNode`},description:``},placement:{required:!1,tsType:{name:`Placement`},description:``,defaultValue:{value:`'top-center'`,computed:!1}},closeOnOutsideClick:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`true`,computed:!1}},fullWidth:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},title:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`''`,computed:!1}},cancelText:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`'Cancel'`,computed:!1}},onClickCancel:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(close?: TEmpty) => void`,signature:{arguments:[{type:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},name:`close`}],return:{name:`void`}}},description:``,defaultValue:{value:`(close) => close && close()`,computed:!1}},disableConfirmButton:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},okText:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`'Ok'`,computed:!1}},onClickOk:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(close?: TEmpty) => void`,signature:{arguments:[{type:{name:`signature`,type:`function`,raw:`() => void`,signature:{arguments:[],return:{name:`void`}}},name:`close`}],return:{name:`void`}}},description:``,defaultValue:{value:`() => {}`,computed:!1}},overflowContainer:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},testId:{required:!1,tsType:{name:`string`},description:``,defaultValue:{value:`undefined`,computed:!0}}}};const d=e=>{n({message:{type:`Success`,content:`success!`,details:`You successfully booked your cruise to Bahamas.`}}),e()};var f={title:`Basic/PopConfirm`,component:u,args:{title:`Do you want a free cruise to Bahamas?`,onClickCancel:e=>e(),onClickOk:d,children:(0,c.jsx)(a,{label:`Click me!`}),overflowContainer:!0,placement:`top-center`},decorators:[e=>(0,c.jsx)(`div`,{style:{display:`flex`,justifyContent:`center`},children:e()})],parameters:{docs:{source:{excludeDecorators:!0}}}};const p=e=>(0,c.jsx)(u,{...e}),m=p.bind({}),h=p.bind({});h.args={children:(0,c.jsx)(a,{small:!0,round:!0,basic:!0,colored:`muted`,icon:`delete`})};const g=p.bind({});g.args={placement:`bottom-end`};const _=p.bind({});_.args={disableConfirmButton:!0},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`args => <PopConfirm
|
|
2
2
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
3
3
|
{...args} />`,...m.parameters?.docs?.source}}},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`args => <PopConfirm
|
|
4
4
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{A as e,E as t,M as n,h as r,l as i,w as a}from"./iframe-
|
|
1
|
+
import{A as e,E as t,M as n,h as r,l as i,w as a}from"./iframe-EU22ddzP.js";import{c as o,e as s,h as c}from"./tooltip-N1V1x_Kn.js";import{b as l}from"./button-DXVRmU6A.js";var u={toggleBox:`_toggleBox_lhie5_1`,fullWidthStyleFix:`_fullWidthStyleFix_lhie5_8`,dismiss:`_dismiss_lhie5_13`},d=n(t()),f=n(e()),p=n(r());const m=({children:e,content:t,placement:n=`top-center`,closeOnOutsideClick:r=!0,fullWidth:m=!1,showCloseButton:h=!1,testId:g,disabled:_=!1,overflowContainer:v=!1,isOpen:y,onToggle:b})=>{let x=(0,d.useContext)(i),[S,C]=y===void 0?(0,d.useState)(!1):[y,b],w=()=>{!_&&!x&&C&&C(!1)},T=()=>{_||x||C&&C(!S)};(0,d.useEffect)(()=>{(_||x)&&w()},[_,x]);let{renderLayer:E,arrowProps:D,layerProps:O,triggerProps:k}=s({isOpen:S,placement:n,auto:!0,triggerOffset:6,onOutsideClick:r?w:void 0,ResizeObserver:c,overflowContainer:v});return(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(`div`,{ref:k.ref,onClick:T,"data-testid":g,children:e}),S&&E((0,p.jsxs)(`div`,{className:m?(0,f.default)(u.toggleBox,u.fullWidthStyleFix):(0,f.default)(u.toggleBox),...O,children:[(0,p.jsxs)(`div`,{children:[d.isValidElement(t)?d.cloneElement(t,{close:w}):t,h&&(0,p.jsx)(`div`,{className:u.dismiss,children:(0,p.jsx)(l,{small:!0,round:!0,onClick:w,icon:a.CLOSE})})]}),(0,p.jsx)(o,{...D,backgroundColor:`var(--color-background-layer)`,borderColor:`var(--color-border)`,borderWidth:1,size:6})]}))]})};m.__docgenInfo={description:``,methods:[],displayName:`Popover`,props:{children:{required:!1,tsType:{name:`ReactNode`},description:``},content:{required:!1,tsType:{name:`ReactNode`},description:``},placement:{required:!1,tsType:{name:`Placement`},description:``,defaultValue:{value:`'top-center'`,computed:!1}},closeOnOutsideClick:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`true`,computed:!1}},fullWidth:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},showCloseButton:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},testId:{required:!1,tsType:{name:`string`},description:``},disabled:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},overflowContainer:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},isOpen:{required:!1,tsType:{name:`boolean`},description:``},onToggle:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(isOpen: boolean) => void`,signature:{arguments:[{type:{name:`boolean`},name:`isOpen`}],return:{name:`void`}}},description:``}}};export{m as b};
|
|
@@ -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"./text-CkkjKEEc.js";import"./lodash-CiSVjb27.js";import{b as r}from"./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{b as i}from"./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 a}from"./input-BdYHHPue.js";import{b as o}from"./popover-DPG74BOL.js";import{b as s}from"./flex-D7WQTo6g.js";import{b as c}from"./spacer-vcWIopH5.js";var l=t(e()),u=t(n());const d=[{label:`Option 1`,value:`1`},{label:`Option 2`,value:`2`}],f=({close:e})=>(0,u.jsxs)(s,{gap:`var(--padding-xs)`,children:[(0,u.jsx)(a,{value:`Value`,width:`150px`,small:!0}),(0,u.jsx)(i,{options:d,value:d[0],width:`auto`,small:!0}),(0,u.jsx)(r,{colored:!0,label:`Save`,onClick:()=>{},small:!0}),(0,u.jsx)(r,{label:`Cancel`,onClick:e,small:!0})]});var p={title:`Basic/Popover`,component:o,args:{overflowContainer:!0,content:(0,u.jsx)(f,{}),children:(0,u.jsx)(r,{label:`Toggle me`})},decorators:[e=>(0,u.jsx)(`div`,{style:{display:`flex`},children:e()})],parameters:{docs:{source:{excludeDecorators:!0}}}};const m=e=>(0,u.jsx)(o,{...e}),h=m.bind({}),g=m.bind({});g.args={children:(0,u.jsx)(a,{value:`Value`,width:`100%`})};const _=m.bind({});_.args={closeOnOutsideClick:!1,showCloseButton:!0};const v=m.bind({});v.args={disabled:!0};const y=e=>{let[t,n]=(0,l.useState)(!1);return(0,u.jsxs)(`div`,{children:[(0,u.jsx)(r,{onClick:()=>n(!t),label:`Toggle Popover Externally`}),(0,u.jsx)(c,{}),(0,u.jsx)(o,{...e,isOpen:t,children:(0,u.jsx)(a,{})})]})};y.__docgenInfo={description:``,methods:[],displayName:`ExternalControl`},h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`args => <Popover {...args} />`,...h.parameters?.docs?.source}}},g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`args => <Popover {...args} />`,...g.parameters?.docs?.source}}},_.parameters={..._.parameters,docs:{..._.parameters?.docs,source:{originalSource:`args => <Popover {...args} />`,..._.parameters?.docs?.source}}},v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:`args => <Popover {...args} />`,...v.parameters?.docs?.source}}},y.parameters={...y.parameters,docs:{...y.parameters?.docs,source:{originalSource:`args => {
|
|
2
2
|
const [isOpen, setIsOpen] = useState(false);
|
|
3
3
|
return <div>
|
|
4
4
|
<Button onClick={() => setIsOpen(!isOpen)} label="Toggle Popover Externally" />
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{E as e,M as t}from"./iframe-EU22ddzP.js";import{b as n}from"./react-dom-rzgPE705.js";var r=t(e()),i=t(n());const a=({id:e,children:t})=>{let n=document.querySelector(`#${e}`),[a,o]=(0,r.useState)(!1);return(0,r.useLayoutEffect)(()=>{a||o(!0)},[e]),n?(0,i.createPortal)(t,n):null};export{a as b};
|
|
@@ -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"./react-dom-rzgPE705.js";import{b as i}from"./portal-DOH-1YPk.js";var a=t(e()),o=t(r()),s=t(n()),c={title:`Modals/Portal`,component:i,args:{children:(0,s.jsx)(`div`,{children:`Portal content`}),id:`portalContainer`},parameters:{docs:{story:{inline:!1,iframeHeight:400}}}};const l=e=>(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(i,{...e}),(0,s.jsx)(`div`,{id:e.id})]}),u=l.bind({}),d=()=>{let e=document.querySelector(`#root`);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(`div`,{id:`portalContainer`}),e&&(0,o.createPortal)((0,s.jsx)(`div`,{children:`Portal content`}),e)]})};d.parameters={docs:{source:{type:`code`},description:{story:"How to use React `createPortal()` directly"}}};const f=()=>{let e=document.querySelector(`#portalContainer`),[t,n]=(0,a.useState)(!1);return(0,a.useEffect)(()=>{t||n(!0)},[]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(`div`,{id:`portalContainer`}),t&&e&&(0,o.createPortal)((0,s.jsx)(`div`,{children:`Portal content`}),e)]})};f.parameters={docs:{source:{type:`code`},description:{story:"This story shows how to use React `createPortal()` directly. The domNode for `createPortal()` must exist. For a dynamic container, this is not the case on the first render."}}},d.__docgenInfo={description:``,methods:[],displayName:`CreatePortal`},f.__docgenInfo={description:``,methods:[],displayName:`CreatePortalWithDynamicDOMNode`},u.parameters={...u.parameters,docs:{...u.parameters?.docs,source:{originalSource:`args => <>
|
|
2
2
|
<Portal {...args} />
|
|
3
3
|
<div id={args.id} />
|
|
4
4
|
</>`,...u.parameters?.docs?.source}}},d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`() => {
|
|
@@ -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={progress:`_progress_23ror_1`,inverted:`_inverted_23ror_9`,bar:`_bar_23ror_12`,grey:`_grey_23ror_23`,red:`_red_23ror_26`,colored:`_colored_23ror_29`,orange:`_orange_23ror_30`,yellow:`_yellow_23ror_33`,green:`_green_23ror_36`,label:`_label_23ror_39`};t();var a=n(e()),o=n(r());const s=e=>e<20?i.grey:e<40?i.red:e<60?i.orange:e<80?i.yellow:i.green,c=({width:e=`auto`,inverted:t=!1,colored:n=!0,showProgressColors:r=!1,percentage:c=0,noLabel:l=!1})=>(0,o.jsx)(`div`,{style:{width:e},"data-percent":c,children:(0,o.jsxs)(`div`,{className:(0,a.default)(i.progress,t?i.inverted:``),style:{width:e},children:[(0,o.jsx)(`div`,{className:(0,a.default)(i.bar,r?s(c):n?i.colored:``),style:{width:`${c}%`},children:(0,o.jsx)(`div`,{className:i.label,children:!l&&`${c}%`})}),(0,o.jsx)(`div`,{className:i.label,children:!l&&`${c}%`})]})});c.__docgenInfo={description:``,methods:[],displayName:`ProgressBar`,props:{width:{required:!1,tsType:{name:`union`,raw:`string | number`,elements:[{name:`string`},{name:`number`}]},description:``,defaultValue:{value:`'auto'`,computed:!1}},inverted:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},colored:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`true`,computed:!1}},showProgressColors:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},percentage:{required:!1,tsType:{name:`number`},description:``,defaultValue:{value:`0`,computed:!1}},noLabel:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}}}};export{c as b};
|
package/dist/storybook/assets/{progress-bar.stories-Ci3ZFHEz.js → progress-bar.stories-CyN7y1Y-.js}
RENAMED
|
@@ -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"./progress-bar-Bx3_0EWF.js";e();var i=t(n()),a={title:`Progress/ProgressBar`,component:r,args:{colored:!0,inverted:!1,noLabel:!1,percentage:30,showProgressColors:!1,width:`auto`}};const o=e=>(0,i.jsx)(r,{...e}),s=o.bind({});s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`args => <ProgressBar {...args} />`,...s.parameters?.docs?.source}}};const c=[`Default`];export{s as Default,c as __namedExportsOrder,a 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"./heading-DC2eTr4r.js";import"./lodash-CiSVjb27.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"./helpers-CNN6kPjR.js";import"./select.input-BtWEEHPQ.js";import"./esm-Cd-AO6qk.js";import{b as r}from"./spacer-vcWIopH5.js";import"./meta-content-DejAmkIh.js";import{b as i}from"./list-Zyul4Mlh.js";import"./styled-components.browser.esm-DWmnuEYo.js";import"./emotion-is-prop-valid.esm-BUoVdhe_.js";import{b as a,c as o}from"./row-ccWcLrf1.js";import{b as s}from"./top-bar-DCQ-Vcgr.js";import{b as c}from"./page-DUJsIRkI.js";import{b as l}from"./tabs-C5ycdABr.js";e();var u=t(n());const d=[{label:`Browse`,value:`Browse`},{label:`Recent`,value:`Recent`},{label:`My Projects`,value:`My Projects`}],f=[{id:1,name:`Lorem`,active:!0},{id:2,name:`Ipsum`},{id:3,name:`Dolor`},{id:4,name:`Long name goes here lorem ipsum`},{id:5,name:`Lorem`},{id:6,name:`Ipsum`},{id:7,name:`Dolor`},{id:8,name:`Long name goes here lorem ipsum`},{id:9,name:`Lorem`},{id:10,name:`Ipsum`},{id:11,name:`Dolor`},{id:12,name:`Long name goes here lorem ipsum`},{id:13,name:`Lorem`},{id:14,name:`Ipsum`},{id:15,name:`Dolor`},{id:16,name:`Long name goes here lorem ipsum`}];var p={title:`Layout/Layout Examples`,parameters:{layout:`fullscreen`,docs:{story:{inline:!1,iframeHeight:400}}}};const m=()=>(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(s,{}),(0,u.jsxs)(c,{padding:!1,left:0,scroll:!1,children:[(0,u.jsx)(r,{}),(0,u.jsx)(l,{margin:!1,padding:!0,options:d,value:d[0]}),(0,u.jsxs)(a,{spacing:0,flex:!0,height:`100%`,children:[(0,u.jsx)(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:(0,u.jsx)(i,{list:{name:`Country`,items:f}})}),(0,u.jsx)(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:(0,u.jsx)(i,{list:{name:`Field`,items:f}})}),(0,u.jsx)(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:(0,u.jsx)(i,{list:{name:`Site`,items:f}})}),(0,u.jsx)(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:(0,u.jsx)(i,{list:{name:`Well`,items:f}})}),(0,u.jsx)(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:(0,u.jsx)(i,{list:{name:`Wellbore`,items:f}})}),(0,u.jsx)(o,{scroll:!0,showScrollbar:!1,children:(0,u.jsx)(i,{list:{name:`Design`,items:f}})})]})]})]});m.__docgenInfo={description:``,methods:[],displayName:`Projects`},m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`() => {
|
|
2
2
|
return <>
|
|
3
3
|
<TopBar />
|
|
4
4
|
<Page padding={false} left={0} scroll={false}>
|
|
@@ -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";import{b as s}from"./select.input-BtWEEHPQ.js";var c={wrapper:`_wrapper_1fbik_1`,inline:`_inline_1fbik_1`,radio:`_radio_1fbik_5`,labelMargin:`_labelMargin_1fbik_8`,small:`_small_1fbik_27`,noMargin:`_noMargin_1fbik_32`,disabled:`_disabled_1fbik_90`,isInTable:`_isInTable_1fbik_106`,helpIconEnabled:`_helpIconEnabled_1fbik_111`},l=n(t()),u=n(e()),d=n(r());const f=({name:e,label:t,value:n,selected:r,disabled:i=!1,small:s=!1,onChange:l,noMargin:f=!1,testId:p,helpText:m,onClickHelp:h})=>{let g=m||h;return(0,d.jsxs)(`div`,{className:(0,u.default)(c.radio,i?c.disabled:null,s?c.small:null,f?c.noMargin:null),onClick:l,"data-testid":p,children:[(0,d.jsx)(`input`,{type:a.RADIO,value:n,checked:r,onChange:()=>{},disabled:i}),(0,d.jsx)(`label`,{"data-name":e,"data-value":n,children:t}),g&&(0,d.jsx)(`div`,{className:c.helpIconEnabled,onClick:h,children:(0,d.jsx)(o,{text:m})})]})};f.__docgenInfo={description:``,methods:[],displayName:`RadioInput`,props:{name:{required:!0,tsType:{name:`union`,raw:`string | number`,elements:[{name:`string`},{name:`number`}]},description:``},label:{required:!0,tsType:{name:`union`,raw:`string | number`,elements:[{name:`string`},{name:`number`}]},description:``},value:{required:!0,tsType:{name:`union`,raw:`string | number`,elements:[{name:`string`},{name:`number`}]},description:``},selected:{required:!0,tsType:{name:`boolean`},description:``},disabled:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},small:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},onChange:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(evt: React.MouseEvent<HTMLDivElement, MouseEvent>) => void`,signature:{arguments:[{type:{name:`ReactMouseEvent`,raw:`React.MouseEvent<HTMLDivElement, MouseEvent>`,elements:[{name:`HTMLDivElement`},{name:`MouseEvent`}]},name:`evt`}],return:{name:`void`}}},description:``},noMargin:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},testId:{required:!1,tsType:{name:`string`},description:``},helpText:{required:!1,tsType:{name:`string`},description:``},onClickHelp:{required:!1,tsType:{name:`signature`,type:`function`,raw:`(event?: any) => void`,signature:{arguments:[{type:{name:`any`},name:`event`}],return:{name:`void`}}},description:``}}};var p=n(e());const m=({name:e,label:t,options:n,value:r,onChange:a,disabled:o=!1,small:u=!1,noMargin:m=!1,onClick:h=()=>{},inline:g=!1,mainLabel:_=``,radioButtonsData:v,classForContainer:y=`grouped fields`})=>{let b=(0,l.useContext)(i),x=v!==void 0,{simpleInputs:S,options:C,selectedOptions:w}=x?{simpleInputs:!1,options:v,selectedOptions:void 0}:s(n,r),T=x||w==null?void 0:S?w:w.value,E=x?_:t;return(0,d.jsxs)(`div`,{className:(0,p.default)(c.wrapper,g?c.inline:null,y===`inline fields`?c.inline:null),children:[_&&(0,d.jsx)(`label`,{className:(0,p.default)(g&&c.labelMargin),children:E}),C.map((t,n)=>{let r=t?.checked||t?.value===T||!1;return(0,d.jsx)(f,{name:t.name||t.value,label:t.label,value:t.value,selected:r,disabled:o||t.disabled||b,small:u,noMargin:m,onChange:t.disabled?void 0:n=>{x?h(n.target):(n.target.name=e,n.target.value=t.value.toString(),n.target.label=t.label.toString(),a&&a(n))},testId:t.testId,helpText:t.helpText,onClickHelp:t.onClickHelp},n)})]})};m.__docgenInfo={description:``,methods:[],displayName:`RadioButton`,props:{name:{required:!1,tsType:{name:`string`},description:``},label:{required:!1,tsType:{name:`union`,raw:`string | null`,elements:[{name:`string`},{name:`null`}]},description:``},options:{required:!0,tsType:{name:`Array`,elements:[{name:`IRadioButtonOption`}],raw:`IRadioButtonOption[]`},description:``},value:{required:!0,tsType:{name:`union`,raw:`TStringOrNumber | IRadioButtonOption`,elements:[{name:`union`,raw:`string | number`,elements:[{name:`string`},{name:`number`}]},{name:`IRadioButtonOption`}]},description:``},inline:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},disabled:{required:!1,tsType:{name:`boolean`},description:``,defaultValue:{value:`false`,computed:!1}},small:{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> & {
|
package/dist/storybook/assets/{radio-button.stories-am7W_JWQ.js → radio-button.stories-DHE16T1a.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"./radio-button-D0fuZMak.js";var i=t(e()),a=t(n());const o=[{label:`Aardvarks`,value:`termites`},{label:`Kangaroos`,value:`grass`},{label:`Monkeys`,value:`bananas`,disabled:!0}];var s={title:`Forms/RadioButton`,component:r,args:{options:o,inline:!1,noMargin:!1,disabled:!1,small:!1}};const c=e=>{let[t,n]=(0,i.useState)(o[0]),s=e=>{let t=e.target.value,r=o.find(e=>e.value===t);r&&n(r)};return(0,a.jsx)(r,{...e,value:t,onChange:s})},l=c.bind({}),u=c.bind({});u.args={small:!0};const d=c.bind({});d.args={options:o.map((e,t)=>({...e,helpText:`Help text #${t}`}))};const f=c.bind({});f.args={options:o.map((e,t)=>({...e,onClickHelp:()=>console.log(`Help #${t} clicked`)}))};const p=c.bind({});p.args={inline:!0};const m=c.bind({});m.args={options:o.map((e,t)=>({...e,helpText:`Help text #${t}`,disabled:!0}))},l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`args => {
|
|
2
2
|
const [value, setValue] = useState<OptionType>(options[0]);
|
|
3
3
|
const handleChange = (evt: React.ChangeEvent<HTMLInputElement>) => {
|
|
4
4
|
const selectedValue = evt.target.value;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import"./react-dom-rzgPE705.js";import"./tooltip-N1V1x_Kn.js";import"./help-icon-DzkFHroz.js";import"./types-D9-IVcXX.js";import"./helpers-CNN6kPjR.js";import"./select.input-BtWEEHPQ.js";import"./radio-button-D0fuZMak.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}from"./radio-button.stories-DHE16T1a.js";export{e as Default,t as DisabledWithHelpText,n as HelpText,r as Inline,i as OnClickHelp,a as Small,o as __namedExportsOrder,s 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"./types-D9-IVcXX.js";import"./helpers-CNN6kPjR.js";import"./select.input-BtWEEHPQ.js";import{b as r}from"./radio-button-D0fuZMak.js";var i=t(e()),a=t(n());const{expect:o,userEvent:s,within:c}=__STORYBOOK_MODULE_TEST__,l=[{label:`Aardvarks`,value:`termites`},{label:`Kangaroos`,value:`grass`},{label:`Monkeys`,value:`bananas`,disabled:!0}];var u={title:`Forms/RadioButton/Test Cases`,component:r,args:{options:l,inline:!1,noMargin:!1,disabled:!1,small:!1},tags:[`!autodocs`]};const d=e=>{let[t,n]=(0,i.useState)(l[0]),o=e=>{let t=e.target.value,r=l.find(e=>e.value===t);r&&n(r)};return(0,a.jsx)(r,{...e,value:t,onChange:o})},f=d.bind({});f.play=async({canvasElement:e,step:t})=>{let n=c(e);await t(`Clicking a radio should activate it`,async()=>{let e=n.getByDisplayValue(`grass`);await s.click(e),await o(e).toBeChecked()}),await t(`Clicking a disabled radio shouldn't activate it`,async()=>{let e=n.getByDisplayValue(`bananas`);await e.click(),await o(e).not.toBeChecked()})},f.parameters={...f.parameters,docs:{...f.parameters?.docs,source:{originalSource:`args => {
|
|
2
2
|
const [value, setValue] = useState<OptionType>(options[0]);
|
|
3
3
|
const handleChange = (evt: React.ChangeEvent<HTMLInputElement>) => {
|
|
4
4
|
const selectedValue = evt.target.value;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{E as e,M as t}from"./iframe-
|
|
1
|
+
import{E as e,M as t}from"./iframe-EU22ddzP.js";import"./react-dom-rzgPE705.js";import{b as n}from"./client-CdAX5swh.js";var r=t(e(),1),i=t(n(),1),a=new Map;function o(){return globalThis.IS_REACT_ACT_ENVIRONMENT}var s=({callback:e,children:t})=>{let n=r.useRef();return r.useLayoutEffect(()=>{n.current!==e&&(n.current=e,e())},[e]),t};typeof Promise.withResolvers>`u`&&(Promise.withResolvers=()=>{let e=null,t=null;return{promise:new Promise((n,r)=>{e=n,t=r}),resolve:e,reject:t}});var c=async(e,t,n)=>{let i=await u(t,n);if(o()){i.render(e);return}let{promise:a,resolve:c}=Promise.withResolvers();return i.render(r.createElement(s,{callback:c},e)),a},l=(e,t)=>{let n=a.get(e);n&&(n.unmount(),a.delete(e))},u=async(e,t)=>{let n=a.get(e);return n||(n=i.createRoot(e,t),a.set(e,n)),n};export{c as renderElement,l as unmountElement};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{b as e,c as t}from"./lib-XOSeRsDk.js";export{e as MDXProvider,t as useMDXComponents};
|