@vincentgraul/react-components 1.0.90 → 1.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/README.md +2 -1
- package/dist/react-components.css +2 -1
- package/dist/react-components.js +25 -49423
- package/dist/react-components10.js +8 -0
- package/dist/react-components11.js +33 -0
- package/dist/react-components12.js +10 -0
- package/dist/react-components13.js +72 -0
- package/dist/react-components14.js +7 -0
- package/dist/react-components15.js +51 -0
- package/dist/react-components16.js +12 -0
- package/dist/react-components17.js +98 -0
- package/dist/react-components18.js +10 -0
- package/dist/react-components19.js +38 -0
- package/dist/react-components2.js +4 -0
- package/dist/react-components20.js +8 -0
- package/dist/react-components21.js +85 -0
- package/dist/react-components22.js +3 -0
- package/dist/react-components23.js +22 -0
- package/dist/react-components24.js +3 -0
- package/dist/react-components25.js +29 -0
- package/dist/react-components26.js +11 -0
- package/dist/react-components27.js +94 -0
- package/dist/react-components28.js +6 -0
- package/dist/react-components29.js +31 -0
- package/dist/react-components3.js +10 -0
- package/dist/react-components30.js +8 -0
- package/dist/react-components31.js +31 -0
- package/dist/react-components32.js +6 -0
- package/dist/react-components33.js +23 -0
- package/dist/react-components34.js +3 -0
- package/dist/react-components35.js +19 -0
- package/dist/react-components36.js +7 -0
- package/dist/react-components37.js +31 -0
- package/dist/react-components38.js +13 -0
- package/dist/react-components39.js +53 -0
- package/dist/react-components4.js +42 -0
- package/dist/react-components40.js +20 -0
- package/dist/react-components41.js +43 -0
- package/dist/react-components42.js +6 -0
- package/dist/react-components43.js +13 -0
- package/dist/react-components44.js +13 -0
- package/dist/react-components6.js +3 -0
- package/dist/react-components7.js +23 -0
- package/dist/react-components8.js +11 -0
- package/dist/react-components9.js +63 -0
- package/dist/src/components/breadcrumb/breadcrumb.d.ts +13 -0
- package/dist/{button → src/components/button}/button.d.ts +5 -4
- package/dist/src/components/card/card.d.ts +22 -0
- package/dist/{checkbox → src/components/checkbox}/checkbox.d.ts +3 -4
- package/dist/src/components/country-selector/country-selector.d.ts +10 -0
- package/dist/src/components/drop-zone/drop-zone.d.ts +26 -0
- package/dist/{flex → src/components/flex}/flex.d.ts +5 -4
- package/dist/{index.d.ts → src/components/index.d.ts} +1 -7
- package/dist/src/components/input/input.d.ts +20 -0
- package/dist/{list → src/components/list}/list.d.ts +4 -3
- package/dist/src/components/loader/loader.d.ts +16 -0
- package/dist/src/components/modal/modal.d.ts +34 -0
- package/dist/src/components/pagination/index.d.ts +1 -0
- package/dist/src/components/pagination/pagination.d.ts +14 -0
- package/dist/src/components/radio/index.d.ts +1 -0
- package/dist/src/components/radio/radio.d.ts +15 -0
- package/dist/{select → src/components/select}/select.d.ts +15 -14
- package/dist/{table → src/components/table}/table.d.ts +5 -4
- package/dist/src/components/table/table.types.d.ts +8 -0
- package/dist/src/components/text/text.d.ts +14 -0
- package/dist/src/components/wizard/wizard.d.ts +32 -0
- package/dist/{wizard → src/components/wizard}/wizard.types.d.ts +2 -2
- package/dist/src/hooks/index.d.ts +7 -0
- package/dist/src/hooks/use-breadcrumb/index.d.ts +2 -0
- package/dist/src/hooks/use-breadcrumb/use-breadcrumb.d.ts +9 -0
- package/dist/src/hooks/use-breadcrumb/use-breadcrumb.types.d.ts +4 -0
- package/dist/{use-match-resolution → src/hooks/use-match-resolution}/use-match-resolution.d.ts +1 -1
- package/dist/{use-scroll-to → src/hooks/use-scroll-to}/use-scroll-to.d.ts +1 -1
- package/dist/src/hooks/use-visible/use-visible.d.ts +2 -0
- package/dist/src/index.d.ts +2 -0
- package/dist/src/types.d.ts +6 -0
- package/dist/src/utils.d.ts +5 -0
- package/package.json +59 -69
- package/dist/breadcrumb/breadcrumb.d.ts +0 -8
- package/dist/breadcrumb/breadcrumb.types.d.ts +0 -11
- package/dist/breadcrumb/use-breadcrumb.d.ts +0 -2
- package/dist/card/card.d.ts +0 -18
- package/dist/country-selector/country-selector.d.ts +0 -11
- package/dist/country-selector/icons/Ad.d.ts +0 -3
- package/dist/country-selector/icons/Ae.d.ts +0 -3
- package/dist/country-selector/icons/Af.d.ts +0 -3
- package/dist/country-selector/icons/Ag.d.ts +0 -3
- package/dist/country-selector/icons/Ai.d.ts +0 -3
- package/dist/country-selector/icons/Al.d.ts +0 -3
- package/dist/country-selector/icons/Am.d.ts +0 -3
- package/dist/country-selector/icons/Ao.d.ts +0 -3
- package/dist/country-selector/icons/Ar.d.ts +0 -3
- package/dist/country-selector/icons/As.d.ts +0 -3
- package/dist/country-selector/icons/At.d.ts +0 -3
- package/dist/country-selector/icons/Au.d.ts +0 -3
- package/dist/country-selector/icons/Aw.d.ts +0 -3
- package/dist/country-selector/icons/Az.d.ts +0 -3
- package/dist/country-selector/icons/Ba.d.ts +0 -3
- package/dist/country-selector/icons/Bb.d.ts +0 -3
- package/dist/country-selector/icons/Bd.d.ts +0 -3
- package/dist/country-selector/icons/Be.d.ts +0 -3
- package/dist/country-selector/icons/Bf.d.ts +0 -3
- package/dist/country-selector/icons/Bg.d.ts +0 -3
- package/dist/country-selector/icons/Bh.d.ts +0 -3
- package/dist/country-selector/icons/Bi.d.ts +0 -3
- package/dist/country-selector/icons/Bj.d.ts +0 -3
- package/dist/country-selector/icons/Bm.d.ts +0 -3
- package/dist/country-selector/icons/Bo.d.ts +0 -3
- package/dist/country-selector/icons/Br.d.ts +0 -3
- package/dist/country-selector/icons/Bs.d.ts +0 -3
- package/dist/country-selector/icons/Bt.d.ts +0 -3
- package/dist/country-selector/icons/Bw.d.ts +0 -3
- package/dist/country-selector/icons/By.d.ts +0 -3
- package/dist/country-selector/icons/Bz.d.ts +0 -3
- package/dist/country-selector/icons/Ca.d.ts +0 -3
- package/dist/country-selector/icons/Cd.d.ts +0 -3
- package/dist/country-selector/icons/Cf.d.ts +0 -3
- package/dist/country-selector/icons/Cg.d.ts +0 -3
- package/dist/country-selector/icons/Ch.d.ts +0 -3
- package/dist/country-selector/icons/Ci.d.ts +0 -3
- package/dist/country-selector/icons/Ck.d.ts +0 -3
- package/dist/country-selector/icons/Cl.d.ts +0 -3
- package/dist/country-selector/icons/Cm.d.ts +0 -3
- package/dist/country-selector/icons/Cn.d.ts +0 -3
- package/dist/country-selector/icons/Co.d.ts +0 -3
- package/dist/country-selector/icons/Cr.d.ts +0 -3
- package/dist/country-selector/icons/Cu.d.ts +0 -3
- package/dist/country-selector/icons/Cv.d.ts +0 -3
- package/dist/country-selector/icons/Cw.d.ts +0 -3
- package/dist/country-selector/icons/Cy.d.ts +0 -3
- package/dist/country-selector/icons/Cz.d.ts +0 -3
- package/dist/country-selector/icons/De.d.ts +0 -3
- package/dist/country-selector/icons/Dj.d.ts +0 -3
- package/dist/country-selector/icons/Dk.d.ts +0 -3
- package/dist/country-selector/icons/Dm.d.ts +0 -3
- package/dist/country-selector/icons/Do.d.ts +0 -3
- package/dist/country-selector/icons/Dz.d.ts +0 -3
- package/dist/country-selector/icons/Ec.d.ts +0 -3
- package/dist/country-selector/icons/Ee.d.ts +0 -3
- package/dist/country-selector/icons/Eg.d.ts +0 -3
- package/dist/country-selector/icons/Er.d.ts +0 -3
- package/dist/country-selector/icons/Es.d.ts +0 -3
- package/dist/country-selector/icons/Et.d.ts +0 -3
- package/dist/country-selector/icons/Fi.d.ts +0 -3
- package/dist/country-selector/icons/Fj.d.ts +0 -3
- package/dist/country-selector/icons/Fk.d.ts +0 -3
- package/dist/country-selector/icons/Fm.d.ts +0 -3
- package/dist/country-selector/icons/Fo.d.ts +0 -3
- package/dist/country-selector/icons/Fr.d.ts +0 -3
- package/dist/country-selector/icons/Ga.d.ts +0 -3
- package/dist/country-selector/icons/Gb.d.ts +0 -3
- package/dist/country-selector/icons/Gd.d.ts +0 -3
- package/dist/country-selector/icons/Ge.d.ts +0 -3
- package/dist/country-selector/icons/Gg.d.ts +0 -3
- package/dist/country-selector/icons/Gh.d.ts +0 -3
- package/dist/country-selector/icons/Gi.d.ts +0 -3
- package/dist/country-selector/icons/Gl.d.ts +0 -3
- package/dist/country-selector/icons/Gm.d.ts +0 -3
- package/dist/country-selector/icons/Gn.d.ts +0 -3
- package/dist/country-selector/icons/Gq.d.ts +0 -3
- package/dist/country-selector/icons/Gr.d.ts +0 -3
- package/dist/country-selector/icons/Gt.d.ts +0 -3
- package/dist/country-selector/icons/Gu.d.ts +0 -3
- package/dist/country-selector/icons/Gw.d.ts +0 -3
- package/dist/country-selector/icons/Hk.d.ts +0 -3
- package/dist/country-selector/icons/Hn.d.ts +0 -3
- package/dist/country-selector/icons/Hr.d.ts +0 -3
- package/dist/country-selector/icons/Ht.d.ts +0 -3
- package/dist/country-selector/icons/Hu.d.ts +0 -3
- package/dist/country-selector/icons/Id.d.ts +0 -3
- package/dist/country-selector/icons/Ie.d.ts +0 -3
- package/dist/country-selector/icons/Il.d.ts +0 -3
- package/dist/country-selector/icons/Im.d.ts +0 -3
- package/dist/country-selector/icons/In.d.ts +0 -3
- package/dist/country-selector/icons/Io.d.ts +0 -3
- package/dist/country-selector/icons/Iq.d.ts +0 -3
- package/dist/country-selector/icons/Ir.d.ts +0 -3
- package/dist/country-selector/icons/Is.d.ts +0 -3
- package/dist/country-selector/icons/It.d.ts +0 -3
- package/dist/country-selector/icons/Je.d.ts +0 -3
- package/dist/country-selector/icons/Jm.d.ts +0 -3
- package/dist/country-selector/icons/Jo.d.ts +0 -3
- package/dist/country-selector/icons/Jp.d.ts +0 -3
- package/dist/country-selector/icons/Ke.d.ts +0 -3
- package/dist/country-selector/icons/Kg.d.ts +0 -3
- package/dist/country-selector/icons/Kh.d.ts +0 -3
- package/dist/country-selector/icons/Ki.d.ts +0 -3
- package/dist/country-selector/icons/Km.d.ts +0 -3
- package/dist/country-selector/icons/Kn.d.ts +0 -3
- package/dist/country-selector/icons/Kp.d.ts +0 -3
- package/dist/country-selector/icons/Kr.d.ts +0 -3
- package/dist/country-selector/icons/Kw.d.ts +0 -3
- package/dist/country-selector/icons/Ky.d.ts +0 -3
- package/dist/country-selector/icons/Kz.d.ts +0 -3
- package/dist/country-selector/icons/La.d.ts +0 -3
- package/dist/country-selector/icons/Lb.d.ts +0 -3
- package/dist/country-selector/icons/Li.d.ts +0 -3
- package/dist/country-selector/icons/Lk.d.ts +0 -3
- package/dist/country-selector/icons/Lr.d.ts +0 -3
- package/dist/country-selector/icons/Ls.d.ts +0 -3
- package/dist/country-selector/icons/Lt.d.ts +0 -3
- package/dist/country-selector/icons/Lu.d.ts +0 -3
- package/dist/country-selector/icons/Lv.d.ts +0 -3
- package/dist/country-selector/icons/Ly.d.ts +0 -3
- package/dist/country-selector/icons/Ma.d.ts +0 -3
- package/dist/country-selector/icons/Mc.d.ts +0 -3
- package/dist/country-selector/icons/Md.d.ts +0 -3
- package/dist/country-selector/icons/Me.d.ts +0 -3
- package/dist/country-selector/icons/Mg.d.ts +0 -3
- package/dist/country-selector/icons/Mh.d.ts +0 -3
- package/dist/country-selector/icons/Mk.d.ts +0 -3
- package/dist/country-selector/icons/Ml.d.ts +0 -3
- package/dist/country-selector/icons/Mm.d.ts +0 -3
- package/dist/country-selector/icons/Mn.d.ts +0 -3
- package/dist/country-selector/icons/Mo.d.ts +0 -3
- package/dist/country-selector/icons/Mp.d.ts +0 -3
- package/dist/country-selector/icons/Mq.d.ts +0 -3
- package/dist/country-selector/icons/Mr.d.ts +0 -3
- package/dist/country-selector/icons/Ms.d.ts +0 -3
- package/dist/country-selector/icons/Mt.d.ts +0 -3
- package/dist/country-selector/icons/Mu.d.ts +0 -3
- package/dist/country-selector/icons/Mv.d.ts +0 -3
- package/dist/country-selector/icons/Mw.d.ts +0 -3
- package/dist/country-selector/icons/Mx.d.ts +0 -3
- package/dist/country-selector/icons/My.d.ts +0 -3
- package/dist/country-selector/icons/Mz.d.ts +0 -3
- package/dist/country-selector/icons/Na.d.ts +0 -3
- package/dist/country-selector/icons/Nato.d.ts +0 -3
- package/dist/country-selector/icons/Ne.d.ts +0 -3
- package/dist/country-selector/icons/Nf.d.ts +0 -3
- package/dist/country-selector/icons/Ng.d.ts +0 -3
- package/dist/country-selector/icons/Ni.d.ts +0 -3
- package/dist/country-selector/icons/Nl.d.ts +0 -3
- package/dist/country-selector/icons/No.d.ts +0 -3
- package/dist/country-selector/icons/Np.d.ts +0 -3
- package/dist/country-selector/icons/Nr.d.ts +0 -3
- package/dist/country-selector/icons/Nu.d.ts +0 -3
- package/dist/country-selector/icons/Nz.d.ts +0 -3
- package/dist/country-selector/icons/Om.d.ts +0 -3
- package/dist/country-selector/icons/Pa.d.ts +0 -3
- package/dist/country-selector/icons/Pe.d.ts +0 -3
- package/dist/country-selector/icons/Pf.d.ts +0 -3
- package/dist/country-selector/icons/Pg.d.ts +0 -3
- package/dist/country-selector/icons/Ph.d.ts +0 -3
- package/dist/country-selector/icons/Pk.d.ts +0 -3
- package/dist/country-selector/icons/Pl.d.ts +0 -3
- package/dist/country-selector/icons/Pn.d.ts +0 -3
- package/dist/country-selector/icons/Pr.d.ts +0 -3
- package/dist/country-selector/icons/Ps.d.ts +0 -3
- package/dist/country-selector/icons/Pt.d.ts +0 -3
- package/dist/country-selector/icons/Pw.d.ts +0 -3
- package/dist/country-selector/icons/Py.d.ts +0 -3
- package/dist/country-selector/icons/Qa.d.ts +0 -3
- package/dist/country-selector/icons/Ro.d.ts +0 -3
- package/dist/country-selector/icons/Rs.d.ts +0 -3
- package/dist/country-selector/icons/Ru.d.ts +0 -3
- package/dist/country-selector/icons/Rw.d.ts +0 -3
- package/dist/country-selector/icons/Sa.d.ts +0 -3
- package/dist/country-selector/icons/Sb.d.ts +0 -3
- package/dist/country-selector/icons/Sc.d.ts +0 -3
- package/dist/country-selector/icons/Sd.d.ts +0 -3
- package/dist/country-selector/icons/Se.d.ts +0 -3
- package/dist/country-selector/icons/Sg.d.ts +0 -3
- package/dist/country-selector/icons/Si.d.ts +0 -3
- package/dist/country-selector/icons/Sk.d.ts +0 -3
- package/dist/country-selector/icons/Sl.d.ts +0 -3
- package/dist/country-selector/icons/Sm.d.ts +0 -3
- package/dist/country-selector/icons/Sn.d.ts +0 -3
- package/dist/country-selector/icons/So.d.ts +0 -3
- package/dist/country-selector/icons/Sq.d.ts +0 -3
- package/dist/country-selector/icons/Sr.d.ts +0 -3
- package/dist/country-selector/icons/Ss.d.ts +0 -3
- package/dist/country-selector/icons/St.d.ts +0 -3
- package/dist/country-selector/icons/Sv.d.ts +0 -3
- package/dist/country-selector/icons/Sx.d.ts +0 -3
- package/dist/country-selector/icons/Sy.d.ts +0 -3
- package/dist/country-selector/icons/Sz.d.ts +0 -3
- package/dist/country-selector/icons/Tc.d.ts +0 -3
- package/dist/country-selector/icons/Td.d.ts +0 -3
- package/dist/country-selector/icons/Tg.d.ts +0 -3
- package/dist/country-selector/icons/Th.d.ts +0 -3
- package/dist/country-selector/icons/Tibet.d.ts +0 -3
- package/dist/country-selector/icons/Tj.d.ts +0 -3
- package/dist/country-selector/icons/Tk.d.ts +0 -3
- package/dist/country-selector/icons/Tm.d.ts +0 -3
- package/dist/country-selector/icons/Tn.d.ts +0 -3
- package/dist/country-selector/icons/To.d.ts +0 -3
- package/dist/country-selector/icons/Tr.d.ts +0 -3
- package/dist/country-selector/icons/Tt.d.ts +0 -3
- package/dist/country-selector/icons/Tv.d.ts +0 -3
- package/dist/country-selector/icons/Tw.d.ts +0 -3
- package/dist/country-selector/icons/Tz.d.ts +0 -3
- package/dist/country-selector/icons/Ua.d.ts +0 -3
- package/dist/country-selector/icons/Ug.d.ts +0 -3
- package/dist/country-selector/icons/Us.d.ts +0 -3
- package/dist/country-selector/icons/Uy.d.ts +0 -3
- package/dist/country-selector/icons/Uz.d.ts +0 -3
- package/dist/country-selector/icons/Ve.d.ts +0 -3
- package/dist/country-selector/icons/Vi.d.ts +0 -3
- package/dist/country-selector/icons/Vn.d.ts +0 -3
- package/dist/country-selector/icons/Vu.d.ts +0 -3
- package/dist/country-selector/icons/Ws.d.ts +0 -3
- package/dist/country-selector/icons/Ye.d.ts +0 -3
- package/dist/country-selector/icons/Za.d.ts +0 -3
- package/dist/country-selector/icons/Zm.d.ts +0 -3
- package/dist/country-selector/icons/Zw.d.ts +0 -3
- package/dist/country-selector/icons/index.d.ts +0 -223
- package/dist/drop-zone/drop-zone.d.ts +0 -24
- package/dist/input/input.d.ts +0 -19
- package/dist/loader/loader.d.ts +0 -10
- package/dist/modal/modal.d.ts +0 -7
- package/dist/mount-react-hook/index.d.ts +0 -2
- package/dist/mount-react-hook/mount-react-hook.d.ts +0 -3
- package/dist/mount-react-hook/mount-react-hook.types.d.ts +0 -5
- package/dist/pagination/index.d.ts +0 -2
- package/dist/pagination/pagination.d.ts +0 -9
- package/dist/pagination/pagination.types.d.ts +0 -10
- package/dist/table/table.types.d.ts +0 -4
- package/dist/text/text.d.ts +0 -13
- package/dist/use-visible/use-visible.d.ts +0 -2
- package/dist/wizard/wizard.d.ts +0 -33
- /package/dist/{breadcrumb → src/components/breadcrumb}/index.d.ts +0 -0
- /package/dist/{button → src/components/button}/index.d.ts +0 -0
- /package/dist/{card → src/components/card}/index.d.ts +0 -0
- /package/dist/{checkbox → src/components/checkbox}/index.d.ts +0 -0
- /package/dist/{country-selector → src/components/country-selector}/country-selector.types.d.ts +0 -0
- /package/dist/{country-selector → src/components/country-selector}/index.d.ts +0 -0
- /package/dist/{drop-zone → src/components/drop-zone}/index.d.ts +0 -0
- /package/dist/{flex → src/components/flex}/index.d.ts +0 -0
- /package/dist/{input → src/components/input}/index.d.ts +0 -0
- /package/dist/{input → src/components/input}/input.types.d.ts +0 -0
- /package/dist/{list → src/components/list}/index.d.ts +0 -0
- /package/dist/{loader → src/components/loader}/index.d.ts +0 -0
- /package/dist/{modal → src/components/modal}/index.d.ts +0 -0
- /package/dist/{select → src/components/select}/index.d.ts +0 -0
- /package/dist/{select → src/components/select}/select.types.d.ts +0 -0
- /package/dist/{table → src/components/table}/index.d.ts +0 -0
- /package/dist/{text → src/components/text}/index.d.ts +0 -0
- /package/dist/{wizard → src/components/wizard}/index.d.ts +0 -0
- /package/dist/{use-match-device → src/hooks/use-match-device}/index.d.ts +0 -0
- /package/dist/{use-match-device → src/hooks/use-match-device}/use-match-device.d.ts +0 -0
- /package/dist/{use-match-device → src/hooks/use-match-device}/use-match-device.types.d.ts +0 -0
- /package/dist/{use-match-resolution → src/hooks/use-match-resolution}/index.d.ts +0 -0
- /package/dist/{use-match-resolution → src/hooks/use-match-resolution}/use-match-resolution.types.d.ts +0 -0
- /package/dist/{use-outside-alerter → src/hooks/use-outside-alerter}/index.d.ts +0 -0
- /package/dist/{use-outside-alerter → src/hooks/use-outside-alerter}/use-outside-alerter.d.ts +0 -0
- /package/dist/{use-outside-alerter → src/hooks/use-outside-alerter}/use-outside-alerter.types.d.ts +0 -0
- /package/dist/{use-pagination → src/hooks/use-pagination}/index.d.ts +0 -0
- /package/dist/{use-pagination → src/hooks/use-pagination}/use-pagination.d.ts +0 -0
- /package/dist/{use-pagination → src/hooks/use-pagination}/use-pagination.types.d.ts +0 -0
- /package/dist/{use-scroll-to → src/hooks/use-scroll-to}/index.d.ts +0 -0
- /package/dist/{use-scroll-to → src/hooks/use-scroll-to}/use-scroll-to.types.d.ts +0 -0
- /package/dist/{use-visible → src/hooks/use-visible}/index.d.ts +0 -0
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { FontWeight } from '../../types';
|
|
3
|
+
export type LoaderProps = {
|
|
4
|
+
text?: string;
|
|
5
|
+
fontWeight?: FontWeight;
|
|
6
|
+
color?: string;
|
|
7
|
+
overlayBackgroundColor?: string;
|
|
8
|
+
hasIcon?: boolean;
|
|
9
|
+
icon?: ReactNode;
|
|
10
|
+
iconSize?: number;
|
|
11
|
+
iconColor?: string;
|
|
12
|
+
iconGap?: number;
|
|
13
|
+
iconAnimationDuration?: number;
|
|
14
|
+
className?: string;
|
|
15
|
+
};
|
|
16
|
+
export declare const Loader: ({ className, text, fontWeight, overlayBackgroundColor, color, hasIcon, icon, iconSize, iconColor, iconGap, iconAnimationDuration, }: LoaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { ElementType, ReactNode } from 'react';
|
|
2
|
+
import { FontWeight, Position, Text } from '../../types';
|
|
3
|
+
export type ModalProps = {
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
title?: string;
|
|
6
|
+
titleAs?: Text;
|
|
7
|
+
titleFontSize?: number;
|
|
8
|
+
titleFontWeight?: FontWeight;
|
|
9
|
+
titleColor?: string;
|
|
10
|
+
titleJustifyContent?: Position;
|
|
11
|
+
titleMarginBottom?: number;
|
|
12
|
+
overlayBackgroundColor?: string;
|
|
13
|
+
hasCloseIcon?: boolean;
|
|
14
|
+
closeIcon?: ReactNode;
|
|
15
|
+
closeIconColor?: string;
|
|
16
|
+
closeIconSize?: number;
|
|
17
|
+
closeIconMarginBottom?: number;
|
|
18
|
+
ConfirmButton?: ElementType;
|
|
19
|
+
confirmButtonText?: string;
|
|
20
|
+
DeclineButton?: ElementType;
|
|
21
|
+
declineButtonText?: string;
|
|
22
|
+
buttonsJustifyContent?: Position;
|
|
23
|
+
buttonsGap?: number;
|
|
24
|
+
buttonsMarginTop?: number;
|
|
25
|
+
backgroundColor?: string;
|
|
26
|
+
padding?: string;
|
|
27
|
+
onClose?: () => void;
|
|
28
|
+
onDecline?: () => void;
|
|
29
|
+
onConfirm?: () => void;
|
|
30
|
+
renderHeader?: () => ReactNode;
|
|
31
|
+
renderFooter?: () => ReactNode;
|
|
32
|
+
className?: string;
|
|
33
|
+
};
|
|
34
|
+
export declare const Modal: ({ title, titleAs: Title, titleFontSize, titleFontWeight, titleColor, titleJustifyContent, titleMarginBottom, overlayBackgroundColor, hasCloseIcon, closeIcon, closeIconColor, closeIconSize, closeIconMarginBottom, backgroundColor, padding, ConfirmButton, confirmButtonText, DeclineButton, declineButtonText, buttonsJustifyContent, buttonsGap, buttonsMarginTop, children, onClose, onDecline, onConfirm, renderHeader, renderFooter, className, }: ModalProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './pagination';
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { PaginationData } from '../..';
|
|
3
|
+
export type PaginationProps = PaginationData & {
|
|
4
|
+
itemColor?: string;
|
|
5
|
+
itemBackgroundColor?: string;
|
|
6
|
+
itemHoverColor?: string;
|
|
7
|
+
itemHoverBackgroundColor?: string;
|
|
8
|
+
itemActiveColor?: string;
|
|
9
|
+
itemActiveBackgroundColor?: string;
|
|
10
|
+
renderSingleArrow?: (position: "left" | "right") => ReactNode;
|
|
11
|
+
renderDoubleArrow?: (position: "left" | "right") => ReactNode;
|
|
12
|
+
className?: string;
|
|
13
|
+
};
|
|
14
|
+
export declare const Pagination: ({ className, page, total, items, itemColor, itemBackgroundColor, itemHoverColor, itemHoverBackgroundColor, itemActiveColor, itemActiveBackgroundColor, goToFirst, goToLeft, goToRight, goToLast, goToPage, renderSingleArrow, renderDoubleArrow, }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './radio';
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { InputHTMLAttributes } from 'react';
|
|
2
|
+
import { BorderStyle, FontWeight } from '../../types';
|
|
3
|
+
export type RadioProps = Omit<InputHTMLAttributes<HTMLInputElement>, "type"> & {
|
|
4
|
+
label: string;
|
|
5
|
+
labelFontWeight?: FontWeight;
|
|
6
|
+
labelColor?: string;
|
|
7
|
+
size?: number;
|
|
8
|
+
borderStyle?: BorderStyle;
|
|
9
|
+
borderColor?: string;
|
|
10
|
+
checkedBorderColor?: string;
|
|
11
|
+
checkedBackgroundColor?: string;
|
|
12
|
+
checkedLabelColor?: string;
|
|
13
|
+
className?: string;
|
|
14
|
+
};
|
|
15
|
+
export declare const Radio: ({ label, labelFontWeight, labelColor, size, borderStyle, borderColor, checkedBorderColor, checkedBackgroundColor, checkedLabelColor, className, ...rest }: RadioProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,25 +1,26 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { BorderStyle, FontWeight, Position, Size } from '../../types';
|
|
3
|
+
import { SelectOption, SelectOptionWithoutId } from './select.types';
|
|
3
4
|
export type SelectProps = {
|
|
4
5
|
options: SelectOptionWithoutId[];
|
|
5
6
|
selectedValue?: string;
|
|
6
7
|
label?: string;
|
|
7
|
-
labelFontSize?:
|
|
8
|
-
labelFontWeight?:
|
|
9
|
-
labelAlignItems?:
|
|
10
|
-
labelMarginBottom?:
|
|
11
|
-
selectedOptionFontWeight?:
|
|
12
|
-
optionFontSize?:
|
|
13
|
-
optionFontWeight?:
|
|
14
|
-
width?:
|
|
15
|
-
height?:
|
|
8
|
+
labelFontSize?: number;
|
|
9
|
+
labelFontWeight?: FontWeight;
|
|
10
|
+
labelAlignItems?: Position;
|
|
11
|
+
labelMarginBottom?: number;
|
|
12
|
+
selectedOptionFontWeight?: FontWeight;
|
|
13
|
+
optionFontSize?: number;
|
|
14
|
+
optionFontWeight?: FontWeight;
|
|
15
|
+
width?: Size;
|
|
16
|
+
height?: Size;
|
|
16
17
|
color?: string;
|
|
17
|
-
borderWidth?:
|
|
18
|
-
borderStyle?:
|
|
18
|
+
borderWidth?: number;
|
|
19
|
+
borderStyle?: BorderStyle;
|
|
19
20
|
backgroundColor?: string;
|
|
20
21
|
hoverOptionBackgroundColor?: string;
|
|
21
22
|
hoverOptionColor?: string;
|
|
22
|
-
hoverFontWeight?:
|
|
23
|
+
hoverFontWeight?: FontWeight;
|
|
23
24
|
icon?: ReactNode;
|
|
24
25
|
onChange?: (option: SelectOption) => void;
|
|
25
26
|
className?: string;
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { Column } from './table.types';
|
|
3
|
-
export type TableProps<T> = {
|
|
1
|
+
import { PropsWithChildren, ReactNode } from 'react';
|
|
2
|
+
import { Column, ObjectLiteral, Primitive } from './table.types';
|
|
3
|
+
export type TableProps<T extends ObjectLiteral> = {
|
|
4
4
|
columns: Column[];
|
|
5
5
|
records: T[];
|
|
6
|
+
uniqueKey?: string;
|
|
6
7
|
renderHeader?: () => ReactNode;
|
|
7
8
|
renderFooter?: () => ReactNode;
|
|
8
9
|
renderColumnsRow?: (columns: ReactNode) => ReactNode;
|
|
@@ -13,7 +14,7 @@ export type TableProps<T> = {
|
|
|
13
14
|
renderNoRecords?: () => ReactNode;
|
|
14
15
|
className?: string;
|
|
15
16
|
};
|
|
16
|
-
export declare const Table: <T>({ className, columns, records, renderHeader, renderFooter, renderColumnsRow, renderColumnsCell, renderRecordsRow, renderRecordsCell, renderRecordsEmptyCell, renderNoRecords, }: TableProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export declare const Table: <T extends ObjectLiteral>({ className, columns, records, uniqueKey, renderHeader, renderFooter, renderColumnsRow, renderColumnsCell, renderRecordsRow, renderRecordsCell, renderRecordsEmptyCell, renderNoRecords, }: TableProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
17
18
|
export declare const Th: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
|
|
18
19
|
export declare const Tr: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
|
|
19
20
|
export declare const Td: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { FontStyle, FontWeight, Position, Text as TextType } from '../../types';
|
|
3
|
+
export type TextProps = {
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
fontSize?: number;
|
|
6
|
+
as?: TextType;
|
|
7
|
+
fontWeight?: FontWeight;
|
|
8
|
+
textAlign?: Position;
|
|
9
|
+
lineHeight?: number;
|
|
10
|
+
fontStyle?: FontStyle;
|
|
11
|
+
color?: string;
|
|
12
|
+
className?: string;
|
|
13
|
+
};
|
|
14
|
+
export declare const Text: ({ className, children, fontSize, as: TextAs, fontWeight, lineHeight, textAlign, fontStyle, color, }: TextProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { ElementType, ReactElement } from 'react';
|
|
2
|
+
import { FontWeight, Position, Text } from '../../types';
|
|
3
|
+
import { StepProps } from './wizard.types';
|
|
4
|
+
type HeaderProps = {
|
|
5
|
+
titles?: string[];
|
|
6
|
+
titleAs?: Text;
|
|
7
|
+
titleFontSize?: number;
|
|
8
|
+
titleFontWeight?: FontWeight;
|
|
9
|
+
stepIndicatorFontWeight?: FontWeight;
|
|
10
|
+
hasStepIndicator?: boolean;
|
|
11
|
+
};
|
|
12
|
+
type FooterProps = {
|
|
13
|
+
Button?: ElementType;
|
|
14
|
+
nextButtonText?: string;
|
|
15
|
+
previousButtonText?: string;
|
|
16
|
+
finalizeButtonText?: string;
|
|
17
|
+
onFinalize?: () => void;
|
|
18
|
+
justifyContent?: Position;
|
|
19
|
+
gap?: number;
|
|
20
|
+
};
|
|
21
|
+
export type WizardProps = {
|
|
22
|
+
className?: string;
|
|
23
|
+
children: ReactElement[];
|
|
24
|
+
step?: number;
|
|
25
|
+
renderHeader?: (props: StepProps) => ReactElement;
|
|
26
|
+
renderFooter?: (props: StepProps) => ReactElement;
|
|
27
|
+
gap?: number;
|
|
28
|
+
header?: HeaderProps;
|
|
29
|
+
footer?: FooterProps;
|
|
30
|
+
};
|
|
31
|
+
export declare const Wizard: ({ className, children, step, renderHeader, renderFooter, gap, header, footer, }: WizardProps) => import("react/jsx-runtime").JSX.Element;
|
|
32
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { BreadcrumbItem } from './use-breadcrumb.types';
|
|
2
|
+
export type useBreadcrumbProps = {
|
|
3
|
+
url?: URL;
|
|
4
|
+
mapping?: {
|
|
5
|
+
path: string;
|
|
6
|
+
label: string;
|
|
7
|
+
}[];
|
|
8
|
+
};
|
|
9
|
+
export declare const useBreadcrumb: ({ url, mapping, }: useBreadcrumbProps) => BreadcrumbItem[];
|
package/dist/{use-match-resolution → src/hooks/use-match-resolution}/use-match-resolution.d.ts
RENAMED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { Breakpoints, MatchResolution } from './use-match-resolution.types';
|
|
2
2
|
export declare const defaultBreakpoints: Breakpoints;
|
|
3
|
-
export declare const useMatchResolution: (
|
|
3
|
+
export declare const useMatchResolution: (UA: string, breakpoints?: Breakpoints) => MatchResolution;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export type FontWeight = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
|
|
2
|
+
export type FontStyle = "normal" | "italic" | "oblique";
|
|
3
|
+
export type Position = "start" | "center" | "end";
|
|
4
|
+
export type Size = number | "auto" | "fit-content";
|
|
5
|
+
export type BorderStyle = "none" | "dotted" | "dashed" | "solid" | "double" | "groove" | "ridge" | "inset" | "outset";
|
|
6
|
+
export type Text = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "p";
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export declare const isNumber: (value: unknown) => value is number;
|
|
2
|
+
export declare const toPercentage: (value: number) => string;
|
|
3
|
+
export declare const toRem: (value: number) => string;
|
|
4
|
+
export declare const toPx: (value: number) => string;
|
|
5
|
+
export declare const toSeconds: (value: number) => string;
|
package/package.json
CHANGED
|
@@ -1,71 +1,61 @@
|
|
|
1
1
|
{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
"jest-environment-jsdom": "^30.2.0",
|
|
62
|
-
"prettier": "^3.8.1",
|
|
63
|
-
"storybook": "^10.2.13",
|
|
64
|
-
"ts-jest": "^29.4.6",
|
|
65
|
-
"typedoc": "^0.28.17",
|
|
66
|
-
"typescript": "^5.9.3",
|
|
67
|
-
"vite": "^7.3.1",
|
|
68
|
-
"vite-plugin-dts": "^4.5.4",
|
|
69
|
-
"vite-plugin-svgr": "^4.5.0"
|
|
70
|
-
}
|
|
2
|
+
"name": "@vincentgraul/react-components",
|
|
3
|
+
"version": "1.1.0",
|
|
4
|
+
"type": "module",
|
|
5
|
+
"exports": {
|
|
6
|
+
".": {
|
|
7
|
+
"types": "./dist/index.d.ts",
|
|
8
|
+
"import": "./dist/react-components.js"
|
|
9
|
+
},
|
|
10
|
+
"./styles": "./dist/react-components.css"
|
|
11
|
+
},
|
|
12
|
+
"sideEffects": [
|
|
13
|
+
"**/*.css"
|
|
14
|
+
],
|
|
15
|
+
"license": "GPL-3.0-only",
|
|
16
|
+
"repository": "https://github.com/vincentgraul/react-components.git",
|
|
17
|
+
"files": [
|
|
18
|
+
"dist"
|
|
19
|
+
],
|
|
20
|
+
"author": {
|
|
21
|
+
"name": "Vincent Graul",
|
|
22
|
+
"email": "vincent.graul@outlook.com",
|
|
23
|
+
"url": "https://vincentgraul.com"
|
|
24
|
+
},
|
|
25
|
+
"scripts": {
|
|
26
|
+
"build": "bun lint && vite build",
|
|
27
|
+
"test": "jest",
|
|
28
|
+
"lint": "biome lint",
|
|
29
|
+
"storybook": "storybook dev -p 6006",
|
|
30
|
+
"build-storybook": "storybook build"
|
|
31
|
+
},
|
|
32
|
+
"peerDependencies": {
|
|
33
|
+
"react": "^19.2.4",
|
|
34
|
+
"react-dom": "^19.2.4"
|
|
35
|
+
},
|
|
36
|
+
"dependencies": {
|
|
37
|
+
"clsx": "^2.1.1",
|
|
38
|
+
"flag-icons": "^7.5.0",
|
|
39
|
+
"lucide-react": "^1.3.0",
|
|
40
|
+
"ua-parser-js": "^2.0.9"
|
|
41
|
+
},
|
|
42
|
+
"devDependencies": {
|
|
43
|
+
"@biomejs/biome": "2.4.10",
|
|
44
|
+
"@storybook/react": "^10.3.3",
|
|
45
|
+
"@storybook/react-vite": "^10.3.3",
|
|
46
|
+
"@testing-library/react": "^16.3.2",
|
|
47
|
+
"@types/jest": "^30.0.0",
|
|
48
|
+
"@types/react": "^19.2.14",
|
|
49
|
+
"@types/react-dom": "^19.2.3",
|
|
50
|
+
"@vitejs/plugin-react": "^6.0.1",
|
|
51
|
+
"jest": "^30.3.0",
|
|
52
|
+
"jest-environment-jsdom": "^30.3.0",
|
|
53
|
+
"react": "^19.2.4",
|
|
54
|
+
"react-dom": "^19.2.4",
|
|
55
|
+
"storybook": "^10.3.3",
|
|
56
|
+
"ts-jest": "^29.4.6",
|
|
57
|
+
"typescript": "^6.0.2",
|
|
58
|
+
"vite": "^8.0.3",
|
|
59
|
+
"vite-plugin-dts": "^4.5.4"
|
|
60
|
+
}
|
|
71
61
|
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { BreadcrumbType, BreadcrumbElementType } from './breadcrumb.types';
|
|
2
|
-
export type BreadcrumbProps = BreadcrumbType & {
|
|
3
|
-
onClick: (element: BreadcrumbElementType) => void;
|
|
4
|
-
icon?: string;
|
|
5
|
-
iconSize?: number;
|
|
6
|
-
className?: string;
|
|
7
|
-
};
|
|
8
|
-
export declare const Breadcrumb: ({ className, onClick, icon, iconSize, url, mapping, }: BreadcrumbProps) => import("react/jsx-runtime").JSX.Element;
|
package/dist/card/card.d.ts
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
export type CardProps = {
|
|
3
|
-
children: ReactNode;
|
|
4
|
-
title?: string;
|
|
5
|
-
titleAs?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "p";
|
|
6
|
-
titleSize?: number;
|
|
7
|
-
titleWeight?: 400 | 500 | 600 | 700 | 800 | 900;
|
|
8
|
-
titleColor?: string;
|
|
9
|
-
titleAlign?: "start" | "center" | "end";
|
|
10
|
-
titleGap?: number;
|
|
11
|
-
backgroundColor?: string;
|
|
12
|
-
borderRadius?: number;
|
|
13
|
-
padding?: string;
|
|
14
|
-
width?: number;
|
|
15
|
-
height?: number;
|
|
16
|
-
className?: string;
|
|
17
|
-
};
|
|
18
|
-
export declare const Card: ({ className, children, title, titleAs, titleSize, titleWeight, titleColor, titleAlign, titleGap, backgroundColor, borderRadius, width, height, padding, }: CardProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { CSSProperties } from 'react';
|
|
2
|
-
import { CountrySelectorOption } from './country-selector.types';
|
|
3
|
-
import { SelectProps } from '..';
|
|
4
|
-
export type CountrySelectorProps = {
|
|
5
|
-
languages: string[];
|
|
6
|
-
value?: string;
|
|
7
|
-
flagHeight?: CSSProperties["height"];
|
|
8
|
-
onChange?: (option: CountrySelectorOption) => void;
|
|
9
|
-
className?: string;
|
|
10
|
-
};
|
|
11
|
-
export declare const CountrySelector: ({ className, value, languages, onChange, flagHeight, ...rest }: CountrySelectorProps & Omit<SelectProps, "options">) => import("react/jsx-runtime").JSX.Element | null;
|