@tipp/ui 1.0.10 → 1.0.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/atoms/drawer.cjs +100 -0
- package/dist/atoms/drawer.cjs.map +1 -0
- package/dist/atoms/drawer.d.cts +20 -0
- package/dist/atoms/drawer.d.ts +20 -0
- package/dist/atoms/drawer.js +14 -0
- package/dist/atoms/index.cjs +38 -0
- package/dist/atoms/index.cjs.map +1 -1
- package/dist/atoms/index.d.cts +2 -0
- package/dist/atoms/index.d.ts +2 -0
- package/dist/atoms/index.js +69 -59
- package/dist/atoms/pagination.cjs.map +1 -1
- package/dist/atoms/pagination.js +3 -3
- package/dist/chunk-3ZUBNWIB.js +43 -0
- package/dist/chunk-3ZUBNWIB.js.map +1 -0
- package/dist/chunk-7WNX674B.js +42 -0
- package/dist/chunk-7WNX674B.js.map +1 -0
- package/dist/chunk-AAXOSNY3.js +41 -0
- package/dist/chunk-AAXOSNY3.js.map +1 -0
- package/dist/chunk-AGMMAML3.js +1 -0
- package/dist/chunk-D6MXCND3.js +33 -0
- package/dist/chunk-D6MXCND3.js.map +1 -0
- package/dist/chunk-HVTHVIGL.js +38 -0
- package/dist/chunk-HVTHVIGL.js.map +1 -0
- package/dist/chunk-LW3VKJJS.js +33 -0
- package/dist/chunk-LW3VKJJS.js.map +1 -0
- package/dist/{chunk-MMAV5BRZ.js → chunk-M474I6JB.js} +13 -3
- package/dist/chunk-M474I6JB.js.map +1 -0
- package/dist/chunk-O5IB6OHB.js +41 -0
- package/dist/chunk-O5IB6OHB.js.map +1 -0
- package/dist/{chunk-3I5CDBFN.js → chunk-S3SAB2S2.js} +6 -6
- package/dist/chunk-TPTFBY6E.js +40 -0
- package/dist/chunk-TPTFBY6E.js.map +1 -0
- package/dist/chunk-VRFAOMNZ.js +33 -0
- package/dist/chunk-VRFAOMNZ.js.map +1 -0
- package/dist/chunk-WJY4BPLR.js +43 -0
- package/dist/chunk-WJY4BPLR.js.map +1 -0
- package/dist/chunk-YQQVYFIL.js +37 -0
- package/dist/chunk-YQQVYFIL.js.map +1 -0
- package/dist/chunk-ZRCRQ7IC.js +42 -0
- package/dist/chunk-ZRCRQ7IC.js.map +1 -0
- package/dist/icon.cjs +2 -0
- package/dist/icon.cjs.map +1 -1
- package/dist/icon.js +3 -1
- package/dist/index.cjs +71 -31
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +77 -0
- package/dist/index.d.cts +2 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +82 -70
- package/dist/molecules/expand-table/index.cjs +27 -23
- package/dist/molecules/expand-table/index.cjs.map +1 -1
- package/dist/molecules/expand-table/index.js +29 -28
- package/dist/molecules/expand-table/row.cjs +10 -6
- package/dist/molecules/expand-table/row.cjs.map +1 -1
- package/dist/molecules/expand-table/row.js +27 -26
- package/dist/molecules/index.cjs +33 -29
- package/dist/molecules/index.cjs.map +1 -1
- package/dist/molecules/index.js +32 -31
- package/dist/molecules/navigation.cjs +10 -6
- package/dist/molecules/navigation.cjs.map +1 -1
- package/dist/molecules/navigation.js +27 -26
- package/package.json +2 -1
- package/src/atoms/drawer.tsx +37 -0
- package/src/atoms/index.ts +1 -1
- package/src/icon.ts +1 -0
- package/dist/chart/chart.cjs +0 -227
- package/dist/chart/chart.cjs.map +0 -1
- package/dist/chart/chart.d.cts +0 -179
- package/dist/chart/chart.d.ts +0 -179
- package/dist/chart/chart.js +0 -179
- package/dist/chart/chart.js.map +0 -1
- package/dist/charts/vertical-bar-chart.cjs +0 -48
- package/dist/charts/vertical-bar-chart.cjs.map +0 -1
- package/dist/charts/vertical-bar-chart.d.cts +0 -17
- package/dist/charts/vertical-bar-chart.d.ts +0 -17
- package/dist/charts/vertical-bar-chart.js +0 -8
- package/dist/chunk-2A2IJOVV.js +0 -60
- package/dist/chunk-2A2IJOVV.js.map +0 -1
- package/dist/chunk-2JZ3UQAX.js +0 -48
- package/dist/chunk-2JZ3UQAX.js.map +0 -1
- package/dist/chunk-2KZSNTY7.js +0 -23
- package/dist/chunk-2KZSNTY7.js.map +0 -1
- package/dist/chunk-2QZV2WKV.js +0 -42
- package/dist/chunk-2QZV2WKV.js.map +0 -1
- package/dist/chunk-2RMZJS2O.js +0 -59
- package/dist/chunk-2RMZJS2O.js.map +0 -1
- package/dist/chunk-2TGD62PR.js +0 -59
- package/dist/chunk-2TGD62PR.js.map +0 -1
- package/dist/chunk-3427FUJN.js +0 -46
- package/dist/chunk-3427FUJN.js.map +0 -1
- package/dist/chunk-34P2PUMC.js +0 -60
- package/dist/chunk-34P2PUMC.js.map +0 -1
- package/dist/chunk-3K6GFBJT.js +0 -57
- package/dist/chunk-3K6GFBJT.js.map +0 -1
- package/dist/chunk-3KIARYD6.js +0 -47
- package/dist/chunk-3KIARYD6.js.map +0 -1
- package/dist/chunk-4RIBUNMS.js +0 -49
- package/dist/chunk-4RIBUNMS.js.map +0 -1
- package/dist/chunk-4ZQHR3JI.js +0 -47
- package/dist/chunk-4ZQHR3JI.js.map +0 -1
- package/dist/chunk-5JXZUWR3.js +0 -104
- package/dist/chunk-5JXZUWR3.js.map +0 -1
- package/dist/chunk-6BXAZV7N.js +0 -63
- package/dist/chunk-6BXAZV7N.js.map +0 -1
- package/dist/chunk-6GHADQAU.js +0 -59
- package/dist/chunk-6GHADQAU.js.map +0 -1
- package/dist/chunk-6SGXBZAF.js +0 -62
- package/dist/chunk-6SGXBZAF.js.map +0 -1
- package/dist/chunk-6XHVFBFO.js +0 -38
- package/dist/chunk-6XHVFBFO.js.map +0 -1
- package/dist/chunk-6ZEM4FBF.js +0 -64
- package/dist/chunk-6ZEM4FBF.js.map +0 -1
- package/dist/chunk-754LMJ5L.js +0 -48
- package/dist/chunk-754LMJ5L.js.map +0 -1
- package/dist/chunk-7QVMAHXH.js +0 -24
- package/dist/chunk-7QVMAHXH.js.map +0 -1
- package/dist/chunk-7VCJMEPY.js +0 -60
- package/dist/chunk-7VCJMEPY.js.map +0 -1
- package/dist/chunk-AD4LGJER.js +0 -60
- package/dist/chunk-AD4LGJER.js.map +0 -1
- package/dist/chunk-ALP5524J.js +0 -55
- package/dist/chunk-ALP5524J.js.map +0 -1
- package/dist/chunk-AS6NXGBN.js +0 -59
- package/dist/chunk-AS6NXGBN.js.map +0 -1
- package/dist/chunk-AVOCFCEQ.js +0 -181
- package/dist/chunk-AVOCFCEQ.js.map +0 -1
- package/dist/chunk-AXM27M2R.js +0 -43
- package/dist/chunk-AXM27M2R.js.map +0 -1
- package/dist/chunk-B7R4QL7D.js +0 -55
- package/dist/chunk-B7R4QL7D.js.map +0 -1
- package/dist/chunk-BH2MBAAY.js +0 -59
- package/dist/chunk-BH2MBAAY.js.map +0 -1
- package/dist/chunk-C5QSBSVB.js +0 -59
- package/dist/chunk-C5QSBSVB.js.map +0 -1
- package/dist/chunk-C7BS7VPF.js +0 -46
- package/dist/chunk-C7BS7VPF.js.map +0 -1
- package/dist/chunk-CC3GT7LT.js +0 -53
- package/dist/chunk-CC3GT7LT.js.map +0 -1
- package/dist/chunk-CCZSZZTS.js +0 -25
- package/dist/chunk-CCZSZZTS.js.map +0 -1
- package/dist/chunk-CMPIGFPT.js +0 -60
- package/dist/chunk-CMPIGFPT.js.map +0 -1
- package/dist/chunk-CMWPUK3L.js +0 -10
- package/dist/chunk-CMWPUK3L.js.map +0 -1
- package/dist/chunk-CODQBUIC.js +0 -59
- package/dist/chunk-CODQBUIC.js.map +0 -1
- package/dist/chunk-CT7PHRXQ.js +0 -57
- package/dist/chunk-CT7PHRXQ.js.map +0 -1
- package/dist/chunk-CVOLVQKD.js +0 -60
- package/dist/chunk-CVOLVQKD.js.map +0 -1
- package/dist/chunk-CXFAL52D.js +0 -60
- package/dist/chunk-CXFAL52D.js.map +0 -1
- package/dist/chunk-E6EPYWFL.js +0 -53
- package/dist/chunk-E6EPYWFL.js.map +0 -1
- package/dist/chunk-EJWIO6NJ.js +0 -104
- package/dist/chunk-EJWIO6NJ.js.map +0 -1
- package/dist/chunk-EM57H7XC.js +0 -48
- package/dist/chunk-EM57H7XC.js.map +0 -1
- package/dist/chunk-EUS56L3L.js +0 -180
- package/dist/chunk-EUS56L3L.js.map +0 -1
- package/dist/chunk-FFC2C2ID.js +0 -1
- package/dist/chunk-FHXW7BLD.js +0 -61
- package/dist/chunk-FHXW7BLD.js.map +0 -1
- package/dist/chunk-FVSPOU5C.js +0 -48
- package/dist/chunk-FVSPOU5C.js.map +0 -1
- package/dist/chunk-FVU2BOJV.js +0 -54
- package/dist/chunk-FVU2BOJV.js.map +0 -1
- package/dist/chunk-GKHTWD7W.js +0 -24
- package/dist/chunk-GKHTWD7W.js.map +0 -1
- package/dist/chunk-GOKKEO23.js +0 -53
- package/dist/chunk-GOKKEO23.js.map +0 -1
- package/dist/chunk-GTDVFQVW.js +0 -28
- package/dist/chunk-GTDVFQVW.js.map +0 -1
- package/dist/chunk-GUTTFFCR.js +0 -36
- package/dist/chunk-GUTTFFCR.js.map +0 -1
- package/dist/chunk-GZG4UOJZ.js +0 -43
- package/dist/chunk-GZG4UOJZ.js.map +0 -1
- package/dist/chunk-GZHSO6CW.js +0 -36
- package/dist/chunk-GZHSO6CW.js.map +0 -1
- package/dist/chunk-GZYKC7MR.js +0 -119
- package/dist/chunk-GZYKC7MR.js.map +0 -1
- package/dist/chunk-H2TF3WTO.js +0 -55
- package/dist/chunk-H2TF3WTO.js.map +0 -1
- package/dist/chunk-HE3XMGS3.js +0 -25
- package/dist/chunk-HE3XMGS3.js.map +0 -1
- package/dist/chunk-HR3KN5AE.js +0 -39
- package/dist/chunk-HR3KN5AE.js.map +0 -1
- package/dist/chunk-HRQSHRGQ.js +0 -59
- package/dist/chunk-HRQSHRGQ.js.map +0 -1
- package/dist/chunk-HVMWNAXK.js +0 -60
- package/dist/chunk-HVMWNAXK.js.map +0 -1
- package/dist/chunk-I3ZZQ6QJ.js +0 -34
- package/dist/chunk-I3ZZQ6QJ.js.map +0 -1
- package/dist/chunk-I6D4HPRN.js +0 -60
- package/dist/chunk-I6D4HPRN.js.map +0 -1
- package/dist/chunk-I7YPDRXO.js +0 -62
- package/dist/chunk-I7YPDRXO.js.map +0 -1
- package/dist/chunk-IUZOBUV4.js +0 -57
- package/dist/chunk-IUZOBUV4.js.map +0 -1
- package/dist/chunk-J57DESXI.js +0 -55
- package/dist/chunk-J57DESXI.js.map +0 -1
- package/dist/chunk-JL6FCZV4.js +0 -55
- package/dist/chunk-JL6FCZV4.js.map +0 -1
- package/dist/chunk-JU534UAV.js +0 -57
- package/dist/chunk-JU534UAV.js.map +0 -1
- package/dist/chunk-K66WIGIV.js +0 -119
- package/dist/chunk-K66WIGIV.js.map +0 -1
- package/dist/chunk-KACFRYIH.js +0 -23
- package/dist/chunk-KACFRYIH.js.map +0 -1
- package/dist/chunk-KATXJW5H.js +0 -23
- package/dist/chunk-KATXJW5H.js.map +0 -1
- package/dist/chunk-KFAG5R3H.js +0 -64
- package/dist/chunk-KFAG5R3H.js.map +0 -1
- package/dist/chunk-KGN7AVRJ.js +0 -45
- package/dist/chunk-KGN7AVRJ.js.map +0 -1
- package/dist/chunk-KHHXN3CH.js +0 -1
- package/dist/chunk-KHHXN3CH.js.map +0 -1
- package/dist/chunk-KXJM7U4I.js +0 -47
- package/dist/chunk-KXJM7U4I.js.map +0 -1
- package/dist/chunk-L6YPLUNG.js +0 -104
- package/dist/chunk-L6YPLUNG.js.map +0 -1
- package/dist/chunk-LA6FLXGE.js +0 -47
- package/dist/chunk-LA6FLXGE.js.map +0 -1
- package/dist/chunk-LCC3I3PQ.js +0 -24
- package/dist/chunk-LCC3I3PQ.js.map +0 -1
- package/dist/chunk-LUVANORR.js +0 -23
- package/dist/chunk-LUVANORR.js.map +0 -1
- package/dist/chunk-LV4WSOXL.js +0 -39
- package/dist/chunk-LV4WSOXL.js.map +0 -1
- package/dist/chunk-MASTHXWN.js +0 -1
- package/dist/chunk-MASTHXWN.js.map +0 -1
- package/dist/chunk-MHHNZIVQ.js +0 -57
- package/dist/chunk-MHHNZIVQ.js.map +0 -1
- package/dist/chunk-MMAV5BRZ.js.map +0 -1
- package/dist/chunk-N46QE3KW.js +0 -55
- package/dist/chunk-N46QE3KW.js.map +0 -1
- package/dist/chunk-NFGNQEVV.js +0 -46
- package/dist/chunk-NFGNQEVV.js.map +0 -1
- package/dist/chunk-NK7W7F66.js +0 -54
- package/dist/chunk-NK7W7F66.js.map +0 -1
- package/dist/chunk-NMIT4GNJ.js +0 -57
- package/dist/chunk-NMIT4GNJ.js.map +0 -1
- package/dist/chunk-NUM4Y5VM.js +0 -54
- package/dist/chunk-NUM4Y5VM.js.map +0 -1
- package/dist/chunk-NX5QD74I.js +0 -56
- package/dist/chunk-NX5QD74I.js.map +0 -1
- package/dist/chunk-O4GMX5TL.js +0 -55
- package/dist/chunk-O4GMX5TL.js.map +0 -1
- package/dist/chunk-O6P7IWJP.js +0 -54
- package/dist/chunk-O6P7IWJP.js.map +0 -1
- package/dist/chunk-OJ5XUBZN.js +0 -46
- package/dist/chunk-OJ5XUBZN.js.map +0 -1
- package/dist/chunk-OYWM35R6.js +0 -56
- package/dist/chunk-OYWM35R6.js.map +0 -1
- package/dist/chunk-OZLC6KYP.js +0 -104
- package/dist/chunk-OZLC6KYP.js.map +0 -1
- package/dist/chunk-P2VKIZ3M.js +0 -18
- package/dist/chunk-P2VKIZ3M.js.map +0 -1
- package/dist/chunk-P66OQ4ZQ.js +0 -104
- package/dist/chunk-P66OQ4ZQ.js.map +0 -1
- package/dist/chunk-PLG3AXHM.js +0 -59
- package/dist/chunk-PLG3AXHM.js.map +0 -1
- package/dist/chunk-PQBIBUGH.js +0 -10
- package/dist/chunk-PQBIBUGH.js.map +0 -1
- package/dist/chunk-PQBRLX37.js +0 -48
- package/dist/chunk-PQBRLX37.js.map +0 -1
- package/dist/chunk-QIKFIRGO.js +0 -59
- package/dist/chunk-QIKFIRGO.js.map +0 -1
- package/dist/chunk-QTHWYUYP.js +0 -28
- package/dist/chunk-QTHWYUYP.js.map +0 -1
- package/dist/chunk-RAJAKQXU.js +0 -59
- package/dist/chunk-RAJAKQXU.js.map +0 -1
- package/dist/chunk-RET725VL.js +0 -36
- package/dist/chunk-RET725VL.js.map +0 -1
- package/dist/chunk-RNB2T5NJ.js +0 -48
- package/dist/chunk-RNB2T5NJ.js.map +0 -1
- package/dist/chunk-RYUIQBUD.js +0 -59
- package/dist/chunk-RYUIQBUD.js.map +0 -1
- package/dist/chunk-SDAJ6NLJ.js +0 -24
- package/dist/chunk-SDAJ6NLJ.js.map +0 -1
- package/dist/chunk-SKDEOPP2.js +0 -54
- package/dist/chunk-SKDEOPP2.js.map +0 -1
- package/dist/chunk-SONXRHVK.js +0 -58
- package/dist/chunk-SONXRHVK.js.map +0 -1
- package/dist/chunk-SQ5HD7LD.js +0 -1
- package/dist/chunk-SQ5HD7LD.js.map +0 -1
- package/dist/chunk-TBXRPM4O.js +0 -59
- package/dist/chunk-TBXRPM4O.js.map +0 -1
- package/dist/chunk-TG7PURWS.js +0 -18
- package/dist/chunk-TG7PURWS.js.map +0 -1
- package/dist/chunk-TJGELI4L.js +0 -53
- package/dist/chunk-TJGELI4L.js.map +0 -1
- package/dist/chunk-TVJ4Z7MD.js +0 -46
- package/dist/chunk-TVJ4Z7MD.js.map +0 -1
- package/dist/chunk-U25HB5E7.js +0 -59
- package/dist/chunk-U25HB5E7.js.map +0 -1
- package/dist/chunk-UCEASXHW.js +0 -47
- package/dist/chunk-UCEASXHW.js.map +0 -1
- package/dist/chunk-UGSJR77F.js +0 -48
- package/dist/chunk-UGSJR77F.js.map +0 -1
- package/dist/chunk-UQPA2QGC.js +0 -45
- package/dist/chunk-UQPA2QGC.js.map +0 -1
- package/dist/chunk-V2AYMNSS.js +0 -46
- package/dist/chunk-V2AYMNSS.js.map +0 -1
- package/dist/chunk-V6KPBGB3.js +0 -57
- package/dist/chunk-V6KPBGB3.js.map +0 -1
- package/dist/chunk-V7JYNIVJ.js +0 -39
- package/dist/chunk-V7JYNIVJ.js.map +0 -1
- package/dist/chunk-VC2TT56B.js +0 -46
- package/dist/chunk-VC2TT56B.js.map +0 -1
- package/dist/chunk-VCOQG6JF.js +0 -119
- package/dist/chunk-VCOQG6JF.js.map +0 -1
- package/dist/chunk-VJCKB4FI.js +0 -182
- package/dist/chunk-VJCKB4FI.js.map +0 -1
- package/dist/chunk-VOR32EFU.js +0 -59
- package/dist/chunk-VOR32EFU.js.map +0 -1
- package/dist/chunk-W6Z2XJJ2.js +0 -45
- package/dist/chunk-W6Z2XJJ2.js.map +0 -1
- package/dist/chunk-WG7AQQRT.js +0 -59
- package/dist/chunk-WG7AQQRT.js.map +0 -1
- package/dist/chunk-WMBDJ72B.js +0 -25
- package/dist/chunk-WMBDJ72B.js.map +0 -1
- package/dist/chunk-WWCWPFEJ.js +0 -1
- package/dist/chunk-WWCWPFEJ.js.map +0 -1
- package/dist/chunk-WZZEI2W4.js +0 -59
- package/dist/chunk-WZZEI2W4.js.map +0 -1
- package/dist/chunk-XBXAWQOH.js +0 -43
- package/dist/chunk-XBXAWQOH.js.map +0 -1
- package/dist/chunk-XDCANCKF.js +0 -59
- package/dist/chunk-XDCANCKF.js.map +0 -1
- package/dist/chunk-XQOQ65MA.js +0 -57
- package/dist/chunk-XQOQ65MA.js.map +0 -1
- package/dist/chunk-YBFIP7FD.js +0 -119
- package/dist/chunk-YBFIP7FD.js.map +0 -1
- package/dist/chunk-YGS4JU4E.js +0 -60
- package/dist/chunk-YGS4JU4E.js.map +0 -1
- package/dist/chunk-YKEXHUPR.js +0 -48
- package/dist/chunk-YKEXHUPR.js.map +0 -1
- package/dist/chunk-ZY2OMVQQ.js +0 -119
- package/dist/chunk-ZY2OMVQQ.js.map +0 -1
- package/dist/molecules/company-selector.cjs +0 -406
- package/dist/molecules/company-selector.cjs.map +0 -1
- package/dist/molecules/company-selector.d.cts +0 -11
- package/dist/molecules/company-selector.d.ts +0 -11
- package/dist/molecules/company-selector.js +0 -62
- package/dist/molecules/company-selector.js.map +0 -1
- /package/dist/{charts/vertical-bar-chart.js.map → atoms/drawer.js.map} +0 -0
- /package/dist/{chunk-FFC2C2ID.js.map → chunk-AGMMAML3.js.map} +0 -0
- /package/dist/{chunk-3I5CDBFN.js.map → chunk-S3SAB2S2.js.map} +0 -0
package/dist/chunk-TJGELI4L.js
DELETED
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
Tooltip
|
|
3
|
-
} from "./chunk-ACVANQJ4.js";
|
|
4
|
-
import {
|
|
5
|
-
Typo
|
|
6
|
-
} from "./chunk-O3XTRD7R.js";
|
|
7
|
-
import {
|
|
8
|
-
__objRest,
|
|
9
|
-
__spreadProps,
|
|
10
|
-
__spreadValues
|
|
11
|
-
} from "./chunk-N552FDTV.js";
|
|
12
|
-
|
|
13
|
-
// src/atoms/ellipsis-tooltip.tsx
|
|
14
|
-
import { forwardRef, useEffect, useRef, useState } from "react";
|
|
15
|
-
import { jsx } from "react/jsx-runtime";
|
|
16
|
-
var EllipsisTooltip = forwardRef((props, maybeRef) => {
|
|
17
|
-
const _a = props, { children, style } = _a, rest = __objRest(_a, ["children", "style"]);
|
|
18
|
-
const ref = useRef(null);
|
|
19
|
-
const typoRef = maybeRef || ref;
|
|
20
|
-
const [tooltipDisplay, setTooltipDisplay] = useState(
|
|
21
|
-
"none"
|
|
22
|
-
);
|
|
23
|
-
useEffect(() => {
|
|
24
|
-
if (typoRef.current) {
|
|
25
|
-
const typo = typoRef.current;
|
|
26
|
-
if (typo.scrollWidth > typo.clientWidth) {
|
|
27
|
-
setTooltipDisplay("block");
|
|
28
|
-
} else {
|
|
29
|
-
setTooltipDisplay("none");
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
}, []);
|
|
33
|
-
return /* @__PURE__ */ jsx(Tooltip, { content: children, style: { display: tooltipDisplay }, children: /* @__PURE__ */ jsx(
|
|
34
|
-
Typo,
|
|
35
|
-
__spreadProps(__spreadValues({}, rest), {
|
|
36
|
-
ref: typoRef,
|
|
37
|
-
style: __spreadValues({
|
|
38
|
-
width: "100%",
|
|
39
|
-
textOverflow: "ellipsis",
|
|
40
|
-
overflow: "hidden",
|
|
41
|
-
wordBreak: "break-word",
|
|
42
|
-
WebkitLineClamp: 2
|
|
43
|
-
}, style),
|
|
44
|
-
children
|
|
45
|
-
})
|
|
46
|
-
) });
|
|
47
|
-
});
|
|
48
|
-
EllipsisTooltip.displayName = "EllipsisTooltip";
|
|
49
|
-
|
|
50
|
-
export {
|
|
51
|
-
EllipsisTooltip
|
|
52
|
-
};
|
|
53
|
-
//# sourceMappingURL=chunk-TJGELI4L.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/atoms/ellipsis-tooltip.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport { Tooltip } from './tooltip';\nimport { Typo, type TypoProps } from './typo';\n\nexport type EllipsisTooltipProps = TypoProps & {\n lineClamp?: number;\n};\n\nexport const EllipsisTooltip = forwardRef<\n HTMLSpanElement,\n EllipsisTooltipProps\n>((props: EllipsisTooltipProps, maybeRef): React.ReactNode => {\n const { children, style, ...rest } = props;\n const ref = useRef<HTMLSpanElement>(null);\n const typoRef = maybeRef || ref;\n const [tooltipDisplay, setTooltipDisplay] = useState<'none' | 'block'>(\n 'none'\n );\n\n useEffect(() => {\n if (typoRef.current) {\n const typo = typoRef.current;\n if (typo.scrollWidth > typo.clientWidth) {\n setTooltipDisplay('block');\n } else {\n setTooltipDisplay('none');\n }\n }\n }, []);\n\n return (\n <Tooltip content={children} style={{ display: tooltipDisplay }}>\n <Typo\n {...rest}\n ref={typoRef}\n style={{\n width: '100%',\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n wordBreak: 'break-word',\n WebkitLineClamp: 2,\n ...style,\n }}\n >\n {children}\n </Typo>\n </Tooltip>\n );\n});\n\nEllipsisTooltip.displayName = 'EllipsisTooltip';\n"],"mappings":";;;;;;;;;;;;;AAAA,SAAgB,YAAY,WAAW,QAAQ,gBAAgB;AAgCzD;AAxBC,IAAM,kBAAkB,WAG7B,CAAC,OAA6B,aAA8B;AAC5D,QAAqC,YAA7B,YAAU,MAZpB,IAYuC,IAAT,iBAAS,IAAT,CAApB,YAAU;AAClB,QAAM,MAAM,OAAwB,IAAI;AACxC,QAAM,UAAU,YAAY;AAC5B,QAAM,CAAC,gBAAgB,iBAAiB,IAAI;AAAA,IAC1C;AAAA,EACF;AAEA,YAAU,MAAM;AACd,QAAI,QAAQ,SAAS;AACnB,YAAM,OAAO,QAAQ;AACrB,UAAI,KAAK,cAAc,KAAK,aAAa;AACvC,0BAAkB,OAAO;AAAA,MAC3B,OAAO;AACL,0BAAkB,MAAM;AAAA,MAC1B;AAAA,IACF;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SACE,oBAAC,WAAQ,SAAS,UAAU,OAAO,EAAE,SAAS,eAAe,GAC3D;AAAA,IAAC;AAAA,qCACK,OADL;AAAA,MAEC,KAAK;AAAA,MACL,OAAO;AAAA,QACL,OAAO;AAAA,QACP,cAAc;AAAA,QACd,UAAU;AAAA,QACV,WAAW;AAAA,QACX,iBAAiB;AAAA,SACd;AAAA,MAGJ;AAAA;AAAA,EACH,GACF;AAEJ,CAAC;AAED,gBAAgB,cAAc;","names":[]}
|
package/dist/chunk-TVJ4Z7MD.js
DELETED
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
Tooltip
|
|
3
|
-
} from "./chunk-ACVANQJ4.js";
|
|
4
|
-
import {
|
|
5
|
-
Typo
|
|
6
|
-
} from "./chunk-O3XTRD7R.js";
|
|
7
|
-
import {
|
|
8
|
-
__objRest,
|
|
9
|
-
__spreadProps,
|
|
10
|
-
__spreadValues
|
|
11
|
-
} from "./chunk-N552FDTV.js";
|
|
12
|
-
|
|
13
|
-
// src/atoms/ellipsis-tooltip.tsx
|
|
14
|
-
import { forwardRef, useEffect, useRef, useState } from "react";
|
|
15
|
-
import { jsx } from "react/jsx-runtime";
|
|
16
|
-
var EllipsisTooltip = forwardRef((props, maybeRef) => {
|
|
17
|
-
const _a = props, { children, style, lineClamp } = _a, rest = __objRest(_a, ["children", "style", "lineClamp"]);
|
|
18
|
-
const ref = useRef(null);
|
|
19
|
-
const typoRef = maybeRef || ref;
|
|
20
|
-
const [tooltipDisplay, setTooltipDisplay] = useState(
|
|
21
|
-
"none"
|
|
22
|
-
);
|
|
23
|
-
useEffect(() => {
|
|
24
|
-
}, []);
|
|
25
|
-
return /* @__PURE__ */ jsx(Tooltip, { content: children, style: { display: tooltipDisplay }, children: /* @__PURE__ */ jsx(
|
|
26
|
-
Typo,
|
|
27
|
-
__spreadProps(__spreadValues({}, rest), {
|
|
28
|
-
ref: typoRef,
|
|
29
|
-
style: __spreadValues({
|
|
30
|
-
width: "100%",
|
|
31
|
-
textOverflow: "ellipsis",
|
|
32
|
-
overflow: "hidden",
|
|
33
|
-
wordBreak: "break-word",
|
|
34
|
-
WebkitLineClamp: lineClamp,
|
|
35
|
-
WebkitBoxOrient: "vertical"
|
|
36
|
-
}, style),
|
|
37
|
-
children
|
|
38
|
-
})
|
|
39
|
-
) });
|
|
40
|
-
});
|
|
41
|
-
EllipsisTooltip.displayName = "EllipsisTooltip";
|
|
42
|
-
|
|
43
|
-
export {
|
|
44
|
-
EllipsisTooltip
|
|
45
|
-
};
|
|
46
|
-
//# sourceMappingURL=chunk-TVJ4Z7MD.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/atoms/ellipsis-tooltip.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport { Tooltip } from './tooltip';\nimport { Typo, type TypoProps } from './typo';\n\nexport type EllipsisTooltipProps = TypoProps & {\n lineClamp?: number;\n};\n\nexport const EllipsisTooltip = forwardRef<\n HTMLSpanElement,\n EllipsisTooltipProps\n>((props: EllipsisTooltipProps, maybeRef): React.ReactNode => {\n const { children, style, lineClamp, ...rest } = props;\n const ref = useRef<HTMLSpanElement>(null);\n const typoRef = maybeRef || ref;\n const [tooltipDisplay, setTooltipDisplay] = useState<'none' | 'block'>(\n 'none'\n );\n\n useEffect(() => {\n // if (maybeRef) {\n // const typo = typoRef;\n // if (typo.scrollWidth > typo.clientWidth) {\n // setTooltipDisplay('block');\n // } else {\n // setTooltipDisplay('none');\n // }\n // }\n }, []);\n\n return (\n <Tooltip content={children} style={{ display: tooltipDisplay }}>\n <Typo\n {...rest}\n ref={typoRef}\n style={{\n width: '100%',\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n wordBreak: 'break-word',\n WebkitLineClamp: lineClamp,\n WebkitBoxOrient: 'vertical',\n ...style,\n }}\n >\n {children}\n </Typo>\n </Tooltip>\n );\n});\n\nEllipsisTooltip.displayName = 'EllipsisTooltip';\n"],"mappings":";;;;;;;;;;;;;AAAA,SAAgB,YAAY,WAAW,QAAQ,gBAAgB;AAgCzD;AAxBC,IAAM,kBAAkB,WAG7B,CAAC,OAA6B,aAA8B;AAC5D,QAAgD,YAAxC,YAAU,OAAO,UAZ3B,IAYkD,IAAT,iBAAS,IAAT,CAA/B,YAAU,SAAO;AACzB,QAAM,MAAM,OAAwB,IAAI;AACxC,QAAM,UAAU,YAAY;AAC5B,QAAM,CAAC,gBAAgB,iBAAiB,IAAI;AAAA,IAC1C;AAAA,EACF;AAEA,YAAU,MAAM;AAAA,EAShB,GAAG,CAAC,CAAC;AAEL,SACE,oBAAC,WAAQ,SAAS,UAAU,OAAO,EAAE,SAAS,eAAe,GAC3D;AAAA,IAAC;AAAA,qCACK,OADL;AAAA,MAEC,KAAK;AAAA,MACL,OAAO;AAAA,QACL,OAAO;AAAA,QACP,cAAc;AAAA,QACd,UAAU;AAAA,QACV,WAAW;AAAA,QACX,iBAAiB;AAAA,QACjB,iBAAiB;AAAA,SACd;AAAA,MAGJ;AAAA;AAAA,EACH,GACF;AAEJ,CAAC;AAED,gBAAgB,cAAc;","names":[]}
|
package/dist/chunk-U25HB5E7.js
DELETED
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
Typo
|
|
3
|
-
} from "./chunk-O3XTRD7R.js";
|
|
4
|
-
import {
|
|
5
|
-
Flex
|
|
6
|
-
} from "./chunk-25HMMI7R.js";
|
|
7
|
-
import {
|
|
8
|
-
Button
|
|
9
|
-
} from "./chunk-AQX7DQLI.js";
|
|
10
|
-
|
|
11
|
-
// src/molecules/navigation.tsx
|
|
12
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
13
|
-
function Navigation({
|
|
14
|
-
items,
|
|
15
|
-
fontColor,
|
|
16
|
-
backgroundColor,
|
|
17
|
-
activeKey
|
|
18
|
-
}) {
|
|
19
|
-
return /* @__PURE__ */ jsx(
|
|
20
|
-
Flex,
|
|
21
|
-
{
|
|
22
|
-
direction: "column",
|
|
23
|
-
gap: "4",
|
|
24
|
-
pr: "3",
|
|
25
|
-
style: {
|
|
26
|
-
color: fontColor || "var(--white-a12)",
|
|
27
|
-
backgroundColor: backgroundColor || "var(--black-a12)"
|
|
28
|
-
},
|
|
29
|
-
children: items == null ? void 0 : items.map((item) => {
|
|
30
|
-
const { key, title, icon, itemRender, onClick, children } = item;
|
|
31
|
-
return /* @__PURE__ */ jsxs(Flex, { direction: "column", onClick, children: [
|
|
32
|
-
itemRender ? itemRender(item) : /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "3", height: "36px", pl: "4", pr: "4", children: [
|
|
33
|
-
icon,
|
|
34
|
-
/* @__PURE__ */ jsx(Typo, { variant: "subtitle", children: title })
|
|
35
|
-
] }),
|
|
36
|
-
children == null ? void 0 : children.map((menu) => {
|
|
37
|
-
return menu.itemRender ? menu.itemRender(menu) : /* @__PURE__ */ jsx(
|
|
38
|
-
Button,
|
|
39
|
-
{
|
|
40
|
-
className: `tipp-navigation-button ${activeKey === menu.key ? "active" : ""}`,
|
|
41
|
-
ml: "6",
|
|
42
|
-
onClick,
|
|
43
|
-
size: "large",
|
|
44
|
-
style: { color: "var(--white-a12)" },
|
|
45
|
-
children: menu.title
|
|
46
|
-
},
|
|
47
|
-
menu.key
|
|
48
|
-
);
|
|
49
|
-
})
|
|
50
|
-
] }, key);
|
|
51
|
-
})
|
|
52
|
-
}
|
|
53
|
-
);
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
export {
|
|
57
|
-
Navigation
|
|
58
|
-
};
|
|
59
|
-
//# sourceMappingURL=chunk-U25HB5E7.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/molecules/navigation.tsx"],"sourcesContent":["import React from 'react';\nimport { Button, Flex, Typo } from '../atoms';\n\ninterface Item {\n itemRender?: (item: Item) => React.ReactNode;\n key: string;\n onClick?: () => void;\n title: string;\n icon?: React.ReactNode;\n children?: Item[];\n}\n\nexport interface NavigationProps {\n items?: Item[];\n fontColor?: string;\n backgroundColor?: string;\n activeKey?: string;\n}\n\nexport function Navigation({\n items,\n fontColor,\n backgroundColor,\n activeKey,\n}: NavigationProps): React.ReactNode {\n return (\n <Flex\n direction=\"column\"\n gap=\"4\"\n pr=\"3\"\n style={{\n color: fontColor || 'var(--white-a12)',\n backgroundColor: backgroundColor || 'var(--black-a12)',\n }}\n >\n {items?.map((item) => {\n const { key, title, icon, itemRender, onClick, children } = item;\n return (\n <Flex direction=\"column\" key={key} onClick={onClick}>\n {itemRender ? (\n itemRender(item)\n ) : (\n <Flex align=\"center\" gap=\"3\" height=\"36px\" pl=\"4\" pr=\"4\">\n {icon}\n <Typo variant=\"subtitle\">{title}</Typo>\n </Flex>\n )}\n {children?.map((menu) => {\n return menu.itemRender ? (\n menu.itemRender(menu)\n ) : (\n <Button\n className={`tipp-navigation-button ${activeKey === menu.key ? 'active' : ''}`}\n key={menu.key}\n ml=\"6\"\n onClick={onClick}\n size=\"large\"\n style={{ color: 'var(--white-a12)' }}\n >\n {menu.title}\n </Button>\n );\n })}\n </Flex>\n );\n })}\n </Flex>\n );\n}\n"],"mappings":";;;;;;;;;;;AA0Cc,SAEE,KAFF;AAvBP,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAqC;AACnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,KAAI;AAAA,MACJ,IAAG;AAAA,MACH,OAAO;AAAA,QACL,OAAO,aAAa;AAAA,QACpB,iBAAiB,mBAAmB;AAAA,MACtC;AAAA,MAEC,yCAAO,IAAI,CAAC,SAAS;AACpB,cAAM,EAAE,KAAK,OAAO,MAAM,YAAY,SAAS,SAAS,IAAI;AAC5D,eACE,qBAAC,QAAK,WAAU,UAAmB,SAChC;AAAA,uBACC,WAAW,IAAI,IAEf,qBAAC,QAAK,OAAM,UAAS,KAAI,KAAI,QAAO,QAAO,IAAG,KAAI,IAAG,KAClD;AAAA;AAAA,YACD,oBAAC,QAAK,SAAQ,YAAY,iBAAM;AAAA,aAClC;AAAA,UAED,qCAAU,IAAI,CAAC,SAAS;AACvB,mBAAO,KAAK,aACV,KAAK,WAAW,IAAI,IAEpB;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW,0BAA0B,cAAc,KAAK,MAAM,WAAW,EAAE;AAAA,gBAE3E,IAAG;AAAA,gBACH;AAAA,gBACA,MAAK;AAAA,gBACL,OAAO,EAAE,OAAO,mBAAmB;AAAA,gBAElC,eAAK;AAAA;AAAA,cAND,KAAK;AAAA,YAOZ;AAAA,UAEJ;AAAA,aAxB4B,GAyB9B;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;","names":[]}
|
package/dist/chunk-UCEASXHW.js
DELETED
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
Tooltip
|
|
3
|
-
} from "./chunk-ACVANQJ4.js";
|
|
4
|
-
import {
|
|
5
|
-
Typo
|
|
6
|
-
} from "./chunk-O3XTRD7R.js";
|
|
7
|
-
import {
|
|
8
|
-
__objRest,
|
|
9
|
-
__spreadProps,
|
|
10
|
-
__spreadValues
|
|
11
|
-
} from "./chunk-N552FDTV.js";
|
|
12
|
-
|
|
13
|
-
// src/atoms/ellipsis-tooltip.tsx
|
|
14
|
-
import { forwardRef, useEffect, useRef, useState } from "react";
|
|
15
|
-
import { jsx } from "react/jsx-runtime";
|
|
16
|
-
var EllipsisTooltip = forwardRef((props, maybeRef) => {
|
|
17
|
-
const _a = props, { children, style, lineClamp = 2 } = _a, rest = __objRest(_a, ["children", "style", "lineClamp"]);
|
|
18
|
-
const ref = useRef(null);
|
|
19
|
-
const typoRef = maybeRef || ref;
|
|
20
|
-
const [tooltipDisplay, setTooltipDisplay] = useState(
|
|
21
|
-
"none"
|
|
22
|
-
);
|
|
23
|
-
useEffect(() => {
|
|
24
|
-
}, []);
|
|
25
|
-
return /* @__PURE__ */ jsx(Tooltip, { content: children, style: { display: tooltipDisplay }, children: /* @__PURE__ */ jsx(
|
|
26
|
-
Typo,
|
|
27
|
-
__spreadProps(__spreadValues({}, rest), {
|
|
28
|
-
ref: typoRef,
|
|
29
|
-
style: __spreadValues({
|
|
30
|
-
width: "100%",
|
|
31
|
-
textOverflow: "ellipsis",
|
|
32
|
-
overflow: "hidden",
|
|
33
|
-
WebkitLineClamp: lineClamp,
|
|
34
|
-
display: "-webkit-box",
|
|
35
|
-
WebkitBoxOrient: "vertical",
|
|
36
|
-
wordBreak: "break-word"
|
|
37
|
-
}, style),
|
|
38
|
-
children
|
|
39
|
-
})
|
|
40
|
-
) });
|
|
41
|
-
});
|
|
42
|
-
EllipsisTooltip.displayName = "EllipsisTooltip";
|
|
43
|
-
|
|
44
|
-
export {
|
|
45
|
-
EllipsisTooltip
|
|
46
|
-
};
|
|
47
|
-
//# sourceMappingURL=chunk-UCEASXHW.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/atoms/ellipsis-tooltip.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport { Tooltip } from './tooltip';\nimport { Typo, type TypoProps } from './typo';\n\nexport type EllipsisTooltipProps = TypoProps & {\n lineClamp?: number;\n};\n\nexport const EllipsisTooltip = forwardRef<\n HTMLSpanElement,\n EllipsisTooltipProps\n>((props: EllipsisTooltipProps, maybeRef): React.ReactNode => {\n const { children, style, lineClamp = 2, ...rest } = props;\n const ref = useRef<HTMLSpanElement>(null);\n const typoRef = maybeRef || ref;\n const [tooltipDisplay, setTooltipDisplay] = useState<'none' | 'block'>(\n 'none'\n );\n\n useEffect(() => {\n // if (maybeRef) {\n // const typo = typoRef;\n // if (typo.scrollWidth > typo.clientWidth) {\n // setTooltipDisplay('block');\n // } else {\n // setTooltipDisplay('none');\n // }\n // }\n }, []);\n\n return (\n <Tooltip content={children} style={{ display: tooltipDisplay }}>\n <Typo\n {...rest}\n ref={typoRef}\n style={{\n width: '100%',\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n WebkitLineClamp: lineClamp,\n\n display:'-webkit-box',\n\n WebkitBoxOrient: 'vertical',\n wordBreak: 'break-word',\n ...style,\n }}\n >\n {children}\n </Typo>\n </Tooltip>\n );\n});\n\nEllipsisTooltip.displayName = 'EllipsisTooltip';\n"],"mappings":";;;;;;;;;;;;;AAAA,SAAgB,YAAY,WAAW,QAAQ,gBAAgB;AAgCzD;AAxBC,IAAM,kBAAkB,WAG7B,CAAC,OAA6B,aAA8B;AAC5D,QAAoD,YAA5C,YAAU,OAAO,YAAY,EAZvC,IAYsD,IAAT,iBAAS,IAAT,CAAnC,YAAU,SAAO;AACzB,QAAM,MAAM,OAAwB,IAAI;AACxC,QAAM,UAAU,YAAY;AAC5B,QAAM,CAAC,gBAAgB,iBAAiB,IAAI;AAAA,IAC1C;AAAA,EACF;AAEA,YAAU,MAAM;AAAA,EAShB,GAAG,CAAC,CAAC;AAEL,SACE,oBAAC,WAAQ,SAAS,UAAU,OAAO,EAAE,SAAS,eAAe,GAC3D;AAAA,IAAC;AAAA,qCACK,OADL;AAAA,MAEC,KAAK;AAAA,MACL,OAAO;AAAA,QACL,OAAO;AAAA,QACP,cAAc;AAAA,QACd,UAAU;AAAA,QACV,iBAAiB;AAAA,QAEjB,SAAQ;AAAA,QAER,iBAAiB;AAAA,QACjB,WAAW;AAAA,SACR;AAAA,MAGJ;AAAA;AAAA,EACH,GACF;AAEJ,CAAC;AAED,gBAAgB,cAAc;","names":[]}
|
package/dist/chunk-UGSJR77F.js
DELETED
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
Tooltip
|
|
3
|
-
} from "./chunk-ACVANQJ4.js";
|
|
4
|
-
import {
|
|
5
|
-
Typo
|
|
6
|
-
} from "./chunk-O3XTRD7R.js";
|
|
7
|
-
import {
|
|
8
|
-
__objRest,
|
|
9
|
-
__spreadProps,
|
|
10
|
-
__spreadValues
|
|
11
|
-
} from "./chunk-N552FDTV.js";
|
|
12
|
-
|
|
13
|
-
// src/atoms/ellipsis-tooltip.tsx
|
|
14
|
-
import { forwardRef, useEffect, useRef, useState } from "react";
|
|
15
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
16
|
-
var EllipsisTooltip = forwardRef((props, maybeRef) => {
|
|
17
|
-
const _a = props, { children, style, lineClamp } = _a, rest = __objRest(_a, ["children", "style", "lineClamp"]);
|
|
18
|
-
const ref = useRef(null);
|
|
19
|
-
const typoRef = maybeRef || ref;
|
|
20
|
-
const [tooltipDisplay, setTooltipDisplay] = useState(
|
|
21
|
-
"none"
|
|
22
|
-
);
|
|
23
|
-
useEffect(() => {
|
|
24
|
-
}, []);
|
|
25
|
-
return /* @__PURE__ */ jsx(Tooltip, { content: children, style: { display: tooltipDisplay }, children: /* @__PURE__ */ jsxs(
|
|
26
|
-
Typo,
|
|
27
|
-
__spreadProps(__spreadValues({}, rest), {
|
|
28
|
-
ref: typoRef,
|
|
29
|
-
style: __spreadValues({
|
|
30
|
-
width: "100%",
|
|
31
|
-
textOverflow: "ellipsis",
|
|
32
|
-
overflow: "hidden",
|
|
33
|
-
wordBreak: "break-word",
|
|
34
|
-
WebkitLineClamp: lineClamp
|
|
35
|
-
}, style),
|
|
36
|
-
children: [
|
|
37
|
-
children,
|
|
38
|
-
"\uC544\uC544\uC544\uC559 \uC65C\uC774\uB7EC\uC2DC\uB294\uAC70\uC5D0\uC694"
|
|
39
|
-
]
|
|
40
|
-
})
|
|
41
|
-
) });
|
|
42
|
-
});
|
|
43
|
-
EllipsisTooltip.displayName = "EllipsisTooltip";
|
|
44
|
-
|
|
45
|
-
export {
|
|
46
|
-
EllipsisTooltip
|
|
47
|
-
};
|
|
48
|
-
//# sourceMappingURL=chunk-UGSJR77F.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/atoms/ellipsis-tooltip.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport { Tooltip } from './tooltip';\nimport { Typo, type TypoProps } from './typo';\n\nexport type EllipsisTooltipProps = TypoProps & {\n lineClamp?: number;\n};\n\nexport const EllipsisTooltip = forwardRef<\n HTMLSpanElement,\n EllipsisTooltipProps\n>((props: EllipsisTooltipProps, maybeRef): React.ReactNode => {\n const { children, style, lineClamp, ...rest } = props;\n const ref = useRef<HTMLSpanElement>(null);\n const typoRef = maybeRef || ref;\n const [tooltipDisplay, setTooltipDisplay] = useState<'none' | 'block'>(\n 'none'\n );\n\n useEffect(() => {\n // if (maybeRef) {\n // const typo = typoRef;\n // if (typo.scrollWidth > typo.clientWidth) {\n // setTooltipDisplay('block');\n // } else {\n // setTooltipDisplay('none');\n // }\n // }\n }, []);\n\n return (\n <Tooltip content={children} style={{ display: tooltipDisplay }}>\n <Typo\n {...rest}\n ref={typoRef}\n style={{\n width: '100%',\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n wordBreak: 'break-word',\n WebkitLineClamp: lineClamp,\n ...style,\n }}\n >\n {children}\n 아아아앙 왜이러시는거에요\n </Typo>\n </Tooltip>\n );\n});\n\nEllipsisTooltip.displayName = 'EllipsisTooltip';\n"],"mappings":";;;;;;;;;;;;;AAAA,SAAgB,YAAY,WAAW,QAAQ,gBAAgB;AA+B3D,cACE,YADF;AAvBG,IAAM,kBAAkB,WAG7B,CAAC,OAA6B,aAA8B;AAC5D,QAAgD,YAAxC,YAAU,OAAO,UAZ3B,IAYkD,IAAT,iBAAS,IAAT,CAA/B,YAAU,SAAO;AACzB,QAAM,MAAM,OAAwB,IAAI;AACxC,QAAM,UAAU,YAAY;AAC5B,QAAM,CAAC,gBAAgB,iBAAiB,IAAI;AAAA,IAC1C;AAAA,EACF;AAEA,YAAU,MAAM;AAAA,EAShB,GAAG,CAAC,CAAC;AAEL,SACE,oBAAC,WAAQ,SAAS,UAAU,OAAO,EAAE,SAAS,eAAe,GAC3D;AAAA,IAAC;AAAA,qCACK,OADL;AAAA,MAEC,KAAK;AAAA,MACL,OAAO;AAAA,QACL,OAAO;AAAA,QACP,cAAc;AAAA,QACd,UAAU;AAAA,QACV,WAAW;AAAA,QACX,iBAAiB;AAAA,SACd;AAAA,MAGJ;AAAA;AAAA,QAAS;AAAA;AAAA;AAAA,EAEZ,GACF;AAEJ,CAAC;AAED,gBAAgB,cAAc;","names":[]}
|
package/dist/chunk-UQPA2QGC.js
DELETED
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
Tooltip
|
|
3
|
-
} from "./chunk-ACVANQJ4.js";
|
|
4
|
-
import {
|
|
5
|
-
Typo
|
|
6
|
-
} from "./chunk-O3XTRD7R.js";
|
|
7
|
-
import {
|
|
8
|
-
__objRest,
|
|
9
|
-
__spreadProps,
|
|
10
|
-
__spreadValues
|
|
11
|
-
} from "./chunk-N552FDTV.js";
|
|
12
|
-
|
|
13
|
-
// src/atoms/ellipsis-tooltip.tsx
|
|
14
|
-
import { forwardRef, useEffect, useRef, useState } from "react";
|
|
15
|
-
import { jsx } from "react/jsx-runtime";
|
|
16
|
-
var EllipsisTooltip = forwardRef((props, maybeRef) => {
|
|
17
|
-
const _a = props, { children, style } = _a, rest = __objRest(_a, ["children", "style"]);
|
|
18
|
-
const ref = useRef(null);
|
|
19
|
-
const typoRef = maybeRef || ref;
|
|
20
|
-
const [tooltipDisplay, setTooltipDisplay] = useState(
|
|
21
|
-
"none"
|
|
22
|
-
);
|
|
23
|
-
useEffect(() => {
|
|
24
|
-
}, []);
|
|
25
|
-
return /* @__PURE__ */ jsx(Tooltip, { content: children, style: { display: tooltipDisplay }, children: /* @__PURE__ */ jsx(
|
|
26
|
-
Typo,
|
|
27
|
-
__spreadProps(__spreadValues({}, rest), {
|
|
28
|
-
ref: typoRef,
|
|
29
|
-
style: __spreadValues({
|
|
30
|
-
width: "100%",
|
|
31
|
-
textOverflow: "ellipsis",
|
|
32
|
-
overflow: "hidden",
|
|
33
|
-
wordBreak: "break-word",
|
|
34
|
-
WebkitLineClamp: 2
|
|
35
|
-
}, style),
|
|
36
|
-
children
|
|
37
|
-
})
|
|
38
|
-
) });
|
|
39
|
-
});
|
|
40
|
-
EllipsisTooltip.displayName = "EllipsisTooltip";
|
|
41
|
-
|
|
42
|
-
export {
|
|
43
|
-
EllipsisTooltip
|
|
44
|
-
};
|
|
45
|
-
//# sourceMappingURL=chunk-UQPA2QGC.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/atoms/ellipsis-tooltip.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport { Tooltip } from './tooltip';\nimport { Typo, type TypoProps } from './typo';\n\nexport type EllipsisTooltipProps = TypoProps & {\n lineClamp?: number;\n};\n\nexport const EllipsisTooltip = forwardRef<\n HTMLSpanElement,\n EllipsisTooltipProps\n>((props: EllipsisTooltipProps, maybeRef): React.ReactNode => {\n const { children, style, ...rest } = props;\n const ref = useRef<HTMLSpanElement>(null);\n const typoRef = maybeRef || ref;\n const [tooltipDisplay, setTooltipDisplay] = useState<'none' | 'block'>(\n 'none'\n );\n\n useEffect(() => {\n // if (maybeRef) {\n // const typo = typoRef;\n // if (typo.scrollWidth > typo.clientWidth) {\n // setTooltipDisplay('block');\n // } else {\n // setTooltipDisplay('none');\n // }\n // }\n }, []);\n\n return (\n <Tooltip content={children} style={{ display: tooltipDisplay }}>\n <Typo\n {...rest}\n ref={typoRef}\n style={{\n width: '100%',\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n wordBreak: 'break-word',\n WebkitLineClamp: 2,\n ...style,\n }}\n >\n {children}\n </Typo>\n </Tooltip>\n );\n});\n\nEllipsisTooltip.displayName = 'EllipsisTooltip';\n"],"mappings":";;;;;;;;;;;;;AAAA,SAAgB,YAAY,WAAW,QAAQ,gBAAgB;AAgCzD;AAxBC,IAAM,kBAAkB,WAG7B,CAAC,OAA6B,aAA8B;AAC5D,QAAqC,YAA7B,YAAU,MAZpB,IAYuC,IAAT,iBAAS,IAAT,CAApB,YAAU;AAClB,QAAM,MAAM,OAAwB,IAAI;AACxC,QAAM,UAAU,YAAY;AAC5B,QAAM,CAAC,gBAAgB,iBAAiB,IAAI;AAAA,IAC1C;AAAA,EACF;AAEA,YAAU,MAAM;AAAA,EAShB,GAAG,CAAC,CAAC;AAEL,SACE,oBAAC,WAAQ,SAAS,UAAU,OAAO,EAAE,SAAS,eAAe,GAC3D;AAAA,IAAC;AAAA,qCACK,OADL;AAAA,MAEC,KAAK;AAAA,MACL,OAAO;AAAA,QACL,OAAO;AAAA,QACP,cAAc;AAAA,QACd,UAAU;AAAA,QACV,WAAW;AAAA,QACX,iBAAiB;AAAA,SACd;AAAA,MAGJ;AAAA;AAAA,EACH,GACF;AAEJ,CAAC;AAED,gBAAgB,cAAc;","names":[]}
|
package/dist/chunk-V2AYMNSS.js
DELETED
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
Tooltip
|
|
3
|
-
} from "./chunk-ACVANQJ4.js";
|
|
4
|
-
import {
|
|
5
|
-
Typo
|
|
6
|
-
} from "./chunk-O3XTRD7R.js";
|
|
7
|
-
import {
|
|
8
|
-
__objRest,
|
|
9
|
-
__spreadProps,
|
|
10
|
-
__spreadValues
|
|
11
|
-
} from "./chunk-N552FDTV.js";
|
|
12
|
-
|
|
13
|
-
// src/atoms/ellipsis-tooltip.tsx
|
|
14
|
-
import { forwardRef, useEffect, useRef, useState } from "react";
|
|
15
|
-
import { jsx } from "react/jsx-runtime";
|
|
16
|
-
var EllipsisTooltip = forwardRef((props, maybeRef) => {
|
|
17
|
-
const _a = props, { children, style, lineClamp = 2 } = _a, rest = __objRest(_a, ["children", "style", "lineClamp"]);
|
|
18
|
-
const ref = useRef(null);
|
|
19
|
-
const typoRef = maybeRef || ref;
|
|
20
|
-
const [tooltipDisplay, setTooltipDisplay] = useState(
|
|
21
|
-
"none"
|
|
22
|
-
);
|
|
23
|
-
useEffect(() => {
|
|
24
|
-
}, []);
|
|
25
|
-
return /* @__PURE__ */ jsx(Tooltip, { content: children, style: { display: tooltipDisplay }, children: /* @__PURE__ */ jsx(
|
|
26
|
-
Typo,
|
|
27
|
-
__spreadProps(__spreadValues({}, rest), {
|
|
28
|
-
ref: typoRef,
|
|
29
|
-
style: __spreadValues({
|
|
30
|
-
width: "100%",
|
|
31
|
-
textOverflow: "ellipsis",
|
|
32
|
-
overflow: "hidden",
|
|
33
|
-
wordBreak: "break-word",
|
|
34
|
-
WebkitLineClamp: lineClamp,
|
|
35
|
-
display: "-webkit-box"
|
|
36
|
-
}, style),
|
|
37
|
-
children
|
|
38
|
-
})
|
|
39
|
-
) });
|
|
40
|
-
});
|
|
41
|
-
EllipsisTooltip.displayName = "EllipsisTooltip";
|
|
42
|
-
|
|
43
|
-
export {
|
|
44
|
-
EllipsisTooltip
|
|
45
|
-
};
|
|
46
|
-
//# sourceMappingURL=chunk-V2AYMNSS.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/atoms/ellipsis-tooltip.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport { Tooltip } from './tooltip';\nimport { Typo, type TypoProps } from './typo';\n\nexport type EllipsisTooltipProps = TypoProps & {\n lineClamp?: number;\n};\n\nexport const EllipsisTooltip = forwardRef<\n HTMLSpanElement,\n EllipsisTooltipProps\n>((props: EllipsisTooltipProps, maybeRef): React.ReactNode => {\n const { children, style, lineClamp = 2, ...rest } = props;\n const ref = useRef<HTMLSpanElement>(null);\n const typoRef = maybeRef || ref;\n const [tooltipDisplay, setTooltipDisplay] = useState<'none' | 'block'>(\n 'none'\n );\n\n useEffect(() => {\n // if (maybeRef) {\n // const typo = typoRef;\n // if (typo.scrollWidth > typo.clientWidth) {\n // setTooltipDisplay('block');\n // } else {\n // setTooltipDisplay('none');\n // }\n // }\n }, []);\n\n return (\n <Tooltip content={children} style={{ display: tooltipDisplay }}>\n <Typo\n {...rest}\n ref={typoRef}\n style={{\n width: '100%',\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n wordBreak: 'break-word',\n WebkitLineClamp: lineClamp ,\n display:'-webkit-box',\n ...style,\n }}\n >\n {children}\n </Typo>\n </Tooltip>\n );\n});\n\nEllipsisTooltip.displayName = 'EllipsisTooltip';\n"],"mappings":";;;;;;;;;;;;;AAAA,SAAgB,YAAY,WAAW,QAAQ,gBAAgB;AAgCzD;AAxBC,IAAM,kBAAkB,WAG7B,CAAC,OAA6B,aAA8B;AAC5D,QAAoD,YAA5C,YAAU,OAAO,YAAY,EAZvC,IAYsD,IAAT,iBAAS,IAAT,CAAnC,YAAU,SAAO;AACzB,QAAM,MAAM,OAAwB,IAAI;AACxC,QAAM,UAAU,YAAY;AAC5B,QAAM,CAAC,gBAAgB,iBAAiB,IAAI;AAAA,IAC1C;AAAA,EACF;AAEA,YAAU,MAAM;AAAA,EAShB,GAAG,CAAC,CAAC;AAEL,SACE,oBAAC,WAAQ,SAAS,UAAU,OAAO,EAAE,SAAS,eAAe,GAC3D;AAAA,IAAC;AAAA,qCACK,OADL;AAAA,MAEC,KAAK;AAAA,MACL,OAAO;AAAA,QACL,OAAO;AAAA,QACP,cAAc;AAAA,QACd,UAAU;AAAA,QACV,WAAW;AAAA,QACX,iBAAiB;AAAA,QACjB,SAAQ;AAAA,SACL;AAAA,MAGJ;AAAA;AAAA,EACH,GACF;AAEJ,CAAC;AAED,gBAAgB,cAAc;","names":[]}
|
package/dist/chunk-V6KPBGB3.js
DELETED
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
Typo
|
|
3
|
-
} from "./chunk-O3XTRD7R.js";
|
|
4
|
-
import {
|
|
5
|
-
Flex
|
|
6
|
-
} from "./chunk-25HMMI7R.js";
|
|
7
|
-
import {
|
|
8
|
-
Button
|
|
9
|
-
} from "./chunk-AQX7DQLI.js";
|
|
10
|
-
|
|
11
|
-
// src/molecules/navigation.tsx
|
|
12
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
13
|
-
function Navigation({
|
|
14
|
-
items,
|
|
15
|
-
fontColor,
|
|
16
|
-
backgroundColor
|
|
17
|
-
}) {
|
|
18
|
-
return /* @__PURE__ */ jsx(
|
|
19
|
-
Flex,
|
|
20
|
-
{
|
|
21
|
-
direction: "column",
|
|
22
|
-
gap: "4",
|
|
23
|
-
style: {
|
|
24
|
-
color: fontColor || "var(--white-a12)",
|
|
25
|
-
backgroundColor: backgroundColor || "var(--black-a12)"
|
|
26
|
-
},
|
|
27
|
-
children: items == null ? void 0 : items.map((item) => {
|
|
28
|
-
const { key, title, icon, itemRender, onClick, children } = item;
|
|
29
|
-
return /* @__PURE__ */ jsxs(Flex, { direction: "column", onClick, children: [
|
|
30
|
-
itemRender ? itemRender(item) : /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "3", height: "36px", pl: "4", pr: "4", children: [
|
|
31
|
-
icon,
|
|
32
|
-
/* @__PURE__ */ jsx(Typo, { variant: "subtitle", children: title })
|
|
33
|
-
] }),
|
|
34
|
-
children == null ? void 0 : children.map((el) => {
|
|
35
|
-
return el.itemRender ? el.itemRender(el) : /* @__PURE__ */ jsx(
|
|
36
|
-
Button,
|
|
37
|
-
{
|
|
38
|
-
className: "tipp-navigation-button",
|
|
39
|
-
ml: "6",
|
|
40
|
-
onClick,
|
|
41
|
-
size: "large",
|
|
42
|
-
style: { color: "var(--white-a12)" },
|
|
43
|
-
children: el.title
|
|
44
|
-
},
|
|
45
|
-
el.key
|
|
46
|
-
);
|
|
47
|
-
})
|
|
48
|
-
] }, key);
|
|
49
|
-
})
|
|
50
|
-
}
|
|
51
|
-
);
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
export {
|
|
55
|
-
Navigation
|
|
56
|
-
};
|
|
57
|
-
//# sourceMappingURL=chunk-V6KPBGB3.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/molecules/navigation.tsx"],"sourcesContent":["import React from 'react';\nimport { Button, Flex, Typo } from '../atoms';\n\ninterface Item {\n itemRender?: (item: Item) => React.ReactNode;\n key: string;\n onClick?: () => void;\n title: string;\n icon?: React.ReactNode;\n children?: Item[];\n}\n\nexport interface NavigationProps {\n items?: Item[];\n fontColor?: string;\n backgroundColor?: string;\n}\n\nexport function Navigation({\n items,\n fontColor,\n backgroundColor,\n}: NavigationProps): React.ReactNode {\n return (\n <Flex\n direction=\"column\"\n gap=\"4\"\n style={{\n color: fontColor || 'var(--white-a12)',\n backgroundColor: backgroundColor || 'var(--black-a12)',\n }}\n >\n {items?.map((item) => {\n const { key, title, icon, itemRender, onClick, children } = item;\n return (\n <Flex direction=\"column\" key={key} onClick={onClick}>\n {itemRender ? (\n itemRender(item)\n ) : (\n <Flex align=\"center\" gap=\"3\" height=\"36px\" pl=\"4\" pr=\"4\">\n {icon}\n <Typo variant=\"subtitle\">{title}</Typo>\n </Flex>\n )}\n {children?.map((el) => {\n return el.itemRender ? (\n el.itemRender(el)\n ) : (\n <Button\n className=\"tipp-navigation-button\"\n key={el.key}\n ml=\"6\"\n onClick={onClick}\n size=\"large\"\n style={{ color: 'var(--white-a12)' }}\n >\n {el.title}\n </Button>\n );\n })}\n </Flex>\n );\n })}\n </Flex>\n );\n}\n"],"mappings":";;;;;;;;;;;AAuCc,SAEE,KAFF;AArBP,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAAqC;AACnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,KAAI;AAAA,MACJ,OAAO;AAAA,QACL,OAAO,aAAa;AAAA,QACpB,iBAAiB,mBAAmB;AAAA,MACtC;AAAA,MAEC,yCAAO,IAAI,CAAC,SAAS;AACpB,cAAM,EAAE,KAAK,OAAO,MAAM,YAAY,SAAS,SAAS,IAAI;AAC5D,eACE,qBAAC,QAAK,WAAU,UAAmB,SAChC;AAAA,uBACC,WAAW,IAAI,IAEf,qBAAC,QAAK,OAAM,UAAS,KAAI,KAAI,QAAO,QAAO,IAAG,KAAI,IAAG,KAClD;AAAA;AAAA,YACD,oBAAC,QAAK,SAAQ,YAAY,iBAAM;AAAA,aAClC;AAAA,UAED,qCAAU,IAAI,CAAC,OAAO;AACrB,mBAAO,GAAG,aACR,GAAG,WAAW,EAAE,IAEhB;AAAA,cAAC;AAAA;AAAA,gBACC,WAAU;AAAA,gBAEV,IAAG;AAAA,gBACH;AAAA,gBACA,MAAK;AAAA,gBACL,OAAO,EAAE,OAAO,mBAAmB;AAAA,gBAElC,aAAG;AAAA;AAAA,cANC,GAAG;AAAA,YAOV;AAAA,UAEJ;AAAA,aAxB4B,GAyB9B;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;","names":[]}
|
package/dist/chunk-V7JYNIVJ.js
DELETED
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
Flex
|
|
3
|
-
} from "./chunk-25HMMI7R.js";
|
|
4
|
-
import {
|
|
5
|
-
Typo
|
|
6
|
-
} from "./chunk-O3XTRD7R.js";
|
|
7
|
-
|
|
8
|
-
// src/molecules/navigation.tsx
|
|
9
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
10
|
-
function Navigation({
|
|
11
|
-
items,
|
|
12
|
-
fontColor
|
|
13
|
-
}) {
|
|
14
|
-
return /* @__PURE__ */ jsx(
|
|
15
|
-
Flex,
|
|
16
|
-
{
|
|
17
|
-
direction: "column",
|
|
18
|
-
gap: "4",
|
|
19
|
-
style: { color: fontColor || "var(--white-a12)" },
|
|
20
|
-
children: items == null ? void 0 : items.map((item) => {
|
|
21
|
-
const { key, title, icon, itemRender, onClick, children } = item;
|
|
22
|
-
return /* @__PURE__ */ jsxs(Flex, { direction: "column", onClick, children: [
|
|
23
|
-
itemRender ? itemRender(item) : /* @__PURE__ */ jsxs(Flex, { gap: "3", pl: "4", pr: "4", children: [
|
|
24
|
-
icon,
|
|
25
|
-
/* @__PURE__ */ jsx(Typo, { variant: "subtitle", children: title })
|
|
26
|
-
] }),
|
|
27
|
-
children == null ? void 0 : children.map((el) => {
|
|
28
|
-
return el.itemRender ? el.itemRender(el) : /* @__PURE__ */ jsx(Flex, { pl: "7", children: /* @__PURE__ */ jsx(Typo, { variant: "subtitle", children: el.title }) }, el.key);
|
|
29
|
-
})
|
|
30
|
-
] }, key);
|
|
31
|
-
})
|
|
32
|
-
}
|
|
33
|
-
);
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
export {
|
|
37
|
-
Navigation
|
|
38
|
-
};
|
|
39
|
-
//# sourceMappingURL=chunk-V7JYNIVJ.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/molecules/navigation.tsx"],"sourcesContent":["import React from 'react';\nimport { Flex, Typo } from '../atoms';\n\ninterface Item {\n itemRender?: (item: Item) => React.ReactNode;\n key: string;\n onClick?: () => void;\n title: string;\n icon?: React.ReactNode;\n children?: Item[];\n}\n\nexport interface NavigationProps {\n items?: Item[];\n fontColor?: string;\n}\n\nexport function Navigation({\n items,\n fontColor,\n}: NavigationProps): React.ReactNode {\n return (\n <Flex\n direction=\"column\"\n gap=\"4\"\n style={{ color: fontColor || 'var(--white-a12)' }}\n >\n {items?.map((item) => {\n const { key, title, icon, itemRender, onClick, children } = item;\n return (\n <Flex direction=\"column\" key={key} onClick={onClick}>\n {itemRender ? (\n itemRender(item)\n ) : (\n <Flex gap=\"3\" pl=\"4\" pr=\"4\">\n {icon}\n <Typo variant=\"subtitle\">{title}</Typo>\n </Flex>\n )}\n {children?.map((el) => {\n return el.itemRender ? (\n el.itemRender(el)\n ) : (\n <Flex key={el.key} pl=\"7\">\n <Typo variant=\"subtitle\">{el.title}</Typo>\n </Flex>\n );\n })}\n </Flex>\n );\n })}\n </Flex>\n );\n}\n"],"mappings":";;;;;;;;AAkCc,SAEE,KAFF;AAjBP,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AACF,GAAqC;AACnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,KAAI;AAAA,MACJ,OAAO,EAAE,OAAO,aAAa,mBAAmB;AAAA,MAE/C,yCAAO,IAAI,CAAC,SAAS;AACpB,cAAM,EAAE,KAAK,OAAO,MAAM,YAAY,SAAS,SAAS,IAAI;AAC5D,eACE,qBAAC,QAAK,WAAU,UAAmB,SAChC;AAAA,uBACC,WAAW,IAAI,IAEf,qBAAC,QAAK,KAAI,KAAI,IAAG,KAAI,IAAG,KACrB;AAAA;AAAA,YACD,oBAAC,QAAK,SAAQ,YAAY,iBAAM;AAAA,aAClC;AAAA,UAED,qCAAU,IAAI,CAAC,OAAO;AACrB,mBAAO,GAAG,aACR,GAAG,WAAW,EAAE,IAEhB,oBAAC,QAAkB,IAAG,KACpB,8BAAC,QAAK,SAAQ,YAAY,aAAG,OAAM,KAD1B,GAAG,GAEd;AAAA,UAEJ;AAAA,aAjB4B,GAkB9B;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;","names":[]}
|
package/dist/chunk-VC2TT56B.js
DELETED
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
Tooltip
|
|
3
|
-
} from "./chunk-ACVANQJ4.js";
|
|
4
|
-
import {
|
|
5
|
-
Typo
|
|
6
|
-
} from "./chunk-O3XTRD7R.js";
|
|
7
|
-
import {
|
|
8
|
-
__objRest,
|
|
9
|
-
__spreadProps,
|
|
10
|
-
__spreadValues
|
|
11
|
-
} from "./chunk-N552FDTV.js";
|
|
12
|
-
|
|
13
|
-
// src/atoms/ellipsis-tooltip.tsx
|
|
14
|
-
import { forwardRef, useEffect, useRef, useState } from "react";
|
|
15
|
-
import { jsx } from "react/jsx-runtime";
|
|
16
|
-
var EllipsisTooltip = forwardRef((props, maybeRef) => {
|
|
17
|
-
const _a = props, { children, style, lineClamp = 2 } = _a, rest = __objRest(_a, ["children", "style", "lineClamp"]);
|
|
18
|
-
const ref = useRef(null);
|
|
19
|
-
const typoRef = maybeRef || ref;
|
|
20
|
-
const [tooltipDisplay, setTooltipDisplay] = useState(
|
|
21
|
-
"none"
|
|
22
|
-
);
|
|
23
|
-
useEffect(() => {
|
|
24
|
-
}, []);
|
|
25
|
-
return /* @__PURE__ */ jsx(Tooltip, { content: children, style: { display: tooltipDisplay }, children: /* @__PURE__ */ jsx(
|
|
26
|
-
Typo,
|
|
27
|
-
__spreadProps(__spreadValues({}, rest), {
|
|
28
|
-
ref: typoRef,
|
|
29
|
-
style: __spreadValues({
|
|
30
|
-
width: "100%",
|
|
31
|
-
textOverflow: "ellipsis",
|
|
32
|
-
overflow: "hidden",
|
|
33
|
-
wordBreak: "break-word",
|
|
34
|
-
WebkitLineClamp: lineClamp,
|
|
35
|
-
display: "-webkit-box"
|
|
36
|
-
}, style),
|
|
37
|
-
children
|
|
38
|
-
})
|
|
39
|
-
) });
|
|
40
|
-
});
|
|
41
|
-
EllipsisTooltip.displayName = "EllipsisTooltip";
|
|
42
|
-
|
|
43
|
-
export {
|
|
44
|
-
EllipsisTooltip
|
|
45
|
-
};
|
|
46
|
-
//# sourceMappingURL=chunk-VC2TT56B.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/atoms/ellipsis-tooltip.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport { Tooltip } from './tooltip';\nimport { Typo, type TypoProps } from './typo';\n\nexport type EllipsisTooltipProps = TypoProps & {\n lineClamp?: number;\n};\n\nexport const EllipsisTooltip = forwardRef<\n HTMLSpanElement,\n EllipsisTooltipProps\n>((props: EllipsisTooltipProps, maybeRef): React.ReactNode => {\n const { children, style, lineClamp = 2, ...rest } = props;\n const ref = useRef<HTMLSpanElement>(null);\n const typoRef = maybeRef || ref;\n const [tooltipDisplay, setTooltipDisplay] = useState<'none' | 'block'>(\n 'none'\n );\n\n useEffect(() => {\n // if (maybeRef) {\n // const typo = typoRef;\n // if (typo.scrollWidth > typo.clientWidth) {\n // setTooltipDisplay('block');\n // } else {\n // setTooltipDisplay('none');\n // }\n // }\n }, []);\n\n return (\n <Tooltip content={children} style={{ display: tooltipDisplay }}>\n <Typo\n {...rest}\n ref={typoRef}\n style={{\n width: '100%',\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n wordBreak: 'break-word',\n WebkitLineClamp: lineClamp,\n display:'-webkit-box',\n ...style,\n }}\n >\n {children}\n </Typo>\n </Tooltip>\n );\n});\n\nEllipsisTooltip.displayName = 'EllipsisTooltip';\n"],"mappings":";;;;;;;;;;;;;AAAA,SAAgB,YAAY,WAAW,QAAQ,gBAAgB;AAgCzD;AAxBC,IAAM,kBAAkB,WAG7B,CAAC,OAA6B,aAA8B;AAC5D,QAAoD,YAA5C,YAAU,OAAO,YAAY,EAZvC,IAYsD,IAAT,iBAAS,IAAT,CAAnC,YAAU,SAAO;AACzB,QAAM,MAAM,OAAwB,IAAI;AACxC,QAAM,UAAU,YAAY;AAC5B,QAAM,CAAC,gBAAgB,iBAAiB,IAAI;AAAA,IAC1C;AAAA,EACF;AAEA,YAAU,MAAM;AAAA,EAShB,GAAG,CAAC,CAAC;AAEL,SACE,oBAAC,WAAQ,SAAS,UAAU,OAAO,EAAE,SAAS,eAAe,GAC3D;AAAA,IAAC;AAAA,qCACK,OADL;AAAA,MAEC,KAAK;AAAA,MACL,OAAO;AAAA,QACL,OAAO;AAAA,QACP,cAAc;AAAA,QACd,UAAU;AAAA,QACV,WAAW;AAAA,QACX,iBAAiB;AAAA,QACjB,SAAQ;AAAA,SACL;AAAA,MAGJ;AAAA;AAAA,EACH,GACF;AAEJ,CAAC;AAED,gBAAgB,cAAc;","names":[]}
|