@satoshibits/react-json-schema-builder 1.0.0 → 1.0.2
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 +142 -37
- package/dist/index.cjs10.js +1 -1
- package/dist/index.cjs10.js.map +1 -1
- package/dist/index.cjs100.js +1 -1
- package/dist/index.cjs100.js.map +1 -1
- package/dist/index.cjs101.js +1 -38
- package/dist/index.cjs101.js.map +1 -1
- package/dist/index.cjs102.js +1 -1
- package/dist/index.cjs102.js.map +1 -1
- package/dist/index.cjs103.js +1 -1
- package/dist/index.cjs103.js.map +1 -1
- package/dist/index.cjs11.js +1 -1
- package/dist/index.cjs11.js.map +1 -1
- package/dist/index.cjs12.js +1 -1
- package/dist/index.cjs12.js.map +1 -1
- package/dist/index.cjs13.js +1 -1
- package/dist/index.cjs13.js.map +1 -1
- package/dist/index.cjs14.js +1 -1
- package/dist/index.cjs14.js.map +1 -1
- package/dist/index.cjs15.js +1 -1
- package/dist/index.cjs15.js.map +1 -1
- package/dist/index.cjs16.js +1 -1
- package/dist/index.cjs16.js.map +1 -1
- package/dist/index.cjs17.js +1 -1
- package/dist/index.cjs17.js.map +1 -1
- package/dist/index.cjs18.js +1 -1
- package/dist/index.cjs18.js.map +1 -1
- package/dist/index.cjs19.js +1 -1
- package/dist/index.cjs19.js.map +1 -1
- package/dist/index.cjs2.js +1 -1
- package/dist/index.cjs2.js.map +1 -1
- package/dist/index.cjs20.js +1 -1
- package/dist/index.cjs20.js.map +1 -1
- package/dist/index.cjs21.js +1 -1
- package/dist/index.cjs21.js.map +1 -1
- package/dist/index.cjs22.js +1 -1
- package/dist/index.cjs22.js.map +1 -1
- package/dist/index.cjs23.js +1 -1
- package/dist/index.cjs23.js.map +1 -1
- package/dist/index.cjs24.js +1 -1
- package/dist/index.cjs24.js.map +1 -1
- package/dist/index.cjs25.js +1 -1
- package/dist/index.cjs25.js.map +1 -1
- package/dist/index.cjs26.js +1 -1
- package/dist/index.cjs26.js.map +1 -1
- package/dist/index.cjs27.js +1 -1
- package/dist/index.cjs27.js.map +1 -1
- package/dist/index.cjs28.js +1 -1
- package/dist/index.cjs28.js.map +1 -1
- package/dist/index.cjs29.js +6 -1
- package/dist/index.cjs29.js.map +1 -1
- package/dist/index.cjs3.js +1 -1
- package/dist/index.cjs3.js.map +1 -1
- package/dist/index.cjs30.js +1 -6
- package/dist/index.cjs30.js.map +1 -1
- package/dist/index.cjs31.js +1 -1
- package/dist/index.cjs31.js.map +1 -1
- package/dist/index.cjs32.js +1 -1
- package/dist/index.cjs32.js.map +1 -1
- package/dist/index.cjs33.js +1 -9
- package/dist/index.cjs33.js.map +1 -1
- package/dist/index.cjs34.js +1 -23
- package/dist/index.cjs34.js.map +1 -1
- package/dist/index.cjs35.js +1 -1
- package/dist/index.cjs35.js.map +1 -1
- package/dist/index.cjs36.js +1 -1
- package/dist/index.cjs36.js.map +1 -1
- package/dist/index.cjs37.js +1 -1
- package/dist/index.cjs37.js.map +1 -1
- package/dist/index.cjs38.js +1 -1
- package/dist/index.cjs38.js.map +1 -1
- package/dist/index.cjs39.js +1 -1
- package/dist/index.cjs39.js.map +1 -1
- package/dist/index.cjs4.js +1 -1
- package/dist/index.cjs4.js.map +1 -1
- package/dist/index.cjs40.js +1 -1
- package/dist/index.cjs40.js.map +1 -1
- package/dist/index.cjs41.js +1 -1
- package/dist/index.cjs41.js.map +1 -1
- package/dist/index.cjs42.js +1 -1
- package/dist/index.cjs42.js.map +1 -1
- package/dist/index.cjs43.js +6 -1
- package/dist/index.cjs43.js.map +1 -1
- package/dist/index.cjs44.js +6 -1
- package/dist/index.cjs44.js.map +1 -1
- package/dist/index.cjs45.js +6 -1
- package/dist/index.cjs45.js.map +1 -1
- package/dist/index.cjs46.js +7 -1
- package/dist/index.cjs46.js.map +1 -1
- package/dist/index.cjs47.js +1 -1
- package/dist/index.cjs47.js.map +1 -1
- package/dist/index.cjs48.js +2 -2
- package/dist/index.cjs48.js.map +1 -1
- package/dist/index.cjs49.js +2 -2
- package/dist/index.cjs49.js.map +1 -1
- package/dist/index.cjs5.js +1 -1
- package/dist/index.cjs5.js.map +1 -1
- package/dist/index.cjs50.js +2 -2
- package/dist/index.cjs50.js.map +1 -1
- package/dist/index.cjs51.js +6 -7
- package/dist/index.cjs51.js.map +1 -1
- package/dist/index.cjs52.js +1 -1
- package/dist/index.cjs52.js.map +1 -1
- package/dist/index.cjs53.js +1 -1
- package/dist/index.cjs53.js.map +1 -1
- package/dist/index.cjs54.js +5 -1
- package/dist/index.cjs54.js.map +1 -1
- package/dist/index.cjs55.js +1 -6
- package/dist/index.cjs55.js.map +1 -1
- package/dist/index.cjs56.js +1 -6
- package/dist/index.cjs56.js.map +1 -1
- package/dist/index.cjs57.js +1 -6
- package/dist/index.cjs57.js.map +1 -1
- package/dist/index.cjs58.js +1 -6
- package/dist/index.cjs58.js.map +1 -1
- package/dist/index.cjs59.js +1 -1
- package/dist/index.cjs59.js.map +1 -1
- package/dist/index.cjs6.js +1 -1
- package/dist/index.cjs6.js.map +1 -1
- package/dist/index.cjs60.js +1 -1
- package/dist/index.cjs60.js.map +1 -1
- package/dist/index.cjs61.js +1 -5
- package/dist/index.cjs61.js.map +1 -1
- package/dist/index.cjs62.js +1 -1
- package/dist/index.cjs62.js.map +1 -1
- package/dist/index.cjs64.js +1 -1
- package/dist/index.cjs64.js.map +1 -1
- package/dist/index.cjs65.js +1 -1
- package/dist/index.cjs65.js.map +1 -1
- package/dist/index.cjs66.js +1 -1
- package/dist/index.cjs66.js.map +1 -1
- package/dist/index.cjs67.js +1 -1
- package/dist/index.cjs67.js.map +1 -1
- package/dist/index.cjs68.js +1 -1
- package/dist/index.cjs68.js.map +1 -1
- package/dist/index.cjs69.js +1 -1
- package/dist/index.cjs69.js.map +1 -1
- package/dist/index.cjs7.js +1 -1
- package/dist/index.cjs7.js.map +1 -1
- package/dist/index.cjs70.js +1 -1
- package/dist/index.cjs70.js.map +1 -1
- package/dist/index.cjs71.js +1 -1
- package/dist/index.cjs71.js.map +1 -1
- package/dist/index.cjs72.js +1 -1
- package/dist/index.cjs72.js.map +1 -1
- package/dist/index.cjs73.js +1 -1
- package/dist/index.cjs73.js.map +1 -1
- package/dist/index.cjs74.js +1 -1
- package/dist/index.cjs74.js.map +1 -1
- package/dist/index.cjs75.js +1 -1
- package/dist/index.cjs75.js.map +1 -1
- package/dist/index.cjs76.js +1 -1
- package/dist/index.cjs76.js.map +1 -1
- package/dist/index.cjs77.js +1 -1
- package/dist/index.cjs77.js.map +1 -1
- package/dist/index.cjs78.js +1 -1
- package/dist/index.cjs78.js.map +1 -1
- package/dist/index.cjs79.js +1 -1
- package/dist/index.cjs79.js.map +1 -1
- package/dist/index.cjs8.js +1 -1
- package/dist/index.cjs8.js.map +1 -1
- package/dist/index.cjs80.js +1 -1
- package/dist/index.cjs80.js.map +1 -1
- package/dist/index.cjs81.js +1 -1
- package/dist/index.cjs81.js.map +1 -1
- package/dist/index.cjs82.js +1 -1
- package/dist/index.cjs82.js.map +1 -1
- package/dist/index.cjs83.js +1 -1
- package/dist/index.cjs83.js.map +1 -1
- package/dist/index.cjs84.js +1 -1
- package/dist/index.cjs84.js.map +1 -1
- package/dist/index.cjs85.js +1 -1
- package/dist/index.cjs85.js.map +1 -1
- package/dist/index.cjs86.js +1 -1
- package/dist/index.cjs86.js.map +1 -1
- package/dist/index.cjs87.js +1 -1
- package/dist/index.cjs87.js.map +1 -1
- package/dist/index.cjs88.js +4 -1
- package/dist/index.cjs88.js.map +1 -1
- package/dist/index.cjs89.js +1 -1
- package/dist/index.cjs89.js.map +1 -1
- package/dist/index.cjs9.js +1 -1
- package/dist/index.cjs9.js.map +1 -1
- package/dist/index.cjs90.js +1 -1
- package/dist/index.cjs90.js.map +1 -1
- package/dist/index.cjs91.js +1 -1
- package/dist/index.cjs91.js.map +1 -1
- package/dist/index.cjs92.js +1 -1
- package/dist/index.cjs92.js.map +1 -1
- package/dist/index.cjs93.js +1 -1
- package/dist/index.cjs93.js.map +1 -1
- package/dist/index.cjs94.js +38 -1
- package/dist/index.cjs94.js.map +1 -1
- package/dist/index.cjs95.js +1 -4
- package/dist/index.cjs95.js.map +1 -1
- package/dist/index.cjs96.js +1 -1
- package/dist/index.cjs96.js.map +1 -1
- package/dist/index.cjs97.js +1 -1
- package/dist/index.cjs97.js.map +1 -1
- package/dist/index.cjs98.js +1 -1
- package/dist/index.cjs98.js.map +1 -1
- package/dist/index.cjs99.js +1 -1
- package/dist/index.cjs99.js.map +1 -1
- package/dist/index.es10.js +46 -22
- package/dist/index.es10.js.map +1 -1
- package/dist/index.es100.js +22 -64
- package/dist/index.es100.js.map +1 -1
- package/dist/index.es101.js +12 -68
- package/dist/index.es101.js.map +1 -1
- package/dist/index.es102.js +26 -7
- package/dist/index.es102.js.map +1 -1
- package/dist/index.es103.js +5 -14
- package/dist/index.es103.js.map +1 -1
- package/dist/index.es11.js +57 -39
- package/dist/index.es11.js.map +1 -1
- package/dist/index.es12.js +23 -61
- package/dist/index.es12.js.map +1 -1
- package/dist/index.es13.js +126 -21
- package/dist/index.es13.js.map +1 -1
- package/dist/index.es14.js +12 -126
- package/dist/index.es14.js.map +1 -1
- package/dist/index.es15.js +132 -17
- package/dist/index.es15.js.map +1 -1
- package/dist/index.es16.js +133 -130
- package/dist/index.es16.js.map +1 -1
- package/dist/index.es17.js +43 -117
- package/dist/index.es17.js.map +1 -1
- package/dist/index.es18.js +9 -62
- package/dist/index.es18.js.map +1 -1
- package/dist/index.es19.js +23 -11
- package/dist/index.es19.js.map +1 -1
- package/dist/index.es2.js +5 -5
- package/dist/index.es2.js.map +1 -1
- package/dist/index.es20.js +422 -20
- package/dist/index.es20.js.map +1 -1
- package/dist/index.es21.js +5 -424
- package/dist/index.es21.js.map +1 -1
- package/dist/index.es22.js +1 -1
- package/dist/index.es22.js.map +1 -1
- package/dist/index.es23.js +1 -1
- package/dist/index.es23.js.map +1 -1
- package/dist/index.es24.js +1 -1
- package/dist/index.es24.js.map +1 -1
- package/dist/index.es25.js +1 -1
- package/dist/index.es25.js.map +1 -1
- package/dist/index.es26.js +1 -1
- package/dist/index.es26.js.map +1 -1
- package/dist/index.es27.js +5 -5
- package/dist/index.es27.js.map +1 -1
- package/dist/index.es28.js +12 -12
- package/dist/index.es28.js.map +1 -1
- package/dist/index.es29.js +13 -6
- package/dist/index.es29.js.map +1 -1
- package/dist/index.es3.js +239 -212
- package/dist/index.es3.js.map +1 -1
- package/dist/index.es30.js +17 -13
- package/dist/index.es30.js.map +1 -1
- package/dist/index.es31.js +14 -7
- package/dist/index.es31.js.map +1 -1
- package/dist/index.es32.js +2477 -2
- package/dist/index.es32.js.map +1 -1
- package/dist/index.es33.js +39 -31
- package/dist/index.es33.js.map +1 -1
- package/dist/index.es34.js +33 -406
- package/dist/index.es34.js.map +1 -1
- package/dist/index.es35.js +115 -16
- package/dist/index.es35.js.map +1 -1
- package/dist/index.es36.js +113 -14
- package/dist/index.es36.js.map +1 -1
- package/dist/index.es37.js +52 -2473
- package/dist/index.es37.js.map +1 -1
- package/dist/index.es38.js +23 -40
- package/dist/index.es38.js.map +1 -1
- package/dist/index.es39.js +45 -33
- package/dist/index.es39.js.map +1 -1
- package/dist/index.es4.js +5 -5
- package/dist/index.es4.js.map +1 -1
- package/dist/index.es40.js +79 -109
- package/dist/index.es40.js.map +1 -1
- package/dist/index.es41.js +56 -110
- package/dist/index.es41.js.map +1 -1
- package/dist/index.es42.js +824 -48
- package/dist/index.es42.js.map +1 -1
- package/dist/index.es43.js +10 -24
- package/dist/index.es43.js.map +1 -1
- package/dist/index.es44.js +10 -45
- package/dist/index.es44.js.map +1 -1
- package/dist/index.es45.js +10 -86
- package/dist/index.es45.js.map +1 -1
- package/dist/index.es46.js +120 -57
- package/dist/index.es46.js.map +1 -1
- package/dist/index.es47.js +55 -824
- package/dist/index.es47.js.map +1 -1
- package/dist/index.es48.js +15 -4
- package/dist/index.es48.js.map +1 -1
- package/dist/index.es49.js +3 -4
- package/dist/index.es49.js.map +1 -1
- package/dist/index.es5.js +62 -62
- package/dist/index.es5.js.map +1 -1
- package/dist/index.es50.js +32 -4
- package/dist/index.es50.js.map +1 -1
- package/dist/index.es51.js +17 -122
- package/dist/index.es51.js.map +1 -1
- package/dist/index.es52.js +7 -62
- package/dist/index.es52.js.map +1 -1
- package/dist/index.es53.js +5 -2
- package/dist/index.es53.js.map +1 -1
- package/dist/index.es54.js +255 -2
- package/dist/index.es54.js.map +1 -1
- package/dist/index.es55.js +21 -20
- package/dist/index.es55.js.map +1 -1
- package/dist/index.es56.js +27 -9
- package/dist/index.es56.js.map +1 -1
- package/dist/index.es57.js +7 -38
- package/dist/index.es57.js.map +1 -1
- package/dist/index.es58.js +66 -18
- package/dist/index.es58.js.map +1 -1
- package/dist/index.es59.js +29 -7
- package/dist/index.es59.js.map +1 -1
- package/dist/index.es6.js +37 -37
- package/dist/index.es6.js.map +1 -1
- package/dist/index.es60.js +5 -4
- package/dist/index.es60.js.map +1 -1
- package/dist/index.es61.js +24 -254
- package/dist/index.es61.js.map +1 -1
- package/dist/index.es62.js +32 -21
- package/dist/index.es62.js.map +1 -1
- package/dist/index.es64.js +44 -5
- package/dist/index.es64.js.map +1 -1
- package/dist/index.es65.js +7 -45
- package/dist/index.es65.js.map +1 -1
- package/dist/index.es66.js +121 -23
- package/dist/index.es66.js.map +1 -1
- package/dist/index.es67.js +12 -63
- package/dist/index.es67.js.map +1 -1
- package/dist/index.es68.js +133 -7
- package/dist/index.es68.js.map +1 -1
- package/dist/index.es69.js +10 -124
- package/dist/index.es69.js.map +1 -1
- package/dist/index.es7.js +33 -33
- package/dist/index.es7.js.map +1 -1
- package/dist/index.es70.js +214 -13
- package/dist/index.es70.js.map +1 -1
- package/dist/index.es71.js +12 -133
- package/dist/index.es71.js.map +1 -1
- package/dist/index.es72.js +7 -10
- package/dist/index.es72.js.map +1 -1
- package/dist/index.es73.js +3 -215
- package/dist/index.es73.js.map +1 -1
- package/dist/index.es74.js +28 -13
- package/dist/index.es74.js.map +1 -1
- package/dist/index.es75.js +49 -32
- package/dist/index.es75.js.map +1 -1
- package/dist/index.es76.js +9 -8
- package/dist/index.es76.js.map +1 -1
- package/dist/index.es77.js +65 -27
- package/dist/index.es77.js.map +1 -1
- package/dist/index.es78.js +12 -4
- package/dist/index.es78.js.map +1 -1
- package/dist/index.es79.js +204 -5
- package/dist/index.es79.js.map +1 -1
- package/dist/index.es8.js +87 -87
- package/dist/index.es8.js.map +1 -1
- package/dist/index.es80.js +19 -25
- package/dist/index.es80.js.map +1 -1
- package/dist/index.es81.js +389 -46
- package/dist/index.es81.js.map +1 -1
- package/dist/index.es82.js +25 -9
- package/dist/index.es82.js.map +1 -1
- package/dist/index.es83.js +29 -25
- package/dist/index.es83.js.map +1 -1
- package/dist/index.es84.js +5 -68
- package/dist/index.es84.js.map +1 -1
- package/dist/index.es85.js +5 -12
- package/dist/index.es85.js.map +1 -1
- package/dist/index.es86.js +3 -205
- package/dist/index.es86.js.map +1 -1
- package/dist/index.es87.js +23 -21
- package/dist/index.es87.js.map +1 -1
- package/dist/index.es88.js +105 -388
- package/dist/index.es88.js.map +1 -1
- package/dist/index.es89.js +14 -23
- package/dist/index.es89.js.map +1 -1
- package/dist/index.es9.js +23 -3
- package/dist/index.es9.js.map +1 -1
- package/dist/index.es90.js +521 -27
- package/dist/index.es90.js.map +1 -1
- package/dist/index.es91.js +127 -5
- package/dist/index.es91.js.map +1 -1
- package/dist/index.es92.js +129 -5
- package/dist/index.es92.js.map +1 -1
- package/dist/index.es93.js +65 -3
- package/dist/index.es93.js.map +1 -1
- package/dist/index.es94.js +69 -24
- package/dist/index.es94.js.map +1 -1
- package/dist/index.es95.js +9 -110
- package/dist/index.es95.js.map +1 -1
- package/dist/index.es96.js +14 -16
- package/dist/index.es96.js.map +1 -1
- package/dist/index.es97.js +60 -521
- package/dist/index.es97.js.map +1 -1
- package/dist/index.es98.js +3 -126
- package/dist/index.es98.js.map +1 -1
- package/dist/index.es99.js +22 -128
- package/dist/index.es99.js.map +1 -1
- package/dist/packages/builder/schema-builder.d.ts +20 -1
- package/dist/packages/builder/schema-builder.d.ts.map +1 -1
- package/dist/style.css +0 -3
- package/package.json +5 -3
- package/dist/index.cjs104.js +0 -2
- package/dist/index.cjs104.js.map +0 -1
- package/dist/index.cjs105.js +0 -2
- package/dist/index.cjs105.js.map +0 -1
- package/dist/index.cjs106.js +0 -2
- package/dist/index.cjs106.js.map +0 -1
- package/dist/index.cjs107.js +0 -2
- package/dist/index.cjs107.js.map +0 -1
- package/dist/index.cjs108.js +0 -2
- package/dist/index.cjs108.js.map +0 -1
- package/dist/index.cjs109.js +0 -2
- package/dist/index.cjs109.js.map +0 -1
- package/dist/index.cjs110.js +0 -2
- package/dist/index.cjs110.js.map +0 -1
- package/dist/index.es104.js +0 -65
- package/dist/index.es104.js.map +0 -1
- package/dist/index.es105.js +0 -7
- package/dist/index.es105.js.map +0 -1
- package/dist/index.es106.js +0 -26
- package/dist/index.es106.js.map +0 -1
- package/dist/index.es107.js +0 -26
- package/dist/index.es107.js.map +0 -1
- package/dist/index.es108.js +0 -16
- package/dist/index.es108.js.map +0 -1
- package/dist/index.es109.js +0 -31
- package/dist/index.es109.js.map +0 -1
- package/dist/index.es110.js +0 -8
- package/dist/index.es110.js.map +0 -1
package/README.md
CHANGED
|
@@ -12,6 +12,7 @@ A powerful React component for visually building and editing [JSON Schema](https
|
|
|
12
12
|
- 🎨 Customizable property rendering
|
|
13
13
|
- 🧠 Built-in schema validation
|
|
14
14
|
- 🌲 Navigation through nested object structures
|
|
15
|
+
- ✨ Customizable UI elements (navigation, property list, add button)
|
|
15
16
|
|
|
16
17
|
## Installation
|
|
17
18
|
|
|
@@ -28,12 +29,16 @@ pnpm add @satoshibits/react-json-schema-builder
|
|
|
28
29
|
Here's a simple example of how to use the SchemaBuilder component:
|
|
29
30
|
|
|
30
31
|
```tsx
|
|
31
|
-
import {
|
|
32
|
+
import {
|
|
33
|
+
SchemaBuilder,
|
|
34
|
+
SchemaProvider,
|
|
35
|
+
PluginsProvider,
|
|
36
|
+
} from "@satoshibits/react-json-schema-builder";
|
|
32
37
|
import { useState } from "react";
|
|
33
38
|
import type { JSONSchema7 } from "json-schema";
|
|
34
39
|
|
|
35
40
|
// Import the styles
|
|
36
|
-
import "@satoshibits/react-json-schema-builder/index.css"
|
|
41
|
+
import "@satoshibits/react-json-schema-builder/index.css";
|
|
37
42
|
|
|
38
43
|
// Import plugins for constraint support
|
|
39
44
|
import numberPlugin from "@satoshibits/react-json-schema-builder/plugins/number";
|
|
@@ -42,25 +47,29 @@ import arrayPlugin from "@satoshibits/react-json-schema-builder/plugins/array";
|
|
|
42
47
|
import objectPlugin from "@satoshibits/react-json-schema-builder/plugins/object";
|
|
43
48
|
|
|
44
49
|
function SchemaEditorApp() {
|
|
45
|
-
const [
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
50
|
+
const [currentSchema, setCurrentSchema] = useState<JSONSchema7>();
|
|
51
|
+
|
|
52
|
+
const initialSchema = useMemo(() => {
|
|
53
|
+
return {
|
|
54
|
+
type: "object",
|
|
55
|
+
properties: {
|
|
56
|
+
name: {
|
|
57
|
+
type: "string",
|
|
58
|
+
title: "Name",
|
|
59
|
+
description: "The user's full name",
|
|
60
|
+
},
|
|
61
|
+
age: {
|
|
62
|
+
type: "integer",
|
|
63
|
+
title: "Age",
|
|
64
|
+
description: "The user's age in years",
|
|
65
|
+
},
|
|
57
66
|
},
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
});
|
|
67
|
+
required: ["name"],
|
|
68
|
+
} satisfies JSONSchema7;
|
|
69
|
+
}, []);
|
|
61
70
|
|
|
62
71
|
const handleSchemaChange = (newSchema: JSONSchema7) => {
|
|
63
|
-
|
|
72
|
+
setCurrentSchema(newSchema);
|
|
64
73
|
console.log("Schema updated:", newSchema);
|
|
65
74
|
};
|
|
66
75
|
|
|
@@ -72,11 +81,11 @@ function SchemaEditorApp() {
|
|
|
72
81
|
<SchemaProvider>
|
|
73
82
|
<PluginsProvider>
|
|
74
83
|
<SchemaBuilder
|
|
75
|
-
|
|
84
|
+
initialSchema={initialSchema}
|
|
76
85
|
onSchemaChange={handleSchemaChange}
|
|
77
86
|
plugins={[numberPlugin, stringPlugin, arrayPlugin, objectPlugin]}
|
|
78
87
|
/>
|
|
79
|
-
</
|
|
88
|
+
</PluginsProvider>
|
|
80
89
|
</SchemaProvider>
|
|
81
90
|
</div>
|
|
82
91
|
|
|
@@ -97,25 +106,40 @@ export default SchemaEditorApp;
|
|
|
97
106
|
|
|
98
107
|
### `SchemaBuilder` Component Props
|
|
99
108
|
|
|
100
|
-
| Prop
|
|
101
|
-
|
|
|
102
|
-
| `schema`
|
|
103
|
-
| `plugins`
|
|
104
|
-
| `propertyComponent`
|
|
105
|
-
| `onSchemaChange`
|
|
106
|
-
| `onPropertyAddSuccess`
|
|
107
|
-
| `onPropertyAddError`
|
|
108
|
-
| `onPropertyChangeError`
|
|
109
|
-
| `onPropertyChangeSuccess`
|
|
109
|
+
| Prop | Type | Description |
|
|
110
|
+
| ---------------------------- | --------------------------------------------- | ---------------------------------------------------------------- |
|
|
111
|
+
| `schema` | `JSONSchema7` | The JSON Schema to edit. Should be an object schema. |
|
|
112
|
+
| `plugins` | `BaseJSONSchemaPlugin[]` | Array of constraint plugins to support different property types. |
|
|
113
|
+
| `propertyComponent` | `React.ComponentType<PropertyComponentProps>` | Optional custom component to render properties. |
|
|
114
|
+
| `onSchemaChange` | `(schema: JSONSchema7) => void` | Called whenever the schema changes. |
|
|
115
|
+
| `onPropertyAddSuccess` | `(props: PropertyAddSuccess) => void` | Called when a property is successfully added. |
|
|
116
|
+
| `onPropertyAddError` | `(props: PropertyAddError) => void` | Called when there's an error adding a property. |
|
|
117
|
+
| `onPropertyChangeError` | `(prop: Error) => void` | Called when there's an error changing a property. |
|
|
118
|
+
| `onPropertyChangeSuccess` | `() => void` | Called when a property is successfully changed. |
|
|
119
|
+
| `backButtonClassName` | `string` | Class name for the navigation bar's back button. |
|
|
120
|
+
| `propertiesListClassName` | `string` | Class name for the properties list container. |
|
|
121
|
+
| `addPropertyButtonClassName` | `string` | Class name for the Add Property button. |
|
|
122
|
+
| `navigationComponent` | `React.ComponentType<NavigationProps>` | Custom component for the navigation bar. |
|
|
123
|
+
| `addPropertyButtonComponent` | `React.ComponentType<AddPropertyButtonProps>` | Custom component for the Add Property button. |
|
|
124
|
+
|
|
125
|
+
### Navigation and Add Button Props
|
|
126
|
+
|
|
127
|
+
When providing custom navigation or add button components, they will receive these props:
|
|
110
128
|
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
129
|
+
```tsx
|
|
130
|
+
// For custom navigation
|
|
131
|
+
interface NavigationProps {
|
|
132
|
+
currentPath: string[];
|
|
133
|
+
onNavigateUp: () => void;
|
|
134
|
+
onNavigateTo: (newPath: string[]) => void;
|
|
135
|
+
isRootPath: boolean;
|
|
136
|
+
}
|
|
114
137
|
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
138
|
+
// For custom add property button
|
|
139
|
+
interface AddPropertyButtonProps {
|
|
140
|
+
onClick: () => void;
|
|
141
|
+
}
|
|
142
|
+
```
|
|
119
143
|
|
|
120
144
|
### PropertyComponentProps Interface
|
|
121
145
|
|
|
@@ -136,8 +160,78 @@ interface PropertyComponentProps {
|
|
|
136
160
|
}
|
|
137
161
|
```
|
|
138
162
|
|
|
163
|
+
### Plugins
|
|
164
|
+
|
|
165
|
+
The SchemaBuilder supports different types of constraints for properties through plugins:
|
|
166
|
+
|
|
167
|
+
- `numberPlugin`: Adds constraints like minimum, maximum, and multipleOf for number properties
|
|
168
|
+
- `stringPlugin`: Adds constraints like minLength, maxLength, pattern for string properties
|
|
169
|
+
- `arrayPlugin`: Adds constraints like minItems, maxItems, uniqueItems for array properties
|
|
170
|
+
- `objectPlugin`: Adds constraints like minProperties, maxProperties for object properties
|
|
171
|
+
|
|
139
172
|
## Advanced Usage
|
|
140
173
|
|
|
174
|
+
### Customizing UI Elements
|
|
175
|
+
|
|
176
|
+
You can customize the appearance or completely replace key UI elements:
|
|
177
|
+
|
|
178
|
+
```tsx
|
|
179
|
+
import { SchemaBuilder } from "@satoshibits/react-json-schema-builder";
|
|
180
|
+
import type {
|
|
181
|
+
NavigationProps,
|
|
182
|
+
AddPropertyButtonProps,
|
|
183
|
+
} from "@satoshibits/react-json-schema-builder";
|
|
184
|
+
|
|
185
|
+
// Custom navigation component
|
|
186
|
+
const CustomNavigation = ({
|
|
187
|
+
currentPath,
|
|
188
|
+
onNavigateUp,
|
|
189
|
+
onNavigateTo,
|
|
190
|
+
isRootPath,
|
|
191
|
+
}: NavigationProps) => (
|
|
192
|
+
<div className="my-custom-nav">
|
|
193
|
+
<button onClick={onNavigateUp} disabled={isRootPath}>
|
|
194
|
+
Go Back
|
|
195
|
+
</button>
|
|
196
|
+
<div className="breadcrumbs">
|
|
197
|
+
<span onClick={() => onNavigateTo([])}>Root</span>
|
|
198
|
+
{currentPath.map((path, index) => (
|
|
199
|
+
<span
|
|
200
|
+
key={index}
|
|
201
|
+
onClick={() => onNavigateTo(currentPath.slice(0, index + 1))}
|
|
202
|
+
>
|
|
203
|
+
/ {path}
|
|
204
|
+
</span>
|
|
205
|
+
))}
|
|
206
|
+
</div>
|
|
207
|
+
</div>
|
|
208
|
+
);
|
|
209
|
+
|
|
210
|
+
// Custom add property button
|
|
211
|
+
const CustomAddButton = ({ onClick }: AddPropertyButtonProps) => (
|
|
212
|
+
<button className="my-add-button" onClick={onClick}>
|
|
213
|
+
Add New Property
|
|
214
|
+
</button>
|
|
215
|
+
);
|
|
216
|
+
|
|
217
|
+
// Using custom components and class names
|
|
218
|
+
function CustomizedSchemaBuilder() {
|
|
219
|
+
return (
|
|
220
|
+
<SchemaBuilder
|
|
221
|
+
schema={initialSchema}
|
|
222
|
+
onSchemaChange={handleSchemaChange}
|
|
223
|
+
// Custom class names
|
|
224
|
+
backButtonClassName="my-back-button"
|
|
225
|
+
propertiesListClassName="my-properties-container"
|
|
226
|
+
addPropertyButtonClassName="my-add-btn"
|
|
227
|
+
// Custom components
|
|
228
|
+
navigationComponent={CustomNavigation}
|
|
229
|
+
addPropertyButtonComponent={CustomAddButton}
|
|
230
|
+
/>
|
|
231
|
+
);
|
|
232
|
+
}
|
|
233
|
+
```
|
|
234
|
+
|
|
141
235
|
### Custom Property Component
|
|
142
236
|
|
|
143
237
|
You can provide a custom component to render properties:
|
|
@@ -255,6 +349,17 @@ With the appropriate plugins, you can configure various constraints:
|
|
|
255
349
|
- **Array**: minItems, maxItems, uniqueItems
|
|
256
350
|
- **Object**: required properties, minProperties, maxProperties
|
|
257
351
|
|
|
352
|
+
### UI Customization
|
|
353
|
+
|
|
354
|
+
Customize the appearance of key UI elements:
|
|
355
|
+
|
|
356
|
+
- Change styles of the navigation back button with `backButtonClassName`
|
|
357
|
+
- Customize the properties container with `propertiesListClassName`
|
|
358
|
+
- Style the Add Property button with `addPropertyButtonClassName`
|
|
359
|
+
- Replace the entire navigation UI with a custom component via `navigationComponent`
|
|
360
|
+
- Replace the Add Property button with a custom component via `addPropertyButtonComponent`
|
|
361
|
+
- Customize how properties are rendered with the `propertyComponent` prop
|
|
362
|
+
|
|
258
363
|
## License
|
|
259
364
|
|
|
260
365
|
Apache 2.0
|
package/dist/index.cjs10.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),d=require("./index.cjs33.js"),u=require("./index.cjs34.js"),c=require("./index.cjs21.js"),e=u.cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-[color,box-shadow] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",{variants:{variant:{default:"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",destructive:"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40",outline:"border border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",sm:"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9"}},defaultVariants:{variant:"default",size:"default"}});function v({className:t,variant:r,size:i,asChild:n=!1,...s}){const o=n?d.Slot:"button";return a.jsx(o,{"data-slot":"button",className:c.cn(e({variant:r,size:i,className:t})),...s})}exports.Button=v;exports.buttonVariants=e;
|
|
2
2
|
//# sourceMappingURL=index.cjs10.js.map
|
package/dist/index.cjs10.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs10.js","sources":["
|
|
1
|
+
{"version":3,"file":"index.cjs10.js","sources":["../src/components/ui/button.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@/lib/utils\";\n\nconst buttonVariants = cva(\n \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-[color,box-shadow] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n {\n variants: {\n variant: {\n default:\n \"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90\",\n destructive:\n \"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40\",\n outline:\n \"border border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground\",\n secondary:\n \"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80\",\n ghost: \"hover:bg-accent hover:text-accent-foreground\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\n lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n icon: \"size-9\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n },\n);\n\nfunction Button({\n className,\n variant,\n size,\n asChild = false,\n ...props\n}: React.ComponentProps<\"button\"> &\n VariantProps<typeof buttonVariants> & {\n asChild?: boolean;\n }) {\n const Comp = asChild ? Slot : \"button\";\n\n return (\n <Comp\n data-slot=\"button\"\n className={cn(buttonVariants({ variant, size, className }))}\n {...props}\n />\n );\n}\n\nexport { Button, buttonVariants };\n"],"names":["buttonVariants","cva","Button","className","variant","size","asChild","props","Comp","Slot","jsx","cn"],"mappings":"+MAMMA,EAAiBC,EAAA,IACrB,6cACA,CACE,SAAU,CACR,QAAS,CACP,QACE,mEACF,YACE,uIACF,QACE,2FACF,UACE,yEACF,MAAO,+CACP,KAAM,iDACR,EACA,KAAM,CACJ,QAAS,gCACT,GAAI,gDACJ,GAAI,uCACJ,KAAM,QAAA,CAEV,EACA,gBAAiB,CACf,QAAS,UACT,KAAM,SAAA,CACR,CAEJ,EAEA,SAASC,EAAO,CACd,UAAAC,EACA,QAAAC,EACA,KAAAC,EACA,QAAAC,EAAU,GACV,GAAGC,CACL,EAGK,CACG,MAAAC,EAAOF,EAAUG,EAAAA,KAAO,SAG5B,OAAAC,EAAA,IAACF,EAAA,CACC,YAAU,SACV,UAAWG,KAAGX,EAAe,CAAE,QAAAI,EAAS,KAAAC,EAAM,UAAAF,CAAA,CAAW,CAAC,EACzD,GAAGI,CAAA,CACN,CAEJ"}
|
package/dist/index.cjs100.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var a={left:0,top:0,right:0,gap:0},r=function(t){return parseInt(t||"",10)||0},o=function(t){var i=window.getComputedStyle(document.body),n=i[t==="padding"?"paddingLeft":"marginLeft"],e=i[t==="padding"?"paddingTop":"marginTop"],d=i[t==="padding"?"paddingRight":"marginRight"];return[r(n),r(e),r(d)]},g=function(t){if(t===void 0&&(t="margin"),typeof window>"u")return a;var i=o(t),n=document.documentElement.clientWidth,e=window.innerWidth;return{left:i[0],top:i[1],right:i[2],gap:Math.max(0,e-n+i[2]-i[0])}};exports.getGapWidth=g;exports.zeroGap=a;
|
|
2
2
|
//# sourceMappingURL=index.cjs100.js.map
|
package/dist/index.cjs100.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs100.js","sources":["../../../node_modules/.pnpm/
|
|
1
|
+
{"version":3,"file":"index.cjs100.js","sources":["../../../node_modules/.pnpm/react-remove-scroll-bar@2.3.8_@types+react@18.3.18_react@18.3.1/node_modules/react-remove-scroll-bar/dist/es2015/utils.js"],"sourcesContent":["export var zeroGap = {\n left: 0,\n top: 0,\n right: 0,\n gap: 0,\n};\nvar parse = function (x) { return parseInt(x || '', 10) || 0; };\nvar getOffset = function (gapMode) {\n var cs = window.getComputedStyle(document.body);\n var left = cs[gapMode === 'padding' ? 'paddingLeft' : 'marginLeft'];\n var top = cs[gapMode === 'padding' ? 'paddingTop' : 'marginTop'];\n var right = cs[gapMode === 'padding' ? 'paddingRight' : 'marginRight'];\n return [parse(left), parse(top), parse(right)];\n};\nexport var getGapWidth = function (gapMode) {\n if (gapMode === void 0) { gapMode = 'margin'; }\n if (typeof window === 'undefined') {\n return zeroGap;\n }\n var offsets = getOffset(gapMode);\n var documentWidth = document.documentElement.clientWidth;\n var windowWidth = window.innerWidth;\n return {\n left: offsets[0],\n top: offsets[1],\n right: offsets[2],\n gap: Math.max(0, windowWidth - documentWidth + offsets[2] - offsets[0]),\n };\n};\n"],"names":["zeroGap","parse","x","getOffset","gapMode","cs","left","top","right","getGapWidth","offsets","documentWidth","windowWidth"],"mappings":"gFAAU,IAACA,EAAU,CACjB,KAAM,EACN,IAAK,EACL,MAAO,EACP,IAAK,CACT,EACIC,EAAQ,SAAUC,EAAG,CAAE,OAAO,SAASA,GAAK,GAAI,EAAE,GAAK,CAAI,EAC3DC,EAAY,SAAUC,EAAS,CAC/B,IAAIC,EAAK,OAAO,iBAAiB,SAAS,IAAI,EAC1CC,EAAOD,EAAGD,IAAY,UAAY,cAAgB,YAAY,EAC9DG,EAAMF,EAAGD,IAAY,UAAY,aAAe,WAAW,EAC3DI,EAAQH,EAAGD,IAAY,UAAY,eAAiB,aAAa,EACrE,MAAO,CAACH,EAAMK,CAAI,EAAGL,EAAMM,CAAG,EAAGN,EAAMO,CAAK,CAAC,CACjD,EACWC,EAAc,SAAUL,EAAS,CAExC,GADIA,IAAY,SAAUA,EAAU,UAChC,OAAO,OAAW,IAClB,OAAOJ,EAEX,IAAIU,EAAUP,EAAUC,CAAO,EAC3BO,EAAgB,SAAS,gBAAgB,YACzCC,EAAc,OAAO,WACzB,MAAO,CACH,KAAMF,EAAQ,CAAC,EACf,IAAKA,EAAQ,CAAC,EACd,MAAOA,EAAQ,CAAC,EAChB,IAAK,KAAK,IAAI,EAAGE,EAAcD,EAAgBD,EAAQ,CAAC,EAAIA,EAAQ,CAAC,CAAC,CACzE,CACL","x_google_ignoreList":[0]}
|
package/dist/index.cjs101.js
CHANGED
|
@@ -1,39 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
2
|
-
.`.concat(o.noScrollbarsClassName,` {
|
|
3
|
-
overflow: hidden `).concat(n,`;
|
|
4
|
-
padding-right: `).concat(a,"px ").concat(n,`;
|
|
5
|
-
}
|
|
6
|
-
body[`).concat(r,`] {
|
|
7
|
-
overflow: hidden `).concat(n,`;
|
|
8
|
-
overscroll-behavior: contain;
|
|
9
|
-
`).concat([c&&"position: relative ".concat(n,";"),e==="margin"&&`
|
|
10
|
-
padding-left: `.concat(i,`px;
|
|
11
|
-
padding-top: `).concat(l,`px;
|
|
12
|
-
padding-right: `).concat(d,`px;
|
|
13
|
-
margin-left:0;
|
|
14
|
-
margin-top:0;
|
|
15
|
-
margin-right: `).concat(a,"px ").concat(n,`;
|
|
16
|
-
`),e==="padding"&&"padding-right: ".concat(a,"px ").concat(n,";")].filter(Boolean).join(""),`
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.`).concat(o.zeroRightClassName,` {
|
|
20
|
-
right: `).concat(a,"px ").concat(n,`;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
.`).concat(o.fullWidthClassName,` {
|
|
24
|
-
margin-right: `).concat(a,"px ").concat(n,`;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.`).concat(o.zeroRightClassName," .").concat(o.zeroRightClassName,` {
|
|
28
|
-
right: 0 `).concat(n,`;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
.`).concat(o.fullWidthClassName," .").concat(o.fullWidthClassName,` {
|
|
32
|
-
margin-right: 0 `).concat(n,`;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
body[`).concat(r,`] {
|
|
36
|
-
`).concat(o.removedBarSizeVariable,": ").concat(a,`px;
|
|
37
|
-
}
|
|
38
|
-
`)},s=function(){var t=parseInt(document.body.getAttribute(r)||"0",10);return isFinite(t)?t:0},g=function(){u.useEffect(function(){return document.body.setAttribute(r,(s()+1).toString()),function(){var t=s()-1;t<=0?document.body.removeAttribute(r):document.body.setAttribute(r,t.toString())}},[])},y=function(t){var c=t.noRelative,e=t.noImportant,n=t.gapMode,i=n===void 0?"margin":n;g();var l=u.useMemo(function(){return p.getGapWidth(i)},[i]);return u.createElement(m,{styles:h(l,!c,i,e?"":"!important")})};exports.RemoveScrollBar=y;exports.lockAttribute=r;exports.useLockAttribute=g;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),c=require("./index.cjs102.js");function u(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const i=u(r);var a=function(){var e=c.stylesheetSingleton();return function(t,n){i.useEffect(function(){return e.add(t),function(){e.remove()}},[t&&n])}};exports.styleHookSingleton=a;
|
|
39
2
|
//# sourceMappingURL=index.cjs101.js.map
|
package/dist/index.cjs101.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs101.js","sources":["../../../node_modules/.pnpm/react-
|
|
1
|
+
{"version":3,"file":"index.cjs101.js","sources":["../../../node_modules/.pnpm/react-style-singleton@2.2.3_@types+react@18.3.18_react@18.3.1/node_modules/react-style-singleton/dist/es2015/hook.js"],"sourcesContent":["import * as React from 'react';\nimport { stylesheetSingleton } from './singleton';\n/**\n * creates a hook to control style singleton\n * @see {@link styleSingleton} for a safer component version\n * @example\n * ```tsx\n * const useStyle = styleHookSingleton();\n * ///\n * useStyle('body { overflow: hidden}');\n */\nexport var styleHookSingleton = function () {\n var sheet = stylesheetSingleton();\n return function (styles, isDynamic) {\n React.useEffect(function () {\n sheet.add(styles);\n return function () {\n sheet.remove();\n };\n }, [styles && isDynamic]);\n };\n};\n"],"names":["styleHookSingleton","sheet","stylesheetSingleton","styles","isDynamic","React"],"mappings":"kaAWU,IAACA,EAAqB,UAAY,CACxC,IAAIC,EAAQC,EAAAA,oBAAqB,EACjC,OAAO,SAAUC,EAAQC,EAAW,CAChCC,EAAM,UAAU,UAAY,CACxB,OAAAJ,EAAM,IAAIE,CAAM,EACT,UAAY,CACfF,EAAM,OAAQ,CACjB,CACb,EAAW,CAACE,GAAUC,CAAS,CAAC,CAC3B,CACL","x_google_ignoreList":[0]}
|
package/dist/index.cjs102.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index.cjs103.js");function r(){if(!document)return null;var t=document.createElement("style");t.type="text/css";var e=o.getNonce();return e&&t.setAttribute("nonce",e),t}function l(t,e){t.styleSheet?t.styleSheet.cssText=e:t.appendChild(document.createTextNode(e))}function i(t){var e=document.head||document.getElementsByTagName("head")[0];e.appendChild(t)}var u=function(){var t=0,e=null;return{add:function(n){t==0&&(e=r())&&(l(e,n),i(e)),t++},remove:function(){t--,!t&&e&&(e.parentNode&&e.parentNode.removeChild(e),e=null)}}};exports.stylesheetSingleton=u;
|
|
2
2
|
//# sourceMappingURL=index.cjs102.js.map
|
package/dist/index.cjs102.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs102.js","sources":["../../../node_modules/.pnpm/react-style-singleton@2.2.3_@types+react@18.3.18_react@
|
|
1
|
+
{"version":3,"file":"index.cjs102.js","sources":["../../../node_modules/.pnpm/react-style-singleton@2.2.3_@types+react@18.3.18_react@18.3.1/node_modules/react-style-singleton/dist/es2015/singleton.js"],"sourcesContent":["import { getNonce } from 'get-nonce';\nfunction makeStyleTag() {\n if (!document)\n return null;\n var tag = document.createElement('style');\n tag.type = 'text/css';\n var nonce = getNonce();\n if (nonce) {\n tag.setAttribute('nonce', nonce);\n }\n return tag;\n}\nfunction injectStyles(tag, css) {\n // @ts-ignore\n if (tag.styleSheet) {\n // @ts-ignore\n tag.styleSheet.cssText = css;\n }\n else {\n tag.appendChild(document.createTextNode(css));\n }\n}\nfunction insertStyleTag(tag) {\n var head = document.head || document.getElementsByTagName('head')[0];\n head.appendChild(tag);\n}\nexport var stylesheetSingleton = function () {\n var counter = 0;\n var stylesheet = null;\n return {\n add: function (style) {\n if (counter == 0) {\n if ((stylesheet = makeStyleTag())) {\n injectStyles(stylesheet, style);\n insertStyleTag(stylesheet);\n }\n }\n counter++;\n },\n remove: function () {\n counter--;\n if (!counter && stylesheet) {\n stylesheet.parentNode && stylesheet.parentNode.removeChild(stylesheet);\n stylesheet = null;\n }\n },\n };\n};\n"],"names":["makeStyleTag","tag","nonce","getNonce","injectStyles","css","insertStyleTag","head","stylesheetSingleton","counter","stylesheet","style"],"mappings":"qHACA,SAASA,GAAe,CACpB,GAAI,CAAC,SACD,OAAO,KACX,IAAIC,EAAM,SAAS,cAAc,OAAO,EACxCA,EAAI,KAAO,WACX,IAAIC,EAAQC,EAAAA,SAAU,EACtB,OAAID,GACAD,EAAI,aAAa,QAASC,CAAK,EAE5BD,CACX,CACA,SAASG,EAAaH,EAAKI,EAAK,CAExBJ,EAAI,WAEJA,EAAI,WAAW,QAAUI,EAGzBJ,EAAI,YAAY,SAAS,eAAeI,CAAG,CAAC,CAEpD,CACA,SAASC,EAAeL,EAAK,CACzB,IAAIM,EAAO,SAAS,MAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC,EACnEA,EAAK,YAAYN,CAAG,CACxB,CACU,IAACO,EAAsB,UAAY,CACzC,IAAIC,EAAU,EACVC,EAAa,KACjB,MAAO,CACH,IAAK,SAAUC,EAAO,CACdF,GAAW,IACNC,EAAaV,OACdI,EAAaM,EAAYC,CAAK,EAC9BL,EAAeI,CAAU,GAGjCD,GACH,EACD,OAAQ,UAAY,CAChBA,IACI,CAACA,GAAWC,IACZA,EAAW,YAAcA,EAAW,WAAW,YAAYA,CAAU,EACrEA,EAAa,KAEpB,CACJ,CACL","x_google_ignoreList":[0]}
|
package/dist/index.cjs103.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e=function(){if(typeof __webpack_nonce__<"u")return __webpack_nonce__};exports.getNonce=e;
|
|
2
2
|
//# sourceMappingURL=index.cjs103.js.map
|
package/dist/index.cjs103.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs103.js","sources":["../../../node_modules/.pnpm/
|
|
1
|
+
{"version":3,"file":"index.cjs103.js","sources":["../../../node_modules/.pnpm/get-nonce@1.0.1/node_modules/get-nonce/dist/es2015/index.js"],"sourcesContent":["var currentNonce;\nexport var setNonce = function (nonce) {\n currentNonce = nonce;\n};\nexport var getNonce = function () {\n if (currentNonce) {\n return currentNonce;\n }\n if (typeof __webpack_nonce__ !== 'undefined') {\n return __webpack_nonce__;\n }\n return undefined;\n};\n"],"names":["getNonce"],"mappings":"gFAIU,IAACA,EAAW,UAAY,CAI9B,GAAI,OAAO,kBAAsB,IAC7B,OAAO,iBAGf","x_google_ignoreList":[0]}
|
package/dist/index.cjs11.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),c=require("./index.cjs33.js"),a=require("./index.cjs21.js"),u=require("./index.cjs26.js");function i({...r}){return t.jsx("nav",{"aria-label":"breadcrumb","data-slot":"breadcrumb",...r})}function o({className:r,...e}){return t.jsx("ol",{"data-slot":"breadcrumb-list",className:a.cn("text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",r),...e})}function d({className:r,...e}){return t.jsx("li",{"data-slot":"breadcrumb-item",className:a.cn("inline-flex items-center gap-1.5",r),...e})}function m({asChild:r,className:e,...n}){const s=r?c.Slot:"a";return t.jsx(s,{"data-slot":"breadcrumb-link",className:a.cn("hover:text-foreground transition-colors",e),...n})}function l({children:r,className:e,...n}){return t.jsx("li",{"data-slot":"breadcrumb-separator",role:"presentation","aria-hidden":"true",className:a.cn("[&>svg]:size-3.5",e),...n,children:r??t.jsx(u.default,{})})}exports.Breadcrumb=i;exports.BreadcrumbItem=d;exports.BreadcrumbLink=m;exports.BreadcrumbList=o;exports.BreadcrumbSeparator=l;
|
|
2
2
|
//# sourceMappingURL=index.cjs11.js.map
|
package/dist/index.cjs11.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs11.js","sources":["../src/components/ui/
|
|
1
|
+
{"version":3,"file":"index.cjs11.js","sources":["../src/components/ui/breadcrumb.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { ChevronRight, MoreHorizontal } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Breadcrumb({ ...props }: React.ComponentProps<\"nav\">) {\n return <nav aria-label=\"breadcrumb\" data-slot=\"breadcrumb\" {...props} />\n}\n\nfunction BreadcrumbList({ className, ...props }: React.ComponentProps<\"ol\">) {\n return (\n <ol\n data-slot=\"breadcrumb-list\"\n className={cn(\n \"text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction BreadcrumbItem({ className, ...props }: React.ComponentProps<\"li\">) {\n return (\n <li\n data-slot=\"breadcrumb-item\"\n className={cn(\"inline-flex items-center gap-1.5\", className)}\n {...props}\n />\n )\n}\n\nfunction BreadcrumbLink({\n asChild,\n className,\n ...props\n}: React.ComponentProps<\"a\"> & {\n asChild?: boolean\n}) {\n const Comp = asChild ? Slot : \"a\"\n\n return (\n <Comp\n data-slot=\"breadcrumb-link\"\n className={cn(\"hover:text-foreground transition-colors\", className)}\n {...props}\n />\n )\n}\n\nfunction BreadcrumbPage({ className, ...props }: React.ComponentProps<\"span\">) {\n return (\n <span\n data-slot=\"breadcrumb-page\"\n role=\"link\"\n aria-disabled=\"true\"\n aria-current=\"page\"\n className={cn(\"text-foreground font-normal\", className)}\n {...props}\n />\n )\n}\n\nfunction BreadcrumbSeparator({\n children,\n className,\n ...props\n}: React.ComponentProps<\"li\">) {\n return (\n <li\n data-slot=\"breadcrumb-separator\"\n role=\"presentation\"\n aria-hidden=\"true\"\n className={cn(\"[&>svg]:size-3.5\", className)}\n {...props}\n >\n {children ?? <ChevronRight />}\n </li>\n )\n}\n\nfunction BreadcrumbEllipsis({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n <span\n data-slot=\"breadcrumb-ellipsis\"\n role=\"presentation\"\n aria-hidden=\"true\"\n className={cn(\"flex size-9 items-center justify-center\", className)}\n {...props}\n >\n <MoreHorizontal className=\"size-4\" />\n <span className=\"sr-only\">More</span>\n </span>\n )\n}\n\nexport {\n Breadcrumb,\n BreadcrumbList,\n BreadcrumbItem,\n BreadcrumbLink,\n BreadcrumbPage,\n BreadcrumbSeparator,\n BreadcrumbEllipsis,\n}\n"],"names":["Breadcrumb","props","BreadcrumbList","className","jsx","cn","BreadcrumbItem","BreadcrumbLink","asChild","Comp","Slot","BreadcrumbSeparator","children","ChevronRight"],"mappings":"+MAMA,SAASA,EAAW,CAAE,GAAGC,GAAsC,CAC7D,aAAQ,MAAI,CAAA,aAAW,aAAa,YAAU,aAAc,GAAGA,EAAO,CACxE,CAEA,SAASC,EAAe,CAAE,UAAAC,EAAW,GAAGF,GAAqC,CAEzE,OAAAG,EAAA,IAAC,KAAA,CACC,YAAU,kBACV,UAAWC,EAAA,GACT,2FACAF,CACF,EACC,GAAGF,CAAA,CACN,CAEJ,CAEA,SAASK,EAAe,CAAE,UAAAH,EAAW,GAAGF,GAAqC,CAEzE,OAAAG,EAAA,IAAC,KAAA,CACC,YAAU,kBACV,UAAWC,EAAAA,GAAG,mCAAoCF,CAAS,EAC1D,GAAGF,CAAA,CACN,CAEJ,CAEA,SAASM,EAAe,CACtB,QAAAC,EACA,UAAAL,EACA,GAAGF,CACL,EAEG,CACK,MAAAQ,EAAOD,EAAUE,EAAAA,KAAO,IAG5B,OAAAN,EAAA,IAACK,EAAA,CACC,YAAU,kBACV,UAAWJ,EAAAA,GAAG,0CAA2CF,CAAS,EACjE,GAAGF,CAAA,CACN,CAEJ,CAeA,SAASU,EAAoB,CAC3B,SAAAC,EACA,UAAAT,EACA,GAAGF,CACL,EAA+B,CAE3B,OAAAG,EAAA,IAAC,KAAA,CACC,YAAU,uBACV,KAAK,eACL,cAAY,OACZ,UAAWC,EAAAA,GAAG,mBAAoBF,CAAS,EAC1C,GAAGF,EAEH,SAAAW,SAAaC,EAAAA,QAAa,CAAA,CAAA,CAAA,CAC7B,CAEJ"}
|
package/dist/index.cjs12.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index.cjs35.js"),n=require("./index.cjs21.js");function i({className:r,...s}){return e.jsx(t.Root,{"data-slot":"switch",className:n.cn("peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 inline-flex h-5 w-9 shrink-0 items-center rounded-full border-2 border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",r),...s,children:e.jsx(t.Thumb,{"data-slot":"switch-thumb",className:n.cn("bg-background pointer-events-none block size-4 rounded-full ring-0 shadow-lg transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0")})})}exports.Switch=i;
|
|
2
2
|
//# sourceMappingURL=index.cjs12.js.map
|
package/dist/index.cjs12.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs12.js","sources":["../src/components/ui/
|
|
1
|
+
{"version":3,"file":"index.cjs12.js","sources":["../src/components/ui/switch.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as SwitchPrimitive from \"@radix-ui/react-switch\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Switch({\n className,\n ...props\n}: React.ComponentProps<typeof SwitchPrimitive.Root>) {\n return (\n <SwitchPrimitive.Root\n data-slot=\"switch\"\n className={cn(\n \"peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 inline-flex h-5 w-9 shrink-0 items-center rounded-full border-2 border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50\",\n className\n )}\n {...props}\n >\n <SwitchPrimitive.Thumb\n data-slot=\"switch-thumb\"\n className={cn(\n \"bg-background pointer-events-none block size-4 rounded-full ring-0 shadow-lg transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0\"\n )}\n />\n </SwitchPrimitive.Root>\n )\n}\n\nexport { Switch }\n"],"names":["Switch","className","props","jsx","SwitchPrimitive.Root","cn","SwitchPrimitive.Thumb"],"mappings":"iLAKA,SAASA,EAAO,CACd,UAAAC,EACA,GAAGC,CACL,EAAsD,CAElD,OAAAC,EAAA,IAACC,EAAgB,KAAhB,CACC,YAAU,SACV,UAAWC,EAAA,GACT,8TACAJ,CACF,EACC,GAAGC,EAEJ,SAAAC,EAAA,IAACG,EAAgB,MAAhB,CACC,YAAU,eACV,UAAWD,EAAA,GACT,2KAAA,CACF,CAAA,CACF,CACF,CAEJ"}
|
package/dist/index.cjs13.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("./index.cjs42.js"),l=require("./index.cjs21.js"),n=require("./index.cjs43.js"),d=require("./index.cjs44.js"),u=require("./index.cjs45.js");function p({...t}){return e.jsx(s.Root,{"data-slot":"select",...t})}function m({...t}){return e.jsx(s.Value,{"data-slot":"select-value",...t})}function f({className:t,children:a,...r}){return e.jsxs(s.Trigger,{"data-slot":"select-trigger","data-testid":"select-trigger",className:l.cn("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive flex h-9 w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",t),...r,children:[a,e.jsx(s.Icon,{asChild:!0,children:e.jsx(n.default,{className:"size-4 opacity-50"})})]})}function g({className:t,children:a,position:r="popper",...c}){return e.jsx(s.Portal,{children:e.jsxs(s.Content,{"data-slot":"select-content",className:l.cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border shadow-md",r==="popper"&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",t),position:r,...c,children:[e.jsx(o,{}),e.jsx(s.Viewport,{className:l.cn("p-1",r==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),children:a}),e.jsx(i,{})]})})}function x({className:t,children:a,...r}){return e.jsxs(s.Item,{"data-slot":"select-item",className:l.cn("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",t),...r,children:[e.jsx("span",{className:"absolute right-2 flex size-3.5 items-center justify-center",children:e.jsx(s.ItemIndicator,{children:e.jsx(d.default,{className:"size-4"})})}),e.jsx(s.ItemText,{children:a})]})}function o({className:t,...a}){return e.jsx(s.ScrollUpButton,{"data-slot":"select-scroll-up-button",className:l.cn("flex cursor-default items-center justify-center py-1",t),...a,children:e.jsx(u.default,{className:"size-4"})})}function i({className:t,...a}){return e.jsx(s.ScrollDownButton,{"data-slot":"select-scroll-down-button",className:l.cn("flex cursor-default items-center justify-center py-1",t),...a,children:e.jsx(n.default,{className:"size-4"})})}exports.Select=p;exports.SelectContent=g;exports.SelectItem=x;exports.SelectScrollDownButton=i;exports.SelectScrollUpButton=o;exports.SelectTrigger=f;exports.SelectValue=m;
|
|
2
2
|
//# sourceMappingURL=index.cjs13.js.map
|
package/dist/index.cjs13.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs13.js","sources":["../src/components/ui/
|
|
1
|
+
{"version":3,"file":"index.cjs13.js","sources":["../src/components/ui/select.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from \"lucide-react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Select({\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Root>) {\n return <SelectPrimitive.Root data-slot=\"select\" {...props} />;\n}\n\nfunction SelectGroup({\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Group>) {\n return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />;\n}\n\nfunction SelectValue({\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Value>) {\n return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />;\n}\n\nfunction SelectTrigger({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger>) {\n return (\n <SelectPrimitive.Trigger\n data-slot=\"select-trigger\"\n data-testid=\"select-trigger\"\n className={cn(\n \"border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive flex h-9 w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className,\n )}\n {...props}\n >\n {children}\n <SelectPrimitive.Icon asChild>\n <ChevronDownIcon className=\"size-4 opacity-50\" />\n </SelectPrimitive.Icon>\n </SelectPrimitive.Trigger>\n );\n}\n\nfunction SelectContent({\n className,\n children,\n position = \"popper\",\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Content>) {\n return (\n <SelectPrimitive.Portal>\n <SelectPrimitive.Content\n data-slot=\"select-content\"\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border shadow-md\",\n position === \"popper\" &&\n \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n className,\n )}\n position={position}\n {...props}\n >\n <SelectScrollUpButton />\n <SelectPrimitive.Viewport\n className={cn(\n \"p-1\",\n position === \"popper\" &&\n \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1\",\n )}\n >\n {children}\n </SelectPrimitive.Viewport>\n <SelectScrollDownButton />\n </SelectPrimitive.Content>\n </SelectPrimitive.Portal>\n );\n}\n\nfunction SelectLabel({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Label>) {\n return (\n <SelectPrimitive.Label\n data-slot=\"select-label\"\n className={cn(\"px-2 py-1.5 text-sm font-medium\", className)}\n {...props}\n />\n );\n}\n\nfunction SelectItem({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Item>) {\n return (\n <SelectPrimitive.Item\n data-slot=\"select-item\"\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\n className,\n )}\n {...props}\n >\n <span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\n <SelectPrimitive.ItemIndicator>\n <CheckIcon className=\"size-4\" />\n </SelectPrimitive.ItemIndicator>\n </span>\n <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n </SelectPrimitive.Item>\n );\n}\n\nfunction SelectSeparator({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n return (\n <SelectPrimitive.Separator\n data-slot=\"select-separator\"\n className={cn(\"bg-border pointer-events-none -mx-1 my-1 h-px\", className)}\n {...props}\n />\n );\n}\n\nfunction SelectScrollUpButton({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n return (\n <SelectPrimitive.ScrollUpButton\n data-slot=\"select-scroll-up-button\"\n className={cn(\n \"flex cursor-default items-center justify-center py-1\",\n className,\n )}\n {...props}\n >\n <ChevronUpIcon className=\"size-4\" />\n </SelectPrimitive.ScrollUpButton>\n );\n}\n\nfunction SelectScrollDownButton({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n return (\n <SelectPrimitive.ScrollDownButton\n data-slot=\"select-scroll-down-button\"\n className={cn(\n \"flex cursor-default items-center justify-center py-1\",\n className,\n )}\n {...props}\n >\n <ChevronDownIcon className=\"size-4\" />\n </SelectPrimitive.ScrollDownButton>\n );\n}\n\nexport {\n Select,\n SelectContent,\n SelectGroup,\n SelectItem,\n SelectLabel,\n SelectScrollDownButton,\n SelectScrollUpButton,\n SelectSeparator,\n SelectTrigger,\n SelectValue,\n};\n"],"names":["Select","props","SelectPrimitive.Root","SelectValue","SelectPrimitive.Value","SelectTrigger","className","children","jsxs","SelectPrimitive.Trigger","cn","jsx","SelectPrimitive.Icon","ChevronDownIcon","SelectContent","position","SelectPrimitive.Portal","SelectPrimitive.Content","SelectScrollUpButton","SelectPrimitive.Viewport","SelectScrollDownButton","SelectItem","SelectPrimitive.Item","SelectPrimitive.ItemIndicator","CheckIcon","SelectPrimitive.ItemText","SelectPrimitive.ScrollUpButton","ChevronUpIcon","SelectPrimitive.ScrollDownButton"],"mappings":"2QAQA,SAASA,EAAO,CACd,GAAGC,CACL,EAAsD,CACpD,aAAQC,EAAAA,KAAA,CAAqB,YAAU,SAAU,GAAGD,EAAO,CAC7D,CAQA,SAASE,EAAY,CACnB,GAAGF,CACL,EAAuD,CACrD,aAAQG,EAAAA,MAAA,CAAsB,YAAU,eAAgB,GAAGH,EAAO,CACpE,CAEA,SAASI,EAAc,CACrB,UAAAC,EACA,SAAAC,EACA,GAAGN,CACL,EAAyD,CAErD,OAAAO,EAAA,KAACC,EAAgB,QAAhB,CACC,YAAU,iBACV,cAAY,iBACZ,UAAWC,EAAA,GACT,guBACAJ,CACF,EACC,GAAGL,EAEH,SAAA,CAAAM,EACDI,EAAAA,IAACC,EAAgB,KAAhB,CAAqB,QAAO,GAC3B,SAACD,EAAA,IAAAE,UAAA,CAAgB,UAAU,mBAAoB,CAAA,CACjD,CAAA,CAAA,CAAA,CACF,CAEJ,CAEA,SAASC,EAAc,CACrB,UAAAR,EACA,SAAAC,EACA,SAAAQ,EAAW,SACX,GAAGd,CACL,EAAyD,CAErD,OAAAU,MAACK,EAAAA,OAAA,CACC,SAAAR,EAAA,KAACS,EAAgB,QAAhB,CACC,YAAU,iBACV,UAAWP,EAAA,GACT,scACAK,IAAa,UACX,kIACFT,CACF,EACA,SAAAS,EACC,GAAGd,EAEJ,SAAA,CAAAU,EAAA,IAACO,EAAqB,EAAA,EACtBP,EAAA,IAACQ,EAAgB,SAAhB,CACC,UAAWT,EAAA,GACT,MACAK,IAAa,UACX,qGACJ,EAEC,SAAAR,CAAA,CACH,QACCa,EAAuB,CAAA,CAAA,CAAA,CAAA,CAAA,EAE5B,CAEJ,CAeA,SAASC,EAAW,CAClB,UAAAf,EACA,SAAAC,EACA,GAAGN,CACL,EAAsD,CAElD,OAAAO,EAAA,KAACc,EAAgB,KAAhB,CACC,YAAU,cACV,UAAWZ,EAAA,GACT,4aACAJ,CACF,EACC,GAAGL,EAEJ,SAAA,CAAAU,EAAA,IAAC,OAAK,CAAA,UAAU,6DACd,SAAAA,EAAAA,IAACY,EAAgB,cAAhB,CACC,SAAAZ,EAAAA,IAACa,EAAAA,QAAU,CAAA,UAAU,QAAS,CAAA,CAChC,CAAA,EACF,EACCb,MAAAc,EAAAA,SAAA,CAA0B,SAAAlB,CAAS,CAAA,CAAA,CAAA,CACtC,CAEJ,CAeA,SAASW,EAAqB,CAC5B,UAAAZ,EACA,GAAGL,CACL,EAAgE,CAE5D,OAAAU,EAAA,IAACe,EAAgB,eAAhB,CACC,YAAU,0BACV,UAAWhB,EAAA,GACT,uDACAJ,CACF,EACC,GAAGL,EAEJ,SAAAU,EAAAA,IAACgB,EAAAA,QAAc,CAAA,UAAU,QAAS,CAAA,CAAA,CACpC,CAEJ,CAEA,SAASP,EAAuB,CAC9B,UAAAd,EACA,GAAGL,CACL,EAAkE,CAE9D,OAAAU,EAAA,IAACiB,EAAgB,iBAAhB,CACC,YAAU,4BACV,UAAWlB,EAAA,GACT,uDACAJ,CACF,EACC,GAAGL,EAEJ,SAAAU,EAAAA,IAACE,EAAAA,QAAgB,CAAA,UAAU,QAAS,CAAA,CAAA,CACtC,CAEJ"}
|
package/dist/index.cjs14.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("./index.cjs30.js"),a=require("./index.cjs21.js");function r({className:e,...t}){return n.jsx(o.Root,{"data-slot":"label",className:a.cn("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",e),...t})}exports.Label=r;
|
|
2
2
|
//# sourceMappingURL=index.cjs14.js.map
|