eidos-ui 0.1.0
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/LICENSE +22 -0
- package/README.md +175 -0
- package/dist/Breadcrumb.types-DaykU-C8.d.cts +20 -0
- package/dist/Breadcrumb.types-DaykU-C8.d.ts +20 -0
- package/dist/Button.types-BH0CPyPx.d.ts +33 -0
- package/dist/Button.types-DZRCVqyN.d.cts +33 -0
- package/dist/CommandPalette.types-DRMMS_ev.d.cts +73 -0
- package/dist/CommandPalette.types-DRMMS_ev.d.ts +73 -0
- package/dist/Footer.types-Dv2TPN2J.d.cts +24 -0
- package/dist/Footer.types-Dv2TPN2J.d.ts +24 -0
- package/dist/Header.types-BZi80bWz.d.cts +17 -0
- package/dist/Header.types-DJt-q01P.d.ts +17 -0
- package/dist/Input.types-DFZNyJGF.d.cts +45 -0
- package/dist/Input.types-XrJTI0JC.d.ts +45 -0
- package/dist/Menu.types-DNIpjSAK.d.ts +49 -0
- package/dist/Menu.types-DwcuCZM7.d.cts +49 -0
- package/dist/Navigation.types-Ctu5mlTa.d.cts +94 -0
- package/dist/Navigation.types-DVcLJnrB.d.ts +94 -0
- package/dist/Table.types-Bv9l7qxd.d.ts +103 -0
- package/dist/Table.types-DQ0ReOLj.d.cts +103 -0
- package/dist/Toolbar.types-BGD57Uhm.d.ts +22 -0
- package/dist/Toolbar.types-tQkLmPIu.d.cts +22 -0
- package/dist/accordion/index.cjs +10 -0
- package/dist/accordion/index.cjs.map +1 -0
- package/dist/accordion/index.d.cts +39 -0
- package/dist/accordion/index.d.ts +39 -0
- package/dist/accordion/index.js +10 -0
- package/dist/accordion/index.js.map +1 -0
- package/dist/alert/index.cjs +12 -0
- package/dist/alert/index.cjs.map +1 -0
- package/dist/alert/index.d.cts +29 -0
- package/dist/alert/index.d.ts +29 -0
- package/dist/alert/index.js +12 -0
- package/dist/alert/index.js.map +1 -0
- package/dist/avatar/index.cjs +10 -0
- package/dist/avatar/index.cjs.map +1 -0
- package/dist/avatar/index.d.cts +26 -0
- package/dist/avatar/index.d.ts +26 -0
- package/dist/avatar/index.js +10 -0
- package/dist/avatar/index.js.map +1 -0
- package/dist/badge/index.cjs +8 -0
- package/dist/badge/index.cjs.map +1 -0
- package/dist/badge/index.d.cts +27 -0
- package/dist/badge/index.d.ts +27 -0
- package/dist/badge/index.js +8 -0
- package/dist/badge/index.js.map +1 -0
- package/dist/breadcrumb/index.cjs +8 -0
- package/dist/breadcrumb/index.cjs.map +1 -0
- package/dist/breadcrumb/index.d.cts +7 -0
- package/dist/breadcrumb/index.d.ts +7 -0
- package/dist/breadcrumb/index.js +8 -0
- package/dist/breadcrumb/index.js.map +1 -0
- package/dist/button/index.cjs +14 -0
- package/dist/button/index.cjs.map +1 -0
- package/dist/button/index.d.cts +21 -0
- package/dist/button/index.d.ts +21 -0
- package/dist/button/index.js +14 -0
- package/dist/button/index.js.map +1 -0
- package/dist/button-group/index.cjs +8 -0
- package/dist/button-group/index.cjs.map +1 -0
- package/dist/button-group/index.d.cts +46 -0
- package/dist/button-group/index.d.ts +46 -0
- package/dist/button-group/index.js +8 -0
- package/dist/button-group/index.js.map +1 -0
- package/dist/card/index.cjs +8 -0
- package/dist/card/index.cjs.map +1 -0
- package/dist/card/index.d.cts +18 -0
- package/dist/card/index.d.ts +18 -0
- package/dist/card/index.js +8 -0
- package/dist/card/index.js.map +1 -0
- package/dist/checkbox/index.cjs +9 -0
- package/dist/checkbox/index.cjs.map +1 -0
- package/dist/checkbox/index.d.cts +16 -0
- package/dist/checkbox/index.d.ts +16 -0
- package/dist/checkbox/index.js +9 -0
- package/dist/checkbox/index.js.map +1 -0
- package/dist/chip/index.cjs +11 -0
- package/dist/chip/index.cjs.map +1 -0
- package/dist/chip/index.d.cts +27 -0
- package/dist/chip/index.d.ts +27 -0
- package/dist/chip/index.js +11 -0
- package/dist/chip/index.js.map +1 -0
- package/dist/chunk-2HTBZGBP.cjs +113 -0
- package/dist/chunk-2HTBZGBP.cjs.map +1 -0
- package/dist/chunk-2JWY36LD.cjs +112 -0
- package/dist/chunk-2JWY36LD.cjs.map +1 -0
- package/dist/chunk-2YQE26EK.js +54 -0
- package/dist/chunk-2YQE26EK.js.map +1 -0
- package/dist/chunk-2ZWBN3LK.cjs +92 -0
- package/dist/chunk-2ZWBN3LK.cjs.map +1 -0
- package/dist/chunk-3ETWFS2N.cjs +40 -0
- package/dist/chunk-3ETWFS2N.cjs.map +1 -0
- package/dist/chunk-3KAR5KCS.cjs +47 -0
- package/dist/chunk-3KAR5KCS.cjs.map +1 -0
- package/dist/chunk-3RUIKBH4.cjs +1 -0
- package/dist/chunk-3RUIKBH4.cjs.map +1 -0
- package/dist/chunk-3SKI6FXB.js +40 -0
- package/dist/chunk-3SKI6FXB.js.map +1 -0
- package/dist/chunk-3YPTYI7R.js +194 -0
- package/dist/chunk-3YPTYI7R.js.map +1 -0
- package/dist/chunk-4NUZP66U.js +299 -0
- package/dist/chunk-4NUZP66U.js.map +1 -0
- package/dist/chunk-5D3LIJYW.cjs +299 -0
- package/dist/chunk-5D3LIJYW.cjs.map +1 -0
- package/dist/chunk-5QG2I3FK.cjs +169 -0
- package/dist/chunk-5QG2I3FK.cjs.map +1 -0
- package/dist/chunk-5TGBNYZK.cjs +11 -0
- package/dist/chunk-5TGBNYZK.cjs.map +1 -0
- package/dist/chunk-5WRI5ZAA.js +31 -0
- package/dist/chunk-5WRI5ZAA.js.map +1 -0
- package/dist/chunk-63N2KZZX.cjs +54 -0
- package/dist/chunk-63N2KZZX.cjs.map +1 -0
- package/dist/chunk-66R54X6R.js +1 -0
- package/dist/chunk-66R54X6R.js.map +1 -0
- package/dist/chunk-6NZXWKUE.js +1 -0
- package/dist/chunk-6NZXWKUE.js.map +1 -0
- package/dist/chunk-6P4WYB3B.js +169 -0
- package/dist/chunk-6P4WYB3B.js.map +1 -0
- package/dist/chunk-6QFT3BUD.cjs +28 -0
- package/dist/chunk-6QFT3BUD.cjs.map +1 -0
- package/dist/chunk-6USUVU6J.js +26 -0
- package/dist/chunk-6USUVU6J.js.map +1 -0
- package/dist/chunk-73EKJU4G.js +11 -0
- package/dist/chunk-73EKJU4G.js.map +1 -0
- package/dist/chunk-7IOOFKG3.js +26 -0
- package/dist/chunk-7IOOFKG3.js.map +1 -0
- package/dist/chunk-7KGV6YCG.cjs +54 -0
- package/dist/chunk-7KGV6YCG.cjs.map +1 -0
- package/dist/chunk-7NZTRSMT.js +1484 -0
- package/dist/chunk-7NZTRSMT.js.map +1 -0
- package/dist/chunk-7R7IFWGB.cjs +86 -0
- package/dist/chunk-7R7IFWGB.cjs.map +1 -0
- package/dist/chunk-A35Y5MRJ.js +235 -0
- package/dist/chunk-A35Y5MRJ.js.map +1 -0
- package/dist/chunk-AOV32YBE.js +113 -0
- package/dist/chunk-AOV32YBE.js.map +1 -0
- package/dist/chunk-AUFCW7QU.cjs +526 -0
- package/dist/chunk-AUFCW7QU.cjs.map +1 -0
- package/dist/chunk-BFYSYUA6.cjs +125 -0
- package/dist/chunk-BFYSYUA6.cjs.map +1 -0
- package/dist/chunk-BTPCSBGP.js +1622 -0
- package/dist/chunk-BTPCSBGP.js.map +1 -0
- package/dist/chunk-C7F2VFAI.cjs +259 -0
- package/dist/chunk-C7F2VFAI.cjs.map +1 -0
- package/dist/chunk-CDV2OAS3.cjs +235 -0
- package/dist/chunk-CDV2OAS3.cjs.map +1 -0
- package/dist/chunk-CJUZDUXW.cjs +79 -0
- package/dist/chunk-CJUZDUXW.cjs.map +1 -0
- package/dist/chunk-CKH36D7H.js +28 -0
- package/dist/chunk-CKH36D7H.js.map +1 -0
- package/dist/chunk-D7PGZ3M3.cjs +117 -0
- package/dist/chunk-D7PGZ3M3.cjs.map +1 -0
- package/dist/chunk-DFADZZ3K.js +126 -0
- package/dist/chunk-DFADZZ3K.js.map +1 -0
- package/dist/chunk-DI2VKKLW.js +1 -0
- package/dist/chunk-DI2VKKLW.js.map +1 -0
- package/dist/chunk-DK4S3EHG.js +29 -0
- package/dist/chunk-DK4S3EHG.js.map +1 -0
- package/dist/chunk-DZUJEN5N.cjs +31 -0
- package/dist/chunk-DZUJEN5N.cjs.map +1 -0
- package/dist/chunk-E2B33QB7.js +97 -0
- package/dist/chunk-E2B33QB7.js.map +1 -0
- package/dist/chunk-E3XATJ63.js +4418 -0
- package/dist/chunk-E3XATJ63.js.map +1 -0
- package/dist/chunk-EACNRR3C.cjs +1 -0
- package/dist/chunk-EACNRR3C.cjs.map +1 -0
- package/dist/chunk-EQ6BNPTL.cjs +39 -0
- package/dist/chunk-EQ6BNPTL.cjs.map +1 -0
- package/dist/chunk-F54MVGKO.js +342 -0
- package/dist/chunk-F54MVGKO.js.map +1 -0
- package/dist/chunk-FNUOTM44.cjs +238 -0
- package/dist/chunk-FNUOTM44.cjs.map +1 -0
- package/dist/chunk-FO5FNTJX.js +69 -0
- package/dist/chunk-FO5FNTJX.js.map +1 -0
- package/dist/chunk-FQZ6F7FQ.cjs +1 -0
- package/dist/chunk-FQZ6F7FQ.cjs.map +1 -0
- package/dist/chunk-G2FANEA2.cjs +101 -0
- package/dist/chunk-G2FANEA2.cjs.map +1 -0
- package/dist/chunk-G36S5CWN.cjs +26 -0
- package/dist/chunk-G36S5CWN.cjs.map +1 -0
- package/dist/chunk-GI7WPGP2.cjs +454 -0
- package/dist/chunk-GI7WPGP2.cjs.map +1 -0
- package/dist/chunk-GL4DHGQE.js +1316 -0
- package/dist/chunk-GL4DHGQE.js.map +1 -0
- package/dist/chunk-GOVOQZYN.js +18 -0
- package/dist/chunk-GOVOQZYN.js.map +1 -0
- package/dist/chunk-GRH57M3E.js +88 -0
- package/dist/chunk-GRH57M3E.js.map +1 -0
- package/dist/chunk-H523JFY2.js +303 -0
- package/dist/chunk-H523JFY2.js.map +1 -0
- package/dist/chunk-H56YUMFB.cjs +1622 -0
- package/dist/chunk-H56YUMFB.cjs.map +1 -0
- package/dist/chunk-HO7P6IJO.js +238 -0
- package/dist/chunk-HO7P6IJO.js.map +1 -0
- package/dist/chunk-HPIBYEGE.cjs +1484 -0
- package/dist/chunk-HPIBYEGE.cjs.map +1 -0
- package/dist/chunk-HQ4KZRFH.js +67 -0
- package/dist/chunk-HQ4KZRFH.js.map +1 -0
- package/dist/chunk-HUNMRKGE.js +21 -0
- package/dist/chunk-HUNMRKGE.js.map +1 -0
- package/dist/chunk-I44YNYI6.cjs +1 -0
- package/dist/chunk-I44YNYI6.cjs.map +1 -0
- package/dist/chunk-I6UOIS4J.cjs +1 -0
- package/dist/chunk-I6UOIS4J.cjs.map +1 -0
- package/dist/chunk-ICJ3SV5I.cjs +183 -0
- package/dist/chunk-ICJ3SV5I.cjs.map +1 -0
- package/dist/chunk-IYQX7PBO.cjs +320 -0
- package/dist/chunk-IYQX7PBO.cjs.map +1 -0
- package/dist/chunk-JFA5ABVE.js +54 -0
- package/dist/chunk-JFA5ABVE.js.map +1 -0
- package/dist/chunk-JORQYNJD.js +79 -0
- package/dist/chunk-JORQYNJD.js.map +1 -0
- package/dist/chunk-K5TKNT6I.cjs +34 -0
- package/dist/chunk-K5TKNT6I.cjs.map +1 -0
- package/dist/chunk-KF64C4QI.js +138 -0
- package/dist/chunk-KF64C4QI.js.map +1 -0
- package/dist/chunk-KGXGTWUL.js +1 -0
- package/dist/chunk-KGXGTWUL.js.map +1 -0
- package/dist/chunk-KKOZX64Z.js +34 -0
- package/dist/chunk-KKOZX64Z.js.map +1 -0
- package/dist/chunk-KO2MKZDW.cjs +69 -0
- package/dist/chunk-KO2MKZDW.cjs.map +1 -0
- package/dist/chunk-KQKJVFYF.js +259 -0
- package/dist/chunk-KQKJVFYF.js.map +1 -0
- package/dist/chunk-KV2FG7AN.cjs +401 -0
- package/dist/chunk-KV2FG7AN.cjs.map +1 -0
- package/dist/chunk-L3UPSLJ5.cjs +4418 -0
- package/dist/chunk-L3UPSLJ5.cjs.map +1 -0
- package/dist/chunk-LEZ4HSBD.cjs +744 -0
- package/dist/chunk-LEZ4HSBD.cjs.map +1 -0
- package/dist/chunk-LQ3C3OR2.js +21 -0
- package/dist/chunk-LQ3C3OR2.js.map +1 -0
- package/dist/chunk-LTOHGCU4.cjs +69 -0
- package/dist/chunk-LTOHGCU4.cjs.map +1 -0
- package/dist/chunk-M56IGNH7.cjs +125 -0
- package/dist/chunk-M56IGNH7.cjs.map +1 -0
- package/dist/chunk-MOX6LYGC.js +125 -0
- package/dist/chunk-MOX6LYGC.js.map +1 -0
- package/dist/chunk-MSQXPGOD.cjs +125 -0
- package/dist/chunk-MSQXPGOD.cjs.map +1 -0
- package/dist/chunk-N5JDL4VE.js +1 -0
- package/dist/chunk-N5JDL4VE.js.map +1 -0
- package/dist/chunk-N7HX5635.cjs +138 -0
- package/dist/chunk-N7HX5635.cjs.map +1 -0
- package/dist/chunk-NDLMU6HJ.js +744 -0
- package/dist/chunk-NDLMU6HJ.js.map +1 -0
- package/dist/chunk-O5ZPSZNY.cjs +88 -0
- package/dist/chunk-O5ZPSZNY.cjs.map +1 -0
- package/dist/chunk-O6B4KB4D.js +125 -0
- package/dist/chunk-O6B4KB4D.js.map +1 -0
- package/dist/chunk-OHUVWPFJ.js +86 -0
- package/dist/chunk-OHUVWPFJ.js.map +1 -0
- package/dist/chunk-OT3VZLN4.js +117 -0
- package/dist/chunk-OT3VZLN4.js.map +1 -0
- package/dist/chunk-OVYIBDGE.js +183 -0
- package/dist/chunk-OVYIBDGE.js.map +1 -0
- package/dist/chunk-P2BTQ33C.cjs +126 -0
- package/dist/chunk-P2BTQ33C.cjs.map +1 -0
- package/dist/chunk-P6ZBENAG.js +211 -0
- package/dist/chunk-P6ZBENAG.js.map +1 -0
- package/dist/chunk-P74HNSNJ.cjs +106 -0
- package/dist/chunk-P74HNSNJ.cjs.map +1 -0
- package/dist/chunk-PEPYVWGY.cjs +327 -0
- package/dist/chunk-PEPYVWGY.cjs.map +1 -0
- package/dist/chunk-POX6JZLO.cjs +67 -0
- package/dist/chunk-POX6JZLO.cjs.map +1 -0
- package/dist/chunk-PWIA4XQD.js +320 -0
- package/dist/chunk-PWIA4XQD.js.map +1 -0
- package/dist/chunk-QGZF5MOS.cjs +342 -0
- package/dist/chunk-QGZF5MOS.cjs.map +1 -0
- package/dist/chunk-QP2A5ZMK.cjs +18 -0
- package/dist/chunk-QP2A5ZMK.cjs.map +1 -0
- package/dist/chunk-QYHTMEI5.js +92 -0
- package/dist/chunk-QYHTMEI5.js.map +1 -0
- package/dist/chunk-QYK4ECSZ.js +69 -0
- package/dist/chunk-QYK4ECSZ.js.map +1 -0
- package/dist/chunk-R36SGSJX.cjs +26 -0
- package/dist/chunk-R36SGSJX.cjs.map +1 -0
- package/dist/chunk-R5QPUQSI.cjs +303 -0
- package/dist/chunk-R5QPUQSI.cjs.map +1 -0
- package/dist/chunk-R5UNLPQZ.cjs +103 -0
- package/dist/chunk-R5UNLPQZ.cjs.map +1 -0
- package/dist/chunk-RSBQNIJZ.js +199 -0
- package/dist/chunk-RSBQNIJZ.js.map +1 -0
- package/dist/chunk-S25WB7KJ.js +50 -0
- package/dist/chunk-S25WB7KJ.js.map +1 -0
- package/dist/chunk-SAFSEXMU.cjs +211 -0
- package/dist/chunk-SAFSEXMU.cjs.map +1 -0
- package/dist/chunk-SJDTFR3I.cjs +1 -0
- package/dist/chunk-SJDTFR3I.cjs.map +1 -0
- package/dist/chunk-SOGUWOSQ.cjs +21 -0
- package/dist/chunk-SOGUWOSQ.cjs.map +1 -0
- package/dist/chunk-SWPZ3HFY.cjs +1 -0
- package/dist/chunk-SWPZ3HFY.cjs.map +1 -0
- package/dist/chunk-SXF3TCYA.js +401 -0
- package/dist/chunk-SXF3TCYA.js.map +1 -0
- package/dist/chunk-T56K5IKQ.js +526 -0
- package/dist/chunk-T56K5IKQ.js.map +1 -0
- package/dist/chunk-TBMVUI7S.cjs +21 -0
- package/dist/chunk-TBMVUI7S.cjs.map +1 -0
- package/dist/chunk-TCX3QKF3.js +103 -0
- package/dist/chunk-TCX3QKF3.js.map +1 -0
- package/dist/chunk-TH3ITGUM.js +1 -0
- package/dist/chunk-TH3ITGUM.js.map +1 -0
- package/dist/chunk-TPNCV7KA.js +1 -0
- package/dist/chunk-TPNCV7KA.js.map +1 -0
- package/dist/chunk-TQCNQKWF.cjs +194 -0
- package/dist/chunk-TQCNQKWF.cjs.map +1 -0
- package/dist/chunk-TZWNX7FF.js +1 -0
- package/dist/chunk-TZWNX7FF.js.map +1 -0
- package/dist/chunk-UEJSRMU2.js +39 -0
- package/dist/chunk-UEJSRMU2.js.map +1 -0
- package/dist/chunk-UTENJWSE.cjs +21 -0
- package/dist/chunk-UTENJWSE.cjs.map +1 -0
- package/dist/chunk-V5JNYS77.cjs +29 -0
- package/dist/chunk-V5JNYS77.cjs.map +1 -0
- package/dist/chunk-VFYG7GAH.js +327 -0
- package/dist/chunk-VFYG7GAH.js.map +1 -0
- package/dist/chunk-VGYJ4VKX.cjs +62 -0
- package/dist/chunk-VGYJ4VKX.cjs.map +1 -0
- package/dist/chunk-VLC2OZV3.cjs +50 -0
- package/dist/chunk-VLC2OZV3.cjs.map +1 -0
- package/dist/chunk-VTAABT55.js +47 -0
- package/dist/chunk-VTAABT55.js.map +1 -0
- package/dist/chunk-VW32UTUE.cjs +1 -0
- package/dist/chunk-VW32UTUE.cjs.map +1 -0
- package/dist/chunk-VYV45YOK.cjs +1316 -0
- package/dist/chunk-VYV45YOK.cjs.map +1 -0
- package/dist/chunk-VZ43OLU6.cjs +97 -0
- package/dist/chunk-VZ43OLU6.cjs.map +1 -0
- package/dist/chunk-XJAXKENE.cjs +1 -0
- package/dist/chunk-XJAXKENE.cjs.map +1 -0
- package/dist/chunk-XJBMEDQ5.js +101 -0
- package/dist/chunk-XJBMEDQ5.js.map +1 -0
- package/dist/chunk-XMRMCWSQ.js +454 -0
- package/dist/chunk-XMRMCWSQ.js.map +1 -0
- package/dist/chunk-XSGUFMT4.js +21 -0
- package/dist/chunk-XSGUFMT4.js.map +1 -0
- package/dist/chunk-XUZOU2EB.js +1 -0
- package/dist/chunk-XUZOU2EB.js.map +1 -0
- package/dist/chunk-YCUT6NQ4.js +106 -0
- package/dist/chunk-YCUT6NQ4.js.map +1 -0
- package/dist/chunk-YLKESEHQ.cjs +199 -0
- package/dist/chunk-YLKESEHQ.cjs.map +1 -0
- package/dist/chunk-YPK7RV3Y.js +62 -0
- package/dist/chunk-YPK7RV3Y.js.map +1 -0
- package/dist/chunk-Z7S4UQKY.js +125 -0
- package/dist/chunk-Z7S4UQKY.js.map +1 -0
- package/dist/chunk-ZBGTVTQJ.js +112 -0
- package/dist/chunk-ZBGTVTQJ.js.map +1 -0
- package/dist/color-picker/index.cjs +9 -0
- package/dist/color-picker/index.cjs.map +1 -0
- package/dist/color-picker/index.d.cts +40 -0
- package/dist/color-picker/index.d.ts +40 -0
- package/dist/color-picker/index.js +9 -0
- package/dist/color-picker/index.js.map +1 -0
- package/dist/combobox/index.cjs +12 -0
- package/dist/combobox/index.cjs.map +1 -0
- package/dist/combobox/index.d.cts +37 -0
- package/dist/combobox/index.d.ts +37 -0
- package/dist/combobox/index.js +12 -0
- package/dist/combobox/index.js.map +1 -0
- package/dist/command-palette/index.cjs +10 -0
- package/dist/command-palette/index.cjs.map +1 -0
- package/dist/command-palette/index.d.cts +7 -0
- package/dist/command-palette/index.d.ts +7 -0
- package/dist/command-palette/index.js +10 -0
- package/dist/command-palette/index.js.map +1 -0
- package/dist/context-menu/index.cjs +13 -0
- package/dist/context-menu/index.cjs.map +1 -0
- package/dist/context-menu/index.d.cts +38 -0
- package/dist/context-menu/index.d.ts +38 -0
- package/dist/context-menu/index.js +13 -0
- package/dist/context-menu/index.js.map +1 -0
- package/dist/data-grid/index.cjs +28 -0
- package/dist/data-grid/index.cjs.map +1 -0
- package/dist/data-grid/index.d.cts +217 -0
- package/dist/data-grid/index.d.ts +217 -0
- package/dist/data-grid/index.js +28 -0
- package/dist/data-grid/index.js.map +1 -0
- package/dist/date-picker/index.cjs +19 -0
- package/dist/date-picker/index.cjs.map +1 -0
- package/dist/date-picker/index.d.cts +106 -0
- package/dist/date-picker/index.d.ts +106 -0
- package/dist/date-picker/index.js +19 -0
- package/dist/date-picker/index.js.map +1 -0
- package/dist/divider/index.cjs +8 -0
- package/dist/divider/index.cjs.map +1 -0
- package/dist/divider/index.d.cts +9 -0
- package/dist/divider/index.d.ts +9 -0
- package/dist/divider/index.js +8 -0
- package/dist/divider/index.js.map +1 -0
- package/dist/drawer/index.cjs +13 -0
- package/dist/drawer/index.cjs.map +1 -0
- package/dist/drawer/index.d.cts +39 -0
- package/dist/drawer/index.d.ts +39 -0
- package/dist/drawer/index.js +13 -0
- package/dist/drawer/index.js.map +1 -0
- package/dist/dropdown/index.cjs +13 -0
- package/dist/dropdown/index.cjs.map +1 -0
- package/dist/dropdown/index.d.cts +66 -0
- package/dist/dropdown/index.d.ts +66 -0
- package/dist/dropdown/index.js +13 -0
- package/dist/dropdown/index.js.map +1 -0
- package/dist/empty-state/index.cjs +8 -0
- package/dist/empty-state/index.cjs.map +1 -0
- package/dist/empty-state/index.d.cts +20 -0
- package/dist/empty-state/index.d.ts +20 -0
- package/dist/empty-state/index.js +8 -0
- package/dist/empty-state/index.js.map +1 -0
- package/dist/file-upload/index.cjs +8 -0
- package/dist/file-upload/index.cjs.map +1 -0
- package/dist/file-upload/index.d.cts +27 -0
- package/dist/file-upload/index.d.ts +27 -0
- package/dist/file-upload/index.js +8 -0
- package/dist/file-upload/index.js.map +1 -0
- package/dist/footer/index.cjs +8 -0
- package/dist/footer/index.cjs.map +1 -0
- package/dist/footer/index.d.cts +7 -0
- package/dist/footer/index.d.ts +7 -0
- package/dist/footer/index.js +8 -0
- package/dist/footer/index.js.map +1 -0
- package/dist/header/index.cjs +13 -0
- package/dist/header/index.cjs.map +1 -0
- package/dist/header/index.d.cts +10 -0
- package/dist/header/index.d.ts +10 -0
- package/dist/header/index.js +13 -0
- package/dist/header/index.js.map +1 -0
- package/dist/index.cjs +269 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.css +8895 -0
- package/dist/index.css.d.ts +2 -0
- package/dist/index.d.cts +69 -0
- package/dist/index.d.ts +69 -0
- package/dist/index.js +269 -0
- package/dist/index.js.map +1 -0
- package/dist/inline-edit/index.cjs +11 -0
- package/dist/inline-edit/index.cjs.map +1 -0
- package/dist/inline-edit/index.d.cts +56 -0
- package/dist/inline-edit/index.d.ts +56 -0
- package/dist/inline-edit/index.js +11 -0
- package/dist/inline-edit/index.js.map +1 -0
- package/dist/input/index.cjs +11 -0
- package/dist/input/index.cjs.map +1 -0
- package/dist/input/index.d.cts +9 -0
- package/dist/input/index.d.ts +9 -0
- package/dist/input/index.js +11 -0
- package/dist/input/index.js.map +1 -0
- package/dist/kbd/index.cjs +9 -0
- package/dist/kbd/index.cjs.map +1 -0
- package/dist/kbd/index.d.cts +34 -0
- package/dist/kbd/index.d.ts +34 -0
- package/dist/kbd/index.js +9 -0
- package/dist/kbd/index.js.map +1 -0
- package/dist/menu/index.cjs +14 -0
- package/dist/menu/index.cjs.map +1 -0
- package/dist/menu/index.d.cts +14 -0
- package/dist/menu/index.d.ts +14 -0
- package/dist/menu/index.js +14 -0
- package/dist/menu/index.js.map +1 -0
- package/dist/modal/index.cjs +12 -0
- package/dist/modal/index.cjs.map +1 -0
- package/dist/modal/index.d.cts +34 -0
- package/dist/modal/index.d.ts +34 -0
- package/dist/modal/index.js +12 -0
- package/dist/modal/index.js.map +1 -0
- package/dist/navigation/index.cjs +14 -0
- package/dist/navigation/index.cjs.map +1 -0
- package/dist/navigation/index.d.cts +8 -0
- package/dist/navigation/index.d.ts +8 -0
- package/dist/navigation/index.js +14 -0
- package/dist/navigation/index.js.map +1 -0
- package/dist/number-input/index.cjs +8 -0
- package/dist/number-input/index.cjs.map +1 -0
- package/dist/number-input/index.d.cts +31 -0
- package/dist/number-input/index.d.ts +31 -0
- package/dist/number-input/index.js +8 -0
- package/dist/number-input/index.js.map +1 -0
- package/dist/o-t-p-input/index.cjs +8 -0
- package/dist/o-t-p-input/index.cjs.map +1 -0
- package/dist/o-t-p-input/index.d.cts +33 -0
- package/dist/o-t-p-input/index.d.ts +33 -0
- package/dist/o-t-p-input/index.js +8 -0
- package/dist/o-t-p-input/index.js.map +1 -0
- package/dist/page-layout/index.cjs +24 -0
- package/dist/page-layout/index.cjs.map +1 -0
- package/dist/page-layout/index.d.cts +28 -0
- package/dist/page-layout/index.d.ts +28 -0
- package/dist/page-layout/index.js +24 -0
- package/dist/page-layout/index.js.map +1 -0
- package/dist/pagination/index.cjs +17 -0
- package/dist/pagination/index.cjs.map +1 -0
- package/dist/pagination/index.d.cts +34 -0
- package/dist/pagination/index.d.ts +34 -0
- package/dist/pagination/index.js +17 -0
- package/dist/pagination/index.js.map +1 -0
- package/dist/pill/index.cjs +8 -0
- package/dist/pill/index.cjs.map +1 -0
- package/dist/pill/index.d.cts +20 -0
- package/dist/pill/index.d.ts +20 -0
- package/dist/pill/index.js +8 -0
- package/dist/pill/index.js.map +1 -0
- package/dist/popover/index.cjs +8 -0
- package/dist/popover/index.cjs.map +1 -0
- package/dist/popover/index.d.cts +35 -0
- package/dist/popover/index.d.ts +35 -0
- package/dist/popover/index.js +8 -0
- package/dist/popover/index.js.map +1 -0
- package/dist/progress/index.cjs +8 -0
- package/dist/progress/index.cjs.map +1 -0
- package/dist/progress/index.d.cts +18 -0
- package/dist/progress/index.d.ts +18 -0
- package/dist/progress/index.js +8 -0
- package/dist/progress/index.js.map +1 -0
- package/dist/radio/index.cjs +10 -0
- package/dist/radio/index.cjs.map +1 -0
- package/dist/radio/index.d.cts +33 -0
- package/dist/radio/index.d.ts +33 -0
- package/dist/radio/index.js +10 -0
- package/dist/radio/index.js.map +1 -0
- package/dist/renderIcon-C2lEMMzb.d.cts +30 -0
- package/dist/renderIcon-C2lEMMzb.d.ts +30 -0
- package/dist/segmented-control/index.cjs +11 -0
- package/dist/segmented-control/index.cjs.map +1 -0
- package/dist/segmented-control/index.d.cts +70 -0
- package/dist/segmented-control/index.d.ts +70 -0
- package/dist/segmented-control/index.js +11 -0
- package/dist/segmented-control/index.js.map +1 -0
- package/dist/select/index.cjs +13 -0
- package/dist/select/index.cjs.map +1 -0
- package/dist/select/index.d.cts +46 -0
- package/dist/select/index.d.ts +46 -0
- package/dist/select/index.js +13 -0
- package/dist/select/index.js.map +1 -0
- package/dist/sizes-DM6Rrrgq.d.cts +11 -0
- package/dist/sizes-DM6Rrrgq.d.ts +11 -0
- package/dist/skeleton/index.cjs +8 -0
- package/dist/skeleton/index.cjs.map +1 -0
- package/dist/skeleton/index.d.cts +14 -0
- package/dist/skeleton/index.d.ts +14 -0
- package/dist/skeleton/index.js +8 -0
- package/dist/skeleton/index.js.map +1 -0
- package/dist/slider/index.cjs +8 -0
- package/dist/slider/index.cjs.map +1 -0
- package/dist/slider/index.d.cts +37 -0
- package/dist/slider/index.d.ts +37 -0
- package/dist/slider/index.js +8 -0
- package/dist/slider/index.js.map +1 -0
- package/dist/snackbar/index.cjs +18 -0
- package/dist/snackbar/index.cjs.map +1 -0
- package/dist/snackbar/index.d.cts +68 -0
- package/dist/snackbar/index.d.ts +68 -0
- package/dist/snackbar/index.js +18 -0
- package/dist/snackbar/index.js.map +1 -0
- package/dist/spinner/index.cjs +9 -0
- package/dist/spinner/index.cjs.map +1 -0
- package/dist/spinner/index.d.cts +12 -0
- package/dist/spinner/index.d.ts +12 -0
- package/dist/spinner/index.js +9 -0
- package/dist/spinner/index.js.map +1 -0
- package/dist/split-button/index.cjs +13 -0
- package/dist/split-button/index.cjs.map +1 -0
- package/dist/split-button/index.d.cts +53 -0
- package/dist/split-button/index.d.ts +53 -0
- package/dist/split-button/index.js +13 -0
- package/dist/split-button/index.js.map +1 -0
- package/dist/stepper/index.cjs +8 -0
- package/dist/stepper/index.cjs.map +1 -0
- package/dist/stepper/index.d.cts +42 -0
- package/dist/stepper/index.d.ts +42 -0
- package/dist/stepper/index.js +8 -0
- package/dist/stepper/index.js.map +1 -0
- package/dist/switch/index.cjs +8 -0
- package/dist/switch/index.cjs.map +1 -0
- package/dist/switch/index.d.cts +15 -0
- package/dist/switch/index.d.ts +15 -0
- package/dist/switch/index.js +8 -0
- package/dist/switch/index.js.map +1 -0
- package/dist/table/index.cjs +33 -0
- package/dist/table/index.cjs.map +1 -0
- package/dist/table/index.d.cts +20 -0
- package/dist/table/index.d.ts +20 -0
- package/dist/table/index.js +33 -0
- package/dist/table/index.js.map +1 -0
- package/dist/tabs/index.cjs +13 -0
- package/dist/tabs/index.cjs.map +1 -0
- package/dist/tabs/index.d.cts +34 -0
- package/dist/tabs/index.d.ts +34 -0
- package/dist/tabs/index.js +13 -0
- package/dist/tabs/index.js.map +1 -0
- package/dist/tag-input/index.cjs +12 -0
- package/dist/tag-input/index.cjs.map +1 -0
- package/dist/tag-input/index.d.cts +36 -0
- package/dist/tag-input/index.d.ts +36 -0
- package/dist/tag-input/index.js +12 -0
- package/dist/tag-input/index.js.map +1 -0
- package/dist/textarea/index.cjs +10 -0
- package/dist/textarea/index.cjs.map +1 -0
- package/dist/textarea/index.d.cts +28 -0
- package/dist/textarea/index.d.ts +28 -0
- package/dist/textarea/index.js +10 -0
- package/dist/textarea/index.js.map +1 -0
- package/dist/timeline/index.cjs +8 -0
- package/dist/timeline/index.cjs.map +1 -0
- package/dist/timeline/index.d.cts +24 -0
- package/dist/timeline/index.d.ts +24 -0
- package/dist/timeline/index.js +8 -0
- package/dist/timeline/index.js.map +1 -0
- package/dist/toolbar/index.cjs +20 -0
- package/dist/toolbar/index.cjs.map +1 -0
- package/dist/toolbar/index.d.cts +13 -0
- package/dist/toolbar/index.d.ts +13 -0
- package/dist/toolbar/index.js +20 -0
- package/dist/toolbar/index.js.map +1 -0
- package/dist/tooltip/index.cjs +9 -0
- package/dist/tooltip/index.cjs.map +1 -0
- package/dist/tooltip/index.d.cts +25 -0
- package/dist/tooltip/index.d.ts +25 -0
- package/dist/tooltip/index.js +9 -0
- package/dist/tooltip/index.js.map +1 -0
- package/dist/tree-view/index.cjs +8 -0
- package/dist/tree-view/index.cjs.map +1 -0
- package/dist/tree-view/index.d.cts +36 -0
- package/dist/tree-view/index.d.ts +36 -0
- package/dist/tree-view/index.js +8 -0
- package/dist/tree-view/index.js.map +1 -0
- package/dist/virtual-list/index.cjs +9 -0
- package/dist/virtual-list/index.cjs.map +1 -0
- package/dist/virtual-list/index.d.cts +58 -0
- package/dist/virtual-list/index.d.ts +58 -0
- package/dist/virtual-list/index.js +9 -0
- package/dist/virtual-list/index.js.map +1 -0
- package/package.json +108 -0
|
@@ -0,0 +1,303 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/components/Tooltip/Tooltip.component.tsx
|
|
2
|
+
var _react = require('react');
|
|
3
|
+
var _reactdom = require('react-dom');
|
|
4
|
+
var _jsxruntime = require('react/jsx-runtime');
|
|
5
|
+
var Tooltip = ({
|
|
6
|
+
children,
|
|
7
|
+
message,
|
|
8
|
+
component: Component,
|
|
9
|
+
componentProps,
|
|
10
|
+
placement: preferredPlacement = "top",
|
|
11
|
+
delay = 100,
|
|
12
|
+
disabled = false,
|
|
13
|
+
className = "",
|
|
14
|
+
triggerType = "hover",
|
|
15
|
+
closeOnClickOutside = true,
|
|
16
|
+
closeOnEscape = true
|
|
17
|
+
}) => {
|
|
18
|
+
const [tooltipState, setTooltipState] = _react.useState.call(void 0, {
|
|
19
|
+
isVisible: false,
|
|
20
|
+
position: { top: 0, left: 0, placement: "top" },
|
|
21
|
+
isPositioned: false
|
|
22
|
+
});
|
|
23
|
+
const triggerRef = _react.useRef.call(void 0, null);
|
|
24
|
+
const tooltipRef = _react.useRef.call(void 0, null);
|
|
25
|
+
const timeoutRef = _react.useRef.call(void 0, void 0);
|
|
26
|
+
const animationFrameRef = _react.useRef.call(void 0, void 0);
|
|
27
|
+
const isScrollingRef = _react.useRef.call(void 0, false);
|
|
28
|
+
const calculateOptimalPosition = _react.useCallback.call(void 0,
|
|
29
|
+
(triggerRect, tooltipRect) => {
|
|
30
|
+
const viewportWidth = window.innerWidth;
|
|
31
|
+
const viewportHeight = window.innerHeight;
|
|
32
|
+
const gap = 8;
|
|
33
|
+
let placement = preferredPlacement;
|
|
34
|
+
let top = 0;
|
|
35
|
+
let left = 0;
|
|
36
|
+
switch (preferredPlacement) {
|
|
37
|
+
case "top":
|
|
38
|
+
top = triggerRect.top - tooltipRect.height - gap;
|
|
39
|
+
left = triggerRect.left + triggerRect.width / 2 - tooltipRect.width / 2;
|
|
40
|
+
break;
|
|
41
|
+
case "bottom":
|
|
42
|
+
top = triggerRect.bottom + gap;
|
|
43
|
+
left = triggerRect.left + triggerRect.width / 2 - tooltipRect.width / 2;
|
|
44
|
+
break;
|
|
45
|
+
case "left":
|
|
46
|
+
top = triggerRect.top + triggerRect.height / 2 - tooltipRect.height / 2;
|
|
47
|
+
left = triggerRect.left - tooltipRect.width - gap;
|
|
48
|
+
break;
|
|
49
|
+
case "right":
|
|
50
|
+
top = triggerRect.top + triggerRect.height / 2 - tooltipRect.height / 2;
|
|
51
|
+
left = triggerRect.right + gap;
|
|
52
|
+
break;
|
|
53
|
+
}
|
|
54
|
+
if (placement === "top" && top < gap) {
|
|
55
|
+
placement = "bottom";
|
|
56
|
+
top = triggerRect.bottom + gap;
|
|
57
|
+
left = triggerRect.left + triggerRect.width / 2 - tooltipRect.width / 2;
|
|
58
|
+
} else if (placement === "bottom" && top + tooltipRect.height > viewportHeight - gap) {
|
|
59
|
+
placement = "top";
|
|
60
|
+
top = triggerRect.top - tooltipRect.height - gap;
|
|
61
|
+
left = triggerRect.left + triggerRect.width / 2 - tooltipRect.width / 2;
|
|
62
|
+
} else if (placement === "left" && left < gap) {
|
|
63
|
+
placement = "right";
|
|
64
|
+
top = triggerRect.top + triggerRect.height / 2 - tooltipRect.height / 2;
|
|
65
|
+
left = triggerRect.right + gap;
|
|
66
|
+
} else if (placement === "right" && left + tooltipRect.width > viewportWidth - gap) {
|
|
67
|
+
placement = "left";
|
|
68
|
+
top = triggerRect.top + triggerRect.height / 2 - tooltipRect.height / 2;
|
|
69
|
+
left = triggerRect.left - tooltipRect.width - gap;
|
|
70
|
+
}
|
|
71
|
+
top = Math.max(gap, Math.min(top, viewportHeight - tooltipRect.height - gap));
|
|
72
|
+
left = Math.max(gap, Math.min(left, viewportWidth - tooltipRect.width - gap));
|
|
73
|
+
return { top, left, placement };
|
|
74
|
+
},
|
|
75
|
+
[preferredPlacement]
|
|
76
|
+
);
|
|
77
|
+
const handleScroll = _react.useCallback.call(void 0, () => {
|
|
78
|
+
if (!tooltipState.isVisible || !tooltipState.isPositioned || isScrollingRef.current) return;
|
|
79
|
+
isScrollingRef.current = true;
|
|
80
|
+
animationFrameRef.current = requestAnimationFrame(() => {
|
|
81
|
+
if (triggerRef.current && tooltipRef.current) {
|
|
82
|
+
const triggerRect = triggerRef.current.getBoundingClientRect();
|
|
83
|
+
const tooltipRect = tooltipRef.current.getBoundingClientRect();
|
|
84
|
+
const { top, left, placement } = calculateOptimalPosition(triggerRect, tooltipRect);
|
|
85
|
+
setTooltipState((prev) => ({
|
|
86
|
+
...prev,
|
|
87
|
+
position: { top, left, placement }
|
|
88
|
+
}));
|
|
89
|
+
}
|
|
90
|
+
isScrollingRef.current = false;
|
|
91
|
+
});
|
|
92
|
+
}, [tooltipState.isVisible, tooltipState.isPositioned, calculateOptimalPosition]);
|
|
93
|
+
const handleMouseEnter = _react.useCallback.call(void 0, () => {
|
|
94
|
+
if (disabled || triggerType !== "hover") return;
|
|
95
|
+
timeoutRef.current = setTimeout(() => {
|
|
96
|
+
setTooltipState((prev) => ({
|
|
97
|
+
...prev,
|
|
98
|
+
isVisible: true,
|
|
99
|
+
isPositioned: false
|
|
100
|
+
}));
|
|
101
|
+
}, delay);
|
|
102
|
+
}, [disabled, delay, triggerType]);
|
|
103
|
+
const handleMouseLeave = _react.useCallback.call(void 0, () => {
|
|
104
|
+
if (triggerType !== "hover") return;
|
|
105
|
+
if (timeoutRef.current) {
|
|
106
|
+
clearTimeout(timeoutRef.current);
|
|
107
|
+
}
|
|
108
|
+
setTooltipState((prev) => ({
|
|
109
|
+
...prev,
|
|
110
|
+
isVisible: false,
|
|
111
|
+
isPositioned: false
|
|
112
|
+
}));
|
|
113
|
+
}, [triggerType]);
|
|
114
|
+
const handleClick = _react.useCallback.call(void 0, () => {
|
|
115
|
+
if (disabled || triggerType !== "click") return;
|
|
116
|
+
if (tooltipState.isVisible) {
|
|
117
|
+
setTooltipState((prev) => ({
|
|
118
|
+
...prev,
|
|
119
|
+
isVisible: false,
|
|
120
|
+
isPositioned: false
|
|
121
|
+
}));
|
|
122
|
+
} else {
|
|
123
|
+
if (delay > 0) {
|
|
124
|
+
timeoutRef.current = setTimeout(() => {
|
|
125
|
+
setTooltipState((prev) => ({
|
|
126
|
+
...prev,
|
|
127
|
+
isVisible: true,
|
|
128
|
+
isPositioned: false
|
|
129
|
+
}));
|
|
130
|
+
}, delay);
|
|
131
|
+
} else {
|
|
132
|
+
setTooltipState((prev) => ({
|
|
133
|
+
...prev,
|
|
134
|
+
isVisible: true,
|
|
135
|
+
isPositioned: false
|
|
136
|
+
}));
|
|
137
|
+
}
|
|
138
|
+
}
|
|
139
|
+
}, [disabled, triggerType, tooltipState.isVisible, delay]);
|
|
140
|
+
const handleFocus = _react.useCallback.call(void 0, () => {
|
|
141
|
+
if (disabled || triggerType !== "focus") return;
|
|
142
|
+
timeoutRef.current = setTimeout(() => {
|
|
143
|
+
setTooltipState((prev) => ({
|
|
144
|
+
...prev,
|
|
145
|
+
isVisible: true,
|
|
146
|
+
isPositioned: false
|
|
147
|
+
}));
|
|
148
|
+
}, delay);
|
|
149
|
+
}, [disabled, triggerType, delay]);
|
|
150
|
+
const handleBlur = _react.useCallback.call(void 0, () => {
|
|
151
|
+
if (triggerType !== "focus") return;
|
|
152
|
+
if (timeoutRef.current) {
|
|
153
|
+
clearTimeout(timeoutRef.current);
|
|
154
|
+
}
|
|
155
|
+
setTooltipState((prev) => ({
|
|
156
|
+
...prev,
|
|
157
|
+
isVisible: false,
|
|
158
|
+
isPositioned: false
|
|
159
|
+
}));
|
|
160
|
+
}, [triggerType]);
|
|
161
|
+
const handleClickOutside = _react.useCallback.call(void 0,
|
|
162
|
+
(event) => {
|
|
163
|
+
if (!closeOnClickOutside || !tooltipState.isVisible || triggerType !== "click") return;
|
|
164
|
+
const target = event.target;
|
|
165
|
+
if (_optionalChain([tooltipRef, 'access', _ => _.current, 'optionalAccess', _2 => _2.contains, 'call', _3 => _3(target)]) || _optionalChain([triggerRef, 'access', _4 => _4.current, 'optionalAccess', _5 => _5.contains, 'call', _6 => _6(target)])) {
|
|
166
|
+
return;
|
|
167
|
+
}
|
|
168
|
+
setTooltipState((prev) => ({
|
|
169
|
+
...prev,
|
|
170
|
+
isVisible: false,
|
|
171
|
+
isPositioned: false
|
|
172
|
+
}));
|
|
173
|
+
},
|
|
174
|
+
[closeOnClickOutside, tooltipState.isVisible, triggerType]
|
|
175
|
+
);
|
|
176
|
+
const handleEscapeKey = _react.useCallback.call(void 0,
|
|
177
|
+
(event) => {
|
|
178
|
+
if (closeOnEscape && event.key === "Escape" && tooltipState.isVisible && triggerType === "click") {
|
|
179
|
+
setTooltipState((prev) => ({
|
|
180
|
+
...prev,
|
|
181
|
+
isVisible: false,
|
|
182
|
+
isPositioned: false
|
|
183
|
+
}));
|
|
184
|
+
}
|
|
185
|
+
},
|
|
186
|
+
[closeOnEscape, tooltipState.isVisible, triggerType]
|
|
187
|
+
);
|
|
188
|
+
_react.useEffect.call(void 0, () => {
|
|
189
|
+
if (tooltipState.isVisible && !tooltipState.isPositioned && tooltipRef.current && triggerRef.current) {
|
|
190
|
+
const triggerRect = triggerRef.current.getBoundingClientRect();
|
|
191
|
+
const tooltipRect = tooltipRef.current.getBoundingClientRect();
|
|
192
|
+
const { top, left, placement } = calculateOptimalPosition(triggerRect, tooltipRect);
|
|
193
|
+
setTooltipState((prev) => ({
|
|
194
|
+
...prev,
|
|
195
|
+
position: { top, left, placement },
|
|
196
|
+
isPositioned: true
|
|
197
|
+
}));
|
|
198
|
+
}
|
|
199
|
+
}, [tooltipState.isVisible, tooltipState.isPositioned, calculateOptimalPosition]);
|
|
200
|
+
_react.useEffect.call(void 0, () => {
|
|
201
|
+
const handleResize = () => {
|
|
202
|
+
if (tooltipState.isVisible && tooltipState.isPositioned && tooltipRef.current && triggerRef.current) {
|
|
203
|
+
const triggerRect = triggerRef.current.getBoundingClientRect();
|
|
204
|
+
const tooltipRect = tooltipRef.current.getBoundingClientRect();
|
|
205
|
+
const { top, left, placement } = calculateOptimalPosition(triggerRect, tooltipRect);
|
|
206
|
+
setTooltipState((prev) => ({
|
|
207
|
+
...prev,
|
|
208
|
+
position: { top, left, placement }
|
|
209
|
+
}));
|
|
210
|
+
}
|
|
211
|
+
};
|
|
212
|
+
window.addEventListener("resize", handleResize);
|
|
213
|
+
return () => window.removeEventListener("resize", handleResize);
|
|
214
|
+
}, [tooltipState.isVisible, tooltipState.isPositioned, calculateOptimalPosition]);
|
|
215
|
+
_react.useEffect.call(void 0, () => {
|
|
216
|
+
if (tooltipState.isVisible) {
|
|
217
|
+
window.addEventListener("scroll", handleScroll, { passive: true });
|
|
218
|
+
document.body.addEventListener("scroll", handleScroll, { passive: true });
|
|
219
|
+
}
|
|
220
|
+
return () => {
|
|
221
|
+
window.removeEventListener("scroll", handleScroll);
|
|
222
|
+
document.body.removeEventListener("scroll", handleScroll);
|
|
223
|
+
};
|
|
224
|
+
}, [tooltipState.isVisible, handleScroll]);
|
|
225
|
+
_react.useEffect.call(void 0, () => {
|
|
226
|
+
if (tooltipState.isVisible && triggerType === "click") {
|
|
227
|
+
document.addEventListener("mousedown", handleClickOutside);
|
|
228
|
+
document.addEventListener("keydown", handleEscapeKey);
|
|
229
|
+
}
|
|
230
|
+
return () => {
|
|
231
|
+
document.removeEventListener("mousedown", handleClickOutside);
|
|
232
|
+
document.removeEventListener("keydown", handleEscapeKey);
|
|
233
|
+
};
|
|
234
|
+
}, [tooltipState.isVisible, triggerType, handleClickOutside, handleEscapeKey]);
|
|
235
|
+
_react.useEffect.call(void 0, () => {
|
|
236
|
+
return () => {
|
|
237
|
+
if (timeoutRef.current) {
|
|
238
|
+
clearTimeout(timeoutRef.current);
|
|
239
|
+
}
|
|
240
|
+
if (animationFrameRef.current) {
|
|
241
|
+
cancelAnimationFrame(animationFrameRef.current);
|
|
242
|
+
}
|
|
243
|
+
};
|
|
244
|
+
}, []);
|
|
245
|
+
const renderTooltipContent = () => {
|
|
246
|
+
if (message) {
|
|
247
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "eidos-tooltip-message", children: message });
|
|
248
|
+
}
|
|
249
|
+
if (Component) {
|
|
250
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component, { ...componentProps || {} });
|
|
251
|
+
}
|
|
252
|
+
return null;
|
|
253
|
+
};
|
|
254
|
+
const getTriggerProps = () => {
|
|
255
|
+
const props = {
|
|
256
|
+
ref: triggerRef,
|
|
257
|
+
className: "eidos-tooltip-trigger"
|
|
258
|
+
};
|
|
259
|
+
switch (triggerType) {
|
|
260
|
+
case "hover":
|
|
261
|
+
props.onMouseEnter = handleMouseEnter;
|
|
262
|
+
props.onMouseLeave = handleMouseLeave;
|
|
263
|
+
break;
|
|
264
|
+
case "click":
|
|
265
|
+
props.onClick = handleClick;
|
|
266
|
+
props.role = "button";
|
|
267
|
+
props.tabIndex = 0;
|
|
268
|
+
break;
|
|
269
|
+
case "focus":
|
|
270
|
+
props.onFocus = handleFocus;
|
|
271
|
+
props.onBlur = handleBlur;
|
|
272
|
+
props.tabIndex = 0;
|
|
273
|
+
break;
|
|
274
|
+
}
|
|
275
|
+
return props;
|
|
276
|
+
};
|
|
277
|
+
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
278
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ...getTriggerProps(), children }),
|
|
279
|
+
tooltipState.isVisible && _reactdom.createPortal.call(void 0,
|
|
280
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
281
|
+
"div",
|
|
282
|
+
{
|
|
283
|
+
ref: tooltipRef,
|
|
284
|
+
className: `eidos-tooltip eidos-tooltip--${tooltipState.position.placement} ${className}`,
|
|
285
|
+
style: {
|
|
286
|
+
top: tooltipState.position.top,
|
|
287
|
+
left: tooltipState.position.left
|
|
288
|
+
},
|
|
289
|
+
"data-state": tooltipState.isPositioned ? "entered" : "entering",
|
|
290
|
+
role: "tooltip",
|
|
291
|
+
children: renderTooltipContent()
|
|
292
|
+
}
|
|
293
|
+
),
|
|
294
|
+
document.body
|
|
295
|
+
)
|
|
296
|
+
] });
|
|
297
|
+
};
|
|
298
|
+
Tooltip.displayName = "Tooltip";
|
|
299
|
+
|
|
300
|
+
|
|
301
|
+
|
|
302
|
+
exports.Tooltip = Tooltip;
|
|
303
|
+
//# sourceMappingURL=chunk-R5QPUQSI.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-R5QPUQSI.cjs","../src/components/Tooltip/Tooltip.component.tsx"],"names":[],"mappings":"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","file":"/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-R5QPUQSI.cjs","sourcesContent":[null,"import React, { useState, useRef, useCallback, useEffect } from 'react';\r\nimport { createPortal } from 'react-dom';\r\nimport type { TooltipProps, TooltipState } from './Tooltip.types';\r\n\r\nexport const Tooltip: React.FC<TooltipProps> = ({\r\n children,\r\n message,\r\n component: Component,\r\n componentProps,\r\n placement: preferredPlacement = 'top',\r\n delay = 100,\r\n disabled = false,\r\n className = '',\r\n triggerType = 'hover',\r\n closeOnClickOutside = true,\r\n closeOnEscape = true,\r\n}) => {\r\n const [tooltipState, setTooltipState] = useState<TooltipState>({\r\n isVisible: false,\r\n position: { top: 0, left: 0, placement: 'top' },\r\n isPositioned: false,\r\n });\r\n\r\n const triggerRef = useRef<HTMLDivElement>(null);\r\n const tooltipRef = useRef<HTMLDivElement>(null);\r\n const timeoutRef = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\r\n const animationFrameRef = useRef<number | undefined>(undefined);\r\n const isScrollingRef = useRef(false);\r\n\r\n const calculateOptimalPosition = useCallback(\r\n (triggerRect: DOMRect, tooltipRect: DOMRect) => {\r\n const viewportWidth = window.innerWidth;\r\n const viewportHeight = window.innerHeight;\r\n const gap = 8;\r\n\r\n let placement: 'top' | 'bottom' | 'left' | 'right' = preferredPlacement;\r\n let top = 0;\r\n let left = 0;\r\n\r\n switch (preferredPlacement) {\r\n case 'top':\r\n top = triggerRect.top - tooltipRect.height - gap;\r\n left = triggerRect.left + triggerRect.width / 2 - tooltipRect.width / 2;\r\n break;\r\n case 'bottom':\r\n top = triggerRect.bottom + gap;\r\n left = triggerRect.left + triggerRect.width / 2 - tooltipRect.width / 2;\r\n break;\r\n case 'left':\r\n top = triggerRect.top + triggerRect.height / 2 - tooltipRect.height / 2;\r\n left = triggerRect.left - tooltipRect.width - gap;\r\n break;\r\n case 'right':\r\n top = triggerRect.top + triggerRect.height / 2 - tooltipRect.height / 2;\r\n left = triggerRect.right + gap;\r\n break;\r\n }\r\n\r\n if (placement === 'top' && top < gap) {\r\n placement = 'bottom';\r\n top = triggerRect.bottom + gap;\r\n left = triggerRect.left + triggerRect.width / 2 - tooltipRect.width / 2;\r\n } else if (placement === 'bottom' && top + tooltipRect.height > viewportHeight - gap) {\r\n placement = 'top';\r\n top = triggerRect.top - tooltipRect.height - gap;\r\n left = triggerRect.left + triggerRect.width / 2 - tooltipRect.width / 2;\r\n } else if (placement === 'left' && left < gap) {\r\n placement = 'right';\r\n top = triggerRect.top + triggerRect.height / 2 - tooltipRect.height / 2;\r\n left = triggerRect.right + gap;\r\n } else if (placement === 'right' && left + tooltipRect.width > viewportWidth - gap) {\r\n placement = 'left';\r\n top = triggerRect.top + triggerRect.height / 2 - tooltipRect.height / 2;\r\n left = triggerRect.left - tooltipRect.width - gap;\r\n }\r\n\r\n top = Math.max(gap, Math.min(top, viewportHeight - tooltipRect.height - gap));\r\n left = Math.max(gap, Math.min(left, viewportWidth - tooltipRect.width - gap));\r\n\r\n return { top, left, placement };\r\n },\r\n [preferredPlacement],\r\n );\r\n\r\n const handleScroll = useCallback(() => {\r\n if (!tooltipState.isVisible || !tooltipState.isPositioned || isScrollingRef.current) return;\r\n\r\n isScrollingRef.current = true;\r\n\r\n animationFrameRef.current = requestAnimationFrame(() => {\r\n if (triggerRef.current && tooltipRef.current) {\r\n const triggerRect = triggerRef.current.getBoundingClientRect();\r\n const tooltipRect = tooltipRef.current.getBoundingClientRect();\r\n\r\n const { top, left, placement } = calculateOptimalPosition(triggerRect, tooltipRect);\r\n\r\n setTooltipState((prev) => ({\r\n ...prev,\r\n position: { top, left, placement },\r\n }));\r\n }\r\n\r\n isScrollingRef.current = false;\r\n });\r\n }, [tooltipState.isVisible, tooltipState.isPositioned, calculateOptimalPosition]);\r\n\r\n const handleMouseEnter = useCallback(() => {\r\n if (disabled || triggerType !== 'hover') return;\r\n\r\n timeoutRef.current = setTimeout(() => {\r\n setTooltipState((prev) => ({\r\n ...prev,\r\n isVisible: true,\r\n isPositioned: false,\r\n }));\r\n }, delay);\r\n }, [disabled, delay, triggerType]);\r\n\r\n const handleMouseLeave = useCallback(() => {\r\n if (triggerType !== 'hover') return;\r\n\r\n if (timeoutRef.current) {\r\n clearTimeout(timeoutRef.current);\r\n }\r\n setTooltipState((prev) => ({\r\n ...prev,\r\n isVisible: false,\r\n isPositioned: false,\r\n }));\r\n }, [triggerType]);\r\n\r\n const handleClick = useCallback(() => {\r\n if (disabled || triggerType !== 'click') return;\r\n\r\n if (tooltipState.isVisible) {\r\n setTooltipState((prev) => ({\r\n ...prev,\r\n isVisible: false,\r\n isPositioned: false,\r\n }));\r\n } else {\r\n if (delay > 0) {\r\n timeoutRef.current = setTimeout(() => {\r\n setTooltipState((prev) => ({\r\n ...prev,\r\n isVisible: true,\r\n isPositioned: false,\r\n }));\r\n }, delay);\r\n } else {\r\n setTooltipState((prev) => ({\r\n ...prev,\r\n isVisible: true,\r\n isPositioned: false,\r\n }));\r\n }\r\n }\r\n }, [disabled, triggerType, tooltipState.isVisible, delay]);\r\n\r\n const handleFocus = useCallback(() => {\r\n if (disabled || triggerType !== 'focus') return;\r\n\r\n timeoutRef.current = setTimeout(() => {\r\n setTooltipState((prev) => ({\r\n ...prev,\r\n isVisible: true,\r\n isPositioned: false,\r\n }));\r\n }, delay);\r\n }, [disabled, triggerType, delay]);\r\n\r\n const handleBlur = useCallback(() => {\r\n if (triggerType !== 'focus') return;\r\n\r\n if (timeoutRef.current) {\r\n clearTimeout(timeoutRef.current);\r\n }\r\n setTooltipState((prev) => ({\r\n ...prev,\r\n isVisible: false,\r\n isPositioned: false,\r\n }));\r\n }, [triggerType]);\r\n\r\n const handleClickOutside = useCallback(\r\n (event: MouseEvent) => {\r\n if (!closeOnClickOutside || !tooltipState.isVisible || triggerType !== 'click') return;\r\n\r\n const target = event.target as Node;\r\n\r\n if (tooltipRef.current?.contains(target) || triggerRef.current?.contains(target)) {\r\n return;\r\n }\r\n\r\n setTooltipState((prev) => ({\r\n ...prev,\r\n isVisible: false,\r\n isPositioned: false,\r\n }));\r\n },\r\n [closeOnClickOutside, tooltipState.isVisible, triggerType],\r\n );\r\n\r\n const handleEscapeKey = useCallback(\r\n (event: KeyboardEvent) => {\r\n if (\r\n closeOnEscape &&\r\n event.key === 'Escape' &&\r\n tooltipState.isVisible &&\r\n triggerType === 'click'\r\n ) {\r\n setTooltipState((prev) => ({\r\n ...prev,\r\n isVisible: false,\r\n isPositioned: false,\r\n }));\r\n }\r\n },\r\n [closeOnEscape, tooltipState.isVisible, triggerType],\r\n );\r\n\r\n useEffect(() => {\r\n if (\r\n tooltipState.isVisible &&\r\n !tooltipState.isPositioned &&\r\n tooltipRef.current &&\r\n triggerRef.current\r\n ) {\r\n const triggerRect = triggerRef.current.getBoundingClientRect();\r\n const tooltipRect = tooltipRef.current.getBoundingClientRect();\r\n\r\n const { top, left, placement } = calculateOptimalPosition(triggerRect, tooltipRect);\r\n\r\n setTooltipState((prev) => ({\r\n ...prev,\r\n position: { top, left, placement },\r\n isPositioned: true,\r\n }));\r\n }\r\n }, [tooltipState.isVisible, tooltipState.isPositioned, calculateOptimalPosition]);\r\n\r\n useEffect(() => {\r\n const handleResize = () => {\r\n if (\r\n tooltipState.isVisible &&\r\n tooltipState.isPositioned &&\r\n tooltipRef.current &&\r\n triggerRef.current\r\n ) {\r\n const triggerRect = triggerRef.current.getBoundingClientRect();\r\n const tooltipRect = tooltipRef.current.getBoundingClientRect();\r\n\r\n const { top, left, placement } = calculateOptimalPosition(triggerRect, tooltipRect);\r\n\r\n setTooltipState((prev) => ({\r\n ...prev,\r\n position: { top, left, placement },\r\n }));\r\n }\r\n };\r\n\r\n window.addEventListener('resize', handleResize);\r\n return () => window.removeEventListener('resize', handleResize);\r\n }, [tooltipState.isVisible, tooltipState.isPositioned, calculateOptimalPosition]);\r\n\r\n useEffect(() => {\r\n if (tooltipState.isVisible) {\r\n window.addEventListener('scroll', handleScroll, { passive: true });\r\n\r\n document.body.addEventListener('scroll', handleScroll, { passive: true });\r\n }\r\n\r\n return () => {\r\n window.removeEventListener('scroll', handleScroll);\r\n document.body.removeEventListener('scroll', handleScroll);\r\n };\r\n }, [tooltipState.isVisible, handleScroll]);\r\n\r\n useEffect(() => {\r\n if (tooltipState.isVisible && triggerType === 'click') {\r\n document.addEventListener('mousedown', handleClickOutside);\r\n document.addEventListener('keydown', handleEscapeKey);\r\n }\r\n\r\n return () => {\r\n document.removeEventListener('mousedown', handleClickOutside);\r\n document.removeEventListener('keydown', handleEscapeKey);\r\n };\r\n }, [tooltipState.isVisible, triggerType, handleClickOutside, handleEscapeKey]);\r\n\r\n useEffect(() => {\r\n return () => {\r\n if (timeoutRef.current) {\r\n clearTimeout(timeoutRef.current);\r\n }\r\n if (animationFrameRef.current) {\r\n cancelAnimationFrame(animationFrameRef.current);\r\n }\r\n };\r\n }, []);\r\n\r\n const renderTooltipContent = () => {\r\n if (message) {\r\n return <span className=\"eidos-tooltip-message\">{message}</span>;\r\n }\r\n if (Component) {\r\n return <Component {...(componentProps || {})} />;\r\n }\r\n return null;\r\n };\r\n\r\n const getTriggerProps = () => {\r\n const props: Record<string, unknown> = {\r\n ref: triggerRef,\r\n className: 'eidos-tooltip-trigger',\r\n };\r\n\r\n switch (triggerType) {\r\n case 'hover':\r\n props.onMouseEnter = handleMouseEnter;\r\n props.onMouseLeave = handleMouseLeave;\r\n break;\r\n case 'click':\r\n props.onClick = handleClick;\r\n props.role = 'button';\r\n props.tabIndex = 0;\r\n break;\r\n case 'focus':\r\n props.onFocus = handleFocus;\r\n props.onBlur = handleBlur;\r\n props.tabIndex = 0;\r\n break;\r\n }\r\n\r\n return props;\r\n };\r\n\r\n return (\r\n <>\r\n <div {...getTriggerProps()}>{children}</div>\r\n {tooltipState.isVisible &&\r\n createPortal(\r\n <div\r\n ref={tooltipRef}\r\n className={`eidos-tooltip eidos-tooltip--${tooltipState.position.placement} ${className}`}\r\n style={{\r\n top: tooltipState.position.top,\r\n left: tooltipState.position.left,\r\n }}\r\n data-state={tooltipState.isPositioned ? 'entered' : 'entering'}\r\n role=\"tooltip\"\r\n >\r\n {renderTooltipContent()}\r\n </div>,\r\n document.body,\r\n )}\r\n </>\r\n );\r\n};\r\n\r\nTooltip.displayName = 'Tooltip';\r\n"]}
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }// src/components/Avatar/Avatar.component.tsx
|
|
2
|
+
var _react = require('react'); var _react2 = _interopRequireDefault(_react);
|
|
3
|
+
var _lucidereact = require('lucide-react');
|
|
4
|
+
var _jsxruntime = require('react/jsx-runtime');
|
|
5
|
+
var AVATAR_COLORS = [
|
|
6
|
+
"primary",
|
|
7
|
+
"secondary",
|
|
8
|
+
"success",
|
|
9
|
+
"danger",
|
|
10
|
+
"warning",
|
|
11
|
+
"info"
|
|
12
|
+
];
|
|
13
|
+
function getInitials(name) {
|
|
14
|
+
const parts = name.trim().split(/\s+/);
|
|
15
|
+
if (parts.length === 1) return parts[0].charAt(0).toUpperCase();
|
|
16
|
+
return (parts[0].charAt(0) + parts[parts.length - 1].charAt(0)).toUpperCase();
|
|
17
|
+
}
|
|
18
|
+
function getAutoColor(name) {
|
|
19
|
+
const sum = name.split("").reduce((acc, c) => acc + c.charCodeAt(0), 0);
|
|
20
|
+
return AVATAR_COLORS[sum % AVATAR_COLORS.length];
|
|
21
|
+
}
|
|
22
|
+
var Avatar = ({
|
|
23
|
+
src,
|
|
24
|
+
alt,
|
|
25
|
+
name,
|
|
26
|
+
size = "md",
|
|
27
|
+
color,
|
|
28
|
+
shape = "circle",
|
|
29
|
+
fallback,
|
|
30
|
+
className,
|
|
31
|
+
onClick
|
|
32
|
+
}) => {
|
|
33
|
+
const [imgError, setImgError] = _react.useState.call(void 0, false);
|
|
34
|
+
const showImage = !!src && !imgError;
|
|
35
|
+
const showInitials = !showImage && !!name;
|
|
36
|
+
const showFallback = !showImage && !showInitials;
|
|
37
|
+
const resolvedColor = _nullishCoalesce(color, () => ( (name ? getAutoColor(name) : "gray")));
|
|
38
|
+
const classes = [
|
|
39
|
+
"eidos-avatar",
|
|
40
|
+
`eidos-avatar--${size}`,
|
|
41
|
+
`eidos-avatar--${shape}`,
|
|
42
|
+
showInitials && `eidos-avatar--${resolvedColor}`,
|
|
43
|
+
onClick && "eidos-avatar--clickable",
|
|
44
|
+
className
|
|
45
|
+
].filter(Boolean).join(" ");
|
|
46
|
+
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
47
|
+
"div",
|
|
48
|
+
{
|
|
49
|
+
className: classes,
|
|
50
|
+
onClick,
|
|
51
|
+
role: onClick ? "button" : void 0,
|
|
52
|
+
tabIndex: onClick ? 0 : void 0,
|
|
53
|
+
onKeyDown: onClick ? (e) => {
|
|
54
|
+
if (e.key === "Enter" || e.key === " ") {
|
|
55
|
+
e.preventDefault();
|
|
56
|
+
onClick();
|
|
57
|
+
}
|
|
58
|
+
} : void 0,
|
|
59
|
+
children: [
|
|
60
|
+
showImage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
61
|
+
"img",
|
|
62
|
+
{
|
|
63
|
+
src,
|
|
64
|
+
alt: _nullishCoalesce(_nullishCoalesce(alt, () => ( name)), () => ( "Avatar")),
|
|
65
|
+
className: "eidos-avatar-image",
|
|
66
|
+
onError: () => setImgError(true)
|
|
67
|
+
}
|
|
68
|
+
),
|
|
69
|
+
showInitials && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "eidos-avatar-initials", children: getInitials(name) }),
|
|
70
|
+
showFallback && (_nullishCoalesce(fallback, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.User, { className: "eidos-avatar-fallback-icon", "aria-hidden": "true" }))))
|
|
71
|
+
]
|
|
72
|
+
}
|
|
73
|
+
);
|
|
74
|
+
};
|
|
75
|
+
var AvatarGroup = ({ children, max, size, className }) => {
|
|
76
|
+
const childArray = _react2.default.Children.toArray(children);
|
|
77
|
+
const visibleAvatars = max !== void 0 ? childArray.slice(0, max) : childArray;
|
|
78
|
+
const overflow = childArray.length - visibleAvatars.length;
|
|
79
|
+
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: ["eidos-avatar-group", className].filter(Boolean).join(" "), children: [
|
|
80
|
+
visibleAvatars.map((child, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-avatar-group-item", children: _react2.default.cloneElement(child, { size: _nullishCoalesce(size, () => ( child.props.size)) }) }, i)),
|
|
81
|
+
overflow > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
82
|
+
"div",
|
|
83
|
+
{
|
|
84
|
+
className: [
|
|
85
|
+
"eidos-avatar",
|
|
86
|
+
`eidos-avatar--${_nullishCoalesce(size, () => ( "md"))}`,
|
|
87
|
+
"eidos-avatar--circle",
|
|
88
|
+
"eidos-avatar--overflow"
|
|
89
|
+
].filter(Boolean).join(" "),
|
|
90
|
+
children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "eidos-avatar-initials", children: [
|
|
91
|
+
"+",
|
|
92
|
+
overflow
|
|
93
|
+
] })
|
|
94
|
+
}
|
|
95
|
+
)
|
|
96
|
+
] });
|
|
97
|
+
};
|
|
98
|
+
|
|
99
|
+
|
|
100
|
+
|
|
101
|
+
|
|
102
|
+
exports.Avatar = Avatar; exports.AvatarGroup = AvatarGroup;
|
|
103
|
+
//# sourceMappingURL=chunk-R5UNLPQZ.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-R5UNLPQZ.cjs","../src/components/Avatar/Avatar.component.tsx"],"names":[],"mappings":"AAAA;ACAA,4EAAgC;AAChC,2CAAqB;AAmEjB,+CAAA;AA3DJ,IAAM,cAAA,EAA+B;AAAA,EACnC,SAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA;AAMA,SAAS,WAAA,CAAY,IAAA,EAAsB;AACzC,EAAA,MAAM,MAAA,EAAQ,IAAA,CAAK,IAAA,CAAK,CAAA,CAAE,KAAA,CAAM,KAAK,CAAA;AACrC,EAAA,GAAA,CAAI,KAAA,CAAM,OAAA,IAAW,CAAA,EAAG,OAAO,KAAA,CAAM,CAAC,CAAA,CAAE,MAAA,CAAO,CAAC,CAAA,CAAE,WAAA,CAAY,CAAA;AAC9D,EAAA,OAAA,CAAQ,KAAA,CAAM,CAAC,CAAA,CAAE,MAAA,CAAO,CAAC,EAAA,EAAI,KAAA,CAAM,KAAA,CAAM,OAAA,EAAS,CAAC,CAAA,CAAE,MAAA,CAAO,CAAC,CAAA,CAAA,CAAG,WAAA,CAAY,CAAA;AAC9E;AAEA,SAAS,YAAA,CAAa,IAAA,EAA2B;AAC/C,EAAA,MAAM,IAAA,EAAM,IAAA,CAAK,KAAA,CAAM,EAAE,CAAA,CAAE,MAAA,CAAO,CAAC,GAAA,EAAK,CAAA,EAAA,GAAM,IAAA,EAAM,CAAA,CAAE,UAAA,CAAW,CAAC,CAAA,EAAG,CAAC,CAAA;AACtE,EAAA,OAAO,aAAA,CAAc,IAAA,EAAM,aAAA,CAAc,MAAM,CAAA;AACjD;AAMO,IAAM,OAAA,EAAgC,CAAC;AAAA,EAC5C,GAAA;AAAA,EACA,GAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA,EAAO,IAAA;AAAA,EACP,KAAA;AAAA,EACA,MAAA,EAAQ,QAAA;AAAA,EACR,QAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,EAAA,GAAM;AACJ,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,EAAA,EAAI,6BAAA,KAAc,CAAA;AAE9C,EAAA,MAAM,UAAA,EAAY,CAAC,CAAC,IAAA,GAAO,CAAC,QAAA;AAC5B,EAAA,MAAM,aAAA,EAAe,CAAC,UAAA,GAAa,CAAC,CAAC,IAAA;AACrC,EAAA,MAAM,aAAA,EAAe,CAAC,UAAA,GAAa,CAAC,YAAA;AAEpC,EAAA,MAAM,cAAA,mBAA6B,KAAA,UAAA,CAAU,KAAA,EAAO,YAAA,CAAa,IAAI,EAAA,EAAI,MAAA,GAAA;AAEzE,EAAA,MAAM,QAAA,EAAU;AAAA,IACd,cAAA;AAAA,IACA,CAAA,cAAA,EAAiB,IAAI,CAAA,CAAA;AACC,IAAA;AACN,IAAA;AACL,IAAA;AACX,IAAA;AAGM,EAAA;AAGN,EAAA;AAAC,IAAA;AAAA,IAAA;AACY,MAAA;AACX,MAAA;AACgB,MAAA;AACI,MAAA;AAElB,MAAA;AAEoB,QAAA;AACV,UAAA;AACM,UAAA;AACV,QAAA;AAEF,MAAA;AAGL,MAAA;AACC,QAAA;AAAC,UAAA;AAAA,UAAA;AACC,YAAA;AACY,YAAA;AACF,YAAA;AACD,YAAA;AAAsB,UAAA;AACjC,QAAA;AAEe,QAAA;AAEd,QAAA;AAA4E,MAAA;AAAA,IAAA;AACjF,EAAA;AAEJ;AAM0D;AACrC,EAAA;AACI,EAAA;AACN,EAAA;AAGf,EAAA;AACuB,IAAA;AAMnB,IAAA;AAAC,MAAA;AAAA,MAAA;AACY,QAAA;AACT,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AAGC,QAAA;AAEH,QAAA;AAAwC,UAAA;AAAE,UAAA;AAAS,QAAA;AAAA,MAAA;AACrD,IAAA;AAEJ,EAAA;AAEJ;ADlC0B;AACA;AACA;AACA;AACA","file":"/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-R5UNLPQZ.cjs","sourcesContent":[null,"import React, { useState } from 'react';\r\nimport { User } from 'lucide-react';\r\nimport type { AvatarProps, AvatarGroupProps, AvatarColor } from './Avatar.types';\r\nimport './Avatar.scss';\r\n\r\n// ============================================================================\r\n// Constants\r\n// ============================================================================\r\n\r\nconst AVATAR_COLORS: AvatarColor[] = [\r\n 'primary',\r\n 'secondary',\r\n 'success',\r\n 'danger',\r\n 'warning',\r\n 'info',\r\n];\r\n\r\n// ============================================================================\r\n// Helpers\r\n// ============================================================================\r\n\r\nfunction getInitials(name: string): string {\r\n const parts = name.trim().split(/\\s+/);\r\n if (parts.length === 1) return parts[0].charAt(0).toUpperCase();\r\n return (parts[0].charAt(0) + parts[parts.length - 1].charAt(0)).toUpperCase();\r\n}\r\n\r\nfunction getAutoColor(name: string): AvatarColor {\r\n const sum = name.split('').reduce((acc, c) => acc + c.charCodeAt(0), 0);\r\n return AVATAR_COLORS[sum % AVATAR_COLORS.length];\r\n}\r\n\r\n// ============================================================================\r\n// Avatar\r\n// ============================================================================\r\n\r\nexport const Avatar: React.FC<AvatarProps> = ({\r\n src,\r\n alt,\r\n name,\r\n size = 'md',\r\n color,\r\n shape = 'circle',\r\n fallback,\r\n className,\r\n onClick,\r\n}) => {\r\n const [imgError, setImgError] = useState(false);\r\n\r\n const showImage = !!src && !imgError;\r\n const showInitials = !showImage && !!name;\r\n const showFallback = !showImage && !showInitials;\r\n\r\n const resolvedColor: AvatarColor = color ?? (name ? getAutoColor(name) : 'gray');\r\n\r\n const classes = [\r\n 'eidos-avatar',\r\n `eidos-avatar--${size}`,\r\n `eidos-avatar--${shape}`,\r\n showInitials && `eidos-avatar--${resolvedColor}`,\r\n onClick && 'eidos-avatar--clickable',\r\n className,\r\n ]\r\n .filter(Boolean)\r\n .join(' ');\r\n\r\n return (\r\n <div\r\n className={classes}\r\n onClick={onClick}\r\n role={onClick ? 'button' : undefined}\r\n tabIndex={onClick ? 0 : undefined}\r\n onKeyDown={\r\n onClick\r\n ? (e) => {\r\n if (e.key === 'Enter' || e.key === ' ') {\r\n e.preventDefault();\r\n onClick();\r\n }\r\n }\r\n : undefined\r\n }\r\n >\r\n {showImage && (\r\n <img\r\n src={src}\r\n alt={alt ?? name ?? 'Avatar'}\r\n className=\"eidos-avatar-image\"\r\n onError={() => setImgError(true)}\r\n />\r\n )}\r\n {showInitials && <span className=\"eidos-avatar-initials\">{getInitials(name!)}</span>}\r\n {showFallback &&\r\n (fallback ?? <User className=\"eidos-avatar-fallback-icon\" aria-hidden=\"true\" />)}\r\n </div>\r\n );\r\n};\r\n\r\n// ============================================================================\r\n// AvatarGroup\r\n// ============================================================================\r\n\r\nexport const AvatarGroup: React.FC<AvatarGroupProps> = ({ children, max, size, className }) => {\r\n const childArray = React.Children.toArray(children) as React.ReactElement<AvatarProps>[];\r\n const visibleAvatars = max !== undefined ? childArray.slice(0, max) : childArray;\r\n const overflow = childArray.length - visibleAvatars.length;\r\n\r\n return (\r\n <div className={['eidos-avatar-group', className].filter(Boolean).join(' ')}>\r\n {visibleAvatars.map((child, i) => (\r\n <div key={i} className=\"eidos-avatar-group-item\">\r\n {React.cloneElement(child, { size: size ?? child.props.size })}\r\n </div>\r\n ))}\r\n {overflow > 0 && (\r\n <div\r\n className={[\r\n 'eidos-avatar',\r\n `eidos-avatar--${size ?? 'md'}`,\r\n 'eidos-avatar--circle',\r\n 'eidos-avatar--overflow',\r\n ]\r\n .filter(Boolean)\r\n .join(' ')}\r\n >\r\n <span className=\"eidos-avatar-initials\">+{overflow}</span>\r\n </div>\r\n )}\r\n </div>\r\n );\r\n};\r\n"]}
|
|
@@ -0,0 +1,199 @@
|
|
|
1
|
+
// src/components/NumberInput/NumberInput.component.tsx
|
|
2
|
+
import { forwardRef, useState, useEffect, useId } from "react";
|
|
3
|
+
import { Minus, Plus } from "lucide-react";
|
|
4
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
|
+
var NumberInput = forwardRef(
|
|
6
|
+
({
|
|
7
|
+
value,
|
|
8
|
+
defaultValue = 0,
|
|
9
|
+
onChange,
|
|
10
|
+
min,
|
|
11
|
+
max,
|
|
12
|
+
step = 1,
|
|
13
|
+
precision = 0,
|
|
14
|
+
placeholder,
|
|
15
|
+
disabled = false,
|
|
16
|
+
readOnly = false,
|
|
17
|
+
label,
|
|
18
|
+
helperText,
|
|
19
|
+
error = false,
|
|
20
|
+
errorMessage,
|
|
21
|
+
size = "md",
|
|
22
|
+
fullWidth = false,
|
|
23
|
+
allowTyping = true,
|
|
24
|
+
className = "",
|
|
25
|
+
id,
|
|
26
|
+
name
|
|
27
|
+
}, ref) => {
|
|
28
|
+
const generatedId = useId();
|
|
29
|
+
const inputId = id || `number-input-${generatedId}`;
|
|
30
|
+
const isControlled = value !== void 0;
|
|
31
|
+
const [localValue, setLocalValue] = useState(defaultValue);
|
|
32
|
+
const [inputText, setInputText] = useState(defaultValue.toFixed(precision));
|
|
33
|
+
const [isFocused, setIsFocused] = useState(false);
|
|
34
|
+
const currentValue = isControlled ? value : localValue;
|
|
35
|
+
useEffect(() => {
|
|
36
|
+
if (isControlled) return;
|
|
37
|
+
setLocalValue((prev) => {
|
|
38
|
+
let result = prev;
|
|
39
|
+
if (min !== void 0) result = Math.max(min, result);
|
|
40
|
+
if (max !== void 0) result = Math.min(max, result);
|
|
41
|
+
return parseFloat(result.toFixed(precision));
|
|
42
|
+
});
|
|
43
|
+
}, [min, max, precision, isControlled]);
|
|
44
|
+
const clampValue = (raw) => {
|
|
45
|
+
let result = raw;
|
|
46
|
+
if (min !== void 0) result = Math.max(min, result);
|
|
47
|
+
if (max !== void 0) result = Math.min(max, result);
|
|
48
|
+
return parseFloat(result.toFixed(precision));
|
|
49
|
+
};
|
|
50
|
+
const commitValue = (newVal) => {
|
|
51
|
+
const clamped = clampValue(newVal);
|
|
52
|
+
if (!isControlled) setLocalValue(clamped);
|
|
53
|
+
onChange?.(clamped);
|
|
54
|
+
};
|
|
55
|
+
const handleDecrement = () => {
|
|
56
|
+
if (disabled || readOnly) return;
|
|
57
|
+
commitValue(currentValue - step);
|
|
58
|
+
};
|
|
59
|
+
const handleIncrement = () => {
|
|
60
|
+
if (disabled || readOnly) return;
|
|
61
|
+
commitValue(currentValue + step);
|
|
62
|
+
};
|
|
63
|
+
const handleTextFocus = () => {
|
|
64
|
+
setInputText(currentValue.toFixed(precision));
|
|
65
|
+
setIsFocused(true);
|
|
66
|
+
};
|
|
67
|
+
const handleTextChange = (e) => {
|
|
68
|
+
setInputText(e.target.value);
|
|
69
|
+
};
|
|
70
|
+
const handleTextBlur = () => {
|
|
71
|
+
setIsFocused(false);
|
|
72
|
+
const parsed = parseFloat(inputText);
|
|
73
|
+
if (!isNaN(parsed)) {
|
|
74
|
+
const clamped = clampValue(parsed);
|
|
75
|
+
if (!isControlled) setLocalValue(clamped);
|
|
76
|
+
onChange?.(clamped);
|
|
77
|
+
setInputText(clamped.toFixed(precision));
|
|
78
|
+
} else {
|
|
79
|
+
setInputText(currentValue.toFixed(precision));
|
|
80
|
+
}
|
|
81
|
+
};
|
|
82
|
+
const handleDisplayKeyDown = (e) => {
|
|
83
|
+
if (e.key === "ArrowUp") {
|
|
84
|
+
e.preventDefault();
|
|
85
|
+
handleIncrement();
|
|
86
|
+
} else if (e.key === "ArrowDown") {
|
|
87
|
+
e.preventDefault();
|
|
88
|
+
handleDecrement();
|
|
89
|
+
}
|
|
90
|
+
};
|
|
91
|
+
const formattedValue = currentValue.toFixed(precision);
|
|
92
|
+
const displayedText = allowTyping && isFocused ? inputText : formattedValue;
|
|
93
|
+
const isDecrementDisabled = disabled || readOnly || min !== void 0 && currentValue <= min;
|
|
94
|
+
const isIncrementDisabled = disabled || readOnly || max !== void 0 && currentValue >= max;
|
|
95
|
+
const rootClasses = [
|
|
96
|
+
"eidos-number-input",
|
|
97
|
+
`eidos-number-input--${size}`,
|
|
98
|
+
fullWidth && "eidos-number-input--fullWidth",
|
|
99
|
+
error && "eidos-number-input--error",
|
|
100
|
+
className
|
|
101
|
+
].filter(Boolean).join(" ");
|
|
102
|
+
const controlClasses = [
|
|
103
|
+
"eidos-number-input-control",
|
|
104
|
+
disabled && "eidos-number-input-control--disabled"
|
|
105
|
+
].filter(Boolean).join(" ");
|
|
106
|
+
return /* @__PURE__ */ jsxs("div", { className: rootClasses, children: [
|
|
107
|
+
label && /* @__PURE__ */ jsx("label", { htmlFor: allowTyping ? inputId : void 0, className: "eidos-number-input-label", children: label }),
|
|
108
|
+
/* @__PURE__ */ jsxs(
|
|
109
|
+
"div",
|
|
110
|
+
{
|
|
111
|
+
className: controlClasses,
|
|
112
|
+
role: allowTyping ? void 0 : "spinbutton",
|
|
113
|
+
"aria-valuemin": allowTyping ? void 0 : min,
|
|
114
|
+
"aria-valuemax": allowTyping ? void 0 : max,
|
|
115
|
+
"aria-valuenow": allowTyping ? void 0 : currentValue,
|
|
116
|
+
"aria-label": allowTyping ? void 0 : label ?? "Number input",
|
|
117
|
+
"aria-disabled": disabled || void 0,
|
|
118
|
+
tabIndex: !allowTyping && !disabled ? 0 : void 0,
|
|
119
|
+
onKeyDown: !allowTyping ? handleDisplayKeyDown : void 0,
|
|
120
|
+
children: [
|
|
121
|
+
/* @__PURE__ */ jsx(
|
|
122
|
+
"button",
|
|
123
|
+
{
|
|
124
|
+
type: "button",
|
|
125
|
+
className: "eidos-number-input-btn",
|
|
126
|
+
onClick: handleDecrement,
|
|
127
|
+
disabled: isDecrementDisabled,
|
|
128
|
+
"aria-label": "Decrease",
|
|
129
|
+
children: /* @__PURE__ */ jsx(Minus, {})
|
|
130
|
+
}
|
|
131
|
+
),
|
|
132
|
+
/* @__PURE__ */ jsx("div", { className: "eidos-number-input-divider", "aria-hidden": "true" }),
|
|
133
|
+
allowTyping ? /* @__PURE__ */ jsx(
|
|
134
|
+
"input",
|
|
135
|
+
{
|
|
136
|
+
id: inputId,
|
|
137
|
+
type: "text",
|
|
138
|
+
className: "eidos-number-input-display",
|
|
139
|
+
value: displayedText,
|
|
140
|
+
onChange: handleTextChange,
|
|
141
|
+
onFocus: handleTextFocus,
|
|
142
|
+
onBlur: handleTextBlur,
|
|
143
|
+
onKeyDown: handleDisplayKeyDown,
|
|
144
|
+
placeholder,
|
|
145
|
+
disabled,
|
|
146
|
+
readOnly,
|
|
147
|
+
inputMode: "decimal",
|
|
148
|
+
role: "spinbutton",
|
|
149
|
+
"aria-valuemin": min,
|
|
150
|
+
"aria-valuemax": max,
|
|
151
|
+
"aria-valuenow": currentValue,
|
|
152
|
+
"aria-label": label ?? "Number input"
|
|
153
|
+
}
|
|
154
|
+
) : /* @__PURE__ */ jsx("span", { className: "eidos-number-input-display", "aria-hidden": "true", children: placeholder && formattedValue === 0 .toFixed(precision) && !isFocused ? placeholder : formattedValue }),
|
|
155
|
+
/* @__PURE__ */ jsx("div", { className: "eidos-number-input-divider", "aria-hidden": "true" }),
|
|
156
|
+
/* @__PURE__ */ jsx(
|
|
157
|
+
"button",
|
|
158
|
+
{
|
|
159
|
+
type: "button",
|
|
160
|
+
className: "eidos-number-input-btn",
|
|
161
|
+
onClick: handleIncrement,
|
|
162
|
+
disabled: isIncrementDisabled,
|
|
163
|
+
"aria-label": "Increase",
|
|
164
|
+
children: /* @__PURE__ */ jsx(Plus, {})
|
|
165
|
+
}
|
|
166
|
+
)
|
|
167
|
+
]
|
|
168
|
+
}
|
|
169
|
+
),
|
|
170
|
+
/* @__PURE__ */ jsx(
|
|
171
|
+
"input",
|
|
172
|
+
{
|
|
173
|
+
ref,
|
|
174
|
+
type: "number",
|
|
175
|
+
name,
|
|
176
|
+
value: currentValue,
|
|
177
|
+
onChange: () => {
|
|
178
|
+
},
|
|
179
|
+
className: "eidos-number-input-hidden",
|
|
180
|
+
tabIndex: -1,
|
|
181
|
+
"aria-hidden": "true",
|
|
182
|
+
disabled,
|
|
183
|
+
readOnly,
|
|
184
|
+
min,
|
|
185
|
+
max,
|
|
186
|
+
step
|
|
187
|
+
}
|
|
188
|
+
),
|
|
189
|
+
helperText && !error && /* @__PURE__ */ jsx("span", { className: "eidos-number-input-helper", children: helperText }),
|
|
190
|
+
error && errorMessage && /* @__PURE__ */ jsx("span", { className: "eidos-number-input-error", role: "alert", children: errorMessage })
|
|
191
|
+
] });
|
|
192
|
+
}
|
|
193
|
+
);
|
|
194
|
+
NumberInput.displayName = "NumberInput";
|
|
195
|
+
|
|
196
|
+
export {
|
|
197
|
+
NumberInput
|
|
198
|
+
};
|
|
199
|
+
//# sourceMappingURL=chunk-RSBQNIJZ.js.map
|