@oliasoft-open-source/react-ui-library 4.12.3 → 4.12.4-beta-1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/dist/404.html +0 -1
- package/dist/assets/bg-rock-D_kpA0sy.jpg +0 -0
- package/dist/assets/index-CPEB8SXA.css +0 -8859
- package/dist/assets/index-qClThfBd.js +0 -76217
- package/dist/assets/noto-sans-cyrillic-400-italic-BY-huaZy.woff +0 -0
- package/dist/assets/noto-sans-cyrillic-400-italic-V6PUkjg4.woff2 +0 -0
- package/dist/assets/noto-sans-cyrillic-400-normal--jh3sVvp.woff +0 -0
- package/dist/assets/noto-sans-cyrillic-400-normal-XY9qUppk.woff2 +0 -0
- package/dist/assets/noto-sans-cyrillic-700-italic-BsvNKSfQ.woff2 +0 -0
- package/dist/assets/noto-sans-cyrillic-700-italic-DSFghSMx.woff +0 -0
- package/dist/assets/noto-sans-cyrillic-700-normal-8ZAWbjJL.woff2 +0 -0
- package/dist/assets/noto-sans-cyrillic-700-normal-CTzjhoZt.woff +0 -0
- package/dist/assets/noto-sans-cyrillic-ext-400-italic-Bb5b47eb.woff +0 -0
- package/dist/assets/noto-sans-cyrillic-ext-400-italic-DGWPeY37.woff2 +0 -0
- package/dist/assets/noto-sans-cyrillic-ext-400-normal-CFQi7qvd.woff +0 -0
- package/dist/assets/noto-sans-cyrillic-ext-400-normal-CH_iUxq2.woff2 +0 -0
- package/dist/assets/noto-sans-cyrillic-ext-700-italic-BdqKfCVQ.woff2 +0 -0
- package/dist/assets/noto-sans-cyrillic-ext-700-italic-C55zR5rk.woff +0 -0
- package/dist/assets/noto-sans-cyrillic-ext-700-normal-B5dGcPIT.woff +0 -0
- package/dist/assets/noto-sans-cyrillic-ext-700-normal-CojAy5w4.woff2 +0 -0
- package/dist/assets/noto-sans-devanagari-400-italic-KeY3OvDe.woff +0 -0
- package/dist/assets/noto-sans-devanagari-400-italic-Lk_flmKd.woff2 +0 -0
- package/dist/assets/noto-sans-devanagari-400-normal-BV8n3Zrw.woff2 +0 -0
- package/dist/assets/noto-sans-devanagari-400-normal-Da_uNpmI.woff +0 -0
- package/dist/assets/noto-sans-devanagari-700-italic-DX_Ben-x.woff2 +0 -0
- package/dist/assets/noto-sans-devanagari-700-italic-Df3Sqs2H.woff +0 -0
- package/dist/assets/noto-sans-devanagari-700-normal-C2VYeOxD.woff +0 -0
- package/dist/assets/noto-sans-devanagari-700-normal-C8e99gZj.woff2 +0 -0
- package/dist/assets/noto-sans-greek-400-italic-BXJxTOvj.woff +0 -0
- package/dist/assets/noto-sans-greek-400-italic-DHwB0AdM.woff2 +0 -0
- package/dist/assets/noto-sans-greek-400-normal-BroOW-sQ.woff +0 -0
- package/dist/assets/noto-sans-greek-400-normal-CPTbu1sO.woff2 +0 -0
- package/dist/assets/noto-sans-greek-700-italic-CfolioWa.woff2 +0 -0
- package/dist/assets/noto-sans-greek-700-italic-DBCdhGrj.woff +0 -0
- package/dist/assets/noto-sans-greek-700-normal-BVjVfDKs.woff +0 -0
- package/dist/assets/noto-sans-greek-700-normal-P_B9BfF7.woff2 +0 -0
- package/dist/assets/noto-sans-greek-ext-400-italic-9zOpfpOs.woff2 +0 -0
- package/dist/assets/noto-sans-greek-ext-400-italic-D2WbBWVW.woff +0 -0
- package/dist/assets/noto-sans-greek-ext-400-normal-D73iK5X1.woff2 +0 -0
- package/dist/assets/noto-sans-greek-ext-400-normal-DWouWyWY.woff +0 -0
- package/dist/assets/noto-sans-greek-ext-700-italic-C5zCcdM3.woff2 +0 -0
- package/dist/assets/noto-sans-greek-ext-700-italic-YPo3ecki.woff +0 -0
- package/dist/assets/noto-sans-greek-ext-700-normal-BJpqEDTw.woff +0 -0
- package/dist/assets/noto-sans-greek-ext-700-normal-ZrWkOZr4.woff2 +0 -0
- package/dist/assets/noto-sans-latin-400-italic-BT87CHj2.woff +0 -0
- package/dist/assets/noto-sans-latin-400-italic-NApRWGLz.woff2 +0 -0
- package/dist/assets/noto-sans-latin-400-normal-CF_EggQ_.woff2 +0 -0
- package/dist/assets/noto-sans-latin-400-normal-DMz6UGTQ.woff +0 -0
- package/dist/assets/noto-sans-latin-700-italic-Cw3cBBZk.woff2 +0 -0
- package/dist/assets/noto-sans-latin-700-italic-qe_3Da_h.woff +0 -0
- package/dist/assets/noto-sans-latin-700-normal-CkyHDghY.woff +0 -0
- package/dist/assets/noto-sans-latin-700-normal-DwlQfr5s.woff2 +0 -0
- package/dist/assets/noto-sans-latin-ext-400-italic-BOMiliBU.woff +0 -0
- package/dist/assets/noto-sans-latin-ext-400-italic-UXQeYjoB.woff2 +0 -0
- package/dist/assets/noto-sans-latin-ext-400-normal-BIBIZdeZ.woff2 +0 -0
- package/dist/assets/noto-sans-latin-ext-400-normal-vP3vnBxr.woff +0 -0
- package/dist/assets/noto-sans-latin-ext-700-italic-o2AF7PF_.woff2 +0 -0
- package/dist/assets/noto-sans-latin-ext-700-italic-zILg070W.woff +0 -0
- package/dist/assets/noto-sans-latin-ext-700-normal-BInqjRdw.woff +0 -0
- package/dist/assets/noto-sans-latin-ext-700-normal-BS3CI2D1.woff2 +0 -0
- package/dist/assets/noto-sans-vietnamese-400-italic-CDqW7NCu.woff2 +0 -0
- package/dist/assets/noto-sans-vietnamese-400-italic-DJmGvf9Z.woff +0 -0
- package/dist/assets/noto-sans-vietnamese-400-normal-DziUSn_1.woff +0 -0
- package/dist/assets/noto-sans-vietnamese-400-normal-l431O8bE.woff2 +0 -0
- package/dist/assets/noto-sans-vietnamese-700-italic-D0f5b0SE.woff +0 -0
- package/dist/assets/noto-sans-vietnamese-700-italic-GQhDhRZX.woff2 +0 -0
- package/dist/assets/noto-sans-vietnamese-700-normal-Dp2_pAUa.woff +0 -0
- package/dist/assets/noto-sans-vietnamese-700-normal-RhAWG0gK.woff2 +0 -0
- package/dist/index.html +0 -1
- package/dist/storybook/assets/Color-KGDBMAHA-8cfDWfgV.js +0 -1
- package/dist/storybook/assets/DocsRenderer-PKQXORMH-CVj7TkuP.js +0 -1
- package/dist/storybook/assets/accordion-BiuI_LCA.js +0 -1
- package/dist/storybook/assets/accordion-C3DU7hG7.css +0 -1
- package/dist/storybook/assets/accordion-DhEg2ksb.css +0 -1
- package/dist/storybook/assets/accordion.stories-CrmHu75y.js +0 -170
- package/dist/storybook/assets/actions-Bax0KeqM.js +0 -39
- package/dist/storybook/assets/actions-D8UgHts6.css +0 -1
- package/dist/storybook/assets/actions.stories-BnPZKqOJ.js +0 -1
- package/dist/storybook/assets/afe.stories-C9XjJj62.js +0 -88
- package/dist/storybook/assets/assertThisInitialized-B9jnkVVz.js +0 -1
- package/dist/storybook/assets/badge-BiaoqO6w.css +0 -1
- package/dist/storybook/assets/badge-CLQ59MDF.js +0 -1
- package/dist/storybook/assets/badge.stories-DA_eeQyi.js +0 -1
- package/dist/storybook/assets/bg-rock-D_kpA0sy.jpg +0 -0
- package/dist/storybook/assets/blowout.stories-DH-sYHgB.js +0 -40
- package/dist/storybook/assets/breadcrumb-DMx-Mu4J.css +0 -1
- package/dist/storybook/assets/breadcrumb.stories-CJArS18Q.js +0 -1
- package/dist/storybook/assets/button-Cbv7WK6k.js +0 -1
- package/dist/storybook/assets/button-DtgxLQCF.css +0 -1
- package/dist/storybook/assets/button-group-0hjBV4tw.css +0 -1
- package/dist/storybook/assets/button-group-D2fGP_bX.js +0 -1
- package/dist/storybook/assets/button-group.stories-BETADGti.js +0 -71
- package/dist/storybook/assets/button.stories-C03VvX8K.js +0 -80
- package/dist/storybook/assets/buttons-and-links-DUNnvnXk.js +0 -14
- package/dist/storybook/assets/card-EcjmryU9.js +0 -1
- package/dist/storybook/assets/card-VFDFIKp2.css +0 -1
- package/dist/storybook/assets/card.stories-CsTB0DuM.js +0 -1
- package/dist/storybook/assets/casing-loads.stories-Buy0-e_n.js +0 -209
- package/dist/storybook/assets/cell.stories-CPNfDo9l.js +0 -245
- package/dist/storybook/assets/check-box-CV-zd_I_.css +0 -1
- package/dist/storybook/assets/check-box-DPLaOkRR.js +0 -13
- package/dist/storybook/assets/check-box.stories-BJ0ShmeC.js +0 -97
- package/dist/storybook/assets/check-box.test-case.stories-CzuYZkUh.js +0 -30
- package/dist/storybook/assets/chunk-HLWAVYOI-C49c1Yvv.js +0 -2
- package/dist/storybook/assets/color-CuU_llEh.js +0 -25
- package/dist/storybook/assets/column.stories-DDTHFELF.js +0 -88
- package/dist/storybook/assets/common-types-Sih75Sav.js +0 -1
- package/dist/storybook/assets/dialog-CBMZnjYb.css +0 -1
- package/dist/storybook/assets/dialog-DkpQscuI.js +0 -1
- package/dist/storybook/assets/disabled-context-rmpd7YJS.js +0 -1
- package/dist/storybook/assets/divider-DY9nJ_7N.js +0 -1
- package/dist/storybook/assets/divider-wQx_bznd.css +0 -1
- package/dist/storybook/assets/divider.stories-Dd-yyGrX.js +0 -1
- package/dist/storybook/assets/drawer-BVc1xI9q.css +0 -1
- package/dist/storybook/assets/drawer-DaQ1xGjV.js +0 -3
- package/dist/storybook/assets/drawer.stories-C08XBVTq.js +0 -113
- package/dist/storybook/assets/empty-L0EXybeR.css +0 -1
- package/dist/storybook/assets/empty.stories-L7LSMcLe.js +0 -1
- package/dist/storybook/assets/entry-preview-CHonU0lQ.js +0 -1
- package/dist/storybook/assets/entry-preview-docs-DUYczTxA.js +0 -54
- package/dist/storybook/assets/enum-Bnn40S8Q.js +0 -1
- package/dist/storybook/assets/field-CNDCZ5UR.css +0 -1
- package/dist/storybook/assets/field-HrLaMLbx.js +0 -7
- package/dist/storybook/assets/field.stories-CYpQ669-.js +0 -49
- package/dist/storybook/assets/file-button.stories-CRaTdLfv.js +0 -22
- package/dist/storybook/assets/file-input-b95Ui6h6.css +0 -1
- package/dist/storybook/assets/file-input-yalPf7-m.js +0 -13
- package/dist/storybook/assets/file-input.stories-DMTQqAF8.js +0 -66
- package/dist/storybook/assets/flex-EllkLxgO.js +0 -1
- package/dist/storybook/assets/flex.stories-CLwPyEMp.js +0 -15
- package/dist/storybook/assets/footer.stories-DniqHrTZ.js +0 -3
- package/dist/storybook/assets/form-row-BYz5u-Vr.css +0 -1
- package/dist/storybook/assets/form-row-CM112EYF.js +0 -1
- package/dist/storybook/assets/form.stories-Cr5Pz40F.js +0 -49
- package/dist/storybook/assets/formation.stories-C4Kugh7C.js +0 -74
- package/dist/storybook/assets/grid-DRkC-bt8.js +0 -15
- package/dist/storybook/assets/grid.stories-DqjhHHwX.js +0 -13
- package/dist/storybook/assets/heading-CRNoBc7q.js +0 -1
- package/dist/storybook/assets/heading-DMYPCDVj.css +0 -1
- package/dist/storybook/assets/heading.stories-DahFxeiX.js +0 -15
- package/dist/storybook/assets/help-icon-Buhx5nl6.js +0 -1
- package/dist/storybook/assets/help-icon-DeweQs4N.css +0 -1
- package/dist/storybook/assets/help-icon.stories-DbmZ1fgP.js +0 -4
- package/dist/storybook/assets/helpers-JJxzGegQ.js +0 -1
- package/dist/storybook/assets/icon-BSFY3vDO.js +0 -8
- package/dist/storybook/assets/icon-CXtHvr8n.css +0 -1
- package/dist/storybook/assets/icon-custom-Xcl4YkWP.js +0 -1
- package/dist/storybook/assets/icon.stories-fnZUR-LK.js +0 -6
- package/dist/storybook/assets/iframe-BN-sM7va.js +0 -2
- package/dist/storybook/assets/immer.esm-BwVl9PS2.js +0 -1
- package/dist/storybook/assets/index-BEZ0hk8m.js +0 -1
- package/dist/storybook/assets/index-BI4_Bp97.js +0 -1
- package/dist/storybook/assets/index-BcNHZKhG.js +0 -1
- package/dist/storybook/assets/index-Bk2sglWO.js +0 -5
- package/dist/storybook/assets/index-C0x1JmaP.js +0 -14
- package/dist/storybook/assets/index-CEuq6vkz.js +0 -1
- package/dist/storybook/assets/index-CF7H4eMJ.js +0 -28
- package/dist/storybook/assets/index-CUZDtIZe.js +0 -23
- package/dist/storybook/assets/index-D6rZ4wEC.js +0 -13
- package/dist/storybook/assets/index-DMAnyMX5.js +0 -179
- package/dist/storybook/assets/index-DRSy5Ssd.js +0 -1
- package/dist/storybook/assets/index-DhsZuJvc.js +0 -12
- package/dist/storybook/assets/index-dlFP5Vuh.js +0 -574
- package/dist/storybook/assets/index.es-DazXb-ul.js +0 -79
- package/dist/storybook/assets/inheritsLoose-DP0QEDDI.js +0 -1
- package/dist/storybook/assets/initialize-context-Y03pJPr5.js +0 -1
- package/dist/storybook/assets/input-Db9WkmPP.js +0 -1
- package/dist/storybook/assets/input-Dz1ZZYN5.css +0 -1
- package/dist/storybook/assets/input-group-BaRSJAEN.js +0 -1
- package/dist/storybook/assets/input-group-C4Ph05Zr.css +0 -1
- package/dist/storybook/assets/input-group-addon-CKbTwfkc.css +0 -1
- package/dist/storybook/assets/input-group-addon-D68iUKV2.js +0 -1
- package/dist/storybook/assets/input-group.stories-BCajsqAk.js +0 -167
- package/dist/storybook/assets/input-validation-D_iNtfvz.js +0 -26
- package/dist/storybook/assets/input.stories-SJy3TKkD.js +0 -41
- package/dist/storybook/assets/inputs-BLstsfPQ.js +0 -62
- package/dist/storybook/assets/jsx-runtime-eps93zm2.js +0 -8
- package/dist/storybook/assets/label-BmwKJ2Mn.css +0 -1
- package/dist/storybook/assets/label-CqmyC9he.js +0 -7
- package/dist/storybook/assets/label.stories-C0AO5F1a.js +0 -11
- package/dist/storybook/assets/layout-forms-BLRQsBhL.js +0 -16
- package/dist/storybook/assets/layout-general-CxuvOgwW.js +0 -35
- package/dist/storybook/assets/list-By3wp5Wa.js +0 -13
- package/dist/storybook/assets/list.stories-BcDHHHYJ.js +0 -476
- package/dist/storybook/assets/list.stories-data-Doo2Rqun.js +0 -1
- package/dist/storybook/assets/loader-B4-2F7c_.css +0 -1
- package/dist/storybook/assets/loader-XHoVniao.js +0 -1
- package/dist/storybook/assets/loader.stories-Q0U2BqZX.js +0 -83
- package/dist/storybook/assets/lodash-c4VUpsOs.js +0 -27
- package/dist/storybook/assets/logo-BVP9045W.js +0 -1
- package/dist/storybook/assets/memoize-one.esm-CcMeOnPo.js +0 -1
- package/dist/storybook/assets/menu.stories-1I5AGGQx.js +0 -82
- package/dist/storybook/assets/menu.stories-data-CQ59XhzU.js +0 -1
- package/dist/storybook/assets/menu.test-case.stories-XN9XFV-D.js +0 -3
- package/dist/storybook/assets/message-BRyKdRaX.js +0 -1
- package/dist/storybook/assets/message-C2ZCkHX6.css +0 -1
- package/dist/storybook/assets/message.stories-bCqCYIuN.js +0 -341
- package/dist/storybook/assets/meta-content-ByVTG0hd.css +0 -1
- package/dist/storybook/assets/meta-content-DNgQbAW0.js +0 -9
- package/dist/storybook/assets/modal.stories-C2d-Em5V.js +0 -200
- package/dist/storybook/assets/modal.test-case.stories-Ci1WRYdo.js +0 -21
- package/dist/storybook/assets/noto-sans-cyrillic-400-italic-BY-huaZy.woff +0 -0
- package/dist/storybook/assets/noto-sans-cyrillic-400-italic-V6PUkjg4.woff2 +0 -0
- package/dist/storybook/assets/noto-sans-cyrillic-400-normal--jh3sVvp.woff +0 -0
- package/dist/storybook/assets/noto-sans-cyrillic-400-normal-XY9qUppk.woff2 +0 -0
- package/dist/storybook/assets/noto-sans-cyrillic-700-italic-BsvNKSfQ.woff2 +0 -0
- package/dist/storybook/assets/noto-sans-cyrillic-700-italic-DSFghSMx.woff +0 -0
- package/dist/storybook/assets/noto-sans-cyrillic-700-normal-8ZAWbjJL.woff2 +0 -0
- package/dist/storybook/assets/noto-sans-cyrillic-700-normal-CTzjhoZt.woff +0 -0
- package/dist/storybook/assets/noto-sans-cyrillic-ext-400-italic-Bb5b47eb.woff +0 -0
- package/dist/storybook/assets/noto-sans-cyrillic-ext-400-italic-DGWPeY37.woff2 +0 -0
- package/dist/storybook/assets/noto-sans-cyrillic-ext-400-normal-CFQi7qvd.woff +0 -0
- package/dist/storybook/assets/noto-sans-cyrillic-ext-400-normal-CH_iUxq2.woff2 +0 -0
- package/dist/storybook/assets/noto-sans-cyrillic-ext-700-italic-BdqKfCVQ.woff2 +0 -0
- package/dist/storybook/assets/noto-sans-cyrillic-ext-700-italic-C55zR5rk.woff +0 -0
- package/dist/storybook/assets/noto-sans-cyrillic-ext-700-normal-B5dGcPIT.woff +0 -0
- package/dist/storybook/assets/noto-sans-cyrillic-ext-700-normal-CojAy5w4.woff2 +0 -0
- package/dist/storybook/assets/noto-sans-devanagari-400-italic-KeY3OvDe.woff +0 -0
- package/dist/storybook/assets/noto-sans-devanagari-400-italic-Lk_flmKd.woff2 +0 -0
- package/dist/storybook/assets/noto-sans-devanagari-400-normal-BV8n3Zrw.woff2 +0 -0
- package/dist/storybook/assets/noto-sans-devanagari-400-normal-Da_uNpmI.woff +0 -0
- package/dist/storybook/assets/noto-sans-devanagari-700-italic-DX_Ben-x.woff2 +0 -0
- package/dist/storybook/assets/noto-sans-devanagari-700-italic-Df3Sqs2H.woff +0 -0
- package/dist/storybook/assets/noto-sans-devanagari-700-normal-C2VYeOxD.woff +0 -0
- package/dist/storybook/assets/noto-sans-devanagari-700-normal-C8e99gZj.woff2 +0 -0
- package/dist/storybook/assets/noto-sans-greek-400-italic-BXJxTOvj.woff +0 -0
- package/dist/storybook/assets/noto-sans-greek-400-italic-DHwB0AdM.woff2 +0 -0
- package/dist/storybook/assets/noto-sans-greek-400-normal-BroOW-sQ.woff +0 -0
- package/dist/storybook/assets/noto-sans-greek-400-normal-CPTbu1sO.woff2 +0 -0
- package/dist/storybook/assets/noto-sans-greek-700-italic-CfolioWa.woff2 +0 -0
- package/dist/storybook/assets/noto-sans-greek-700-italic-DBCdhGrj.woff +0 -0
- package/dist/storybook/assets/noto-sans-greek-700-normal-BVjVfDKs.woff +0 -0
- package/dist/storybook/assets/noto-sans-greek-700-normal-P_B9BfF7.woff2 +0 -0
- package/dist/storybook/assets/noto-sans-greek-ext-400-italic-9zOpfpOs.woff2 +0 -0
- package/dist/storybook/assets/noto-sans-greek-ext-400-italic-D2WbBWVW.woff +0 -0
- package/dist/storybook/assets/noto-sans-greek-ext-400-normal-D73iK5X1.woff2 +0 -0
- package/dist/storybook/assets/noto-sans-greek-ext-400-normal-DWouWyWY.woff +0 -0
- package/dist/storybook/assets/noto-sans-greek-ext-700-italic-C5zCcdM3.woff2 +0 -0
- package/dist/storybook/assets/noto-sans-greek-ext-700-italic-YPo3ecki.woff +0 -0
- package/dist/storybook/assets/noto-sans-greek-ext-700-normal-BJpqEDTw.woff +0 -0
- package/dist/storybook/assets/noto-sans-greek-ext-700-normal-ZrWkOZr4.woff2 +0 -0
- package/dist/storybook/assets/noto-sans-latin-400-italic-BT87CHj2.woff +0 -0
- package/dist/storybook/assets/noto-sans-latin-400-italic-NApRWGLz.woff2 +0 -0
- package/dist/storybook/assets/noto-sans-latin-400-normal-CF_EggQ_.woff2 +0 -0
- package/dist/storybook/assets/noto-sans-latin-400-normal-DMz6UGTQ.woff +0 -0
- package/dist/storybook/assets/noto-sans-latin-700-italic-Cw3cBBZk.woff2 +0 -0
- package/dist/storybook/assets/noto-sans-latin-700-italic-qe_3Da_h.woff +0 -0
- package/dist/storybook/assets/noto-sans-latin-700-normal-CkyHDghY.woff +0 -0
- package/dist/storybook/assets/noto-sans-latin-700-normal-DwlQfr5s.woff2 +0 -0
- package/dist/storybook/assets/noto-sans-latin-ext-400-italic-BOMiliBU.woff +0 -0
- package/dist/storybook/assets/noto-sans-latin-ext-400-italic-UXQeYjoB.woff2 +0 -0
- package/dist/storybook/assets/noto-sans-latin-ext-400-normal-BIBIZdeZ.woff2 +0 -0
- package/dist/storybook/assets/noto-sans-latin-ext-400-normal-vP3vnBxr.woff +0 -0
- package/dist/storybook/assets/noto-sans-latin-ext-700-italic-o2AF7PF_.woff2 +0 -0
- package/dist/storybook/assets/noto-sans-latin-ext-700-italic-zILg070W.woff +0 -0
- package/dist/storybook/assets/noto-sans-latin-ext-700-normal-BInqjRdw.woff +0 -0
- package/dist/storybook/assets/noto-sans-latin-ext-700-normal-BS3CI2D1.woff2 +0 -0
- package/dist/storybook/assets/noto-sans-vietnamese-400-italic-CDqW7NCu.woff2 +0 -0
- package/dist/storybook/assets/noto-sans-vietnamese-400-italic-DJmGvf9Z.woff +0 -0
- package/dist/storybook/assets/noto-sans-vietnamese-400-normal-DziUSn_1.woff +0 -0
- package/dist/storybook/assets/noto-sans-vietnamese-400-normal-l431O8bE.woff2 +0 -0
- package/dist/storybook/assets/noto-sans-vietnamese-700-italic-D0f5b0SE.woff +0 -0
- package/dist/storybook/assets/noto-sans-vietnamese-700-italic-GQhDhRZX.woff2 +0 -0
- package/dist/storybook/assets/noto-sans-vietnamese-700-normal-Dp2_pAUa.woff +0 -0
- package/dist/storybook/assets/noto-sans-vietnamese-700-normal-RhAWG0gK.woff2 +0 -0
- package/dist/storybook/assets/number-input-B3_gmeWr.js +0 -16
- package/dist/storybook/assets/number-input.stories-epjUq9ve.js +0 -89
- package/dist/storybook/assets/number-input.test-case.stories-DeEtalIU.js +0 -95
- package/dist/storybook/assets/objectSpread2-DW4nTBoq.js +0 -1
- package/dist/storybook/assets/objectWithoutPropertiesLoose-CAYKN5F1.js +0 -1
- package/dist/storybook/assets/option-dropdown-CqPYsFHP.css +0 -1
- package/dist/storybook/assets/option-dropdown.stories-CznUbXVi.js +0 -52
- package/dist/storybook/assets/padding-and-spacing-qL1P8fJl.js +0 -19
- package/dist/storybook/assets/page-7SSpdYhb.js +0 -1
- package/dist/storybook/assets/page-BnAFjzxf.css +0 -1
- package/dist/storybook/assets/page-DqJqTfkP.css +0 -1
- package/dist/storybook/assets/page.stories-DthnK8qb.js +0 -57
- package/dist/storybook/assets/pagination-CR1nxnnq.js +0 -1
- package/dist/storybook/assets/pagination-Dv2vKYwQ.css +0 -1
- package/dist/storybook/assets/pagination.stories-qXmBYwYc.js +0 -59
- package/dist/storybook/assets/pop-confirm-DX_o_X81.css +0 -1
- package/dist/storybook/assets/pop-confirm.stories-CHa0qUBe.js +0 -9
- package/dist/storybook/assets/popover-CSc-8-Dh.css +0 -1
- package/dist/storybook/assets/popover-C_2P8LFJ.js +0 -1
- package/dist/storybook/assets/popover.stories-DZTfimDf.js +0 -10
- package/dist/storybook/assets/portal-GQ0_cLB6.js +0 -1
- package/dist/storybook/assets/portal.stories-BvRfNPz3.js +0 -20
- package/dist/storybook/assets/preview-C_R8uZLy.js +0 -3
- package/dist/storybook/assets/preview-CsXFMCpR.js +0 -2
- package/dist/storybook/assets/preview-Ct5NkTJf.js +0 -1
- package/dist/storybook/assets/preview-DLBQXbKW.js +0 -1
- package/dist/storybook/assets/preview-DeFlgNaS.css +0 -1
- package/dist/storybook/assets/progress-bar-C_kV6r0Q.js +0 -1
- package/dist/storybook/assets/progress-bar-ztYhwUbl.css +0 -1
- package/dist/storybook/assets/progress-bar.stories-CpbgT43D.js +0 -1
- package/dist/storybook/assets/projects.stories-BPm6ucAe.js +0 -47
- package/dist/storybook/assets/radio-button-C4ljBRED.js +0 -13
- package/dist/storybook/assets/radio-button-DvubT0Gg.css +0 -1
- package/dist/storybook/assets/radio-button.stories-D1rWr6ms.js +0 -61
- package/dist/storybook/assets/radio-button.test-case.stories-DglmHlWs.js +0 -11
- package/dist/storybook/assets/react-16-DXAfArL2.js +0 -1
- package/dist/storybook/assets/react-router-dom-Ck2Y_Fzc.js +0 -8
- package/dist/storybook/assets/redux-tRgGMjwY.js +0 -1
- package/dist/storybook/assets/reservoirs.stories-r1Ip90kJ.js +0 -156
- package/dist/storybook/assets/rich-text-input-BJfL0Me_.css +0 -1
- package/dist/storybook/assets/rich-text-input.stories-DwaseXZv.js +0 -256
- package/dist/storybook/assets/row-Bmiy2Lh0.js +0 -39
- package/dist/storybook/assets/row-D-EMWFT6.css +0 -1
- package/dist/storybook/assets/row.stories-jKh8Ms1e.js +0 -130
- package/dist/storybook/assets/select-BmYXTl_0.css +0 -1
- package/dist/storybook/assets/select-Cwks-WA0.js +0 -61
- package/dist/storybook/assets/select.input-CJed_LLR.js +0 -1
- package/dist/storybook/assets/select.stories-DjGSNDXK.js +0 -498
- package/dist/storybook/assets/select.stories-data-DxgWKlU6.js +0 -1
- package/dist/storybook/assets/select.test-case.stories-CrXzt4qn.js +0 -82
- package/dist/storybook/assets/side-bar-fBbBqyAT.css +0 -1
- package/dist/storybook/assets/side-bar-wpFQ5NEE.js +0 -24
- package/dist/storybook/assets/side-bar.stories-LjClxJcG.js +0 -1
- package/dist/storybook/assets/site.stories-BnWmALGd.js +0 -166
- package/dist/storybook/assets/slider-DPdTVMP0.css +0 -1
- package/dist/storybook/assets/slider-DxaD8LU4.js +0 -27
- package/dist/storybook/assets/slider.stories-DuGie_AX.js +0 -134
- package/dist/storybook/assets/smart-upload-modal.stories-BlTSF64K.js +0 -25
- package/dist/storybook/assets/spacer-BWoNR27H.js +0 -1
- package/dist/storybook/assets/spacer.stories-BT2S6B0R.js +0 -1
- package/dist/storybook/assets/spinner-AWUe4xwQ.js +0 -1
- package/dist/storybook/assets/spinner-C07x-KQu.css +0 -1
- package/dist/storybook/assets/spinner.stories-DuQNhl1V.js +0 -26
- package/dist/storybook/assets/styled-components.browser.esm-BQ9GQzDc.js +0 -2
- package/dist/storybook/assets/table-BSABGfWm.js +0 -86
- package/dist/storybook/assets/table-BtBtDwPu.css +0 -1
- package/dist/storybook/assets/table.stories-CHwzAdud.js +0 -772
- package/dist/storybook/assets/table.stories-data-C7mC5R8Q.js +0 -1
- package/dist/storybook/assets/tabs-BoToLVEP.js +0 -13
- package/dist/storybook/assets/tabs-DnWs2PtA.css +0 -1
- package/dist/storybook/assets/tabs.stories-B52iEaHf.js +0 -30
- package/dist/storybook/assets/text-2O-HSG8g.css +0 -1
- package/dist/storybook/assets/text-B3-TSWok.js +0 -1
- package/dist/storybook/assets/text-link.stories-BQAkVO-W.js +0 -14
- package/dist/storybook/assets/text.stories-B8L4FWPt.js +0 -1
- package/dist/storybook/assets/textarea-DflOOrxV.js +0 -13
- package/dist/storybook/assets/textarea-TqxidmV4.css +0 -1
- package/dist/storybook/assets/textarea.stories-CzsqRVpC.js +0 -9
- package/dist/storybook/assets/tiny-invariant-DqLgxztJ.js +0 -8
- package/dist/storybook/assets/title.stories-D0VjujmM.js +0 -37
- package/dist/storybook/assets/toaster-7wnI6hqB.js +0 -1
- package/dist/storybook/assets/toaster-DwLvOY18.css +0 -1
- package/dist/storybook/assets/toaster-O8ftrUAJ.js +0 -1
- package/dist/storybook/assets/toaster.stories-CdpwLBSo.js +0 -84
- package/dist/storybook/assets/toaster.test-case.stories-Cy3_Gvs_.js +0 -6
- package/dist/storybook/assets/toggle-BbFVf61v.js +0 -13
- package/dist/storybook/assets/toggle-yD7j1VSk.css +0 -1
- package/dist/storybook/assets/toggle.stories-BAislK3I.js +0 -106
- package/dist/storybook/assets/toggle.test-case.stories-CeUwdhGD.js +0 -36
- package/dist/storybook/assets/tooltip-1V7clEnw.js +0 -29
- package/dist/storybook/assets/tooltip-COvcX6J7.css +0 -1
- package/dist/storybook/assets/tooltip.stories-1YexWg6N.js +0 -17
- package/dist/storybook/assets/tooltip.test-case.stories-De9h8ThH.js +0 -5
- package/dist/storybook/assets/top-bar-Bjf6PQE1.js +0 -163
- package/dist/storybook/assets/top-bar-u7j8EgRd.css +0 -1
- package/dist/storybook/assets/top-bar.stories-1hZmlzDT.js +0 -21
- package/dist/storybook/assets/top-bar.testcase.stories-BsFYqaw6.js +0 -30
- package/dist/storybook/assets/tree-BTgu2lWb.css +0 -1
- package/dist/storybook/assets/tree.stories-NGZfmH_B.js +0 -181
- package/dist/storybook/assets/types-BmbYqTX_.js +0 -1
- package/dist/storybook/assets/types-Dx2TtIG9.js +0 -1
- package/dist/storybook/assets/unit-input-5P4Cogho.css +0 -1
- package/dist/storybook/assets/unit-input-DTOrVqdm.js +0 -5
- package/dist/storybook/assets/unit-input.stories-BhSBzB95.js +0 -198
- package/dist/storybook/assets/unit-input.test-case.stories-Dk5SRvMt.js +0 -215
- package/dist/storybook/assets/unit-table.stories-DwZVHcZo.js +0 -152
- package/dist/storybook/assets/unit-table.test-case.stories-C9Swzooe.js +0 -1
- package/dist/storybook/favicon.svg +0 -1
- package/dist/storybook/iframe.html +0 -639
- package/dist/storybook/index.html +0 -153
- package/dist/storybook/index.json +0 -1
- package/dist/storybook/nunito-sans-bold-italic.woff2 +0 -0
- package/dist/storybook/nunito-sans-bold.woff2 +0 -0
- package/dist/storybook/nunito-sans-italic.woff2 +0 -0
- package/dist/storybook/nunito-sans-regular.woff2 +0 -0
- package/dist/storybook/project.json +0 -1
- package/dist/storybook/sb-addons/actions-1/manager-bundle.js +0 -3
- package/dist/storybook/sb-addons/actions-1/manager-bundle.js.LEGAL.txt +0 -0
- package/dist/storybook/sb-addons/interactions-2/manager-bundle.js +0 -234
- package/dist/storybook/sb-addons/interactions-2/manager-bundle.js.LEGAL.txt +0 -0
- package/dist/storybook/sb-addons/storybook-core-core-server-presets-0/common-manager-bundle.js +0 -3
- package/dist/storybook/sb-addons/storybook-core-core-server-presets-0/common-manager-bundle.js.LEGAL.txt +0 -0
- package/dist/storybook/sb-addons/storybook-dark-mode-esm-preset-3/manager-bundle.js +0 -5
- package/dist/storybook/sb-addons/storybook-dark-mode-esm-preset-3/manager-bundle.js.LEGAL.txt +0 -0
- package/dist/storybook/sb-common-assets/favicon.svg +0 -1
- package/dist/storybook/sb-common-assets/nunito-sans-bold-italic.woff2 +0 -0
- package/dist/storybook/sb-common-assets/nunito-sans-bold.woff2 +0 -0
- package/dist/storybook/sb-common-assets/nunito-sans-italic.woff2 +0 -0
- package/dist/storybook/sb-common-assets/nunito-sans-regular.woff2 +0 -0
- package/dist/storybook/sb-manager/globals-module-info.js +0 -995
- package/dist/storybook/sb-manager/globals-runtime.js +0 -53525
- package/dist/storybook/sb-manager/globals.js +0 -48
- package/dist/storybook/sb-manager/runtime.js +0 -11884
- package/dist/storybook/sb-preview/globals.js +0 -33
- package/dist/storybook/sb-preview/runtime.js +0 -9485
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import{j as o}from"./jsx-runtime-eps93zm2.js";import{l as x,d as y}from"./styled-components.browser.esm-BQ9GQzDc.js";import{r as h,R as $}from"./index-DhsZuJvc.js";import{c as v}from"./index-Bk2sglWO.js";const T=x`
|
|
2
|
-
scrollbar-width: none;
|
|
3
|
-
-ms-overflow-style: none;
|
|
4
|
-
&::-webkit-scrollbar {
|
|
5
|
-
display: none;
|
|
6
|
-
}
|
|
7
|
-
`,q=y.div`
|
|
8
|
-
position: relative; // for react-laag
|
|
9
|
-
display: flex;
|
|
10
|
-
flex-direction: column;
|
|
11
|
-
min-width: 0;
|
|
12
|
-
flex-basis: ${e=>e.$width||"auto"};
|
|
13
|
-
flex-grow: ${e=>!e.$width&&e.$flex?"1":"0"};
|
|
14
|
-
flex-shrink: ${e=>e.$width||!e.$flex?"0":"1"};
|
|
15
|
-
overflow: ${e=>e.$scroll?"auto":"initial"};
|
|
16
|
-
background: ${e=>e.$background};
|
|
17
|
-
border-left: ${e=>e.$borderLeft===!0?"1px solid var(--color-border)":e.$borderLeft};
|
|
18
|
-
border-right: ${e=>e.$borderRight===!0?"1px solid var(--color-border)":e.$borderRight};
|
|
19
|
-
padding: ${e=>e.$spacing?`0 calc(${e.$spacing} / 2)`:"0"};
|
|
20
|
-
${e=>!e.$showScrollbar&&T}
|
|
21
|
-
|
|
22
|
-
@media (max-width: 992px) {
|
|
23
|
-
${e=>e.$widthTablet&&`flex-basis: ${e.$widthTablet};`}
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
@media (max-width: 575px) {
|
|
27
|
-
${e=>e.$widthMobile&&`flex-basis: ${e.$widthMobile};`}
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
> .inner {
|
|
31
|
-
flex-basis: 100%;
|
|
32
|
-
position: relative;
|
|
33
|
-
z-index: 0;
|
|
34
|
-
min-height: 0;
|
|
35
|
-
display: ${e=>e.$flexbox&&!e.$scroll?"flex":"block"};
|
|
36
|
-
${e=>e.$flexbox&&"flex-direction: column;"}
|
|
37
|
-
padding: ${e=>e.$padding===!0?"var(--padding)":e.$padding};
|
|
38
|
-
}
|
|
39
|
-
`,V=({background:e="transparent",borderLeft:d,borderRight:a,children:i=null,flex:u=!0,flexbox:m=!1,padding:f=!1,scroll:n=!1,showScrollbar:p=!0,spacing:c="var(--padding)",width:t,widthMobile:g,widthTablet:b,testId:r})=>{const l=s=>typeof s=="string"?s:typeof s=="number"?`${s}px`:void 0,w=q;return o.jsx(w,{$background:e,$borderLeft:d,$borderRight:a,$flex:u,$flexbox:m,$padding:f,$scroll:n,$showScrollbar:p,$spacing:c,$width:l(t),$widthTablet:l(b),$widthMobile:l(g),children:o.jsx("div",{className:"inner","data-testid":r,children:i})})};V.__docgenInfo={description:"",methods:[],displayName:"Column",props:{background:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'transparent'",computed:!1}},borderLeft:{required:!1,tsType:{name:"union",raw:"boolean | string",elements:[{name:"boolean"},{name:"string"}]},description:""},borderRight:{required:!1,tsType:{name:"union",raw:"boolean | string",elements:[{name:"boolean"},{name:"string"}]},description:""},children:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:"",defaultValue:{value:"null",computed:!1}},flex:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},flexbox:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},padding:{required:!1,tsType:{name:"union",raw:"boolean | string",elements:[{name:"boolean"},{name:"string"}]},description:"",defaultValue:{value:"false",computed:!1}},scroll:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},showScrollbar:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},spacing:{required:!1,tsType:{name:"union",raw:"number | string",elements:[{name:"number"},{name:"string"}]},description:"",defaultValue:{value:"'var(--padding)'",computed:!1}},width:{required:!1,tsType:{name:"union",raw:"number | string",elements:[{name:"number"},{name:"string"}]},description:""},widthMobile:{required:!1,tsType:{name:"union",raw:"number | string",elements:[{name:"number"},{name:"string"}]},description:""},widthTablet:{required:!1,tsType:{name:"union",raw:"number | string",elements:[{name:"number"},{name:"string"}]},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const R="_row_n16je_1",S={row:R},C=({alignItems:e="initial",justifyContent:d="initial",children:a=null,flex:i=!1,height:u="auto",marginBottom:m="0",marginTop:f="0",spacing:n="var(--padding)",wrap:p=!1,testId:c=null})=>{const t=typeof n=="number"?`${n}px`:n,b=(a===null||a===!1?[]:Array.isArray(a)?a.filter(r=>h.isValidElement(r)):[a]).map((r,l)=>o.jsx($.Fragment,{children:$.cloneElement(r,{spacing:t})},l));return o.jsx("div",{className:v(S.row),style:{alignItems:e,justifyContent:d,flexGrow:i?1:0,flexShrink:i?1:0,flexWrap:p?"wrap":"nowrap",height:u,marginLeft:`calc(${t} * -0.5)`,marginRight:`calc(${t} * -0.5)`,marginBottom:m,marginTop:f},"data-testid":c,children:b})};C.__docgenInfo={description:"",methods:[],displayName:"Row",props:{alignItems:{required:!1,tsType:{name:"CSSProperties['alignItems']",raw:"CSSProperties['alignItems']"},description:"",defaultValue:{value:"'initial'",computed:!1}},justifyContent:{required:!1,tsType:{name:"CSSProperties['justifyContent']",raw:"CSSProperties['justifyContent']"},description:"",defaultValue:{value:"'initial'",computed:!1}},children:{required:!1,tsType:{name:"ReactNode"},description:"",defaultValue:{value:"null",computed:!1}},flex:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},height:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"'auto'",computed:!1}},marginBottom:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"'0'",computed:!1}},marginTop:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"'0'",computed:!1}},spacing:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"'var(--padding)'",computed:!1}},wrap:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},testId:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:"",defaultValue:{value:"null",computed:!1}}}};export{V as C,C as R};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._row_n16je_1{display:flex;min-height:0;flex-shrink:0}
|
|
@@ -1,130 +0,0 @@
|
|
|
1
|
-
import{j as o}from"./jsx-runtime-eps93zm2.js";import{r as D}from"./index-DhsZuJvc.js";import{T as g}from"./table-BSABGfWm.js";import{T as z}from"./text-B3-TSWok.js";import{t as R,s as G,u as J,v as K,w as Q}from"./table.stories-data-C7mC5R8Q.js";import"./index-Bk2sglWO.js";import"./index.es-DazXb-ul.js";import"./inheritsLoose-DP0QEDDI.js";import"./redux-tRgGMjwY.js";import"./objectSpread2-DW4nTBoq.js";import"./tiny-invariant-DqLgxztJ.js";import"./index-CUZDtIZe.js";import"./memoize-one.esm-CcMeOnPo.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./lodash-c4VUpsOs.js";import"./actions-Bax0KeqM.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./button-Cbv7WK6k.js";import"./spinner-AWUe4xwQ.js";import"./icon-BSFY3vDO.js";import"./index-CEuq6vkz.js";import"./tooltip-1V7clEnw.js";import"./types-BmbYqTX_.js";import"./types-Dx2TtIG9.js";import"./badge-CLQ59MDF.js";import"./heading-CRNoBc7q.js";import"./help-icon-Buhx5nl6.js";import"./pagination-CR1nxnnq.js";import"./select-Cwks-WA0.js";import"./enum-Bnn40S8Q.js";import"./assertThisInitialized-B9jnkVVz.js";import"./select.input-CJed_LLR.js";import"./helpers-JJxzGegQ.js";import"./input-Db9WkmPP.js";import"./input-group-BaRSJAEN.js";import"./input-group-addon-D68iUKV2.js";import"./number-input-B3_gmeWr.js";import"./index-C0x1JmaP.js";import"./index-DRSy5Ssd.js";import"./check-box-DPLaOkRR.js";import"./slider-DxaD8LU4.js";import"./index-BI4_Bp97.js";import"./popover-C_2P8LFJ.js";import"./flex-EllkLxgO.js";const Be={title:"Basic/Table/Row",component:g,args:{table:{...R}}},v=n=>o.jsx(g,{...n}),i=v.bind({});i.args={table:G};const p=v.bind({});p.args={table:J};const c=v.bind({});c.args={table:K};const d=v.bind({});d.args={table:Q};const t=v.bind({});t.args={table:{...R,striped:!1}};t.parameters={docs:{description:{story:"`striped: false` removes tinted background on alternative rows."}}};const u=()=>{const[n,e]=D.useState(null),a=r=>e(n===r?null:r);return o.jsx(g,{table:{...R,striped:!1,rows:R.rows.map((r,x)=>({...r,onRowClick:()=>a(x),expandedContent:{content:n===x?o.jsx("div",{children:"Example expanded content"}):null}}))}})},m=()=>{const n={draggable:!0,headers:[{cells:[{value:"Name"},{value:"Weight (kg)"},{value:"Energy (kcal / 100g)"},{value:"Origin"}]}],rows:[{noDrag:!0,cells:[{value:"Undraggable"},{value:100},{value:361},{value:"Vietnam"}]},{cells:[{value:"Buckwheat"},{value:50},{value:358},{value:"Poland"}]},{cells:[{value:"Couscous"},{value:10},{value:368},{value:"France"}]}]},e=(s,b,l)=>{const y=[...s];return s[l].noDrag?s:(y.splice(l,0,y.splice(b,1)[0]),y)},[a,r]=D.useState(n.rows),x=s=>{const{to:b,from:l}=s;e(a,l,b),r(e(a,l,b))};return o.jsx(g,{table:{...n,rows:a},onListReorder:x})},w=()=>{const[n,e]=D.useState("Hover any row!"),a=[1,2,3,4,5].map(r=>({cells:[{value:`Row ${r}`},{value:`${r**2}`}],onRowMouseEnter:()=>e(`Hovering row ${r}`),onRowMouseLeave:()=>e("Not hovering any row...")}));return o.jsxs(o.Fragment,{children:[o.jsx(z,{children:n}),o.jsx(g,{table:{fixedWidth:"100%",headers:[{cells:[{value:"Description"},{value:"Value"}],onRowMouseEnter:()=>e("Hovering header row"),onRowMouseLeave:()=>e("Not hovering any row...")}],rows:a}})]})};u.__docgenInfo={description:"",methods:[],displayName:"Expandable"};m.__docgenInfo={description:"",methods:[],displayName:"DragAndDrop"};w.__docgenInfo={description:"",methods:[],displayName:"OnRowEnter"};var E,h,T;i.parameters={...i.parameters,docs:{...(E=i.parameters)==null?void 0:E.docs,source:{originalSource:`args => {
|
|
2
|
-
return <Table
|
|
3
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
4
|
-
{...args} />;
|
|
5
|
-
}`,...(T=(h=i.parameters)==null?void 0:h.docs)==null?void 0:T.source}}};var f,S,j;p.parameters={...p.parameters,docs:{...(f=p.parameters)==null?void 0:f.docs,source:{originalSource:`args => {
|
|
6
|
-
return <Table
|
|
7
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
8
|
-
{...args} />;
|
|
9
|
-
}`,...(j=(S=p.parameters)==null?void 0:S.docs)==null?void 0:j.source}}};var N,A,k;c.parameters={...c.parameters,docs:{...(N=c.parameters)==null?void 0:N.docs,source:{originalSource:`args => {
|
|
10
|
-
return <Table
|
|
11
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
12
|
-
{...args} />;
|
|
13
|
-
}`,...(k=(A=c.parameters)==null?void 0:A.docs)==null?void 0:k.source}}};var _,L,M;d.parameters={...d.parameters,docs:{...(_=d.parameters)==null?void 0:_.docs,source:{originalSource:`args => {
|
|
14
|
-
return <Table
|
|
15
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
16
|
-
{...args} />;
|
|
17
|
-
}`,...(M=(L=d.parameters)==null?void 0:L.docs)==null?void 0:M.source}}};var W,C,F;t.parameters={...t.parameters,docs:{...(W=t.parameters)==null?void 0:W.docs,source:{originalSource:`args => {
|
|
18
|
-
return <Table
|
|
19
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
20
|
-
{...args} />;
|
|
21
|
-
}`,...(F=(C=t.parameters)==null?void 0:C.docs)==null?void 0:F.source}}};var H,O,$;u.parameters={...u.parameters,docs:{...(H=u.parameters)==null?void 0:H.docs,source:{originalSource:`() => {
|
|
22
|
-
const [expandedRow, setExpandedRow] = useState<number | null>(null);
|
|
23
|
-
const toggleExpandedRow = (rowIndex: number) => expandedRow === rowIndex ? setExpandedRow(null) : setExpandedRow(rowIndex);
|
|
24
|
-
return <Table table={{
|
|
25
|
-
...storyData.table,
|
|
26
|
-
striped: false,
|
|
27
|
-
rows: storyData.table.rows.map((row, index) => ({
|
|
28
|
-
...row,
|
|
29
|
-
onRowClick: () => toggleExpandedRow(index),
|
|
30
|
-
expandedContent: {
|
|
31
|
-
content: expandedRow === index ? <div>Example expanded content</div> : null
|
|
32
|
-
}
|
|
33
|
-
}))
|
|
34
|
-
}} />;
|
|
35
|
-
}`,...($=(O=u.parameters)==null?void 0:O.docs)==null?void 0:$.source}}};var I,V,B;m.parameters={...m.parameters,docs:{...(I=m.parameters)==null?void 0:I.docs,source:{originalSource:`() => {
|
|
36
|
-
const withDragAndDrop = {
|
|
37
|
-
draggable: true,
|
|
38
|
-
headers: [{
|
|
39
|
-
cells: [{
|
|
40
|
-
value: 'Name'
|
|
41
|
-
}, {
|
|
42
|
-
value: 'Weight (kg)'
|
|
43
|
-
}, {
|
|
44
|
-
value: 'Energy (kcal / 100g)'
|
|
45
|
-
}, {
|
|
46
|
-
value: 'Origin'
|
|
47
|
-
}]
|
|
48
|
-
}],
|
|
49
|
-
rows: [{
|
|
50
|
-
noDrag: true,
|
|
51
|
-
cells: [{
|
|
52
|
-
value: 'Undraggable'
|
|
53
|
-
}, {
|
|
54
|
-
value: 100
|
|
55
|
-
}, {
|
|
56
|
-
value: 361
|
|
57
|
-
}, {
|
|
58
|
-
value: 'Vietnam'
|
|
59
|
-
}]
|
|
60
|
-
}, {
|
|
61
|
-
cells: [{
|
|
62
|
-
value: 'Buckwheat'
|
|
63
|
-
}, {
|
|
64
|
-
value: 50
|
|
65
|
-
}, {
|
|
66
|
-
value: 358
|
|
67
|
-
}, {
|
|
68
|
-
value: 'Poland'
|
|
69
|
-
}]
|
|
70
|
-
}, {
|
|
71
|
-
cells: [{
|
|
72
|
-
value: 'Couscous'
|
|
73
|
-
}, {
|
|
74
|
-
value: 10
|
|
75
|
-
}, {
|
|
76
|
-
value: 368
|
|
77
|
-
}, {
|
|
78
|
-
value: 'France'
|
|
79
|
-
}]
|
|
80
|
-
}]
|
|
81
|
-
};
|
|
82
|
-
const arraymove = (arr: any, from: any, to: any) => {
|
|
83
|
-
const copy = [...arr];
|
|
84
|
-
if (arr[to].noDrag) {
|
|
85
|
-
return arr;
|
|
86
|
-
}
|
|
87
|
-
copy.splice(to, 0, copy.splice(from, 1)[0]);
|
|
88
|
-
return copy;
|
|
89
|
-
};
|
|
90
|
-
const [rows, setRows] = useState(withDragAndDrop.rows);
|
|
91
|
-
const onListReorder = (reorderData: any) => {
|
|
92
|
-
const {
|
|
93
|
-
to,
|
|
94
|
-
from
|
|
95
|
-
} = reorderData;
|
|
96
|
-
arraymove(rows, from, to);
|
|
97
|
-
setRows(arraymove(rows, from, to));
|
|
98
|
-
};
|
|
99
|
-
return <Table table={{
|
|
100
|
-
...withDragAndDrop,
|
|
101
|
-
rows
|
|
102
|
-
}} onListReorder={onListReorder} />;
|
|
103
|
-
}`,...(B=(V=m.parameters)==null?void 0:V.docs)==null?void 0:B.source}}};var P,U,q;w.parameters={...w.parameters,docs:{...(P=w.parameters)==null?void 0:P.docs,source:{originalSource:`() => {
|
|
104
|
-
const [displayText, setDisplayText] = useState('Hover any row!');
|
|
105
|
-
const rows = [1, 2, 3, 4, 5].map(val => ({
|
|
106
|
-
cells: [{
|
|
107
|
-
value: \`Row \${val}\`
|
|
108
|
-
}, {
|
|
109
|
-
value: \`\${val ** 2}\`
|
|
110
|
-
}],
|
|
111
|
-
onRowMouseEnter: () => setDisplayText(\`Hovering row \${val}\`),
|
|
112
|
-
onRowMouseLeave: () => setDisplayText('Not hovering any row...')
|
|
113
|
-
}));
|
|
114
|
-
return <>
|
|
115
|
-
<Text>{displayText}</Text>
|
|
116
|
-
<Table table={{
|
|
117
|
-
fixedWidth: '100%',
|
|
118
|
-
headers: [{
|
|
119
|
-
cells: [{
|
|
120
|
-
value: 'Description'
|
|
121
|
-
}, {
|
|
122
|
-
value: 'Value'
|
|
123
|
-
}],
|
|
124
|
-
onRowMouseEnter: () => setDisplayText(\`Hovering header row\`),
|
|
125
|
-
onRowMouseLeave: () => setDisplayText('Not hovering any row...')
|
|
126
|
-
}],
|
|
127
|
-
rows
|
|
128
|
-
}} />
|
|
129
|
-
</>;
|
|
130
|
-
}`,...(q=(U=w.parameters)==null?void 0:U.docs)==null?void 0:q.source}}};const Pe=["ActiveRow","ErrorRow","WarningRow","RowFocusEvent","NotStriped","Expandable","DragAndDrop","OnRowEnter"];export{i as ActiveRow,m as DragAndDrop,p as ErrorRow,u as Expandable,t as NotStriped,w as OnRowEnter,d as RowFocusEvent,c as WarningRow,Pe as __namedExportsOrder,Be as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._inputInTable_sl2b5_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_sl2b5_1:not(:hover):not([data-error]):not([data-warning]){border-color:transparent}._inputInTable_sl2b5_1:not(:focus){box-shadow:none}._inputHover_sl2b5_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_sl2b5_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_sl2b5_25,._inputWarning_sl2b5_26{position:relative}._inputError_sl2b5_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._inputError_sl2b5_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_sl2b5_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_sl2b5_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._inputWarning_sl2b5_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_sl2b5_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_sl2b5_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_sl2b5_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_sl2b5_67::-webkit-scrollbar{display:none}._select_sl2b5_77{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;display:inline-block;width:100%;padding:var(--padding-input);padding-right:calc(var(--padding-input-x) + var(--font-size) + var(--padding-xxs));color:var(--color-text);vertical-align:middle;background:var(--color-background-input) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.75' stroke='rgb(63, 63, 51)' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M6 9l6 6l6 -6' /%3E%3C/svg%3E") no-repeat right var(--padding-xs) center;background-size:var(--font-size);border:1px solid var(--color-border);border-radius:var(--border-radius);height:var(--size);box-shadow:var(--shadow-button)}[data-theme=dark] ._select_sl2b5_77{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.75' stroke='rgb(215, 215, 206)' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M6 9l6 6l6 -6' /%3E%3C/svg%3E")}._select_sl2b5_77 option{background:var(--color-background-layer);color:var(--color-text)}._select_sl2b5_77 option:focus{background-color:var(--color-background-listitem-active)}._select_sl2b5_77:-moz-focusring{color:transparent!important;text-shadow:0 0 0 #000!important}._select_sl2b5_77:hover{position:relative;border-color:var(--color-border-hover);z-index:2;cursor:pointer}._select_sl2b5_77:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._select_sl2b5_77._isInTable_sl2b5_121{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._select_sl2b5_77._isInTable_sl2b5_121:not(:hover):not([data-error]):not([data-warning]){border-color:transparent}._select_sl2b5_77._isInTable_sl2b5_121:not(:focus){box-shadow:none}._select_sl2b5_77._unSelected_sl2b5_133{color:var(--color-text-placeholder)!important}._select_sl2b5_77._unSelected_sl2b5_133:-moz-focusring{color:transparent!important;text-shadow:0 0 0 #000!important}._select_sl2b5_77[data-warning]{position:relative;z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._select_sl2b5_77[data-warning]:hover{border-color:var(--color-border-warning-hover)!important}._select_sl2b5_77[data-warning]:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._select_sl2b5_77[data-error]{position:relative;z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._select_sl2b5_77[data-error]:hover{border-color:var(--color-border-error-hover)!important}._select_sl2b5_77[data-error]:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._select_sl2b5_77._small_sl2b5_174{font-size:var(--font-size-sm);height:var(--size-sm);padding:var(--padding-input-sm);background-size:var(--font-size-sm);background-position:right var(--padding-xxs) center;padding-right:calc(var(--padding-input-sm-x) + var(--font-size-sm) + var(--padding-xxs))}._select_sl2b5_77._right_sl2b5_182{text-align:right;text-align-last:right}._select_sl2b5_77[disabled]{opacity:1;pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._groupOrderFirst_sl2b5_193,._groupOrderMiddle_sl2b5_194{border-top-right-radius:0!important;border-bottom-right-radius:0!important}._groupOrderLast_sl2b5_198,._groupOrderMiddle_sl2b5_194{border-top-left-radius:0!important;border-bottom-left-radius:0!important}._layerContainer_1lbvo_1{z-index:var(--zindex-dropdown)}._layer_1lbvo_1{border:1px solid var(--color-border);border-radius:var(--border-radius);overflow:hidden;margin:2px -1px 0;background:var(--color-background-layer);box-shadow:var(--shadow-layer);position:relative;font-size:var(--font-size)}._layer_1lbvo_1 ul{margin:0;padding:0;list-style-type:none}._layer_1lbvo_1 ul li{list-style:none;display:block}._layer_1lbvo_1._small_1lbvo_23{font-size:var(--font-size-sm)}._heading_1lbvo_26,._option_1lbvo_27,._message_1lbvo_28{padding:var(--padding-input);padding-right:0}._small_1lbvo_23 ._heading_1lbvo_26,._small_1lbvo_23 ._option_1lbvo_27,._small_1lbvo_23 ._message_1lbvo_28{padding:var(--padding-input-sm);padding-right:0}._heading_1lbvo_26{color:var(--color-text-muted);letter-spacing:var(--letter-spacing-wide);font-weight:700;text-transform:uppercase;max-width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._small_1lbvo_23 ._heading_1lbvo_26{font-size:var(--font-size-sm)}._message_1lbvo_28{color:var(--color-text-faint)}._option_1lbvo_27{line-height:var(--line-height);display:flex;align-items:center;padding-top:0;padding-bottom:0;height:100%;cursor:pointer}._option_1lbvo_27._focused_1lbvo_64,._option_1lbvo_27:hover{background-color:var(--color-background-listitem-hover)}._option_1lbvo_27._selected_1lbvo_68{background-color:var(--color-background-listitem-active)}._option_1lbvo_27._disabled_1lbvo_71{opacity:.2;cursor:inherit}._option_1lbvo_27 ._check_1lbvo_75{color:var(--color-text);font-size:var(--font-size);width:var(--size);height:var(--size);display:flex;justify-content:center;align-items:center;flex-shrink:0}._small_1lbvo_23 ._option_1lbvo_27 ._check_1lbvo_75{width:var(--size-sm);height:var(--size-sm)}._option_1lbvo_27 ._check_1lbvo_75 svg{display:block}._option_1lbvo_27 ._optionContent_1lbvo_92{flex-wrap:wrap;margin-right:auto;overflow:hidden}._option_1lbvo_27 ._optionContent_1lbvo_92 ._label_1lbvo_97{max-width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._option_1lbvo_27 ._optionContent_1lbvo_92 ._icon_1lbvo_104{display:inline-flex;margin-left:var(--padding-xxs);line-height:0}._details_1lbvo_109{float:right;display:inline;white-space:nowrap}._inputInTable_7uwhv_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_7uwhv_1:not(:hover):not([data-error]):not([data-warning]){border-color:transparent}._inputInTable_7uwhv_1:not(:focus){box-shadow:none}._inputHover_7uwhv_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_7uwhv_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_7uwhv_25,._inputWarning_7uwhv_26{position:relative}._inputError_7uwhv_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._inputError_7uwhv_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_7uwhv_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_7uwhv_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._inputWarning_7uwhv_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_7uwhv_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_7uwhv_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_7uwhv_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_7uwhv_67::-webkit-scrollbar{display:none}._trigger_7uwhv_77{font-weight:400;display:flex;align-items:center;border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-background-input);height:var(--size);position:relative;padding-left:var(--padding-input-x);box-shadow:var(--shadow-button)}._trigger_7uwhv_77 input{border:none!important;background:transparent!important}._trigger_7uwhv_77._isInTable_7uwhv_93{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._trigger_7uwhv_77._isInTable_7uwhv_93:not(:hover):not([data-error]):not([data-warning]){border-color:transparent}._trigger_7uwhv_77._isInTable_7uwhv_93:not(:focus){box-shadow:none}._trigger_7uwhv_77._isInTable_7uwhv_93 ._input_7uwhv_1{background:transparent!important}._trigger_7uwhv_77:hover{position:relative;border-color:var(--color-border-hover);z-index:2;cursor:pointer}._trigger_7uwhv_77._isOpen_7uwhv_114,._trigger_7uwhv_77:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._trigger_7uwhv_77[data-warning]{position:relative;z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._trigger_7uwhv_77[data-warning]:hover{border-color:var(--color-border-warning-hover)!important}._trigger_7uwhv_77[data-warning]:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._trigger_7uwhv_77[data-error]{position:relative;z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._trigger_7uwhv_77[data-error]:hover{border-color:var(--color-border-error-hover)!important}._trigger_7uwhv_77[data-error]:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._trigger_7uwhv_77._disabled_7uwhv_156{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._icons_7uwhv_162{display:flex;flex-wrap:nowrap;flex-shrink:0;position:relative;z-index:2}._icons_7uwhv_162 ._clearAll_7uwhv_169,._icons_7uwhv_162 ._iconOpen_7uwhv_170{width:calc((var(--size) + var(--font-size)) / 2);height:var(--size);display:flex;justify-content:flex-start;align-items:center}._disabled_7uwhv_156 ._icons_7uwhv_162 ._clearAll_7uwhv_169,._disabled_7uwhv_156 ._icons_7uwhv_162 ._iconOpen_7uwhv_170{color:var(--color-text-faint)}._small_7uwhv_181 ._icons_7uwhv_162 ._clearAll_7uwhv_169,._small_7uwhv_181 ._icons_7uwhv_162 ._iconOpen_7uwhv_170{width:calc((var(--size-sm) + var(--font-size-sm)) / 2);height:var(--size-sm)}._icons_7uwhv_162 ._clearAll_7uwhv_169:hover{color:var(--color-text-primary)}._triggerInputContainer_7uwhv_189{display:flex;align-items:center;position:relative;z-index:1;flex-grow:1;min-width:0;margin-right:4px}._right_7uwhv_198 ._triggerInputContainer_7uwhv_189{justify-content:flex-end;text-align:right}._right_7uwhv_198 ._triggerInputContainer_7uwhv_189 input{padding-right:0;padding-left:0;text-align:right;width:0}._right_7uwhv_198 ._triggerInputContainer_7uwhv_189 input:focus{width:auto}._multiOptions_7uwhv_211{display:flex;overflow:hidden;margin-left:calc((var(--padding-xxs) * -1) - 2px)}._multiOptions_7uwhv_211:empty{display:none!important}._multiOptions_7uwhv_211 ._multiOption_7uwhv_211{-webkit-user-select:none;user-select:none;pointer-events:none;display:inline-flex;align-items:center;border:1px solid var(--color-border);background-color:var(--color-background);padding:0 var(--padding-xxs);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);height:calc(var(--size) - 6px);color:var(--color-text-muted);max-width:100%;min-width:0;flex-shrink:0;margin-right:2px}._small_7uwhv_181 ._multiOptions_7uwhv_211 ._multiOption_7uwhv_211{height:calc(var(--size-sm) - 6px)}._multiOptions_7uwhv_211 ._multiOption_7uwhv_211 ._label_7uwhv_239{white-space:nowrap}._multiOptions_7uwhv_211 ._multiOption_7uwhv_211 ._closeMultiOption_7uwhv_242{flex-shrink:0;display:flex;align-items:center;justify-content:center;height:100%;width:var(--size-sm);opacity:.25;aspect-ratio:1}._multiOptions_7uwhv_211 ._multiOption_7uwhv_211 ._closeMultiOption_7uwhv_242:hover,._multiOptions_7uwhv_211 ._multiOption_7uwhv_211 ._closeMultiOption_7uwhv_242._focus_7uwhv_253{opacity:1;outline:0}._selectedSingleValue_7uwhv_257,._placeHolder_7uwhv_258{line-height:calc(var(--size) - 2px);right:0;left:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;position:absolute}._placeHolder_7uwhv_258{color:var(--color-text-placeholder)}._input_7uwhv_1{font-family:var(--font-family);background-color:transparent;border:none;color:var(--color-text);padding:0;width:0}._input_7uwhv_1[data-error]{color:var(--color-text-error)!important}._input_7uwhv_1:focus{outline:none;width:auto}._small_7uwhv_181{height:var(--size-sm);font-size:var(--font-size-sm);padding-left:var(--padding-input-sm-x)}._small_7uwhv_181 ._selectedSingleValue_7uwhv_257,._small_7uwhv_181 ._placeHolder_7uwhv_258,._small_7uwhv_181 ._input_7uwhv_1{height:calc(var(--size-sm) - 2px);line-height:calc(var(--size-sm) - 2px)}._groupOrderFirst_7uwhv_297,._groupOrderMiddle_7uwhv_298{border-top-right-radius:0!important;border-bottom-right-radius:0!important}._groupOrderLast_7uwhv_302,._groupOrderMiddle_7uwhv_298{border-top-left-radius:0!important;border-bottom-left-radius:0!important}._detailedLabel_7uwhv_307{width:100%}._detailedLabel_7uwhv_307 :first-child{float:left;position:absolute;padding-right:var(--padding-xxs)}._detailedLabel_7uwhv_307 :last-child{float:right}
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
import{j as o}from"./jsx-runtime-eps93zm2.js";import{l as ae}from"./lodash-c4VUpsOs.js";import{r as q}from"./index-DhsZuJvc.js";import{c as G}from"./index-Bk2sglWO.js";import{G as ie,I as Ee}from"./common-types-Sih75Sav.js";import{D as me}from"./disabled-context-rmpd7YJS.js";import{i as ne}from"./types-Dx2TtIG9.js";import{T as pe,u as We,m as ze}from"./tooltip-1V7clEnw.js";import{A as P,E as B,K as Ge}from"./enum-Bnn40S8Q.js";import{a as $e,_ as Ue}from"./inheritsLoose-DP0QEDDI.js";import{_ as ge}from"./assertThisInitialized-B9jnkVVz.js";import{m as le}from"./memoize-one.esm-CcMeOnPo.js";import{M as se}from"./types-BmbYqTX_.js";import{T as ue}from"./text-B3-TSWok.js";import{A as Ve}from"./actions-Bax0KeqM.js";import{I as ce}from"./icon-BSFY3vDO.js";import{s as Ye}from"./select.input-CJed_LLR.js";const Ke="_inputInTable_sl2b5_1",Be="_inputHover_sl2b5_13",Ze="_inputFocus_sl2b5_18",Xe="_inputError_sl2b5_25",Je="_inputWarning_sl2b5_26",Qe="_inputDisabled_sl2b5_61",en="_hideScrollbars_sl2b5_67",nn="_select_sl2b5_77",tn="_isInTable_sl2b5_121",rn="_unSelected_sl2b5_133",an="_small_sl2b5_174",sn="_right_sl2b5_182",ln="_groupOrderFirst_sl2b5_193",on="_groupOrderMiddle_sl2b5_194",un="_groupOrderLast_sl2b5_198",U={inputInTable:Ke,inputHover:Be,inputFocus:Ze,inputError:Xe,inputWarning:Je,inputDisabled:Qe,hideScrollbars:en,select:nn,isInTable:tn,unSelected:rn,small:an,right:sn,groupOrderFirst:ln,groupOrderMiddle:on,groupOrderLast:un},we=({disabled:e=!1,error:n=null,warning:r=null,tooltip:a=null,options:s,onChange:g=ae.noop,onFocus:S=ae.noop,onBlur:u=ae.noop,right:c=!1,small:d=!1,tabIndex:T=0,selectedOption:m,width:b=null,groupOrder:E=null,testId:v,isInTable:t=!1,clearable:i,placeholder:l,hasNonExistentValue:p,maxTooltipWidth:y,borderRadius:I})=>{const f=q.useContext(me),h=m===null||(m==null?void 0:m.value)===null?"unselected":m==null?void 0:m.value,w=h==="unselected",N=(h==="unselected"||i?[o.jsx("option",{value:"unselected",disabled:!i,hidden:!i,children:l||"Select..."},"unselected")]:[]).concat(p?[o.jsx("option",{value:m==null?void 0:m.value,disabled:e||f,children:m==null?void 0:m.label},"selectedNonExistentValue")]:[]).concat(s.map((L,R)=>o.jsx("option",{value:L.value,"data-testid":L.testId,children:L.label},R))),x=(()=>{if(E)switch(E){case ie.FIRST:return U.groupOrderFirst;case ie.LAST:return U.groupOrderLast;default:return U.groupOrderMiddle}return""})();return o.jsx(pe,{error:!!n,warning:!!r,text:a||n||r,enabled:a&&ne(a)||n&&ne(n)||r&&ne(r)||!1,maxWidth:y,placement:"bottom-center",children:o.jsx("select",{className:G(U.select,w?U.unSelected:"",c?U.right:"",d?U.small:"",t?U.isInTable:"",x),style:{width:b||"",borderRadius:I||""},onChange:L=>{const{value:R}=L.target;let C;R==="unselected"?C={value:null}:C=s.find(F=>String(F.value)===String(R))||{value:null},g(L,C)},onFocus:S,onBlur:u,tabIndex:T,value:h,disabled:e||f,"data-error":n||null,"data-warning":r||null,"data-testid":v,children:N})})};we.__docgenInfo={description:"",methods:[],displayName:"NativeSelect",props:{borderRadius:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},error:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | React.ReactNode | null",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactReactNode",raw:"React.ReactNode"},{name:"null"}]},description:"",defaultValue:{value:"null",computed:!1}},warning:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | React.ReactNode | null",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactReactNode",raw:"React.ReactNode"},{name:"null"}]},description:"",defaultValue:{value:"null",computed:!1}},tooltip:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | React.ReactNode | null",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactReactNode",raw:"React.ReactNode"},{name:"null"}]},description:"",defaultValue:{value:"null",computed:!1}},options:{required:!0,tsType:{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"},description:""},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:`(
|
|
2
|
-
evt: ChangeEvent<HTMLSelectElement>,
|
|
3
|
-
value: ISelectSelectedOption | { value: null },
|
|
4
|
-
) => void`,signature:{arguments:[{type:{name:"ChangeEvent",elements:[{name:"HTMLSelectElement"}],raw:"ChangeEvent<HTMLSelectElement>"},name:"evt"},{type:{name:"union",raw:"ISelectSelectedOption | { value: null }",elements:[{name:"ISelectSelectedOption"},{name:"signature",type:"object",raw:"{ value: null }",signature:{properties:[{key:"value",value:{name:"null",required:!0}}]}}]},name:"value"}],return:{name:"void"}}},description:"",defaultValue:{value:"noop",computed:!0}},onFocus:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:"",defaultValue:{value:"noop",computed:!0}},onBlur:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:"",defaultValue:{value:"noop",computed:!0}},right:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},small:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},tabIndex:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"0",computed:!1}},selectedOption:{required:!1,tsType:{name:"ISelectSelectedOption"},description:""},width:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | null",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"null"}]},description:"",defaultValue:{value:"null",computed:!1}},groupOrder:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:"",defaultValue:{value:"null",computed:!1}},testId:{required:!1,tsType:{name:"union",raw:"string | undefined",elements:[{name:"string"},{name:"undefined"}]},description:""},isInTable:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},clearable:{required:!1,tsType:{name:"boolean"},description:""},placeholder:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""},hasNonExistentValue:{required:!1,tsType:{name:"boolean"},description:""},maxTooltipWidth:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""}}};const Oe=()=>{const e=q.useRef(null);return[e,()=>{e.current&&e.current.focus()}]},Le=()=>{const[e,n]=q.useState(!1);return q.useEffect(()=>{(async()=>{document.fonts&&await document.fonts.ready.then(()=>n(!0))})()},[]),e};var cn=typeof performance=="object"&&typeof performance.now=="function",ve=cn?function(){return performance.now()}:function(){return Date.now()};function ye(e){cancelAnimationFrame(e.id)}function dn(e,n){var r=ve();function a(){ve()-r>=n?e.call(null):s.id=requestAnimationFrame(a)}var s={id:requestAnimationFrame(a)};return s}var oe=-1;function he(e){if(e===void 0&&(e=!1),oe===-1||e){var n=document.createElement("div"),r=n.style;r.width="50px",r.height="50px",r.overflow="scroll",document.body.appendChild(n),oe=n.offsetWidth-n.clientWidth,document.body.removeChild(n)}return oe}var ee=null;function Se(e){if(e===void 0&&(e=!1),ee===null||e){var n=document.createElement("div"),r=n.style;r.width="50px",r.height="50px",r.overflow="scroll",r.direction="rtl";var a=document.createElement("div"),s=a.style;return s.width="100px",s.height="100px",n.appendChild(a),document.body.appendChild(n),n.scrollLeft>0?ee="positive-descending":(n.scrollLeft=1,n.scrollLeft===0?ee="negative":ee="positive-ascending"),document.body.removeChild(n),ee}return ee}var mn=150,pn=function(n,r){return n};function fn(e){var n,r=e.getItemOffset,a=e.getEstimatedTotalSize,s=e.getItemSize,g=e.getOffsetForIndexAndAlignment,S=e.getStartIndexForOffset,u=e.getStopIndexForStartIndex,c=e.initInstanceProps,d=e.shouldResetStyleCacheOnItemSizeChange,T=e.validateProps;return n=function(m){$e(b,m);function b(v){var t;return t=m.call(this,v)||this,t._instanceProps=c(t.props,ge(t)),t._outerRef=void 0,t._resetIsScrollingTimeoutId=null,t.state={instance:ge(t),isScrolling:!1,scrollDirection:"forward",scrollOffset:typeof t.props.initialScrollOffset=="number"?t.props.initialScrollOffset:0,scrollUpdateWasRequested:!1},t._callOnItemsRendered=void 0,t._callOnItemsRendered=le(function(i,l,p,y){return t.props.onItemsRendered({overscanStartIndex:i,overscanStopIndex:l,visibleStartIndex:p,visibleStopIndex:y})}),t._callOnScroll=void 0,t._callOnScroll=le(function(i,l,p){return t.props.onScroll({scrollDirection:i,scrollOffset:l,scrollUpdateWasRequested:p})}),t._getItemStyle=void 0,t._getItemStyle=function(i){var l=t.props,p=l.direction,y=l.itemSize,I=l.layout,f=t._getItemStyleCache(d&&y,d&&I,d&&p),h;if(f.hasOwnProperty(i))h=f[i];else{var w=r(t.props,i,t._instanceProps),N=s(t.props,i,t._instanceProps),x=p==="horizontal"||I==="horizontal",L=p==="rtl",R=x?w:0;f[i]=h={position:"absolute",left:L?void 0:R,right:L?R:void 0,top:x?0:w,height:x?"100%":N,width:x?N:"100%"}}return h},t._getItemStyleCache=void 0,t._getItemStyleCache=le(function(i,l,p){return{}}),t._onScrollHorizontal=function(i){var l=i.currentTarget,p=l.clientWidth,y=l.scrollLeft,I=l.scrollWidth;t.setState(function(f){if(f.scrollOffset===y)return null;var h=t.props.direction,w=y;if(h==="rtl")switch(Se()){case"negative":w=-y;break;case"positive-descending":w=I-p-y;break}return w=Math.max(0,Math.min(w,I-p)),{isScrolling:!0,scrollDirection:f.scrollOffset<w?"forward":"backward",scrollOffset:w,scrollUpdateWasRequested:!1}},t._resetIsScrollingDebounced)},t._onScrollVertical=function(i){var l=i.currentTarget,p=l.clientHeight,y=l.scrollHeight,I=l.scrollTop;t.setState(function(f){if(f.scrollOffset===I)return null;var h=Math.max(0,Math.min(I,y-p));return{isScrolling:!0,scrollDirection:f.scrollOffset<h?"forward":"backward",scrollOffset:h,scrollUpdateWasRequested:!1}},t._resetIsScrollingDebounced)},t._outerRefSetter=function(i){var l=t.props.outerRef;t._outerRef=i,typeof l=="function"?l(i):l!=null&&typeof l=="object"&&l.hasOwnProperty("current")&&(l.current=i)},t._resetIsScrollingDebounced=function(){t._resetIsScrollingTimeoutId!==null&&ye(t._resetIsScrollingTimeoutId),t._resetIsScrollingTimeoutId=dn(t._resetIsScrolling,mn)},t._resetIsScrolling=function(){t._resetIsScrollingTimeoutId=null,t.setState({isScrolling:!1},function(){t._getItemStyleCache(-1,null)})},t}b.getDerivedStateFromProps=function(t,i){return gn(t,i),T(t),null};var E=b.prototype;return E.scrollTo=function(t){t=Math.max(0,t),this.setState(function(i){return i.scrollOffset===t?null:{scrollDirection:i.scrollOffset<t?"forward":"backward",scrollOffset:t,scrollUpdateWasRequested:!0}},this._resetIsScrollingDebounced)},E.scrollToItem=function(t,i){i===void 0&&(i="auto");var l=this.props,p=l.itemCount,y=l.layout,I=this.state.scrollOffset;t=Math.max(0,Math.min(t,p-1));var f=0;if(this._outerRef){var h=this._outerRef;y==="vertical"?f=h.scrollWidth>h.clientWidth?he():0:f=h.scrollHeight>h.clientHeight?he():0}this.scrollTo(g(this.props,t,i,I,this._instanceProps,f))},E.componentDidMount=function(){var t=this.props,i=t.direction,l=t.initialScrollOffset,p=t.layout;if(typeof l=="number"&&this._outerRef!=null){var y=this._outerRef;i==="horizontal"||p==="horizontal"?y.scrollLeft=l:y.scrollTop=l}this._callPropsCallbacks()},E.componentDidUpdate=function(){var t=this.props,i=t.direction,l=t.layout,p=this.state,y=p.scrollOffset,I=p.scrollUpdateWasRequested;if(I&&this._outerRef!=null){var f=this._outerRef;if(i==="horizontal"||l==="horizontal")if(i==="rtl")switch(Se()){case"negative":f.scrollLeft=-y;break;case"positive-ascending":f.scrollLeft=y;break;default:var h=f.clientWidth,w=f.scrollWidth;f.scrollLeft=w-h-y;break}else f.scrollLeft=y;else f.scrollTop=y}this._callPropsCallbacks()},E.componentWillUnmount=function(){this._resetIsScrollingTimeoutId!==null&&ye(this._resetIsScrollingTimeoutId)},E.render=function(){var t=this.props,i=t.children,l=t.className,p=t.direction,y=t.height,I=t.innerRef,f=t.innerElementType,h=t.innerTagName,w=t.itemCount,N=t.itemData,x=t.itemKey,L=x===void 0?pn:x,R=t.layout,C=t.outerElementType,A=t.outerTagName,F=t.style,z=t.useIsScrolling,V=t.width,$=this.state.isScrolling,j=p==="horizontal"||R==="horizontal",D=j?this._onScrollHorizontal:this._onScrollVertical,Z=this._getRangeToRender(),te=Z[0],re=Z[1],X=[];if(w>0)for(var k=te;k<=re;k++)X.push(q.createElement(i,{data:N,key:L(k,N),index:k,isScrolling:z?$:void 0,style:this._getItemStyle(k)}));var J=a(this.props,this._instanceProps);return q.createElement(C||A||"div",{className:l,onScroll:D,ref:this._outerRefSetter,style:Ue({position:"relative",height:y,width:V,overflow:"auto",WebkitOverflowScrolling:"touch",willChange:"transform",direction:p},F)},q.createElement(f||h||"div",{children:X,ref:I,style:{height:j?"100%":J,pointerEvents:$?"none":void 0,width:j?J:"100%"}}))},E._callPropsCallbacks=function(){if(typeof this.props.onItemsRendered=="function"){var t=this.props.itemCount;if(t>0){var i=this._getRangeToRender(),l=i[0],p=i[1],y=i[2],I=i[3];this._callOnItemsRendered(l,p,y,I)}}if(typeof this.props.onScroll=="function"){var f=this.state,h=f.scrollDirection,w=f.scrollOffset,N=f.scrollUpdateWasRequested;this._callOnScroll(h,w,N)}},E._getRangeToRender=function(){var t=this.props,i=t.itemCount,l=t.overscanCount,p=this.state,y=p.isScrolling,I=p.scrollDirection,f=p.scrollOffset;if(i===0)return[0,0,0,0];var h=S(this.props,f,this._instanceProps),w=u(this.props,h,f,this._instanceProps),N=!y||I==="backward"?Math.max(1,l):1,x=!y||I==="forward"?Math.max(1,l):1;return[Math.max(0,h-N),Math.max(0,Math.min(i-1,w+x)),h,w]},b}(q.PureComponent),n.defaultProps={direction:"ltr",itemData:void 0,layout:"vertical",overscanCount:2,useIsScrolling:!1},n}var gn=function(n,r){n.children,n.direction,n.height,n.layout,n.innerTagName,n.outerTagName,n.width,r.instance},vn=fn({getItemOffset:function(n,r){var a=n.itemSize;return r*a},getItemSize:function(n,r){var a=n.itemSize;return a},getEstimatedTotalSize:function(n){var r=n.itemCount,a=n.itemSize;return a*r},getOffsetForIndexAndAlignment:function(n,r,a,s,g,S){var u=n.direction,c=n.height,d=n.itemCount,T=n.itemSize,m=n.layout,b=n.width,E=u==="horizontal"||m==="horizontal",v=E?b:c,t=Math.max(0,d*T-v),i=Math.min(t,r*T),l=Math.max(0,r*T-v+T+S);switch(a==="smart"&&(s>=l-v&&s<=i+v?a="auto":a="center"),a){case"start":return i;case"end":return l;case"center":{var p=Math.round(l+(i-l)/2);return p<Math.ceil(v/2)?0:p>t+Math.floor(v/2)?t:p}case"auto":default:return s>=l&&s<=i?s:s<l?l:i}},getStartIndexForOffset:function(n,r){var a=n.itemCount,s=n.itemSize;return Math.max(0,Math.min(a-1,Math.floor(r/s)))},getStopIndexForStartIndex:function(n,r,a){var s=n.direction,g=n.height,S=n.itemCount,u=n.itemSize,c=n.layout,d=n.width,T=s==="horizontal"||c==="horizontal",m=r*u,b=T?d:g,E=Math.ceil((b+a-m)/u);return Math.max(0,Math.min(S-1,r+E-1))},initInstanceProps:function(n){},shouldResetStyleCacheOnItemSizeChange:!0,validateProps:function(n){n.itemSize}});const yn="_layerContainer_1lbvo_1",hn="_layer_1lbvo_1",Sn="_small_1lbvo_23",Tn="_heading_1lbvo_26",bn="_option_1lbvo_27",_n="_message_1lbvo_28",In="_focused_1lbvo_64",En="_selected_1lbvo_68",wn="_disabled_1lbvo_71",On="_check_1lbvo_75",Ln="_optionContent_1lbvo_92",Rn="_label_1lbvo_97",qn="_icon_1lbvo_104",xn="_details_1lbvo_109",H={layerContainer:yn,layer:hn,small:Sn,heading:Tn,option:bn,message:_n,focused:In,selected:En,disabled:wn,check:On,optionContent:Ln,label:Rn,icon:qn,details:xn},Re=({label:e})=>o.jsx("div",{onClick:n=>n.stopPropagation(),className:H.heading,children:e});Re.__docgenInfo={description:"",methods:[],displayName:"Heading",props:{label:{required:!0,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""}}};const qe=({details:e,label:n,icon:r,disabled:a=!1,selected:s=!1,focused:g=!1,onSelectOption:S,actions:u,closeLayer:c,testId:d})=>o.jsxs("div",{className:G(H.option,a?H.disabled:"",s?H.selected:"",g?H.focused:""),onClick:!a&&S?S:void 0,"data-testid":d,children:[o.jsx("div",{className:H.optionContent,children:o.jsxs("span",{className:H.label,title:n,children:[n,r&&o.jsx("span",{className:H.icon,children:r})]})}),e&&o.jsx("div",{className:G(H.details),children:o.jsx(ue,{faint:!0,children:e})}),!!(u!=null&&u.length)&&o.jsx("div",{className:G(H.actions),children:o.jsx(Ve,{actions:u,closeLayer:c})}),o.jsx("span",{className:H.check,children:s?o.jsx(ce,{icon:Ee.CHECK}):null})]});qe.__docgenInfo={description:"",methods:[],displayName:"Option",props:{details:{required:!1,tsType:{name:"string"},description:""},label:{required:!0,tsType:{name:"string"},description:""},icon:{required:!1,tsType:{name:"ReactNode"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},selected:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},focused:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},onSelectOption:{required:!1,tsType:{name:"signature",type:"function",raw:`(
|
|
5
|
-
event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
|
|
6
|
-
section?: ISelectSectionProps,
|
|
7
|
-
) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"event"},{type:{name:"signature",type:"object",raw:`{
|
|
8
|
-
section: ISelectSection;
|
|
9
|
-
selected?: boolean;
|
|
10
|
-
focused?: boolean;
|
|
11
|
-
onSelectOption?: (
|
|
12
|
-
event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
|
|
13
|
-
section?: ISelectSectionProps,
|
|
14
|
-
) => void;
|
|
15
|
-
closeLayer?: TEmpty;
|
|
16
|
-
}`,signature:{properties:[{key:"section",value:{name:"ISelectSection",required:!0}},{key:"selected",value:{name:"boolean",required:!1}},{key:"focused",value:{name:"boolean",required:!1}},{key:"onSelectOption",value:{name:"signature",type:"function",raw:`(
|
|
17
|
-
event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
|
|
18
|
-
section?: ISelectSectionProps,
|
|
19
|
-
) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"event"},{type:{name:"ISelectSectionProps"},name:"section"}],return:{name:"void"}},required:!1}},{key:"closeLayer",value:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}},required:!1}}]}},name:"section"}],return:{name:"void"}}},description:""},actions:{required:!1,tsType:{name:"Array",elements:[{name:"any"}],raw:"any[]"},description:""},closeLayer:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const xe=({section:e,selected:n,focused:r,onSelectOption:a,closeLayer:s})=>{const g=q.useContext(me);switch(e.type){case se.HEADING:return o.jsx(Re,{label:e.label});case se.OPTION:default:return o.jsx(qe,{closeLayer:s,actions:e.actions,label:e.label,details:e.details,icon:e.icon,disabled:e.disabled||g,selected:n,focused:r,onSelectOption:a,testId:e.testId})}};xe.__docgenInfo={description:"",methods:[],displayName:"Section",props:{section:{required:!0,tsType:{name:"ISelectSection"},description:""},selected:{required:!1,tsType:{name:"boolean"},description:""},focused:{required:!1,tsType:{name:"boolean"},description:""},onSelectOption:{required:!1,tsType:{name:"signature",type:"function",raw:`(
|
|
20
|
-
event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
|
|
21
|
-
section?: ISelectSectionProps,
|
|
22
|
-
) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"event"},{type:{name:"signature",type:"object",raw:`{
|
|
23
|
-
section: ISelectSection;
|
|
24
|
-
selected?: boolean;
|
|
25
|
-
focused?: boolean;
|
|
26
|
-
onSelectOption?: (
|
|
27
|
-
event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
|
|
28
|
-
section?: ISelectSectionProps,
|
|
29
|
-
) => void;
|
|
30
|
-
closeLayer?: TEmpty;
|
|
31
|
-
}`,signature:{properties:[{key:"section",value:{name:"ISelectSection",required:!0}},{key:"selected",value:{name:"boolean",required:!1}},{key:"focused",value:{name:"boolean",required:!1}},{key:"onSelectOption",value:{name:"signature",type:"function",raw:`(
|
|
32
|
-
event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
|
|
33
|
-
section?: ISelectSectionProps,
|
|
34
|
-
) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"event"},{type:{name:"ISelectSectionProps"},name:"section"}],return:{name:"void"}},required:!1}},{key:"closeLayer",value:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}},required:!1}}]}},name:"section"}],return:{name:"void"}}},description:""},closeLayer:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""}}};const de=(e,n)=>{const a=document.createElement("canvas").getContext("2d");return a?(a.font=n,a.measureText(e).width):0},Ce="13px",Me="12px",Cn="Roobert",Mn="sans-serif",Nn=12,An=8,Fn=30,Hn=24,jn=5,Dn=3,kn=1,Pn=2,Te=10,Ne=(e=!1,n=!1)=>`${e?Me:Ce} ${n?Cn:Mn}`,Wn=(e=!1,n=!1)=>(e?An:Nn)+(e?Hn:Fn)+(n?17:0),be=(e,n,r,a)=>{const s=Ne(n,r),g=a?de(a,s):0,S=Math.ceil(e.reduce((c,d)=>{var v;const T=(((v=d==null?void 0:d.actions)==null?void 0:v.length)??0)*24,m=d.icon?parseInt(n?Me:Ce)+7:0,b=`${d.label} ${d.details||""}`,E=de(b,s)+T+m;return c=E>c?E:c,c},g)),u=Wn(n,!0);return S+u},zn=(e,n,r)=>{const a=Ne(!0,r),s=de(e.label,a),g=(n?Dn:jn)*2+kn*2+Pn;return Math.ceil(s+g)},Ae=({listRef:e,isMulti:n,sections:r,selectedOptions:a,onSelectOption:s,focusedOptionIndex:g,width:S,small:u,firstSelectedOptionIndex:c,closeLayer:d,testId:T})=>{q.useEffect(()=>{c&&c!==null&&e.current!==null&&e.current.scrollToItem(c,"start")},[c,e]);const m=u?24:30;return o.jsx("div",{"data-testid":T,className:G(H.layer,u&&H.small),children:r.length?o.jsx(vn,{ref:e,height:r.length<Te?m*r.length:m*Te,itemCount:r.length,itemSize:m,width:S,children:({index:b,style:E})=>{var v;return o.jsx("div",{style:E,children:o.jsx(xe,{closeLayer:d,section:r[b],selected:n&&r[b].type!==se.HEADING&&Array.isArray(a)?a.some(t=>{var i;return t&&(t==null?void 0:t.value)===((i=r==null?void 0:r[b])==null?void 0:i.value)}):!Array.isArray(a)&&((v=r==null?void 0:r[b])==null?void 0:v.value)===(a==null?void 0:a.value),focused:g===b,onSelectOption:t=>s(t,r[b])})})}}):o.jsx("ul",{children:o.jsx("li",{children:o.jsx("div",{className:H.message,style:{width:S},children:"No matches"})})})})};Ae.__docgenInfo={description:"",methods:[],displayName:"Layer",props:{listRef:{required:!0,tsType:{name:"RefObject",elements:[{name:"any"}],raw:"RefObject<any>"},description:""},isMulti:{required:!1,tsType:{name:"boolean"},description:""},sections:{required:!0,tsType:{name:"Array",elements:[{name:"ISelectSection"}],raw:"ISelectSection[]"},description:""},selectedOptions:{required:!0,tsType:{name:"union",raw:"ISelectSelectedOption | ISelectSelectedOption[]",elements:[{name:"ISelectSelectedOption"},{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"}]},description:""},onSelectOption:{required:!0,tsType:{name:"signature",type:"function",raw:`(
|
|
35
|
-
event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
|
|
36
|
-
section?: ISelectSection,
|
|
37
|
-
) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"event"},{type:{name:"ISelectSection"},name:"section"}],return:{name:"void"}}},description:""},focusedOptionIndex:{required:!1,tsType:{name:"number"},description:""},width:{required:!0,tsType:{name:"number"},description:""},small:{required:!1,tsType:{name:"boolean"},description:""},firstSelectedOptionIndex:{required:!1,tsType:{name:"number"},description:""},closeLayer:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const Gn="_inputInTable_7uwhv_1",$n="_inputHover_7uwhv_13",Un="_inputFocus_7uwhv_18",Vn="_inputError_7uwhv_25",Yn="_inputWarning_7uwhv_26",Kn="_inputDisabled_7uwhv_61",Bn="_hideScrollbars_7uwhv_67",Zn="_trigger_7uwhv_77",Xn="_isInTable_7uwhv_93",Jn="_input_7uwhv_1",Qn="_isOpen_7uwhv_114",et="_disabled_7uwhv_156",nt="_icons_7uwhv_162",tt="_clearAll_7uwhv_169",rt="_iconOpen_7uwhv_170",at="_small_7uwhv_181",it="_triggerInputContainer_7uwhv_189",st="_right_7uwhv_198",lt="_multiOptions_7uwhv_211",ot="_multiOption_7uwhv_211",ut="_label_7uwhv_239",ct="_closeMultiOption_7uwhv_242",dt="_focus_7uwhv_253",mt="_selectedSingleValue_7uwhv_257",pt="_placeHolder_7uwhv_258",ft="_groupOrderFirst_7uwhv_297",gt="_groupOrderMiddle_7uwhv_298",vt="_groupOrderLast_7uwhv_302",yt="_detailedLabel_7uwhv_307",M={inputInTable:Gn,inputHover:$n,inputFocus:Un,inputError:Vn,inputWarning:Yn,inputDisabled:Kn,hideScrollbars:Bn,trigger:Zn,isInTable:Xn,input:Jn,isOpen:Qn,disabled:et,icons:nt,clearAll:tt,iconOpen:rt,small:at,triggerInputContainer:it,right:st,multiOptions:lt,multiOption:ot,label:ut,closeMultiOption:ct,focus:dt,selectedSingleValue:mt,placeHolder:pt,groupOrderFirst:ft,groupOrderMiddle:gt,groupOrderLast:vt,detailedLabel:yt},Fe=({selectedOptions:e,small:n,width:r,testId:a})=>{const s=Le(),[g,S]=q.useState([]),[u,c]=q.useState([]);return q.useEffect(()=>{let d=[],T=[],m=0;e.forEach((b,E)=>{m+=zn(b,n,s),E===e.length-1&&m<r||m<r-24?d.push(b):T.push(b)}),S(d),c(T)},[e,s,r]),o.jsxs("div",{className:M.multiOptions,"data-testid":a&&`${a}-value`,children:[g.filter(d=>d&&d.label).map((d,T)=>o.jsx("span",{className:M.multiOption,onClick:m=>{m.stopPropagation()},children:d.label},T)),u.length>0&&o.jsx(pe,{text:u.map((d,T)=>o.jsx("div",{children:d.label},T)),display:"inline-flex",children:o.jsx("span",{className:M.multiOption,children:g.length?`+${u.length}`:`${u.length} items`})})]})};Fe.__docgenInfo={description:"",methods:[],displayName:"MultiSelectedOptions",props:{selectedOptions:{required:!0,tsType:{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"},description:""},small:{required:!1,tsType:{name:"boolean"},description:""},width:{required:!0,tsType:{name:"number"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const He=({selectedOptions:e,searchable:n=!1,searchValue:r,onChange:a=ae.noop,inputRef:s,error:g,placeholder:S="Select...",small:u,testId:c})=>{const d=q.useRef(null),T=Array.isArray(e),m=T?e.length>0:!!e,b=r?r.length+1:1,E=()=>{var i,l;const v=((i=d.current)==null?void 0:i.offsetWidth)||0,t=((l=s.current)==null?void 0:l.offsetWidth)||0;return v-t};return o.jsxs("div",{className:M.triggerInputContainer,ref:d,children:[m?T?o.jsx(Fe,{selectedOptions:e,small:u,width:E(),testId:c}):o.jsx("span",{className:M.selectedSingleValue,"data-testid":c&&`${c}-value`,children:r!=null&&r.length?"":e==null?void 0:e.label}):o.jsx("span",{className:M.placeHolder,children:r!=null&&r.length?"":S}),n?o.jsx("input",{tabIndex:-1,ref:s,size:b,className:M.input,value:r,onChange:v=>a(v.target.value),"data-error":g||null,"data-testid":c&&`${c}-input`}):null]})};He.__docgenInfo={description:"",methods:[],displayName:"Input",props:{selectedOptions:{required:!1,tsType:{name:"union",raw:"ISelectSelectedOption | ISelectSelectedOption[]",elements:[{name:"ISelectSelectedOption"},{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"}]},description:""},searchable:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},searchValue:{required:!1,tsType:{name:"string"},description:""},inputRef:{required:!0,tsType:{name:"MutableRefObject",elements:[{name:"union",raw:"HTMLInputElement | null",elements:[{name:"HTMLInputElement"},{name:"null"}]}],raw:"MutableRefObject<HTMLInputElement | null>"},description:""},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(value: string) => void",signature:{arguments:[{type:{name:"string"},name:"value"}],return:{name:"void"}}},description:"",defaultValue:{value:"noop",computed:!0}},error:{required:!1,tsType:{name:"union",raw:"string | ReactNode",elements:[{name:"string"},{name:"ReactNode"}]},description:""},placeholder:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:"",defaultValue:{value:"'Select...'",computed:!1}},small:{required:!1,tsType:{name:"boolean"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const je=({selectedOptions:e,searchValue:n,searchable:r,clearable:a,onClickTrigger:s,element:g,error:S,warning:u,tooltip:c,small:d,isInTable:T,disabled:m,onChangeSearch:b,onClickDeselect:E,onClickClear:v,tabIndex:t,isOpen:i,triggerRef:l,clearAllIsFocused:p,focusedSelectedOptionIndex:y,onFocus:I,onBlur:f,groupOrder:h,maxTooltipWidth:w,placeholder:N,right:x,testId:L})=>{var j;const[R,C]=Oe(),A=Array.isArray(e)?e.length>0&&((j=e[0])==null?void 0:j.value):e==null?void 0:e.value,F=a&&A,z=(()=>{if(h)switch(h){case ie.FIRST:return M.groupOrderFirst;case ie.LAST:return M.groupOrderLast;default:return M.groupOrderMiddle}return""})(),V=!Array.isArray(e)&&(e!=null&&e.details)?{...e,label:o.jsxs("div",{className:G(M.detailedLabel),children:[o.jsx(ue,{children:e.label}),o.jsx(ue,{muted:!0,children:e.details})]})}:e,$=o.jsxs(o.Fragment,{children:[g,o.jsxs("div",{ref:l,tabIndex:t,className:G(M.trigger,i?M.isOpen:"",m?M.disabled:"",d?M.small:"",T?M.isInTable:"",x?M.right:"",z),onClick:D=>{D.stopPropagation(),typeof C=="function"&&C(),s(D)},onFocus:I,onBlur:f,"data-error":S||null,"data-warning":u||null,"data-testid":L,children:[o.jsx(He,{selectedOptions:V,placeholder:N,searchable:r,searchValue:n,inputRef:R,onChange:b,error:S,small:d,testId:L}),o.jsx("span",{className:M.icons,children:F?o.jsx("span",{className:G(M.clearAll,p?M.focus:""),onClick:D=>{D.stopPropagation(),v&&v(D)},"data-testid":L&&`${L}-clear`,children:o.jsx(ce,{icon:Ee.CLOSE})}):o.jsx("span",{className:G(M.iconOpen),children:o.jsx(ce,{icon:"chevron down"})})})]})]});return o.jsx(o.Fragment,{children:o.jsx(pe,{error:!!S,warning:!!u,text:c||S||u,enabled:c&&ne(c)||S&&ne(S)||u&&ne(u)||!1,maxWidth:w,placement:"bottom-center",children:$})})};je.__docgenInfo={description:"",methods:[],displayName:"Trigger",props:{selectedOptions:{required:!1,tsType:{name:"union",raw:"ISelectSelectedOption | ISelectSelectedOption[]",elements:[{name:"ISelectSelectedOption"},{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"}]},description:""},searchValue:{required:!1,tsType:{name:"string"},description:""},searchable:{required:!1,tsType:{name:"boolean"},description:""},clearable:{required:!1,tsType:{name:"boolean"},description:""},onClickTrigger:{required:!0,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:""},element:{required:!1,tsType:{name:"ReactNode"},description:""},error:{required:!1,tsType:{name:"union",raw:"string | ReactNode",elements:[{name:"string"},{name:"ReactNode"}]},description:""},warning:{required:!1,tsType:{name:"union",raw:"string | ReactNode",elements:[{name:"string"},{name:"ReactNode"}]},description:""},tooltip:{required:!1,tsType:{name:"union",raw:"string | ReactNode",elements:[{name:"string"},{name:"ReactNode"}]},description:""},small:{required:!1,tsType:{name:"boolean"},description:""},isInTable:{required:!1,tsType:{name:"boolean"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},onChangeSearch:{required:!1,tsType:{name:"signature",type:"function",raw:"(value: string) => void",signature:{arguments:[{type:{name:"string"},name:"value"}],return:{name:"void"}}},description:""},onClickDeselect:{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:""},onClickClear:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void",signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLSpanElement, MouseEvent>",elements:[{name:"HTMLSpanElement"},{name:"MouseEvent"}]},name:"evt"}],return:{name:"void"}}},description:""},tabIndex:{required:!1,tsType:{name:"number"},description:""},isOpen:{required:!1,tsType:{name:"boolean"},description:""},triggerRef:{required:!1,tsType:{name:"RefObject",elements:[{name:"HTMLDivElement"}],raw:"RefObject<HTMLDivElement>"},description:""},clearAllIsFocused:{required:!1,tsType:{name:"boolean"},description:""},focusedSelectedOptionIndex:{required:!1,tsType:{name:"number"},description:""},onFocus:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: React.FocusEvent<HTMLDivElement>) => void",signature:{arguments:[{type:{name:"ReactFocusEvent",raw:"React.FocusEvent<HTMLDivElement>",elements:[{name:"HTMLDivElement"}]},name:"evt"}],return:{name:"void"}}},description:""},onBlur:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: React.FocusEvent<HTMLDivElement>) => void",signature:{arguments:[{type:{name:"ReactFocusEvent",raw:"React.FocusEvent<HTMLDivElement>",elements:[{name:"HTMLDivElement"}]},name:"evt"}],return:{name:"void"}}},description:""},groupOrder:{required:!1,tsType:{name:"union",raw:"TGroupOrder | string",elements:[{name:"union",raw:"'first' | 'middle' | 'last'",elements:[{name:"literal",value:"'first'"},{name:"literal",value:"'middle'"},{name:"literal",value:"'last'"}]},{name:"string"}]},description:""},maxTooltipWidth:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},placeholder:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""},right:{required:!1,tsType:{name:"boolean"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};var W=(e=>(e.SET_VISIBLE_OPTIONS="SET_VISIBLE_OPTIONS",e.RESET_LAYER_FOCUS="RESET_LAYER_FOCUS",e.CLEAR_SEARCH="CLEAR_SEARCH",e.ON_CHANGE_SEARCH="ON_CHANGE_SEARCH",e.FOCUS_TRIGGER_INPUTS="FOCUS_TRIGGER_INPUTS",e.BLUR_TRIGGER_INPUTS="BLUR_TRIGGER_INPUTS",e.FOCUS_LAYER_OPTIONS="FOCUS_LAYER_OPTIONS",e.OPEN_LAYER="OPEN_LAYER",e.CLOSE_LAYER="CLOSE_LAYER",e))(W||{});const De={options:["none","clearAll"],currentIndex:0,currentOption:!1,clearAll:!1},ht=e=>e!==null?e+1:0,ke=(e,n)=>{const r=["none",...e.map((s,g)=>s.type!==se.HEADING?g:null).filter(s=>s!==null)],a=ht(n);return{options:r,currentIndex:a,current:r[a]}},St=(e,n)=>{const r=e==="up"?-1:1,a=n.currentIndex+r,s=(a<0?n.options.length-1:a)%n.options.length,g=n.options[s];return{...n,currentIndex:s,current:g}},Tt=(e,n,r)=>{const a=e==="left"?-1:1,s=n&&n.length?["none",...Array.from({length:n.length},(d,T)=>T),"clearAll"]:["none","clearAll"],g=r.currentIndex+a,S=(g<0?s.length-1:g)%s.length,u=s[S];return{options:s,currentIndex:S,currentOption:u,clearAll:u==="clearAll"}},_e=()=>De,Ie=e=>({...e,currentIndex:0,current:"none"}),bt=(e,n)=>{switch(n.type){case W.SET_VISIBLE_OPTIONS:return{...e,visibleOptions:n.options||[]};case W.RESET_LAYER_FOCUS:return{...e,layerFocus:ke(n.options||[],n.firstSelectedOptionIndex||0)};case W.CLEAR_SEARCH:return{...e,visibleOptions:n.options||[],searchValue:""};case W.ON_CHANGE_SEARCH:{let a=[...(n.options||[]).filter(s=>(String(s.label)+(s.details?String(s.details):"")).toLowerCase().includes(String(n.value||"").toLowerCase()))];return n.createAble&&n.value&&n.value!==""&&a.push({label:`Create "${n.value}"`,value:n.value,createAble:!0}),{...e,searchValue:n.value,visibleOptions:a,layerFocus:Ie(e.layerFocus)}}case W.FOCUS_TRIGGER_INPUTS:return{...e,triggerFocus:Tt(n.direction||"right",n.selectedOptions||[],e.triggerFocus),layerFocus:Ie(e.layerFocus)};case W.BLUR_TRIGGER_INPUTS:return{...e,triggerFocus:_e()};case W.FOCUS_LAYER_OPTIONS:return n.nextLayerFocus?{...e,layerFocus:n.nextLayerFocus,triggerFocus:_e()}:e;case W.OPEN_LAYER:return{...e,isLayerOpen:!0};case W.CLOSE_LAYER:return{...e,isLayerOpen:!1};default:return e}},_t={auto:!0,possiblePlacements:["bottom-start","top-start"],placement:"bottom-start",preferX:"right",preferY:"bottom"},It=({state:e,dispatch:n,options:r,setTriggerFocus:a,disabled:s,disabledContext:g,onCreate:S,onChange:u,selectedOptions:c,width:d,small:T,isFontLoaded:m,placeholder:b,firstSelectedOptionIndex:E,createAble:v,listRef:t,autoLayerWidth:i})=>{const l=()=>{e.isLayerOpen&&n({type:P.CLOSE_LAYER}),a()},p=()=>n({type:P.OPEN_LAYER}),y=q.useRef(!0);q.useEffect(()=>{y.current?y.current=!1:n({type:P.SET_VISIBLE_OPTIONS,options:r})},[r]);const I=(_,O,Q)=>{if(!(s||g)){if(Q&&Q(),O){if(O.createAble&&S)S(O.value);else if(!O.disabled)if(Array.isArray(c))if(c.some(K=>K.label===O.label)){const K=c.filter(fe=>fe.label!==O.label);u&&u(_,K)}else{const K=[...c,O];u&&u(_,K)}else u&&u(_,O)}n({type:P.CLEAR_SEARCH,options:r}),a()}},f=q.useCallback(()=>d?d!=="auto"?d:be(r,T,m,b):"100%",[r,m]),h=q.useCallback(_=>i?Math.max(be(r,T,m,b),_==null?void 0:_.width):_==null?void 0:_.width,[r,m]),{renderLayer:w,layerProps:N,triggerProps:x,triggerBounds:L}=We({isOpen:(e==null?void 0:e.isLayerOpen)??!1,overflowContainer:!0,..._t,ResizeObserver,onOutsideClick:l,onParentClose:l}),R=()=>{if(!(s||g)){if(e.isLayerOpen){l();return}n({type:P.RESET_LAYER_FOCUS,options:r,firstSelectedOptionIndex:E}),p()}},C=q.useRef(!0);q.useEffect(()=>{C.current?C.current=!1:e.isLayerOpen||n({type:P.CLEAR_SEARCH,options:r})},[e.isLayerOpen]);const A=(_,O)=>{const Q=c instanceof Array?c.filter(Y=>Y.value!==O.value):null;u&&u(_,Q)},F=_=>{const O=c instanceof Array?[]:{value:null};u&&u(_,O)},z=_=>n({type:P.ON_CHANGE_SEARCH,options:r,value:_,createAble:v}),V=()=>{p(),n({type:P.BLUR_TRIGGER_INPUTS})},$=_=>{t.current&&Number.isInteger(_)&&t.current.scrollToItem(_)},j=_=>{const O=St(_,e.layerFocus);n({type:P.FOCUS_LAYER_OPTIONS,nextLayerFocus:O}),$(O.current)},D=_=>{n({type:P.FOCUS_TRIGGER_INPUTS,ICustomSelectDirection:_,selectedOptions:c})},Z=_=>F(_),te=c&&c[e.triggerFocus.currentOption],re=_=>{A(_,c[e.triggerFocus.currentOption])},X=_=>{var O;I(_,(O=e==null?void 0:e.visibleOptions)==null?void 0:O[e.layerFocus.current],l)},k=e.triggerFocus.clearAll;return{getTriggerWidth:f,onKeyEvent:(_,O)=>{switch(_){case B.UP:{j(_);break}case B.DOWN:{e.isLayerOpen?j(_):V();break}case B.LEFT:case B.RIGHT:{D(_);break}case B.ENTER:{k?Z(O):te?re(O):X(O);break}case B.ESC:{l();break}}},clearAllIsFocused:k,triggerProps:x,onClickTrigger:R,onChangeSearch:z,onClickDeselectOption:A,onClickClearAll:F,renderLayer:w,layerProps:N,closeLayer:l,onSelectOption:I,getLayerWidth:h,triggerBounds:L}},Pe=e=>{const{multi:n=!1,disabled:r=!1,error:a=null,warning:s=null,tooltip:g=null,options:S,selectedOptions:u,onCreate:c=null,placeholder:d="",small:T=!1,tabIndex:m=0,onFocus:b=()=>{},onBlur:E=()=>{},searchable:v=!0,clearable:t=!1,maxTooltipWidth:i,closeOnOptionActionClick:l,isInTable:p=!1,groupOrder:y,firstSelectedOptionIndex:I=0,right:f=!1,testId:h=void 0}=e,w=q.useContext(me),N=c!==null,x=q.useRef(null),[L,R]=Oe(),C=Le(),[A,F]=q.useReducer(bt,{options:S,firstSelectedOptionIndex:I},({options:Y})=>({searchValue:"",visibleOptions:Y,layerFocus:ke(Y,I??0),triggerFocus:De,isLayerOpen:!1})),{getTriggerWidth:z,onKeyEvent:V,clearAllIsFocused:$,triggerProps:j,onClickTrigger:D,onChangeSearch:Z,onClickDeselectOption:te,onClickClearAll:re,renderLayer:X,layerProps:k,closeLayer:J,onSelectOption:_,getLayerWidth:O,triggerBounds:Q}=It({...e,state:A,dispatch:F,setTriggerFocus:R,disabledContext:w,isFontLoaded:C,createAble:N,listRef:x});return o.jsx("div",{style:{width:z()},children:o.jsxs(Ge,{handleKeys:Object.values(B),onKeyEvent:V,children:[o.jsx(je,{selectedOptions:u,searchValue:A.searchValue,isOpen:A.isLayerOpen,focusedSelectedOptionIndex:A.triggerFocus.currentOption,clearAllIsFocused:$,searchable:v,triggerRef:ze(L,j.ref),error:a,warning:s,tooltip:g,small:T,isInTable:p,disabled:r||w,clearable:t,tabIndex:m,onClickTrigger:D,onChangeSearch:Z,onClickDeselect:te,onClickClear:re,onFocus:b,onBlur:E,groupOrder:y,maxTooltipWidth:i,placeholder:d,right:f,testId:h}),A.isLayerOpen&&X(o.jsx("div",{...k,className:H.layerContainer,children:o.jsx(Ae,{listRef:x,isMulti:n,sections:A.visibleOptions,selectedOptions:u,onSelectOption:(Y,K)=>{_(Y,K,n?void 0:J)},closeLayer:()=>{l&&J()},width:O(Q),small:T,focusedOptionIndex:A.layerFocus.current,firstSelectedOptionIndex:I??0,testId:h&&`${h}-layer`})}))]})})};Pe.__docgenInfo={description:"",methods:[],displayName:"CustomSelect",props:{multi:{required:!1,tsType:{name:"boolean"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},error:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactNode"}]},description:""},warning:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactNode"}]},description:""},tooltip:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactNode"}]},description:""},options:{required:!0,tsType:{name:"Array",elements:[{name:"union",raw:"ISelectSelectedOption | Heading",elements:[{name:"ISelectSelectedOption"},{name:"Heading"}]}],raw:"TCustomSelectSelectOption[]"},description:""},selectedOptions:{required:!0,tsType:{name:"union",raw:"ISelectSelectedOption | ISelectSelectedOption[]",elements:[{name:"ISelectSelectedOption"},{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"}]},description:""},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:`(
|
|
38
|
-
event: TChangeEvent<T>,
|
|
39
|
-
...additionalProps: { [key: string]: any }[]
|
|
40
|
-
) => void`,signature:{arguments:[{type:{name:"intersection",raw:`ChangeEvent<T> & {
|
|
41
|
-
target:
|
|
42
|
-
| T
|
|
43
|
-
| { name: string; value: any; label?: string; files?: FileList | null };
|
|
44
|
-
}`,elements:[{name:"ChangeEvent",elements:[{name:"T"}],raw:"ChangeEvent<T>"},{name:"signature",type:"object",raw:`{
|
|
45
|
-
target:
|
|
46
|
-
| T
|
|
47
|
-
| { name: string; value: any; label?: string; files?: FileList | null };
|
|
48
|
-
}`,signature:{properties:[{key:"target",value:{name:"union",raw:`| T
|
|
49
|
-
| { name: string; value: any; label?: string; files?: FileList | null }`,elements:[{name:"T"},{name:"signature",type:"object",raw:"{ name: string; value: any; label?: string; files?: FileList | null }",signature:{properties:[{key:"name",value:{name:"string",required:!0}},{key:"value",value:{name:"any",required:!0}},{key:"label",value:{name:"string",required:!1}},{key:"files",value:{name:"union",raw:"FileList | null",elements:[{name:"FileList"},{name:"null"}],required:!1}}]}}],required:!0}}]}}]},name:"event"},{type:{name:"Array",elements:[{name:"signature",type:"object",raw:"{ [key: string]: any }",signature:{properties:[{key:{name:"string"},value:{name:"any",required:!0}}]}}],raw:"{ [key: string]: any }[]"},name:"additionalProps",rest:!0}],return:{name:"void"}}},description:""},onCreate:{required:!1,tsType:{name:"signature",type:"function",raw:"(value: string) => void",signature:{arguments:[{type:{name:"string"},name:"value"}],return:{name:"void"}}},description:""},placeholder:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""},small:{required:!1,tsType:{name:"boolean"},description:""},tabIndex:{required:!1,tsType:{name:"number"},description:""},width:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | null",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"null"}]},description:""},autoLayerWidth:{required:!1,tsType:{name:"boolean"},description:""},onFocus:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},onBlur:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},searchable:{required:!1,tsType:{name:"boolean"},description:""},clearable:{required:!1,tsType:{name:"boolean"},description:""},isInTable:{required:!1,tsType:{name:"boolean"},description:""},groupOrder:{required:!1,tsType:{name:"union",raw:"TGroupOrder | string",elements:[{name:"union",raw:"'first' | 'middle' | 'last'",elements:[{name:"literal",value:"'first'"},{name:"literal",value:"'middle'"},{name:"literal",value:"'last'"}]},{name:"string"}]},description:""},firstSelectedOptionIndex:{required:!0,tsType:{name:"union",raw:"number | null",elements:[{name:"number"},{name:"null"}]},description:""},right:{required:!1,tsType:{name:"boolean"},description:""},maxTooltipWidth:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},closeOnOptionActionClick:{required:!1,tsType:{name:"boolean"},description:""},testId:{required:!1,tsType:{name:"union",raw:"string | undefined",elements:[{name:"string"},{name:"undefined"}]},description:""}}};const Et=e=>{const{name:n="",options:r=[],value:a,native:s=!1,onChange:g=ae.noop,deprecatedEventHandler:S=!1,autoScroll:u=!0,warning:c,error:d,checkNonExistentValues:T=!0,closeOnOptionActionClick:m=!0,testId:b,disabled:E}=e,v=!s&&u===!0,{multi:t,simpleInputs:i,options:l,selectedOptions:p,firstSelectedOptionIndex:y,hasNonExistentValue:I}=Ye(r,a,v,T),f=!t,h=s&&f;s&&!f&&console.warn("Native select does not support provided props (see stories)");const w="Value no longer available for re-selection",N=I&&!E?c?o.jsxs("div",{children:[o.jsx("div",{children:w}),o.jsx("div",{children:c})]}):w:c,x=I&&d&&!E?o.jsxs("div",{children:[o.jsx("div",{children:w}),o.jsx("div",{children:d})]}):d,L=(R,C)=>{if(S){const A=t?C.map(F=>i?F.value:F):i?C.value:C;A&&g(A)}else{const A=!(R instanceof Event),F=t?C:C.value;if(A)R.target.name=n,R.target.value=F,t||(R.target.label=C.label),g(R);else{const z={...R,target:{...R.target,name:n,value:F,label:t?void 0:C.label}};g(z)}}};return h?o.jsx(we,{...e,options:l,selectedOption:p,onChange:L,hasNonExistentValue:I,warning:N,error:x,testId:b}):o.jsx(Pe,{...e,options:l,selectedOptions:p,onChange:L,multi:t,firstSelectedOptionIndex:y,warning:N,error:x,testId:b,closeOnOptionActionClick:m})};Et.__docgenInfo={description:"",methods:[],displayName:"Select",props:{name:{required:!1,tsType:{name:"string"},description:""},multi:{required:!1,tsType:{name:"boolean"},description:""},options:{required:!1,tsType:{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"},description:""},value:{required:!1,tsType:{name:"any"},description:""},native:{required:!1,tsType:{name:"boolean"},description:""},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:`(
|
|
50
|
-
event: TChangeEvent<T>,
|
|
51
|
-
...additionalProps: { [key: string]: any }[]
|
|
52
|
-
) => void`,signature:{arguments:[{type:{name:"intersection",raw:`ChangeEvent<T> & {
|
|
53
|
-
target:
|
|
54
|
-
| T
|
|
55
|
-
| { name: string; value: any; label?: string; files?: FileList | null };
|
|
56
|
-
}`,elements:[{name:"ChangeEvent",elements:[{name:"T"}],raw:"ChangeEvent<T>"},{name:"signature",type:"object",raw:`{
|
|
57
|
-
target:
|
|
58
|
-
| T
|
|
59
|
-
| { name: string; value: any; label?: string; files?: FileList | null };
|
|
60
|
-
}`,signature:{properties:[{key:"target",value:{name:"union",raw:`| T
|
|
61
|
-
| { name: string; value: any; label?: string; files?: FileList | null }`,elements:[{name:"T"},{name:"signature",type:"object",raw:"{ name: string; value: any; label?: string; files?: FileList | null }",signature:{properties:[{key:"name",value:{name:"string",required:!0}},{key:"value",value:{name:"any",required:!0}},{key:"label",value:{name:"string",required:!1}},{key:"files",value:{name:"union",raw:"FileList | null",elements:[{name:"FileList"},{name:"null"}],required:!1}}]}}],required:!0}}]}}]},name:"event"},{type:{name:"Array",elements:[{name:"signature",type:"object",raw:"{ [key: string]: any }",signature:{properties:[{key:{name:"string"},value:{name:"any",required:!0}}]}}],raw:"{ [key: string]: any }[]"},name:"additionalProps",rest:!0}],return:{name:"void"}}},description:""},deprecatedEventHandler:{required:!1,tsType:{name:"boolean"},description:""},autoScroll:{required:!1,tsType:{name:"boolean"},description:""},warning:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactNode"}]},description:""},error:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactNode"}]},description:""},checkNonExistentValues:{required:!1,tsType:{name:"boolean"},description:""},closeOnOptionActionClick:{required:!1,tsType:{name:"boolean"},description:""},small:{required:!1,tsType:{name:"boolean"},description:""},width:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | null",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"null"}]},description:""},borderRadius:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},onCreate:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: any) => any",signature:{arguments:[{type:{name:"any"},name:"evt"}],return:{name:"any"}}},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},placeholder:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""},isInTable:{required:!1,tsType:{name:"boolean"},description:""},clearable:{required:!1,tsType:{name:"boolean"},description:""},searchable:{required:!1,tsType:{name:"boolean"},description:""},maxTooltipWidth:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},autoLayerWidth:{required:!1,tsType:{name:"boolean"},description:""},right:{required:!1,tsType:{name:"boolean"},description:""},tabIndex:{required:!1,tsType:{name:"number"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};export{Et as S};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{i as y}from"./helpers-JJxzGegQ.js";import{M as m}from"./types-BmbYqTX_.js";const o=n=>n instanceof Array,v=(n,r)=>r&&Array.isArray(n)?n.map(t=>typeof t=="string"||typeof t=="number"?{label:t,value:t}:t):n,f=(n,r)=>{if(r!==null&&typeof r=="object"&&r.hasOwnProperty("label")&&r.hasOwnProperty("value"))return r;{const t=r!==null&&typeof r=="object"&&r.hasOwnProperty("value")?r.value:r;return(Array.isArray(n)?n.filter(e=>e.type!==m.HEADING).find(e=>e.value==t):void 0)||(y(t)?void 0:{value:t,label:t})}},p=(n,r)=>o(r)?r.map(u=>f(n,u)).filter(u=>u!==void 0):r===null?void 0:f(n,r),A=n=>Array.isArray(n)&&n.some(r=>typeof r=="string"||typeof r=="number"),b=(n,r)=>{const t=r instanceof Array?r.length?r[0]:null:r,u=t==null?null:typeof t=="string"||typeof t=="number"?t:t.value,e=n.filter(l=>l.type!==m.HEADING).findIndex(l=>typeof l=="string"||typeof l=="number"?l==u:l.value==u);return e===-1?null:e},S=(n,r)=>!(o(r)?r:y(r)?[]:[r]).every(e=>n.find(a=>a.value===e.value)!==void 0),g=(n,r,t,u)=>{const e=Array.isArray(n)?n:[],l=o(r),a=A(e),i=v(e,a),c=t?b(e,r):null,s=p(i,r),d=u&&s!==void 0?S(i,s):!1;return{options:i,selectedOptions:s,multi:l,simpleInputs:a,firstSelectedOptionIndex:c,hasNonExistentValue:d}};export{g as s};
|