@new-black/lyra 1.0.23 → 1.0.25
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 +30 -0
- package/dist/components/table/table.d.ts.map +1 -1
- package/dist/components/table/table.styles.d.ts +28 -0
- package/dist/components/table/table.styles.d.ts.map +1 -1
- package/dist/components/table/table.types.d.ts +2 -1
- package/dist/components/table/table.types.d.ts.map +1 -1
- package/dist/lyra16.cjs +1 -1
- package/dist/lyra16.js +1 -1
- package/dist/lyra36.cjs +1 -1
- package/dist/lyra36.js +2 -2
- package/dist/lyra37.cjs +1 -1
- package/dist/lyra37.js +3 -3
- package/dist/lyra43.cjs +1 -1
- package/dist/lyra43.js +1 -1
- package/dist/lyra452.cjs +1 -1
- package/dist/lyra452.cjs.map +1 -1
- package/dist/lyra452.js +92 -1
- package/dist/lyra452.js.map +1 -1
- package/dist/lyra453.cjs +1 -1
- package/dist/lyra453.cjs.map +1 -1
- package/dist/lyra453.js +44 -14
- package/dist/lyra453.js.map +1 -1
- package/dist/lyra454.cjs +1 -1
- package/dist/lyra454.cjs.map +1 -1
- package/dist/lyra454.js +1 -16
- package/dist/lyra454.js.map +1 -1
- package/dist/lyra455.cjs +1 -1
- package/dist/lyra455.cjs.map +1 -1
- package/dist/lyra455.js +14 -12
- package/dist/lyra455.js.map +1 -1
- package/dist/lyra456.cjs +1 -1
- package/dist/lyra456.cjs.map +1 -1
- package/dist/lyra456.js +14 -90
- package/dist/lyra456.js.map +1 -1
- package/dist/lyra457.cjs +1 -1
- package/dist/lyra457.cjs.map +1 -1
- package/dist/lyra457.js +12 -44
- package/dist/lyra457.js.map +1 -1
- package/dist/lyra459.cjs +1 -1
- package/dist/lyra459.js +1 -1
- package/dist/lyra461.cjs +1 -1
- package/dist/lyra461.js +1 -1
- package/dist/lyra462.cjs +1 -1
- package/dist/lyra462.js +4 -4
- package/dist/lyra463.cjs +1 -1
- package/dist/lyra463.js +2 -2
- package/dist/lyra464.cjs +1 -1
- package/dist/lyra464.js +1 -1
- package/dist/lyra465.cjs +1 -1
- package/dist/lyra465.js +1 -1
- package/dist/lyra469.cjs +1 -10
- package/dist/lyra469.cjs.map +1 -1
- package/dist/lyra469.js +7 -96
- package/dist/lyra469.js.map +1 -1
- package/dist/lyra470.cjs +1 -1
- package/dist/lyra470.cjs.map +1 -1
- package/dist/lyra470.js +6 -305
- package/dist/lyra470.js.map +1 -1
- package/dist/lyra471.cjs +1 -1
- package/dist/lyra471.cjs.map +1 -1
- package/dist/lyra471.js +7 -56
- package/dist/lyra471.js.map +1 -1
- package/dist/lyra472.cjs +1 -13
- package/dist/lyra472.cjs.map +1 -1
- package/dist/lyra472.js +6 -1679
- package/dist/lyra472.js.map +1 -1
- package/dist/lyra473.cjs +1 -1
- package/dist/lyra473.cjs.map +1 -1
- package/dist/lyra473.js +7 -9
- package/dist/lyra473.js.map +1 -1
- package/dist/lyra474.cjs +1 -1
- package/dist/lyra474.cjs.map +1 -1
- package/dist/lyra474.js +2 -2
- package/dist/lyra474.js.map +1 -1
- package/dist/lyra475.cjs +1 -1
- package/dist/lyra475.cjs.map +1 -1
- package/dist/lyra475.js +6 -6
- package/dist/lyra475.js.map +1 -1
- package/dist/lyra476.cjs +1 -1
- package/dist/lyra476.cjs.map +1 -1
- package/dist/lyra476.js +3 -3
- package/dist/lyra476.js.map +1 -1
- package/dist/lyra477.cjs +1 -1
- package/dist/lyra477.cjs.map +1 -1
- package/dist/lyra477.js +2 -2
- package/dist/lyra477.js.map +1 -1
- package/dist/lyra478.cjs +1 -1
- package/dist/lyra478.cjs.map +1 -1
- package/dist/lyra478.js +3 -3
- package/dist/lyra478.js.map +1 -1
- package/dist/lyra479.cjs +1 -1
- package/dist/lyra479.cjs.map +1 -1
- package/dist/lyra479.js +5 -5
- package/dist/lyra479.js.map +1 -1
- package/dist/lyra480.cjs +1 -1
- package/dist/lyra480.cjs.map +1 -1
- package/dist/lyra480.js +6 -6
- package/dist/lyra480.js.map +1 -1
- package/dist/lyra481.cjs +1 -1
- package/dist/lyra481.cjs.map +1 -1
- package/dist/lyra481.js +3 -3
- package/dist/lyra481.js.map +1 -1
- package/dist/lyra482.cjs +1 -1
- package/dist/lyra482.cjs.map +1 -1
- package/dist/lyra482.js +2 -2
- package/dist/lyra482.js.map +1 -1
- package/dist/lyra483.cjs +1 -1
- package/dist/lyra483.cjs.map +1 -1
- package/dist/lyra483.js +3 -3
- package/dist/lyra483.js.map +1 -1
- package/dist/lyra484.cjs +1 -1
- package/dist/lyra484.cjs.map +1 -1
- package/dist/lyra484.js +6 -6
- package/dist/lyra484.js.map +1 -1
- package/dist/lyra485.cjs +1 -1
- package/dist/lyra485.cjs.map +1 -1
- package/dist/lyra485.js +6 -6
- package/dist/lyra485.js.map +1 -1
- package/dist/lyra486.cjs +1 -1
- package/dist/lyra486.cjs.map +1 -1
- package/dist/lyra486.js +3 -3
- package/dist/lyra486.js.map +1 -1
- package/dist/lyra487.cjs +1 -1
- package/dist/lyra487.cjs.map +1 -1
- package/dist/lyra487.js +2 -2
- package/dist/lyra487.js.map +1 -1
- package/dist/lyra488.cjs +1 -1
- package/dist/lyra488.cjs.map +1 -1
- package/dist/lyra488.js +3 -3
- package/dist/lyra488.js.map +1 -1
- package/dist/lyra489.cjs +1 -1
- package/dist/lyra489.cjs.map +1 -1
- package/dist/lyra489.js +6 -6
- package/dist/lyra489.js.map +1 -1
- package/dist/lyra49.cjs +1 -1
- package/dist/lyra49.js +1 -1
- package/dist/lyra490.cjs +1 -1
- package/dist/lyra490.cjs.map +1 -1
- package/dist/lyra490.js +3 -3
- package/dist/lyra490.js.map +1 -1
- package/dist/lyra491.cjs +1 -1
- package/dist/lyra491.cjs.map +1 -1
- package/dist/lyra491.js +3 -3
- package/dist/lyra491.js.map +1 -1
- package/dist/lyra492.cjs +1 -1
- package/dist/lyra492.cjs.map +1 -1
- package/dist/lyra492.js +2 -2
- package/dist/lyra492.js.map +1 -1
- package/dist/lyra493.cjs +1 -1
- package/dist/lyra493.cjs.map +1 -1
- package/dist/lyra493.js +3 -3
- package/dist/lyra493.js.map +1 -1
- package/dist/lyra494.cjs +1 -1
- package/dist/lyra494.cjs.map +1 -1
- package/dist/lyra494.js +5 -5
- package/dist/lyra494.js.map +1 -1
- package/dist/lyra495.cjs +1 -1
- package/dist/lyra495.cjs.map +1 -1
- package/dist/lyra495.js +3 -3
- package/dist/lyra495.js.map +1 -1
- package/dist/lyra496.cjs +1 -1
- package/dist/lyra496.cjs.map +1 -1
- package/dist/lyra496.js +2 -2
- package/dist/lyra496.js.map +1 -1
- package/dist/lyra497.cjs +1 -1
- package/dist/lyra497.cjs.map +1 -1
- package/dist/lyra497.js +2 -2
- package/dist/lyra497.js.map +1 -1
- package/dist/lyra498.cjs +1 -1
- package/dist/lyra498.cjs.map +1 -1
- package/dist/lyra498.js +3 -3
- package/dist/lyra498.js.map +1 -1
- package/dist/lyra499.cjs +1 -1
- package/dist/lyra499.cjs.map +1 -1
- package/dist/lyra499.js +6 -6
- package/dist/lyra499.js.map +1 -1
- package/dist/lyra50.cjs +1 -1
- package/dist/lyra50.js +2 -2
- package/dist/lyra500.cjs +1 -1
- package/dist/lyra500.cjs.map +1 -1
- package/dist/lyra500.js +5 -5
- package/dist/lyra500.js.map +1 -1
- package/dist/lyra501.cjs +1 -1
- package/dist/lyra501.cjs.map +1 -1
- package/dist/lyra501.js +6 -6
- package/dist/lyra501.js.map +1 -1
- package/dist/lyra502.cjs +1 -1
- package/dist/lyra502.cjs.map +1 -1
- package/dist/lyra502.js +3 -3
- package/dist/lyra502.js.map +1 -1
- package/dist/lyra503.cjs +1 -1
- package/dist/lyra503.cjs.map +1 -1
- package/dist/lyra503.js +6 -7
- package/dist/lyra503.js.map +1 -1
- package/dist/lyra504.cjs +1 -1
- package/dist/lyra504.cjs.map +1 -1
- package/dist/lyra504.js +78 -7
- package/dist/lyra504.js.map +1 -1
- package/dist/lyra505.cjs +1 -1
- package/dist/lyra505.cjs.map +1 -1
- package/dist/lyra505.js +257 -6
- package/dist/lyra505.js.map +1 -1
- package/dist/lyra506.cjs +1 -1
- package/dist/lyra506.cjs.map +1 -1
- package/dist/lyra506.js +27 -7
- package/dist/lyra506.js.map +1 -1
- package/dist/lyra507.cjs +1 -1
- package/dist/lyra507.cjs.map +1 -1
- package/dist/lyra507.js +30 -7
- package/dist/lyra507.js.map +1 -1
- package/dist/lyra508.cjs +1 -1
- package/dist/lyra508.cjs.map +1 -1
- package/dist/lyra508.js +36 -6
- package/dist/lyra508.js.map +1 -1
- package/dist/lyra509.cjs +1 -1
- package/dist/lyra509.cjs.map +1 -1
- package/dist/lyra509.js +349 -70
- package/dist/lyra509.js.map +1 -1
- package/dist/lyra51.cjs +1 -1
- package/dist/lyra51.js +2 -2
- package/dist/lyra510.cjs +1 -1
- package/dist/lyra510.cjs.map +1 -1
- package/dist/lyra510.js +36 -255
- package/dist/lyra510.js.map +1 -1
- package/dist/lyra511.cjs +1 -1
- package/dist/lyra511.cjs.map +1 -1
- package/dist/lyra511.js +129 -21
- package/dist/lyra511.js.map +1 -1
- package/dist/lyra512.cjs +1 -1
- package/dist/lyra512.cjs.map +1 -1
- package/dist/lyra512.js +1146 -25
- package/dist/lyra512.js.map +1 -1
- package/dist/lyra513.cjs +1 -1
- package/dist/lyra513.cjs.map +1 -1
- package/dist/lyra513.js +77 -31
- package/dist/lyra513.js.map +1 -1
- package/dist/lyra514.cjs +1 -1
- package/dist/lyra514.cjs.map +1 -1
- package/dist/lyra514.js +94 -345
- package/dist/lyra514.js.map +1 -1
- package/dist/lyra515.cjs +1 -1
- package/dist/lyra515.cjs.map +1 -1
- package/dist/lyra515.js +10 -36
- package/dist/lyra515.js.map +1 -1
- package/dist/lyra516.cjs +1 -1
- package/dist/lyra516.cjs.map +1 -1
- package/dist/lyra516.js +26 -132
- package/dist/lyra516.js.map +1 -1
- package/dist/lyra517.cjs +10 -1
- package/dist/lyra517.cjs.map +1 -1
- package/dist/lyra517.js +91 -1146
- package/dist/lyra517.js.map +1 -1
- package/dist/lyra518.cjs +1 -1
- package/dist/lyra518.cjs.map +1 -1
- package/dist/lyra518.js +304 -80
- package/dist/lyra518.js.map +1 -1
- package/dist/lyra519.cjs +1 -1
- package/dist/lyra519.cjs.map +1 -1
- package/dist/lyra519.js +56 -106
- package/dist/lyra519.js.map +1 -1
- package/dist/lyra520.cjs +13 -1
- package/dist/lyra520.cjs.map +1 -1
- package/dist/lyra520.js +1676 -9
- package/dist/lyra520.js.map +1 -1
- package/dist/lyra521.cjs +1 -1
- package/dist/lyra521.cjs.map +1 -1
- package/dist/lyra521.js +8 -28
- package/dist/lyra521.js.map +1 -1
- package/dist/lyra59.cjs +1 -1
- package/dist/lyra59.js +2 -2
- package/dist/lyra606.cjs +1 -1
- package/dist/lyra606.js +2 -2
- package/dist/lyra61.cjs +1 -1
- package/dist/lyra61.js +2 -2
- package/dist/lyra612.cjs +1 -1
- package/dist/lyra612.cjs.map +1 -1
- package/dist/lyra612.js +2 -7
- package/dist/lyra612.js.map +1 -1
- package/dist/lyra613.cjs +9 -1
- package/dist/lyra613.cjs.map +1 -1
- package/dist/lyra613.js +46 -31
- package/dist/lyra613.js.map +1 -1
- package/dist/lyra614.cjs +9 -1
- package/dist/lyra614.cjs.map +1 -1
- package/dist/lyra614.js +76 -226
- package/dist/lyra614.js.map +1 -1
- package/dist/lyra615.cjs +1 -1
- package/dist/lyra615.cjs.map +1 -1
- package/dist/lyra615.js +137 -14
- package/dist/lyra615.js.map +1 -1
- package/dist/lyra616.cjs +1 -1
- package/dist/lyra616.cjs.map +1 -1
- package/dist/lyra616.js +30 -479
- package/dist/lyra616.js.map +1 -1
- package/dist/lyra617.cjs +1 -1
- package/dist/lyra617.cjs.map +1 -1
- package/dist/lyra617.js +6 -65
- package/dist/lyra617.js.map +1 -1
- package/dist/lyra618.cjs +1 -1
- package/dist/lyra618.cjs.map +1 -1
- package/dist/lyra618.js +232 -12
- package/dist/lyra618.js.map +1 -1
- package/dist/lyra619.cjs +1 -1
- package/dist/lyra619.cjs.map +1 -1
- package/dist/lyra619.js +16 -2
- package/dist/lyra619.js.map +1 -1
- package/dist/lyra620.cjs +1 -9
- package/dist/lyra620.cjs.map +1 -1
- package/dist/lyra620.js +476 -42
- package/dist/lyra620.js.map +1 -1
- package/dist/lyra621.cjs +1 -9
- package/dist/lyra621.cjs.map +1 -1
- package/dist/lyra621.js +63 -80
- package/dist/lyra621.js.map +1 -1
- package/dist/lyra622.cjs +1 -1
- package/dist/lyra622.cjs.map +1 -1
- package/dist/lyra622.js +13 -139
- package/dist/lyra622.js.map +1 -1
- package/dist/lyra67.cjs +1 -1
- package/dist/lyra67.cjs.map +1 -1
- package/dist/lyra67.js +252 -250
- package/dist/lyra67.js.map +1 -1
- package/dist/lyra68.cjs +1 -1
- package/dist/lyra68.cjs.map +1 -1
- package/dist/lyra68.js +4 -0
- package/dist/lyra68.js.map +1 -1
- package/dist/lyra681.cjs +1 -1
- package/dist/lyra681.js +2 -2
- package/dist/lyra689.cjs +1 -1
- package/dist/lyra689.js +1 -1
- package/dist/lyra691.cjs +1 -1
- package/dist/lyra691.js +1 -1
- package/dist/lyra719.cjs +1 -1
- package/dist/lyra719.js +4 -4
- package/dist/lyra729.cjs +1 -1
- package/dist/lyra729.js +1 -1
- package/dist/lyra730.cjs +1 -1
- package/dist/lyra730.js +1 -1
- package/dist/lyra731.cjs +1 -1
- package/dist/lyra731.js +1 -1
- package/dist/lyra75.cjs +1 -1
- package/dist/lyra75.js +1 -1
- package/dist/lyra790.cjs +1 -1
- package/dist/lyra790.js +1 -1
- package/dist/lyra791.cjs +1 -1
- package/dist/lyra791.js +2 -2
- package/dist/lyra795.cjs +1 -1
- package/dist/lyra795.cjs.map +1 -1
- package/dist/lyra795.js +371 -50
- package/dist/lyra795.js.map +1 -1
- package/dist/lyra796.cjs +1 -1
- package/dist/lyra796.cjs.map +1 -1
- package/dist/lyra796.js +54 -8
- package/dist/lyra796.js.map +1 -1
- package/dist/lyra797.cjs +1 -1
- package/dist/lyra797.cjs.map +1 -1
- package/dist/lyra797.js +8 -4
- package/dist/lyra797.js.map +1 -1
- package/dist/lyra798.cjs +1 -1
- package/dist/lyra798.cjs.map +1 -1
- package/dist/lyra798.js +4 -13
- package/dist/lyra798.js.map +1 -1
- package/dist/lyra799.cjs +1 -1
- package/dist/lyra799.cjs.map +1 -1
- package/dist/lyra799.js +13 -4
- package/dist/lyra799.js.map +1 -1
- package/dist/lyra800.cjs +1 -1
- package/dist/lyra800.cjs.map +1 -1
- package/dist/lyra800.js +3 -584
- package/dist/lyra800.js.map +1 -1
- package/dist/lyra801.cjs +1 -1
- package/dist/lyra801.cjs.map +1 -1
- package/dist/lyra801.js +585 -11
- package/dist/lyra801.js.map +1 -1
- package/dist/lyra802.cjs +1 -1
- package/dist/lyra802.cjs.map +1 -1
- package/dist/lyra802.js +11 -375
- package/dist/lyra802.js.map +1 -1
- package/dist/lyra803.cjs +1 -1
- package/dist/lyra803.cjs.map +1 -1
- package/dist/lyra803.js +2 -14
- package/dist/lyra803.js.map +1 -1
- package/dist/lyra804.cjs +1 -1
- package/dist/lyra804.cjs.map +1 -1
- package/dist/lyra804.js +29 -2
- package/dist/lyra804.js.map +1 -1
- package/dist/lyra805.cjs +1 -1
- package/dist/lyra805.cjs.map +1 -1
- package/dist/lyra805.js +6 -29
- package/dist/lyra805.js.map +1 -1
- package/dist/lyra806.cjs +1 -1
- package/dist/lyra806.cjs.map +1 -1
- package/dist/lyra806.js +3 -5
- package/dist/lyra806.js.map +1 -1
- package/dist/lyra807.cjs +1 -1
- package/dist/lyra807.cjs.map +1 -1
- package/dist/lyra807.js +14 -4
- package/dist/lyra807.js.map +1 -1
- package/dist/lyra810.cjs +1 -1
- package/dist/lyra810.js +1 -1
- package/dist/lyra831.cjs +1 -1
- package/dist/lyra831.js +2 -2
- package/dist/lyra839.cjs +1 -1
- package/dist/lyra839.js +1 -1
- package/dist/lyra842.cjs +4 -1
- package/dist/lyra842.cjs.map +1 -1
- package/dist/lyra842.js +45 -103
- package/dist/lyra842.js.map +1 -1
- package/dist/lyra843.cjs +1 -1
- package/dist/lyra843.cjs.map +1 -1
- package/dist/lyra843.js +104 -21
- package/dist/lyra843.js.map +1 -1
- package/dist/lyra844.cjs +1 -1
- package/dist/lyra844.cjs.map +1 -1
- package/dist/lyra844.js +22 -20
- package/dist/lyra844.js.map +1 -1
- package/dist/lyra845.cjs +1 -1
- package/dist/lyra845.cjs.map +1 -1
- package/dist/lyra845.js +20 -5
- package/dist/lyra845.js.map +1 -1
- package/dist/lyra846.cjs +1 -1
- package/dist/lyra846.cjs.map +1 -1
- package/dist/lyra846.js +5 -20
- package/dist/lyra846.js.map +1 -1
- package/dist/lyra847.cjs +1 -1
- package/dist/lyra847.cjs.map +1 -1
- package/dist/lyra847.js +19 -29
- package/dist/lyra847.js.map +1 -1
- package/dist/lyra848.cjs +1 -1
- package/dist/lyra848.cjs.map +1 -1
- package/dist/lyra848.js +28 -6
- package/dist/lyra848.js.map +1 -1
- package/dist/lyra849.cjs +1 -1
- package/dist/lyra849.cjs.map +1 -1
- package/dist/lyra849.js +6 -51
- package/dist/lyra849.js.map +1 -1
- package/dist/lyra850.cjs +1 -1
- package/dist/lyra850.cjs.map +1 -1
- package/dist/lyra850.js +49 -19
- package/dist/lyra850.js.map +1 -1
- package/dist/lyra851.cjs +1 -1
- package/dist/lyra851.cjs.map +1 -1
- package/dist/lyra851.js +19 -16
- package/dist/lyra851.js.map +1 -1
- package/dist/lyra852.cjs +1 -1
- package/dist/lyra852.cjs.map +1 -1
- package/dist/lyra852.js +19 -55
- package/dist/lyra852.js.map +1 -1
- package/dist/lyra853.cjs +1 -1
- package/dist/lyra853.cjs.map +1 -1
- package/dist/lyra853.js +55 -10
- package/dist/lyra853.js.map +1 -1
- package/dist/lyra854.cjs +1 -1
- package/dist/lyra854.cjs.map +1 -1
- package/dist/lyra854.js +10 -3
- package/dist/lyra854.js.map +1 -1
- package/dist/lyra855.cjs +1 -1
- package/dist/lyra855.cjs.map +1 -1
- package/dist/lyra855.js +3 -17
- package/dist/lyra855.js.map +1 -1
- package/dist/lyra856.cjs +1 -1
- package/dist/lyra856.cjs.map +1 -1
- package/dist/lyra856.js +17 -3
- package/dist/lyra856.js.map +1 -1
- package/dist/lyra857.cjs +1 -1
- package/dist/lyra857.cjs.map +1 -1
- package/dist/lyra857.js +3 -3
- package/dist/lyra857.js.map +1 -1
- package/dist/lyra858.cjs +1 -4
- package/dist/lyra858.cjs.map +1 -1
- package/dist/lyra858.js +3 -46
- package/dist/lyra858.js.map +1 -1
- package/dist/lyra89.cjs +1 -1
- package/dist/lyra89.js +48 -48
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -111,3 +111,33 @@ Our future plans for Lyra include:
|
|
|
111
111
|
- Enhancing documentation with usage examples and guidelines.
|
|
112
112
|
|
|
113
113
|
Please note that this roadmap is subject to change as the project evolves.
|
|
114
|
+
|
|
115
|
+
## How to Publish Changes to @new-black/lyra
|
|
116
|
+
Follow these steps to publish updates to the @new-black/lyra package:
|
|
117
|
+
|
|
118
|
+
### Step 1: Create a Feature Branch
|
|
119
|
+
1. Checkout the develop branch: `git checkout develop`
|
|
120
|
+
2. `git pull origin develop`
|
|
121
|
+
3. Create a new branch for your changes: `git checkout -b feature/your-feature-name`
|
|
122
|
+
4. Make your changes in the newly created branch
|
|
123
|
+
5. When done, test if the package can still build by running `npm run build`
|
|
124
|
+
|
|
125
|
+
### Step 2: Bump the Version
|
|
126
|
+
Update the package version: `npm version patch`
|
|
127
|
+
This will increment the patch version (e.g., from 1.0.0 to 1.0.1).
|
|
128
|
+
|
|
129
|
+
### Step 3: Create a Release Pull Request
|
|
130
|
+
1. Push your changes to the remote repository: `git push origin feature/your-feature-name`
|
|
131
|
+
2. Create a pull request with the following naming convention: `release/{new version}`
|
|
132
|
+
|
|
133
|
+
### Step 4: Merge the Pull Request
|
|
134
|
+
1. Merge the PR into the main branch through the GitHub interface.
|
|
135
|
+
|
|
136
|
+
### Step 5: Prepare for Publishing
|
|
137
|
+
1. Checkout the main branch: `git checkout main`
|
|
138
|
+
2. Pull the latest changes: `git pull origin main`
|
|
139
|
+
3. Install dependencies and build the package: `npm install` and `npm run build`
|
|
140
|
+
|
|
141
|
+
### Step 6: Publish the Package
|
|
142
|
+
Publish the package to npm: `npm publish`. Ensure the build was successful before running this command.
|
|
143
|
+
By following these steps, you can ensure that your changes are correctly implemented and published to the @new-black/lyra package.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/components/table/table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,SAAS,EAMV,MAAM,OAAO,CAAC;AACf,OAAO,EAQL,QAAQ,EAKT,MAAM,uBAAuB,CAAC;AAyB/B,OAAO,EAAkB,UAAU,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/components/table/table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,SAAS,EAMV,MAAM,OAAO,CAAC;AACf,OAAO,EAQL,QAAQ,EAKT,MAAM,uBAAuB,CAAC;AAyB/B,OAAO,EAAkB,UAAU,EAAE,MAAM,eAAe,CAAC;AAic3D,eAAO,MAAM,KAAK,4LAA0B,CAAC;AAuC7C,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,MAAM,IAAI,QAAQ,CAAC,CAAC,CAAC,GAAG;IAC1D,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,oBAAoB,CAAC,SAAS,CAAC,CAAC;IACnD,mBAAmB,CAAC,EAAE;QAAE,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACvD,CAAC"}
|
|
@@ -90,6 +90,10 @@ export declare const cellStyles: import("tailwind-variants").TVReturnType<{
|
|
|
90
90
|
cell: string[];
|
|
91
91
|
inner: string[];
|
|
92
92
|
};
|
|
93
|
+
"button-xs": {
|
|
94
|
+
cell: string[];
|
|
95
|
+
inner: string[];
|
|
96
|
+
};
|
|
93
97
|
badge: {
|
|
94
98
|
cell: string[];
|
|
95
99
|
};
|
|
@@ -118,6 +122,10 @@ export declare const cellStyles: import("tailwind-variants").TVReturnType<{
|
|
|
118
122
|
cell: string[];
|
|
119
123
|
inner: string[];
|
|
120
124
|
};
|
|
125
|
+
"button-xs": {
|
|
126
|
+
cell: string[];
|
|
127
|
+
inner: string[];
|
|
128
|
+
};
|
|
121
129
|
badge: {
|
|
122
130
|
cell: string[];
|
|
123
131
|
};
|
|
@@ -143,6 +151,10 @@ export declare const cellStyles: import("tailwind-variants").TVReturnType<{
|
|
|
143
151
|
cell: string[];
|
|
144
152
|
inner: string[];
|
|
145
153
|
};
|
|
154
|
+
"button-xs": {
|
|
155
|
+
cell: string[];
|
|
156
|
+
inner: string[];
|
|
157
|
+
};
|
|
146
158
|
badge: {
|
|
147
159
|
cell: string[];
|
|
148
160
|
};
|
|
@@ -168,6 +180,10 @@ export declare const cellStyles: import("tailwind-variants").TVReturnType<{
|
|
|
168
180
|
cell: string[];
|
|
169
181
|
inner: string[];
|
|
170
182
|
};
|
|
183
|
+
"button-xs": {
|
|
184
|
+
cell: string[];
|
|
185
|
+
inner: string[];
|
|
186
|
+
};
|
|
171
187
|
badge: {
|
|
172
188
|
cell: string[];
|
|
173
189
|
};
|
|
@@ -196,6 +212,10 @@ export declare const cellStyles: import("tailwind-variants").TVReturnType<{
|
|
|
196
212
|
cell: string[];
|
|
197
213
|
inner: string[];
|
|
198
214
|
};
|
|
215
|
+
"button-xs": {
|
|
216
|
+
cell: string[];
|
|
217
|
+
inner: string[];
|
|
218
|
+
};
|
|
199
219
|
badge: {
|
|
200
220
|
cell: string[];
|
|
201
221
|
};
|
|
@@ -224,6 +244,10 @@ export declare const cellStyles: import("tailwind-variants").TVReturnType<{
|
|
|
224
244
|
cell: string[];
|
|
225
245
|
inner: string[];
|
|
226
246
|
};
|
|
247
|
+
"button-xs": {
|
|
248
|
+
cell: string[];
|
|
249
|
+
inner: string[];
|
|
250
|
+
};
|
|
227
251
|
badge: {
|
|
228
252
|
cell: string[];
|
|
229
253
|
};
|
|
@@ -249,6 +273,10 @@ export declare const cellStyles: import("tailwind-variants").TVReturnType<{
|
|
|
249
273
|
cell: string[];
|
|
250
274
|
inner: string[];
|
|
251
275
|
};
|
|
276
|
+
"button-xs": {
|
|
277
|
+
cell: string[];
|
|
278
|
+
inner: string[];
|
|
279
|
+
};
|
|
252
280
|
badge: {
|
|
253
281
|
cell: string[];
|
|
254
282
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.styles.d.ts","sourceRoot":"","sources":["../../../src/components/table/table.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAchC,CAAC;AAEH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAyBpB,CAAC;AAEH,eAAO,MAAM,UAAU
|
|
1
|
+
{"version":3,"file":"table.styles.d.ts","sourceRoot":"","sources":["../../../src/components/table/table.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAchC,CAAC;AAEH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAyBpB,CAAC;AAEH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAsDrB,CAAC;AAEH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCA6DxB,CAAC"}
|
|
@@ -12,7 +12,7 @@ export type TableColumnDef<Data extends object, TKey extends keyof Data | undefi
|
|
|
12
12
|
maxWidth?: CSSProperties["maxWidth"];
|
|
13
13
|
isRowHeader?: boolean;
|
|
14
14
|
align?: "start" | "center" | "end";
|
|
15
|
-
cellType?: "default" | "button" | "badge";
|
|
15
|
+
cellType?: "default" | "button" | "badge" | "button-xs";
|
|
16
16
|
};
|
|
17
17
|
type TableOptions = {
|
|
18
18
|
hidePagination?: boolean;
|
|
@@ -85,6 +85,7 @@ export type TableProps<Data extends object> = {
|
|
|
85
85
|
sortingState?: SortingState;
|
|
86
86
|
start?: number;
|
|
87
87
|
total?: number;
|
|
88
|
+
autoResetPageIndex?: boolean;
|
|
88
89
|
/** Function that determines if a row has nested rows or not (Optional)
|
|
89
90
|
*
|
|
90
91
|
* If the function is not provided, the default function uses the provided `getNestedDataForRow` prop to determine if a row has nested rows or not, with a cutoff depth of 5 applied.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.types.d.ts","sourceRoot":"","sources":["../../../src/components/table/table.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EACL,SAAS,EACT,gBAAgB,EAChB,aAAa,EACb,UAAU,EACV,GAAG,EACH,YAAY,EACZ,KAAK,EACN,MAAM,uBAAuB,CAAC;AAE/B,KAAK,sBAAsB,CACzB,IAAI,SAAS,MAAM,EACnB,IAAI,SAAS,MAAM,IAAI,GAAG,SAAS,IACjC,IAAI,SAAS,MAAM,IAAI,GACvB;IAAE,WAAW,EAAE,IAAI,CAAA;CAAE,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,GAC/D;IAAE,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,OAAO,CAAC,EAAE,IAAI,CAAC,CAAC;AAEnE,MAAM,MAAM,cAAc,CACxB,IAAI,SAAS,MAAM,EACnB,IAAI,SAAS,MAAM,IAAI,GAAG,SAAS,GAAG,MAAM,IAAI,GAAG,SAAS,IAC1D,sBAAsB,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACrC,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACrC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,QAAQ,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"table.types.d.ts","sourceRoot":"","sources":["../../../src/components/table/table.types.ts"],"names":[],"mappings":"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"}
|
package/dist/lyra16.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra451.cjs");require("./
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra451.cjs");require("./lyra454.cjs");const t=e.tv({slots:{outerCircle:["absolute -end-[5px] -top-[5px] flex h-[12px] w-[12px] rounded-full bg-action-highlight"],innerCircle:["absolute -end-[2px] -top-[2px] h-[6px] w-[6px] rounded-full bg-indication-blue"]},variants:{isAnimated:{true:{outerCircle:"animation-pulse"}}}});exports.ButtonIndicatorStyles=t;
|
package/dist/lyra16.js
CHANGED
package/dist/lyra36.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra90.cjs"),l=require("react"),T=require("./lyra89.cjs"),_=require("./lyra450.cjs");require("./lyra2.cjs");require("./lyra3.cjs");require("./lyra4.cjs");require("./lyra5.cjs");require("./lyra6.cjs");const W=require("./lyra65.cjs");require("./lyra8.cjs");require("./lyra9.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra12.cjs");require("./lyra13.cjs");require("./lyra14.cjs");require("./lyra15.cjs");require("./lyra16.cjs");require("./lyra17.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra20.cjs");require("./lyra21.cjs");require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra24.cjs");require("./lyra25.cjs");const $=require("./lyra26.cjs");require("./lyra27.cjs");require("./lyra28.cjs");require("./lyra29.cjs");require("./lyra95.cjs");require("./lyra80.cjs");require("./lyra458.cjs");const z=require("./lyra38.cjs"),B=require("./lyra39.cjs"),V=require("./lyra40.cjs");require("./lyra44.cjs");require("./lyra31.cjs");require("./lyra32.cjs");require("./lyra33.cjs");require("./lyra34.cjs");require("./lyra35.cjs");const Z=require("./lyra596.cjs"),C=require("./lyra456.cjs"),K=require("./lyra457.cjs"),g=require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");require("./lyra56.cjs");const J=require("./lyra73.cjs");require("./lyra74.cjs");const U=require("./lyra459.cjs");require("./lyra460.cjs");require("react-dom");const I=require("./lyra84.cjs");require("./lyra41.cjs");require("./lyra42.cjs");require("./lyra43.cjs");require("./lyra45.cjs");require("./lyra46.cjs");require("./lyra47.cjs");require("./lyra48.cjs");require("./lyra49.cjs");require("./lyra50.cjs");require("./lyra51.cjs");require("./lyra52.cjs");require("./lyra58.cjs");require("./lyra59.cjs");require("./lyra60.cjs");require("./lyra61.cjs");require("./lyra62.cjs");require("./lyra64.cjs");require("./lyra67.cjs");require("./lyra68.cjs");require("./lyra70.cjs");require("./lyra71.cjs");require("./lyra72.cjs");require("./lyra76.cjs");require("./lyra77.cjs");require("./lyra78.cjs");require("./lyra79.cjs");require("./lyra81.cjs");require("./lyra98.cjs");const Q=require("./lyra88.cjs"),rr=({closePopover:c,disabledItemIdKeys:u,filteredItems:x,getItemId:e,onMultiChange:f,onSingleChange:p,value:t})=>{const N=l.useMemo(()=>{if(Array.isArray(t))return t.length?x.findIndex(s=>e(s)===e(t[0])):0;if(t)return x.findIndex(s=>e(s)===e(t))},[x,e,t]),[h,j]=l.useState(N??0),E=l.useCallback(s=>{if(Number.isInteger(s)){for(let n=s-1;n>=0;n--)if(!(u!=null&&u.includes(e(x[n]))))return Math.max(n,0)}return-1},[u,x,e]),w=l.useCallback(s=>{if(Number.isInteger(s)){for(let n=s+1;n<x.length;n++)if(!(u!=null&&u.includes(e(x[n]))))return Math.min(x.length-1,n)}return-1},[u,x,e]),k=l.useRef([]),a=l.useCallback((s,n)=>{n&&(k.current[s]=n)},[]),i=l.useCallback(s=>{if(f){const n=t?[...t]:[],S=n.map(e),R=S!=null&&S.includes(e(s))?n.filter(F=>e(F)!==e(s)):[...n,s];f==null||f(R)}else p&&(p==null||p(s))},[e,f,p,t]),o=l.useCallback(s=>Array.isArray(t)?t.some(n=>e(n)===e(s)):t?e(t)===e(s):!1,[e,t]),m=I.useMousePosition(),q=l.useRef(void 0),y=l.useCallback(s=>{const n=h;if(s.key==="ArrowDown"){s.preventDefault();const S=w(n);if(S>=0){j(S),q.current=m;const R=k.current[S];R==null||R.scrollIntoView({block:"nearest"}),R==null||R.focus()}}else if(s.key==="ArrowUp"){s.preventDefault();const S=E(n);if(S>=0){j(S);const R=k.current[S];R==null||R.scrollIntoView({block:"nearest"}),R==null||R.focus(),q.current=m}}else s.key==="Escape"&&c()},[h,c,w,E,m]),v=l.useCallback((s,n)=>{s&&q.current!==m&&(j(n),q.current=m)},[m]);return l.useEffect(()=>{var s;(s=k.current)!=null&&s[h]&&k.current[h].focus()},[open]),{activeItem:h,assignRefOnIndex:a,getItemIsSelected:o,onKeyDown:y,onHoverChange:v,selectedItemIndex:N,toggleSelection:i}},er=({disabledItemIdKeys:c,getItemId:u,items:x,onMultiChange:e,onSingleChange:f,selectRenderElements:p,setOpenPopover:t,value:N})=>{const{activeItem:h,assignRefOnIndex:j,getItemIsSelected:E,onHoverChange:w,onKeyDown:k,toggleSelection:a}=rr({closePopover:()=>t(!1),disabledItemIdKeys:c,filteredItems:x,getItemId:u,onMultiChange:e,onSingleChange:f,value:N}),i=o=>(c==null?void 0:c.includes(u(o)))??!1;return r.jsxRuntimeExports.jsx("div",{className:C.sharedListStyles({className:"h-full max-h-72 overflow-auto"}),children:x.map((o,m)=>r.jsxRuntimeExports.jsx(T.Button,{"data-index":m,ref:q=>j(m,q),className:"w-full text-start outline-none",onHoverChange:q=>{w(q,m)},onPress:()=>a(o),onKeyDown:q=>k(q),isDisabled:i(o),children:r.jsxRuntimeExports.jsx(K.SharedListItem,{item:o,state:{active:h===m,disabled:(c==null?void 0:c.includes(u(o)))??!1,selected:E(o)},selectRenderElements:p,hasSelection:!0})},u(o)))})},X=({direction:c,disabledItemIdKeys:u,getItemId:x,items:e,label:f,onMultiChange:p,onSingleChange:t,open:N,placement:h="bottom start",selectRenderElements:j,setOpenPopover:E,triggerRef:w,value:k})=>{var m,q;const[a,i]=l.useState((m=w.current)==null?void 0:m.offsetWidth),o=a??((q=w.current)==null?void 0:q.offsetWidth);return Z.default("resize",()=>{var y;i((y=w.current)==null?void 0:y.offsetWidth)}),r.jsxRuntimeExports.jsx(g.Popover,{className:"p-1",isOpen:N,triggerRef:w,onOpenChange:E,shouldUpdatePosition:!0,"aria-label":f,disablePadding:!0,placement:h,style:{width:o&&o>280?o+"px":"280px",direction:c},children:N?r.jsxRuntimeExports.jsx(er,{getItemId:x,items:e,onMultiChange:p,onSingleChange:t,selectRenderElements:j,setOpenPopover:E,value:k,disabledItemIdKeys:u}):null})},sr=({disableClearLogic:c,fullWidth:u,getLabel:x,isDisabled:e,isInvalid:f,onChange:p,placeholder:t,renderCustomElementInValueButton:N,selectRenderElements:h,setOpenPopover:j,value:E})=>{var a;const{inputField:w}=V.sharedInputStyles({}),k=i=>{(i.key==="Escape"||i.key==="Backspace")&&!c?p==null||p(void 0):i.key==="ArrowDown"&&(i.preventDefault(),j(!0))};return r.jsxRuntimeExports.jsxs(T.Button,{className:({isFocused:i,isHovered:o})=>w({fullWidth:u,isDisabled:e,isHovered:o,isFocused:i,isInvalid:f,hasEndSlot:!0,className:_.clsx(o&&!f&&!e&&!i?"border-hover":"","min-h-8")}),isDisabled:e,onKeyDown:k,onPress:()=>{j(!0)},children:[r.jsxRuntimeExports.jsxs("div",{className:"flex grow text-start",children:[N&&E?(a=h(E))==null?void 0:a.customElement:null,E?r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:x(E)}):r.jsxRuntimeExports.jsx(J.Text,{color:"secondary",children:t})]}),r.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[E&&!c&&!e?r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:r.jsxRuntimeExports.jsx("div",{className:"text-secondary",role:"button",onClick:i=>{i.stopPropagation(),p==null||p(void 0)},children:r.jsxRuntimeExports.jsx(W.SvgIcon,{name:"clear"})})}):null,r.jsxRuntimeExports.jsx(W.SvgIcon,{name:"chevron-up-down"})]})]})},tr=({fullWidth:c,getItemId:u,getLabel:x,isDisabled:e,isInvalid:f,label:p,onChange:t,placeholder:N,setOpenPopover:h,value:j})=>{const{inputField:E}=V.sharedInputStyles({}),w=l.useCallback(a=>{j&&t(j.filter(i=>{const o=u(i);return!a.has(o)}))},[u,t,j]),k=a=>{(a.key==="ArrowDown"||a.key==="Enter"||a.key===" ")&&(a.preventDefault(),h(!0))};return r.jsxRuntimeExports.jsx(T.Group,{children:({isFocusWithin:a})=>r.jsxRuntimeExports.jsx(T.Button,{className:({isFocused:i,isHovered:o})=>E({fullWidth:c,isDisabled:e,isHovered:o,isFocused:i||a,isInvalid:f,hasEndSlot:!0,className:_.clsx(o&&!f&&!e&&!i?"border-hover":"","items-start","py-[0.4375rem]")}),onKeyDown:i=>k(i),onPress:()=>h(!0),isDisabled:e,children:r.jsxRuntimeExports.jsxs("div",{className:"flex w-full outline-none",children:[r.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:j&&j.length?r.jsxRuntimeExports.jsx(U.InputTagGroup,{label:p??"Selected items",className:"-m-1.5 -mt-[0.3125rem]",onRemove:e?void 0:w,children:j.map(i=>r.jsxRuntimeExports.jsx(U.InputTag,{id:u(i),isDisabled:e,children:x(i)},u(i)))}):r.jsxRuntimeExports.jsx(J.Text,{color:"secondary",children:N})}),r.jsxRuntimeExports.jsx(W.SvgIcon,{name:"chevron-up-down",className:"h-4 w-4 min-w-4"})]})})})},Y=({getItemId:c,name:u,value:x})=>u?Array.isArray(x)?x.map(e=>r.jsxRuntimeExports.jsx("input",{type:"hidden",name:u,value:c(e)},c(e))):x?r.jsxRuntimeExports.jsx("input",{type:"hidden",name:u,value:c(x)}):null:null,nr=({defaultValue:c,description:u,disableClearLogic:x,disabledItemIdKeys:e,errorMessage:f,fullWidth:p=!0,getItemId:t,getLabel:N,hideHintLabel:h,hideInputFooter:j,hideInputHeader:E,isDisabled:w,isInvalid:k,isRequired:a,items:i,label:o,name:m,onChange:q,placeholder:y,placement:v,renderCustomElementInValueButton:s,selectRenderElements:n,value:S})=>{const{isDisabled:R}=l.useContext($.FieldGroupContext),[F,D]=l.useState(!1),H=w||R,[d,G]=l.useState(S??c),{wrapper:O}=V.sharedInputStyles({}),L=l.useRef(null),{direction:M}=Q.useLocale(),P=l.useCallback(b=>{G(b),q==null||q(b),D(!1)},[q]);l.useEffect(()=>{G(S??c)},[c,S]);const A=S??d;return r.jsxRuntimeExports.jsxs("div",{children:[r.jsxRuntimeExports.jsx(Y,{name:m,value:A,getItemId:t}),r.jsxRuntimeExports.jsxs("div",{className:O({fullWidth:p}),children:[r.jsxRuntimeExports.jsx(z.InputHeader,{label:o,hideHintLabel:h,hideInputHeader:E,isRequired:a}),r.jsxRuntimeExports.jsx("div",{ref:L,children:r.jsxRuntimeExports.jsx(sr,{fullWidth:p,isDisabled:H,disableClearLogic:x,isInvalid:k,placeholder:y,value:A,getLabel:N,getItemId:t,label:o,onChange:P,setOpenPopover:D,renderCustomElementInValueButton:s,selectRenderElements:n})}),r.jsxRuntimeExports.jsx(B.InputFooter,{description:u,errorMessage:f,hideInputFooter:j})]}),r.jsxRuntimeExports.jsx(X,{triggerRef:L,label:`${o} options`,getItemId:t,selectRenderElements:n,items:i,open:F,disabledItemIdKeys:e,direction:M,setOpenPopover:D,onSingleChange:P,value:A,placement:v})]})},ur=({defaultValue:c,description:u,disableClearLogic:x,disabledItemIdKeys:e,errorMessage:f,fullWidth:p=!0,getItemId:t,getLabel:N,hideHintLabel:h,hideInputFooter:j,hideInputHeader:E,isDisabled:w,isInvalid:k,isRequired:a,items:i,label:o,name:m,onChange:q,placeholder:y,placement:v,selectRenderElements:s,value:n})=>{const{isDisabled:S}=l.useContext($.FieldGroupContext),R=w||S,[F,D]=l.useState(!1),[H,d]=l.useState(n??c),G=l.useRef(null),{direction:O}=Q.useLocale(),{wrapper:L}=V.sharedInputStyles({}),M=l.useCallback(A=>{d(A),q==null||q(A)},[q]);l.useEffect(()=>{d(n??c)},[c,n]);const P=n??H;return r.jsxRuntimeExports.jsxs("div",{children:[r.jsxRuntimeExports.jsx(Y,{name:m,value:P,getItemId:t}),r.jsxRuntimeExports.jsxs("div",{className:L({fullWidth:p}),children:[r.jsxRuntimeExports.jsx(z.InputHeader,{label:o,hideHintLabel:h,hideInputHeader:E,isRequired:a}),r.jsxRuntimeExports.jsx("div",{ref:G,children:r.jsxRuntimeExports.jsx(tr,{fullWidth:p,isDisabled:R,isInvalid:k,placeholder:y,value:P,onChange:M,getItemId:t,getLabel:N,label:o,disableClearLogic:x,setOpenPopover:D,selectRenderElements:s})}),r.jsxRuntimeExports.jsx(B.InputFooter,{description:u,errorMessage:f,hideInputFooter:j})]}),r.jsxRuntimeExports.jsx(X,{label:`${o} options`,triggerRef:G,items:i,open:F,getItemId:t,selectRenderElements:s,disabledItemIdKeys:e,direction:O,setOpenPopover:D,onMultiChange:M,placement:v,value:P})]})};exports.MultiSelect=ur;exports.Select=nr;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra90.cjs"),l=require("react"),T=require("./lyra89.cjs"),_=require("./lyra450.cjs");require("./lyra2.cjs");require("./lyra3.cjs");require("./lyra4.cjs");require("./lyra5.cjs");require("./lyra6.cjs");const W=require("./lyra65.cjs");require("./lyra8.cjs");require("./lyra9.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra12.cjs");require("./lyra13.cjs");require("./lyra14.cjs");require("./lyra15.cjs");require("./lyra16.cjs");require("./lyra17.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra20.cjs");require("./lyra21.cjs");require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra24.cjs");require("./lyra25.cjs");const $=require("./lyra26.cjs");require("./lyra27.cjs");require("./lyra28.cjs");require("./lyra29.cjs");require("./lyra95.cjs");require("./lyra80.cjs");require("./lyra458.cjs");const z=require("./lyra38.cjs"),B=require("./lyra39.cjs"),V=require("./lyra40.cjs");require("./lyra44.cjs");require("./lyra31.cjs");require("./lyra32.cjs");require("./lyra33.cjs");require("./lyra34.cjs");require("./lyra35.cjs");const Z=require("./lyra596.cjs"),C=require("./lyra452.cjs"),K=require("./lyra453.cjs"),g=require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");require("./lyra56.cjs");const J=require("./lyra73.cjs");require("./lyra74.cjs");const U=require("./lyra459.cjs");require("./lyra460.cjs");require("react-dom");const I=require("./lyra84.cjs");require("./lyra41.cjs");require("./lyra42.cjs");require("./lyra43.cjs");require("./lyra45.cjs");require("./lyra46.cjs");require("./lyra47.cjs");require("./lyra48.cjs");require("./lyra49.cjs");require("./lyra50.cjs");require("./lyra51.cjs");require("./lyra52.cjs");require("./lyra58.cjs");require("./lyra59.cjs");require("./lyra60.cjs");require("./lyra61.cjs");require("./lyra62.cjs");require("./lyra64.cjs");require("./lyra67.cjs");require("./lyra68.cjs");require("./lyra70.cjs");require("./lyra71.cjs");require("./lyra72.cjs");require("./lyra76.cjs");require("./lyra77.cjs");require("./lyra78.cjs");require("./lyra79.cjs");require("./lyra81.cjs");require("./lyra98.cjs");const Q=require("./lyra88.cjs"),rr=({closePopover:c,disabledItemIdKeys:u,filteredItems:x,getItemId:e,onMultiChange:f,onSingleChange:p,value:t})=>{const N=l.useMemo(()=>{if(Array.isArray(t))return t.length?x.findIndex(s=>e(s)===e(t[0])):0;if(t)return x.findIndex(s=>e(s)===e(t))},[x,e,t]),[h,j]=l.useState(N??0),E=l.useCallback(s=>{if(Number.isInteger(s)){for(let n=s-1;n>=0;n--)if(!(u!=null&&u.includes(e(x[n]))))return Math.max(n,0)}return-1},[u,x,e]),w=l.useCallback(s=>{if(Number.isInteger(s)){for(let n=s+1;n<x.length;n++)if(!(u!=null&&u.includes(e(x[n]))))return Math.min(x.length-1,n)}return-1},[u,x,e]),k=l.useRef([]),a=l.useCallback((s,n)=>{n&&(k.current[s]=n)},[]),i=l.useCallback(s=>{if(f){const n=t?[...t]:[],S=n.map(e),R=S!=null&&S.includes(e(s))?n.filter(F=>e(F)!==e(s)):[...n,s];f==null||f(R)}else p&&(p==null||p(s))},[e,f,p,t]),o=l.useCallback(s=>Array.isArray(t)?t.some(n=>e(n)===e(s)):t?e(t)===e(s):!1,[e,t]),m=I.useMousePosition(),q=l.useRef(void 0),y=l.useCallback(s=>{const n=h;if(s.key==="ArrowDown"){s.preventDefault();const S=w(n);if(S>=0){j(S),q.current=m;const R=k.current[S];R==null||R.scrollIntoView({block:"nearest"}),R==null||R.focus()}}else if(s.key==="ArrowUp"){s.preventDefault();const S=E(n);if(S>=0){j(S);const R=k.current[S];R==null||R.scrollIntoView({block:"nearest"}),R==null||R.focus(),q.current=m}}else s.key==="Escape"&&c()},[h,c,w,E,m]),v=l.useCallback((s,n)=>{s&&q.current!==m&&(j(n),q.current=m)},[m]);return l.useEffect(()=>{var s;(s=k.current)!=null&&s[h]&&k.current[h].focus()},[open]),{activeItem:h,assignRefOnIndex:a,getItemIsSelected:o,onKeyDown:y,onHoverChange:v,selectedItemIndex:N,toggleSelection:i}},er=({disabledItemIdKeys:c,getItemId:u,items:x,onMultiChange:e,onSingleChange:f,selectRenderElements:p,setOpenPopover:t,value:N})=>{const{activeItem:h,assignRefOnIndex:j,getItemIsSelected:E,onHoverChange:w,onKeyDown:k,toggleSelection:a}=rr({closePopover:()=>t(!1),disabledItemIdKeys:c,filteredItems:x,getItemId:u,onMultiChange:e,onSingleChange:f,value:N}),i=o=>(c==null?void 0:c.includes(u(o)))??!1;return r.jsxRuntimeExports.jsx("div",{className:C.sharedListStyles({className:"h-full max-h-72 overflow-auto"}),children:x.map((o,m)=>r.jsxRuntimeExports.jsx(T.Button,{"data-index":m,ref:q=>j(m,q),className:"w-full text-start outline-none",onHoverChange:q=>{w(q,m)},onPress:()=>a(o),onKeyDown:q=>k(q),isDisabled:i(o),children:r.jsxRuntimeExports.jsx(K.SharedListItem,{item:o,state:{active:h===m,disabled:(c==null?void 0:c.includes(u(o)))??!1,selected:E(o)},selectRenderElements:p,hasSelection:!0})},u(o)))})},X=({direction:c,disabledItemIdKeys:u,getItemId:x,items:e,label:f,onMultiChange:p,onSingleChange:t,open:N,placement:h="bottom start",selectRenderElements:j,setOpenPopover:E,triggerRef:w,value:k})=>{var m,q;const[a,i]=l.useState((m=w.current)==null?void 0:m.offsetWidth),o=a??((q=w.current)==null?void 0:q.offsetWidth);return Z.default("resize",()=>{var y;i((y=w.current)==null?void 0:y.offsetWidth)}),r.jsxRuntimeExports.jsx(g.Popover,{className:"p-1",isOpen:N,triggerRef:w,onOpenChange:E,shouldUpdatePosition:!0,"aria-label":f,disablePadding:!0,placement:h,style:{width:o&&o>280?o+"px":"280px",direction:c},children:N?r.jsxRuntimeExports.jsx(er,{getItemId:x,items:e,onMultiChange:p,onSingleChange:t,selectRenderElements:j,setOpenPopover:E,value:k,disabledItemIdKeys:u}):null})},sr=({disableClearLogic:c,fullWidth:u,getLabel:x,isDisabled:e,isInvalid:f,onChange:p,placeholder:t,renderCustomElementInValueButton:N,selectRenderElements:h,setOpenPopover:j,value:E})=>{var a;const{inputField:w}=V.sharedInputStyles({}),k=i=>{(i.key==="Escape"||i.key==="Backspace")&&!c?p==null||p(void 0):i.key==="ArrowDown"&&(i.preventDefault(),j(!0))};return r.jsxRuntimeExports.jsxs(T.Button,{className:({isFocused:i,isHovered:o})=>w({fullWidth:u,isDisabled:e,isHovered:o,isFocused:i,isInvalid:f,hasEndSlot:!0,className:_.clsx(o&&!f&&!e&&!i?"border-hover":"","min-h-8")}),isDisabled:e,onKeyDown:k,onPress:()=>{j(!0)},children:[r.jsxRuntimeExports.jsxs("div",{className:"flex grow text-start",children:[N&&E?(a=h(E))==null?void 0:a.customElement:null,E?r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:x(E)}):r.jsxRuntimeExports.jsx(J.Text,{color:"secondary",children:t})]}),r.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[E&&!c&&!e?r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:r.jsxRuntimeExports.jsx("div",{className:"text-secondary",role:"button",onClick:i=>{i.stopPropagation(),p==null||p(void 0)},children:r.jsxRuntimeExports.jsx(W.SvgIcon,{name:"clear"})})}):null,r.jsxRuntimeExports.jsx(W.SvgIcon,{name:"chevron-up-down"})]})]})},tr=({fullWidth:c,getItemId:u,getLabel:x,isDisabled:e,isInvalid:f,label:p,onChange:t,placeholder:N,setOpenPopover:h,value:j})=>{const{inputField:E}=V.sharedInputStyles({}),w=l.useCallback(a=>{j&&t(j.filter(i=>{const o=u(i);return!a.has(o)}))},[u,t,j]),k=a=>{(a.key==="ArrowDown"||a.key==="Enter"||a.key===" ")&&(a.preventDefault(),h(!0))};return r.jsxRuntimeExports.jsx(T.Group,{children:({isFocusWithin:a})=>r.jsxRuntimeExports.jsx(T.Button,{className:({isFocused:i,isHovered:o})=>E({fullWidth:c,isDisabled:e,isHovered:o,isFocused:i||a,isInvalid:f,hasEndSlot:!0,className:_.clsx(o&&!f&&!e&&!i?"border-hover":"","items-start","py-[0.4375rem]")}),onKeyDown:i=>k(i),onPress:()=>h(!0),isDisabled:e,children:r.jsxRuntimeExports.jsxs("div",{className:"flex w-full outline-none",children:[r.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:j&&j.length?r.jsxRuntimeExports.jsx(U.InputTagGroup,{label:p??"Selected items",className:"-m-1.5 -mt-[0.3125rem]",onRemove:e?void 0:w,children:j.map(i=>r.jsxRuntimeExports.jsx(U.InputTag,{id:u(i),isDisabled:e,children:x(i)},u(i)))}):r.jsxRuntimeExports.jsx(J.Text,{color:"secondary",children:N})}),r.jsxRuntimeExports.jsx(W.SvgIcon,{name:"chevron-up-down",className:"h-4 w-4 min-w-4"})]})})})},Y=({getItemId:c,name:u,value:x})=>u?Array.isArray(x)?x.map(e=>r.jsxRuntimeExports.jsx("input",{type:"hidden",name:u,value:c(e)},c(e))):x?r.jsxRuntimeExports.jsx("input",{type:"hidden",name:u,value:c(x)}):null:null,nr=({defaultValue:c,description:u,disableClearLogic:x,disabledItemIdKeys:e,errorMessage:f,fullWidth:p=!0,getItemId:t,getLabel:N,hideHintLabel:h,hideInputFooter:j,hideInputHeader:E,isDisabled:w,isInvalid:k,isRequired:a,items:i,label:o,name:m,onChange:q,placeholder:y,placement:v,renderCustomElementInValueButton:s,selectRenderElements:n,value:S})=>{const{isDisabled:R}=l.useContext($.FieldGroupContext),[F,D]=l.useState(!1),H=w||R,[d,G]=l.useState(S??c),{wrapper:O}=V.sharedInputStyles({}),L=l.useRef(null),{direction:M}=Q.useLocale(),P=l.useCallback(b=>{G(b),q==null||q(b),D(!1)},[q]);l.useEffect(()=>{G(S??c)},[c,S]);const A=S??d;return r.jsxRuntimeExports.jsxs("div",{children:[r.jsxRuntimeExports.jsx(Y,{name:m,value:A,getItemId:t}),r.jsxRuntimeExports.jsxs("div",{className:O({fullWidth:p}),children:[r.jsxRuntimeExports.jsx(z.InputHeader,{label:o,hideHintLabel:h,hideInputHeader:E,isRequired:a}),r.jsxRuntimeExports.jsx("div",{ref:L,children:r.jsxRuntimeExports.jsx(sr,{fullWidth:p,isDisabled:H,disableClearLogic:x,isInvalid:k,placeholder:y,value:A,getLabel:N,getItemId:t,label:o,onChange:P,setOpenPopover:D,renderCustomElementInValueButton:s,selectRenderElements:n})}),r.jsxRuntimeExports.jsx(B.InputFooter,{description:u,errorMessage:f,hideInputFooter:j})]}),r.jsxRuntimeExports.jsx(X,{triggerRef:L,label:`${o} options`,getItemId:t,selectRenderElements:n,items:i,open:F,disabledItemIdKeys:e,direction:M,setOpenPopover:D,onSingleChange:P,value:A,placement:v})]})},ur=({defaultValue:c,description:u,disableClearLogic:x,disabledItemIdKeys:e,errorMessage:f,fullWidth:p=!0,getItemId:t,getLabel:N,hideHintLabel:h,hideInputFooter:j,hideInputHeader:E,isDisabled:w,isInvalid:k,isRequired:a,items:i,label:o,name:m,onChange:q,placeholder:y,placement:v,selectRenderElements:s,value:n})=>{const{isDisabled:S}=l.useContext($.FieldGroupContext),R=w||S,[F,D]=l.useState(!1),[H,d]=l.useState(n??c),G=l.useRef(null),{direction:O}=Q.useLocale(),{wrapper:L}=V.sharedInputStyles({}),M=l.useCallback(A=>{d(A),q==null||q(A)},[q]);l.useEffect(()=>{d(n??c)},[c,n]);const P=n??H;return r.jsxRuntimeExports.jsxs("div",{children:[r.jsxRuntimeExports.jsx(Y,{name:m,value:P,getItemId:t}),r.jsxRuntimeExports.jsxs("div",{className:L({fullWidth:p}),children:[r.jsxRuntimeExports.jsx(z.InputHeader,{label:o,hideHintLabel:h,hideInputHeader:E,isRequired:a}),r.jsxRuntimeExports.jsx("div",{ref:G,children:r.jsxRuntimeExports.jsx(tr,{fullWidth:p,isDisabled:R,isInvalid:k,placeholder:y,value:P,onChange:M,getItemId:t,getLabel:N,label:o,disableClearLogic:x,setOpenPopover:D,selectRenderElements:s})}),r.jsxRuntimeExports.jsx(B.InputFooter,{description:u,errorMessage:f,hideInputFooter:j})]}),r.jsxRuntimeExports.jsx(X,{label:`${o} options`,triggerRef:G,items:i,open:F,getItemId:t,selectRenderElements:s,disabledItemIdKeys:e,direction:O,setOpenPopover:D,onMultiChange:M,placement:v,value:P})]})};exports.MultiSelect=ur;exports.Select=nr;
|
package/dist/lyra36.js
CHANGED
|
@@ -43,8 +43,8 @@ import "./lyra33.js";
|
|
|
43
43
|
import "./lyra34.js";
|
|
44
44
|
import "./lyra35.js";
|
|
45
45
|
import rr from "./lyra596.js";
|
|
46
|
-
import { sharedListStyles as or } from "./
|
|
47
|
-
import { SharedListItem as tr } from "./
|
|
46
|
+
import { sharedListStyles as or } from "./lyra452.js";
|
|
47
|
+
import { SharedListItem as tr } from "./lyra453.js";
|
|
48
48
|
import { Popover as sr } from "./lyra53.js";
|
|
49
49
|
import "./lyra54.js";
|
|
50
50
|
import "./lyra55.js";
|
package/dist/lyra37.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra90.cjs"),r=require("react"),A=require("./lyra89.cjs"),se=require("react-dom"),ce=require("./lyra613.cjs"),le=require("./lyra450.cjs");require("./lyra2.cjs");require("./lyra3.cjs");require("./lyra4.cjs");require("./lyra5.cjs");require("./lyra6.cjs");const g=require("./lyra65.cjs");require("./lyra8.cjs");require("./lyra9.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra12.cjs");require("./lyra13.cjs");require("./lyra14.cjs");require("./lyra15.cjs");require("./lyra16.cjs");require("./lyra17.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra20.cjs");require("./lyra21.cjs");require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra24.cjs");require("./lyra25.cjs");const C=require("./lyra26.cjs");require("./lyra27.cjs");require("./lyra28.cjs");require("./lyra29.cjs");const oe=require("./lyra95.cjs");require("./lyra80.cjs");require("./lyra458.cjs");const ue=require("./lyra38.cjs"),ie=require("./lyra39.cjs"),J=require("./lyra40.cjs");require("./lyra44.cjs");require("./lyra31.cjs");require("./lyra32.cjs");require("./lyra33.cjs");require("./lyra34.cjs");require("./lyra35.cjs");const xe=require("./lyra596.cjs"),ae=require("./lyra456.cjs"),pe=require("./lyra457.cjs"),je=require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");require("./lyra56.cjs");const re=require("./lyra73.cjs");require("./lyra74.cjs");const ne=require("./lyra459.cjs");require("./lyra460.cjs");const fe=require("./lyra85.cjs"),de=require("./lyra84.cjs");require("./lyra41.cjs");require("./lyra42.cjs");require("./lyra43.cjs");require("./lyra45.cjs");require("./lyra46.cjs");require("./lyra47.cjs");require("./lyra48.cjs");require("./lyra49.cjs");require("./lyra50.cjs");require("./lyra51.cjs");require("./lyra52.cjs");const me=require("./lyra57.cjs");require("./lyra58.cjs");require("./lyra59.cjs");require("./lyra60.cjs");require("./lyra61.cjs");require("./lyra62.cjs");const Re=require("./lyra63.cjs");require("./lyra64.cjs");require("./lyra67.cjs");require("./lyra68.cjs");require("./lyra70.cjs");require("./lyra71.cjs");require("./lyra72.cjs");require("./lyra76.cjs");require("./lyra77.cjs");require("./lyra78.cjs");require("./lyra79.cjs");require("./lyra81.cjs");require("./lyra98.cjs");const qe=require("./lyra87.cjs"),K=require("./lyra88.cjs"),Ee=({disableClearLogic:o,endSlot:s,fullWidth:t,getLabel:l,isDisabled:d,isInvalid:x,onChange:p,open:j,openPopover:q,placeholder:E,renderCustomElementInValueButton:h,searchInputRef:m,selectRenderElements:c,startSlot:R,value:u})=>{var a;const{buttonExcludedFromTabOrder:v,inputField:S}=J.sharedInputStyles({isInvalid:x,hasEndSlot:!0,fullWidth:t,isDisabled:d}),n=i=>{(i.key==="Escape"||i.key==="Backspace")&&!o?(i.stopPropagation(),p==null||p(void 0)):i.key==="ArrowDown"||i.key==="ArrowUp"?q==null||q():i.key&&i.key.match(/^[a-zA-Z0-9]$/)&&(se.flushSync(()=>{q==null||q()}),m.current&&(m.current.focus(),m.current.setSelectionRange(0,m.current.value.length)))};return e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[R,e.jsxRuntimeExports.jsxs(A.Button,{"aria-haspopup":"listbox","aria-expanded":j,className:({isFocused:i,isHovered:f})=>S({isHovered:f,isFocused:i,className:"min-h-8 grow"}),isDisabled:d,onKeyDown:n,onPress:q,children:[e.jsxRuntimeExports.jsxs("div",{className:"flex grow truncate text-start",children:[h&&u?(a=c(u))==null?void 0:a.customElement:null,u&&l(u)?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:l(u)}):e.jsxRuntimeExports.jsx(re.Text,{variant:"body-medium",color:"secondary",children:E})]}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[u&&!d&&!o?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx("div",{className:v(),role:"button",onPointerDown:i=>{i.stopPropagation(),p==null||p(void 0)},onClick:i=>{i.stopPropagation(),p==null||p(void 0)},children:e.jsxRuntimeExports.jsx(g.SvgIcon,{name:"clear"})})}):null,e.jsxRuntimeExports.jsx(g.SvgIcon,{name:"chevron-up-down",className:"h-4 w-4"})]})]}),s]})},he=({fullWidth:o,getItemId:s,getLabel:t,isDisabled:l,isInvalid:d,label:x,onChange:p,openPopover:j,placeholder:q,searchInputRef:E,value:h})=>{const{inputField:m}=J.sharedInputStyles({isInvalid:d,hasEndSlot:!0,fullWidth:o,isDisabled:l}),c=r.useCallback(u=>{u.key==="ArrowDown"||u.key==="ArrowUp"?j():u.key&&u.key.match(/^[a-zA-Z0-9]$/)&&(se.flushSync(()=>{j()}),E.current&&(E.current.focus(),E.current.setSelectionRange(0,E.current.value.length)))},[j,E]),R=r.useCallback(u=>{h&&p(h.filter(v=>{const S=s(v);return!u.has(S)}))},[s,p,h]);return e.jsxRuntimeExports.jsx(A.Group,{className:({isFocusWithin:u,isHovered:v})=>m({isHovered:v,isFocused:u,className:le.clsx(v&&!d&&!l&&!u?"border-hover":"","has:[data-focused]:border has:[data-focused]:border-focus","py-[0.4375rem]")}),children:e.jsxRuntimeExports.jsxs(A.Button,{onPress:j,onKeyDown:c,isDisabled:l,className:"flex w-full outline-none",children:[e.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:h&&h.length?e.jsxRuntimeExports.jsx(ne.InputTagGroup,{label:x??"Selected items",className:"-m-1.5 -mt-[0.3125rem] items-center",onRemove:l?void 0:R,children:h.map(u=>e.jsxRuntimeExports.jsx(ne.InputTag,{id:s(u),isDisabled:l,children:t(u)},s(u)))}):e.jsxRuntimeExports.jsx(re.Text,{color:"secondary",children:q})}),e.jsxRuntimeExports.jsx(g.SvgIcon,{name:"chevron-up-down",className:"h-4 w-4 min-w-[16px]"})]})})},Se=({endSlot:o,isLoading:s,onKeyDown:t,onQueryChange:l,query:d,searchInputRef:x,setQuery:p})=>{const j=r.useId(),{clear:q,search:E}=oe.useDictionary(),h=qe.useSpinDelay(s??!1,{delay:500,minDuration:200}),{buttonExcludedFromTabOrder:m}=J.sharedInputStyles({fullWidth:!0});return r.useEffect(()=>{var c;(c=x.current)==null||c.focus()},[]),e.jsxRuntimeExports.jsx("div",{className:"pb-1",children:e.jsxRuntimeExports.jsxs("div",{className:"flex h-6 w-full items-center gap-2 rounded-xs border border-solid border-default bg-overlay-subtle py-1 pe-1 ps-1.5",children:[e.jsxRuntimeExports.jsx(A.Input,{ref:x,id:j,className:"w-full bg-transparent text-base outline-none placeholder:text-tertiary",onChange:c=>{var R,u;p(((R=c.target)==null?void 0:R.value)??""),l==null||l((u=c.target)==null?void 0:u.value)},placeholder:E,value:d??"",onKeyDown:c=>{c.code==="Tab"&&c.preventDefault(),t==null||t(c)}}),d&&d.length?e.jsxRuntimeExports.jsx(A.Button,{"aria-label":q,className:m(),excludeFromTabOrder:!0,onPress:()=>{var c;p(""),(c=x.current)==null||c.focus()},children:e.jsxRuntimeExports.jsx(g.SvgIcon,{name:"clear"})}):null,o,h?e.jsxRuntimeExports.jsx(Re.Spinner,{className:"mx-2",size:"small"}):null]})})},ye=o=>{const s=r.useRef(null),[t,l]=r.useState(!1);return r.useEffect(()=>l(!1),[o]),{loadMoreButtonRef:s,isLoadMoreButtonFocused:t,setIsLoadMoreButtonFocused:l}},ve=({disabledItemIdKeys:o,filteredItems:s,getItemId:t,onMultiChange:l,onSingleChange:d,value:x})=>{const p=r.useMemo(()=>{if(Array.isArray(x))return x.length?s==null?void 0:s.findIndex(n=>t(n)===t(x[0])):0;if(x)return(s==null?void 0:s.findIndex(n=>t(n)===t(x)))??0},[s,t,x]),j=r.useCallback(n=>{if(Number.isInteger(n)){for(let a=n-1;a>=0;a--)if(!(o!=null&&o.includes(t(s[a]))))return Math.max(a,0)}return-1},[o,s,t]),q=r.useCallback(n=>{if(Number.isInteger(n)){for(let a=n+1;a<s.length;a++)if(!(o!=null&&o.includes(t(s[a]))))return Math.min(s.length-1,a)}return-1},[o,s,t]),E=r.useCallback(n=>{if(l){const a=x?[...x]:[],i=a.map(t),f=i!=null&&i.includes(t(n))?a.filter(F=>t(F)!==t(n)):[...a,n];l==null||l(f)}else d&&(d==null||d(n))},[t,l,d,x]),h=r.useCallback(n=>Array.isArray(x)?x.some(a=>t(a)===t(n)):x?t(x)===t(n):!1,[t,x]),[m,c]=r.useState(p??0),R=de.useMousePosition(),u=r.useRef(void 0),v=r.useCallback(n=>{const a=m;if(n.key==="ArrowDown"){n.preventDefault();const i=q(a);i>=0&&(c(i),u.current=R)}else if(n.key==="ArrowUp"){n.preventDefault();const i=j(a);i>=0&&(c(i),u.current=R)}else n.key==="Enter"&&E(s[m])},[m,s,q,j,R,E]),S=r.useCallback((n,a)=>{n&&u.current!==R&&(c(a),u.current=R)},[R]);return{activeItem:m,setActiveItem:c,getItemIsSelected:h,onKeyDown:v,onHoverChange:S,selectedItemIndex:p,toggleSelection:E}},Ne=({selectedItemIndex:o,setActiveItem:s})=>(r.useEffect(()=>{if(o!==void 0&&o>=0)return s(o),()=>{s(0)}},[o,s]),null),I=({direction:o,disabledItemIdKeys:s,getItemId:t,getLabel:l,isLoading:d,items:x,label:p,onLoadMore:j,onMultiChange:q,onQueryChange:E,onSingleChange:h,open:m,placement:c,searchInputRef:R,selectRenderElements:u,setOpenPopover:v,triggerRef:S,value:n})=>{var U,V,te;const{loadMore:a,noResultsFound:i}=oe.useDictionary(),{filteredItems:f,query:F,setQuery:L}=fe.useFilterItemsByQuery({getLabel:l,items:x,onQueryChange:E}),{item:M}=ae.sharedListItemStyles(),{isLoadMoreButtonFocused:P,loadMoreButtonRef:B,setIsLoadMoreButtonFocused:G}=ye(m),{activeItem:y,getItemIsSelected:z,onHoverChange:O,onKeyDown:T,selectedItemIndex:N,setActiveItem:W,toggleSelection:Z}=ve({disabledItemIdKeys:s,filteredItems:f,getItemId:t,loadMoreButtonRef:B,onMultiChange:q,onSingleChange:h,value:n}),[_,Y]=r.useState((U=S.current)==null?void 0:U.offsetWidth);xe.default("resize",()=>{var k;Y((k=S.current)==null?void 0:k.offsetWidth)});const $=_??((V=S.current)==null?void 0:V.offsetWidth),X=r.useRef(null),D=j?((f==null?void 0:f.length)??0)+1:(f==null?void 0:f.length)??0,b=ce.useVirtualizer({count:D,estimateSize:()=>40,getScrollElement:()=>X.current,overscan:6});r.useEffect(()=>{y!==void 0&&y>=0&&(f!=null&&f.length)&&(y===f.length-1&&j?b.scrollToIndex(D):b.scrollToIndex(Math.min(y,D-1)))},[y,D,f.length,j,b]);const H=b.getVirtualItems();return e.jsxRuntimeExports.jsx(je.Popover,{className:"p-1",isOpen:m,disablePadding:!0,triggerRef:S,onOpenChange:v,"aria-label":p,shouldUpdatePosition:!0,placement:c,style:{width:$&&$>280?$+"px":"280px",direction:o},children:m?e.jsxRuntimeExports.jsxs("div",{className:"gap-1",children:[e.jsxRuntimeExports.jsx(Se,{onQueryChange:E,isLoading:d,query:F,setQuery:k=>{se.flushSync(()=>{L(k),W(0)}),b.scrollToOffset(0)},searchInputRef:R,onKeyDown:T}),e.jsxRuntimeExports.jsx(Ne,{selectedItemIndex:N,setActiveItem:W}),e.jsxRuntimeExports.jsx("div",{ref:X,className:"w-full overflow-y-auto",style:{contain:"strict",height:Math.min(288,b.getTotalSize()+(j?4:0))},children:e.jsxRuntimeExports.jsx("div",{className:"relative w-full",style:{height:b.getTotalSize()},children:e.jsxRuntimeExports.jsx("div",{className:"absolute start-0 top-0 w-full",style:{transform:`translateY(${((te=H==null?void 0:H[0])==null?void 0:te.start)??0}px)`},children:H.map(k=>{if(k.index===D-1&&j)return e.jsxRuntimeExports.jsx("div",{"data-index":k.index,ref:b.measureElement,children:e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(me.Separator,{className:"my-1"}),e.jsxRuntimeExports.jsx(A.Button,{isDisabled:d,onFocusChange:G,onHoverChange:G,ref:B,className:M({className:"w-full justify-start bg-transparent ps-6 text-base font-normal text-primary duration-0 active:text-inverted hover:bg-action-hover hover:text-inverted focus:bg-action-focus focus:text-inverted focus-visible:[box-shadow:none]"}),onPress:()=>{var w;j(),(w=R.current)==null||w.focus()},onKeyDown:w=>{var Q;w.key==="ArrowUp"&&(w.preventDefault(),(Q=R.current)==null||Q.focus())},children:a})]})},k.key);{const w=f[k.index];return e.jsxRuntimeExports.jsx("div",{"data-index":k.index,ref:b.measureElement,children:e.jsxRuntimeExports.jsx(A.Button,{className:"w-full text-start outline-none",onHoverChange:Q=>{O(Q,k.index)},onPress:()=>Z(w),isDisabled:(s==null?void 0:s.includes(t(w)))??!1,excludeFromTabOrder:!0,children:e.jsxRuntimeExports.jsx(pe.SharedListItem,{hasSelection:!0,item:w,state:{active:y===k.index&&!P,disabled:(s==null?void 0:s.includes(t(w)))??!1,selected:z(w)},selectRenderElements:u},t(w))},t(w))},k.key)}})})})}),D?null:e.jsxRuntimeExports.jsx(re.Text,{variant:"body-medium",color:"secondary",className:"px-2.5",children:i})]}):null})},ee=({getItemId:o,name:s,value:t})=>s?Array.isArray(t)?t.map(l=>e.jsxRuntimeExports.jsx("input",{type:"hidden",name:s,value:o(l)},o(l))):t?e.jsxRuntimeExports.jsx("input",{type:"hidden",name:s,value:o(t)}):null:null,be=({defaultValue:o,description:s,disableClearLogic:t,disabledItemIdKeys:l,endSlot:d,errorMessage:x,fullWidth:p=!0,getItemId:j,getLabel:q,hideHintLabel:E,hideInputFooter:h,hideInputHeader:m,isDisabled:c,isInvalid:R,isLoading:u,isRequired:v,items:S,label:n,name:a,onChange:i,onLoadMore:f,onQueryChange:F,placeholder:L,placement:M="bottom start",renderCustomElementInValueButton:P,selectRenderElements:B,startSlot:G,value:y})=>{const{isDisabled:z}=r.useContext(C.FieldGroupContext),O=r.useRef(null),T=r.useRef(null),N=r.useRef(null),[W,Z]=r.useState(y??o),[_,Y]=r.useState(!1),$=()=>{var V;Y(!0),(V=T.current)==null||V.click()},X=()=>Y(!1),D=r.useCallback(V=>{Z(V),i==null||i(V),X()},[i]),{direction:b}=K.useLocale(),{wrapper:H}=J.sharedInputStyles({fullWidth:p,isInvalid:R,isDisabled:c||z});r.useEffect(()=>{Z(y??o)},[o,y]);const U=y??W;return e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(ee,{name:a,value:U,getItemId:j}),e.jsxRuntimeExports.jsxs("div",{className:H(),children:[e.jsxRuntimeExports.jsx(ue.InputHeader,{label:n,hideHintLabel:E,hideInputHeader:m,isRequired:v}),e.jsxRuntimeExports.jsx("div",{ref:N,children:e.jsxRuntimeExports.jsx(Ee,{disableClearLogic:t,endSlot:d,fullWidth:p,getLabel:q,getItemId:j,isDisabled:c,isInvalid:R,open:_,openPopover:$,onChange:D,placeholder:L,searchInputRef:O,startSlot:G,value:U,renderCustomElementInValueButton:P,selectRenderElements:B})}),e.jsxRuntimeExports.jsx(ie.InputFooter,{description:s,errorMessage:x,hideInputFooter:h})]}),e.jsxRuntimeExports.jsx(I,{triggerRef:N,label:n,getItemId:j,getLabel:q,items:S,open:_,setOpenPopover:Y,selectRenderElements:B,disabledItemIdKeys:l,direction:b,onQueryChange:F,isLoading:u,searchInputRef:O,onLoadMore:f,placement:M,value:U,onSingleChange:D})]})},ke=({defaultValue:o,description:s,disableClearLogic:t,disabledItemIdKeys:l,endSlot:d,errorMessage:x,fullWidth:p=!0,getItemId:j,getLabel:q,hideHintLabel:E,hideInputFooter:h,hideInputHeader:m,isDisabled:c,isInvalid:R,isLoading:u,isRequired:v,items:S,label:n,labelId:a,name:i,onChange:f,onLoadMore:F,onQueryChange:L,placeholder:M,placement:P="bottom start",selectRenderElements:B,startSlot:G,value:y})=>{const{isDisabled:z}=r.useContext(C.FieldGroupContext),O=r.useRef(null),T=r.useRef(null),[N,W]=r.useState(y??o),[Z,_]=r.useState(!1),Y=()=>{_(!0)},$=r.useCallback(H=>{var U;W(H),f==null||f(H),(U=O.current)==null||U.focus()},[f]),{direction:X}=K.useLocale(),{wrapper:D}=J.sharedInputStyles({fullWidth:p,isInvalid:R,isDisabled:c||z});r.useEffect(()=>{W(y??o)},[o,y]);const b=y??N;return e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(ee,{name:i,value:b,getItemId:j}),e.jsxRuntimeExports.jsxs("div",{className:D(),children:[e.jsxRuntimeExports.jsx(ue.InputHeader,{label:n,isRequired:v,hideHintLabel:E,hideInputHeader:m,labelId:a}),e.jsxRuntimeExports.jsx("div",{ref:T,children:e.jsxRuntimeExports.jsx(he,{disableClearLogic:t,endSlot:d,fullWidth:p,getLabel:q,getItemId:j,isDisabled:c,isInvalid:R,onChange:$,open:Z,openPopover:Y,placeholder:M,searchInputRef:O,startSlot:G,value:b})}),e.jsxRuntimeExports.jsx(ie.InputFooter,{description:s,errorMessage:x,hideInputFooter:h})]}),e.jsxRuntimeExports.jsx(I,{label:n,searchInputRef:O,triggerRef:T,getItemId:j,getLabel:q,items:S,onMultiChange:$,value:b,placement:P,open:Z,setOpenPopover:_,selectRenderElements:B,disabledItemIdKeys:l,direction:X,onQueryChange:L,isLoading:u,onLoadMore:F})]})},we=({children:o,defaultValue:s,disabledItemIdKeys:t,getItemId:l,getLabel:d,isDisabled:x,isInvalid:p,isLoading:j,items:q,label:E,name:h,onChange:m,onLoadMore:c,onQueryChange:R,placement:u="bottom start",selectRenderElements:v,value:S})=>{const{isDisabled:n}=r.useContext(C.FieldGroupContext),a=r.useRef(null),i=r.useRef(null),f=r.useRef(null),[F,L]=r.useState(S??s),[M,P]=r.useState(!1),B=()=>{var N;P(!0),(N=i.current)==null||N.click()},G=()=>P(!1),y=r.useCallback(N=>{L(N),m==null||m(N),G()},[m]),{direction:z}=K.useLocale(),{wrapper:O}=J.sharedInputStyles({fullWidth:!1,isInvalid:p,isDisabled:x});r.useEffect(()=>{L(S??s)},[s,S]);const T=S??F;return e.jsxRuntimeExports.jsx(A.Provider,{values:[[A.ButtonContext,{onPress:()=>B(),isDisabled:x||n}]],children:e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(ee,{name:h,value:T,getItemId:l}),e.jsxRuntimeExports.jsx("div",{className:O(),children:e.jsxRuntimeExports.jsx("div",{ref:f,children:o})}),e.jsxRuntimeExports.jsx(I,{triggerRef:f,label:E,getItemId:l,getLabel:d,items:q,open:M,setOpenPopover:P,selectRenderElements:v,disabledItemIdKeys:t,direction:z,onLoadMore:c,onQueryChange:R,isLoading:j,searchInputRef:a,placement:u,value:T,onSingleChange:y})]})})},Fe=({children:o,defaultValue:s,disabledItemIdKeys:t,fullWidth:l=!0,getItemId:d,getLabel:x,isDisabled:p,isInvalid:j,isLoading:q,items:E,label:h,name:m,onChange:c,onLoadMore:R,onQueryChange:u,placement:v="bottom start",selectRenderElements:S,value:n})=>{const{isDisabled:a}=r.useContext(C.FieldGroupContext),i=r.useRef(null),f=r.useRef(null),F=r.useRef(null),[L,M]=r.useState(n??s),[P,B]=r.useState(!1),G=()=>{var N;B(!0),(N=f.current)==null||N.click()},y=r.useCallback(N=>{var W;M(N),c==null||c(N),(W=i.current)==null||W.focus()},[c]),{direction:z}=K.useLocale(),{wrapper:O}=J.sharedInputStyles({fullWidth:l,isInvalid:j,isDisabled:p});r.useEffect(()=>{M(n??s)},[s,n]);const T=n??L;return e.jsxRuntimeExports.jsx(A.Provider,{values:[[A.ButtonContext,{onPress:()=>G(),isDisabled:p||a}]],children:e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(ee,{name:m,value:T,getItemId:d}),e.jsxRuntimeExports.jsx("div",{className:O(),children:e.jsxRuntimeExports.jsx("div",{ref:F,children:o})}),e.jsxRuntimeExports.jsx(I,{label:h,searchInputRef:i,triggerRef:F,getItemId:d,getLabel:x,items:E,onLoadMore:R,open:P,setOpenPopover:B,selectRenderElements:S,disabledItemIdKeys:t,direction:z,onQueryChange:u,isLoading:q,value:T,onMultiChange:y,placement:v})]})})};exports.MultiSearchListField=ke;exports.MultiSearchListFieldWithCustomTrigger=Fe;exports.SearchListField=be;exports.SearchListFieldWithCustomTrigger=we;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra90.cjs"),r=require("react"),A=require("./lyra89.cjs"),se=require("react-dom"),ce=require("./lyra616.cjs"),le=require("./lyra450.cjs");require("./lyra2.cjs");require("./lyra3.cjs");require("./lyra4.cjs");require("./lyra5.cjs");require("./lyra6.cjs");const g=require("./lyra65.cjs");require("./lyra8.cjs");require("./lyra9.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra12.cjs");require("./lyra13.cjs");require("./lyra14.cjs");require("./lyra15.cjs");require("./lyra16.cjs");require("./lyra17.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra20.cjs");require("./lyra21.cjs");require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra24.cjs");require("./lyra25.cjs");const C=require("./lyra26.cjs");require("./lyra27.cjs");require("./lyra28.cjs");require("./lyra29.cjs");const oe=require("./lyra95.cjs");require("./lyra80.cjs");require("./lyra458.cjs");const ue=require("./lyra38.cjs"),ie=require("./lyra39.cjs"),J=require("./lyra40.cjs");require("./lyra44.cjs");require("./lyra31.cjs");require("./lyra32.cjs");require("./lyra33.cjs");require("./lyra34.cjs");require("./lyra35.cjs");const xe=require("./lyra596.cjs"),ae=require("./lyra452.cjs"),pe=require("./lyra453.cjs"),je=require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");require("./lyra56.cjs");const re=require("./lyra73.cjs");require("./lyra74.cjs");const ne=require("./lyra459.cjs");require("./lyra460.cjs");const fe=require("./lyra85.cjs"),de=require("./lyra84.cjs");require("./lyra41.cjs");require("./lyra42.cjs");require("./lyra43.cjs");require("./lyra45.cjs");require("./lyra46.cjs");require("./lyra47.cjs");require("./lyra48.cjs");require("./lyra49.cjs");require("./lyra50.cjs");require("./lyra51.cjs");require("./lyra52.cjs");const me=require("./lyra57.cjs");require("./lyra58.cjs");require("./lyra59.cjs");require("./lyra60.cjs");require("./lyra61.cjs");require("./lyra62.cjs");const Re=require("./lyra63.cjs");require("./lyra64.cjs");require("./lyra67.cjs");require("./lyra68.cjs");require("./lyra70.cjs");require("./lyra71.cjs");require("./lyra72.cjs");require("./lyra76.cjs");require("./lyra77.cjs");require("./lyra78.cjs");require("./lyra79.cjs");require("./lyra81.cjs");require("./lyra98.cjs");const qe=require("./lyra87.cjs"),K=require("./lyra88.cjs"),Ee=({disableClearLogic:o,endSlot:s,fullWidth:t,getLabel:l,isDisabled:d,isInvalid:x,onChange:p,open:j,openPopover:q,placeholder:E,renderCustomElementInValueButton:h,searchInputRef:m,selectRenderElements:c,startSlot:R,value:u})=>{var a;const{buttonExcludedFromTabOrder:v,inputField:S}=J.sharedInputStyles({isInvalid:x,hasEndSlot:!0,fullWidth:t,isDisabled:d}),n=i=>{(i.key==="Escape"||i.key==="Backspace")&&!o?(i.stopPropagation(),p==null||p(void 0)):i.key==="ArrowDown"||i.key==="ArrowUp"?q==null||q():i.key&&i.key.match(/^[a-zA-Z0-9]$/)&&(se.flushSync(()=>{q==null||q()}),m.current&&(m.current.focus(),m.current.setSelectionRange(0,m.current.value.length)))};return e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[R,e.jsxRuntimeExports.jsxs(A.Button,{"aria-haspopup":"listbox","aria-expanded":j,className:({isFocused:i,isHovered:f})=>S({isHovered:f,isFocused:i,className:"min-h-8 grow"}),isDisabled:d,onKeyDown:n,onPress:q,children:[e.jsxRuntimeExports.jsxs("div",{className:"flex grow truncate text-start",children:[h&&u?(a=c(u))==null?void 0:a.customElement:null,u&&l(u)?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:l(u)}):e.jsxRuntimeExports.jsx(re.Text,{variant:"body-medium",color:"secondary",children:E})]}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[u&&!d&&!o?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx("div",{className:v(),role:"button",onPointerDown:i=>{i.stopPropagation(),p==null||p(void 0)},onClick:i=>{i.stopPropagation(),p==null||p(void 0)},children:e.jsxRuntimeExports.jsx(g.SvgIcon,{name:"clear"})})}):null,e.jsxRuntimeExports.jsx(g.SvgIcon,{name:"chevron-up-down",className:"h-4 w-4"})]})]}),s]})},he=({fullWidth:o,getItemId:s,getLabel:t,isDisabled:l,isInvalid:d,label:x,onChange:p,openPopover:j,placeholder:q,searchInputRef:E,value:h})=>{const{inputField:m}=J.sharedInputStyles({isInvalid:d,hasEndSlot:!0,fullWidth:o,isDisabled:l}),c=r.useCallback(u=>{u.key==="ArrowDown"||u.key==="ArrowUp"?j():u.key&&u.key.match(/^[a-zA-Z0-9]$/)&&(se.flushSync(()=>{j()}),E.current&&(E.current.focus(),E.current.setSelectionRange(0,E.current.value.length)))},[j,E]),R=r.useCallback(u=>{h&&p(h.filter(v=>{const S=s(v);return!u.has(S)}))},[s,p,h]);return e.jsxRuntimeExports.jsx(A.Group,{className:({isFocusWithin:u,isHovered:v})=>m({isHovered:v,isFocused:u,className:le.clsx(v&&!d&&!l&&!u?"border-hover":"","has:[data-focused]:border has:[data-focused]:border-focus","py-[0.4375rem]")}),children:e.jsxRuntimeExports.jsxs(A.Button,{onPress:j,onKeyDown:c,isDisabled:l,className:"flex w-full outline-none",children:[e.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:h&&h.length?e.jsxRuntimeExports.jsx(ne.InputTagGroup,{label:x??"Selected items",className:"-m-1.5 -mt-[0.3125rem] items-center",onRemove:l?void 0:R,children:h.map(u=>e.jsxRuntimeExports.jsx(ne.InputTag,{id:s(u),isDisabled:l,children:t(u)},s(u)))}):e.jsxRuntimeExports.jsx(re.Text,{color:"secondary",children:q})}),e.jsxRuntimeExports.jsx(g.SvgIcon,{name:"chevron-up-down",className:"h-4 w-4 min-w-[16px]"})]})})},Se=({endSlot:o,isLoading:s,onKeyDown:t,onQueryChange:l,query:d,searchInputRef:x,setQuery:p})=>{const j=r.useId(),{clear:q,search:E}=oe.useDictionary(),h=qe.useSpinDelay(s??!1,{delay:500,minDuration:200}),{buttonExcludedFromTabOrder:m}=J.sharedInputStyles({fullWidth:!0});return r.useEffect(()=>{var c;(c=x.current)==null||c.focus()},[]),e.jsxRuntimeExports.jsx("div",{className:"pb-1",children:e.jsxRuntimeExports.jsxs("div",{className:"flex h-6 w-full items-center gap-2 rounded-xs border border-solid border-default bg-overlay-subtle py-1 pe-1 ps-1.5",children:[e.jsxRuntimeExports.jsx(A.Input,{ref:x,id:j,className:"w-full bg-transparent text-base outline-none placeholder:text-tertiary",onChange:c=>{var R,u;p(((R=c.target)==null?void 0:R.value)??""),l==null||l((u=c.target)==null?void 0:u.value)},placeholder:E,value:d??"",onKeyDown:c=>{c.code==="Tab"&&c.preventDefault(),t==null||t(c)}}),d&&d.length?e.jsxRuntimeExports.jsx(A.Button,{"aria-label":q,className:m(),excludeFromTabOrder:!0,onPress:()=>{var c;p(""),(c=x.current)==null||c.focus()},children:e.jsxRuntimeExports.jsx(g.SvgIcon,{name:"clear"})}):null,o,h?e.jsxRuntimeExports.jsx(Re.Spinner,{className:"mx-2",size:"small"}):null]})})},ye=o=>{const s=r.useRef(null),[t,l]=r.useState(!1);return r.useEffect(()=>l(!1),[o]),{loadMoreButtonRef:s,isLoadMoreButtonFocused:t,setIsLoadMoreButtonFocused:l}},ve=({disabledItemIdKeys:o,filteredItems:s,getItemId:t,onMultiChange:l,onSingleChange:d,value:x})=>{const p=r.useMemo(()=>{if(Array.isArray(x))return x.length?s==null?void 0:s.findIndex(n=>t(n)===t(x[0])):0;if(x)return(s==null?void 0:s.findIndex(n=>t(n)===t(x)))??0},[s,t,x]),j=r.useCallback(n=>{if(Number.isInteger(n)){for(let a=n-1;a>=0;a--)if(!(o!=null&&o.includes(t(s[a]))))return Math.max(a,0)}return-1},[o,s,t]),q=r.useCallback(n=>{if(Number.isInteger(n)){for(let a=n+1;a<s.length;a++)if(!(o!=null&&o.includes(t(s[a]))))return Math.min(s.length-1,a)}return-1},[o,s,t]),E=r.useCallback(n=>{if(l){const a=x?[...x]:[],i=a.map(t),f=i!=null&&i.includes(t(n))?a.filter(F=>t(F)!==t(n)):[...a,n];l==null||l(f)}else d&&(d==null||d(n))},[t,l,d,x]),h=r.useCallback(n=>Array.isArray(x)?x.some(a=>t(a)===t(n)):x?t(x)===t(n):!1,[t,x]),[m,c]=r.useState(p??0),R=de.useMousePosition(),u=r.useRef(void 0),v=r.useCallback(n=>{const a=m;if(n.key==="ArrowDown"){n.preventDefault();const i=q(a);i>=0&&(c(i),u.current=R)}else if(n.key==="ArrowUp"){n.preventDefault();const i=j(a);i>=0&&(c(i),u.current=R)}else n.key==="Enter"&&E(s[m])},[m,s,q,j,R,E]),S=r.useCallback((n,a)=>{n&&u.current!==R&&(c(a),u.current=R)},[R]);return{activeItem:m,setActiveItem:c,getItemIsSelected:h,onKeyDown:v,onHoverChange:S,selectedItemIndex:p,toggleSelection:E}},Ne=({selectedItemIndex:o,setActiveItem:s})=>(r.useEffect(()=>{if(o!==void 0&&o>=0)return s(o),()=>{s(0)}},[o,s]),null),I=({direction:o,disabledItemIdKeys:s,getItemId:t,getLabel:l,isLoading:d,items:x,label:p,onLoadMore:j,onMultiChange:q,onQueryChange:E,onSingleChange:h,open:m,placement:c,searchInputRef:R,selectRenderElements:u,setOpenPopover:v,triggerRef:S,value:n})=>{var U,V,te;const{loadMore:a,noResultsFound:i}=oe.useDictionary(),{filteredItems:f,query:F,setQuery:L}=fe.useFilterItemsByQuery({getLabel:l,items:x,onQueryChange:E}),{item:M}=ae.sharedListItemStyles(),{isLoadMoreButtonFocused:P,loadMoreButtonRef:B,setIsLoadMoreButtonFocused:G}=ye(m),{activeItem:y,getItemIsSelected:z,onHoverChange:O,onKeyDown:T,selectedItemIndex:N,setActiveItem:W,toggleSelection:Z}=ve({disabledItemIdKeys:s,filteredItems:f,getItemId:t,loadMoreButtonRef:B,onMultiChange:q,onSingleChange:h,value:n}),[_,Y]=r.useState((U=S.current)==null?void 0:U.offsetWidth);xe.default("resize",()=>{var k;Y((k=S.current)==null?void 0:k.offsetWidth)});const $=_??((V=S.current)==null?void 0:V.offsetWidth),X=r.useRef(null),D=j?((f==null?void 0:f.length)??0)+1:(f==null?void 0:f.length)??0,b=ce.useVirtualizer({count:D,estimateSize:()=>40,getScrollElement:()=>X.current,overscan:6});r.useEffect(()=>{y!==void 0&&y>=0&&(f!=null&&f.length)&&(y===f.length-1&&j?b.scrollToIndex(D):b.scrollToIndex(Math.min(y,D-1)))},[y,D,f.length,j,b]);const H=b.getVirtualItems();return e.jsxRuntimeExports.jsx(je.Popover,{className:"p-1",isOpen:m,disablePadding:!0,triggerRef:S,onOpenChange:v,"aria-label":p,shouldUpdatePosition:!0,placement:c,style:{width:$&&$>280?$+"px":"280px",direction:o},children:m?e.jsxRuntimeExports.jsxs("div",{className:"gap-1",children:[e.jsxRuntimeExports.jsx(Se,{onQueryChange:E,isLoading:d,query:F,setQuery:k=>{se.flushSync(()=>{L(k),W(0)}),b.scrollToOffset(0)},searchInputRef:R,onKeyDown:T}),e.jsxRuntimeExports.jsx(Ne,{selectedItemIndex:N,setActiveItem:W}),e.jsxRuntimeExports.jsx("div",{ref:X,className:"w-full overflow-y-auto",style:{contain:"strict",height:Math.min(288,b.getTotalSize()+(j?4:0))},children:e.jsxRuntimeExports.jsx("div",{className:"relative w-full",style:{height:b.getTotalSize()},children:e.jsxRuntimeExports.jsx("div",{className:"absolute start-0 top-0 w-full",style:{transform:`translateY(${((te=H==null?void 0:H[0])==null?void 0:te.start)??0}px)`},children:H.map(k=>{if(k.index===D-1&&j)return e.jsxRuntimeExports.jsx("div",{"data-index":k.index,ref:b.measureElement,children:e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(me.Separator,{className:"my-1"}),e.jsxRuntimeExports.jsx(A.Button,{isDisabled:d,onFocusChange:G,onHoverChange:G,ref:B,className:M({className:"w-full justify-start bg-transparent ps-6 text-base font-normal text-primary duration-0 active:text-inverted hover:bg-action-hover hover:text-inverted focus:bg-action-focus focus:text-inverted focus-visible:[box-shadow:none]"}),onPress:()=>{var w;j(),(w=R.current)==null||w.focus()},onKeyDown:w=>{var Q;w.key==="ArrowUp"&&(w.preventDefault(),(Q=R.current)==null||Q.focus())},children:a})]})},k.key);{const w=f[k.index];return e.jsxRuntimeExports.jsx("div",{"data-index":k.index,ref:b.measureElement,children:e.jsxRuntimeExports.jsx(A.Button,{className:"w-full text-start outline-none",onHoverChange:Q=>{O(Q,k.index)},onPress:()=>Z(w),isDisabled:(s==null?void 0:s.includes(t(w)))??!1,excludeFromTabOrder:!0,children:e.jsxRuntimeExports.jsx(pe.SharedListItem,{hasSelection:!0,item:w,state:{active:y===k.index&&!P,disabled:(s==null?void 0:s.includes(t(w)))??!1,selected:z(w)},selectRenderElements:u},t(w))},t(w))},k.key)}})})})}),D?null:e.jsxRuntimeExports.jsx(re.Text,{variant:"body-medium",color:"secondary",className:"px-2.5",children:i})]}):null})},ee=({getItemId:o,name:s,value:t})=>s?Array.isArray(t)?t.map(l=>e.jsxRuntimeExports.jsx("input",{type:"hidden",name:s,value:o(l)},o(l))):t?e.jsxRuntimeExports.jsx("input",{type:"hidden",name:s,value:o(t)}):null:null,be=({defaultValue:o,description:s,disableClearLogic:t,disabledItemIdKeys:l,endSlot:d,errorMessage:x,fullWidth:p=!0,getItemId:j,getLabel:q,hideHintLabel:E,hideInputFooter:h,hideInputHeader:m,isDisabled:c,isInvalid:R,isLoading:u,isRequired:v,items:S,label:n,name:a,onChange:i,onLoadMore:f,onQueryChange:F,placeholder:L,placement:M="bottom start",renderCustomElementInValueButton:P,selectRenderElements:B,startSlot:G,value:y})=>{const{isDisabled:z}=r.useContext(C.FieldGroupContext),O=r.useRef(null),T=r.useRef(null),N=r.useRef(null),[W,Z]=r.useState(y??o),[_,Y]=r.useState(!1),$=()=>{var V;Y(!0),(V=T.current)==null||V.click()},X=()=>Y(!1),D=r.useCallback(V=>{Z(V),i==null||i(V),X()},[i]),{direction:b}=K.useLocale(),{wrapper:H}=J.sharedInputStyles({fullWidth:p,isInvalid:R,isDisabled:c||z});r.useEffect(()=>{Z(y??o)},[o,y]);const U=y??W;return e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(ee,{name:a,value:U,getItemId:j}),e.jsxRuntimeExports.jsxs("div",{className:H(),children:[e.jsxRuntimeExports.jsx(ue.InputHeader,{label:n,hideHintLabel:E,hideInputHeader:m,isRequired:v}),e.jsxRuntimeExports.jsx("div",{ref:N,children:e.jsxRuntimeExports.jsx(Ee,{disableClearLogic:t,endSlot:d,fullWidth:p,getLabel:q,getItemId:j,isDisabled:c,isInvalid:R,open:_,openPopover:$,onChange:D,placeholder:L,searchInputRef:O,startSlot:G,value:U,renderCustomElementInValueButton:P,selectRenderElements:B})}),e.jsxRuntimeExports.jsx(ie.InputFooter,{description:s,errorMessage:x,hideInputFooter:h})]}),e.jsxRuntimeExports.jsx(I,{triggerRef:N,label:n,getItemId:j,getLabel:q,items:S,open:_,setOpenPopover:Y,selectRenderElements:B,disabledItemIdKeys:l,direction:b,onQueryChange:F,isLoading:u,searchInputRef:O,onLoadMore:f,placement:M,value:U,onSingleChange:D})]})},ke=({defaultValue:o,description:s,disableClearLogic:t,disabledItemIdKeys:l,endSlot:d,errorMessage:x,fullWidth:p=!0,getItemId:j,getLabel:q,hideHintLabel:E,hideInputFooter:h,hideInputHeader:m,isDisabled:c,isInvalid:R,isLoading:u,isRequired:v,items:S,label:n,labelId:a,name:i,onChange:f,onLoadMore:F,onQueryChange:L,placeholder:M,placement:P="bottom start",selectRenderElements:B,startSlot:G,value:y})=>{const{isDisabled:z}=r.useContext(C.FieldGroupContext),O=r.useRef(null),T=r.useRef(null),[N,W]=r.useState(y??o),[Z,_]=r.useState(!1),Y=()=>{_(!0)},$=r.useCallback(H=>{var U;W(H),f==null||f(H),(U=O.current)==null||U.focus()},[f]),{direction:X}=K.useLocale(),{wrapper:D}=J.sharedInputStyles({fullWidth:p,isInvalid:R,isDisabled:c||z});r.useEffect(()=>{W(y??o)},[o,y]);const b=y??N;return e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(ee,{name:i,value:b,getItemId:j}),e.jsxRuntimeExports.jsxs("div",{className:D(),children:[e.jsxRuntimeExports.jsx(ue.InputHeader,{label:n,isRequired:v,hideHintLabel:E,hideInputHeader:m,labelId:a}),e.jsxRuntimeExports.jsx("div",{ref:T,children:e.jsxRuntimeExports.jsx(he,{disableClearLogic:t,endSlot:d,fullWidth:p,getLabel:q,getItemId:j,isDisabled:c,isInvalid:R,onChange:$,open:Z,openPopover:Y,placeholder:M,searchInputRef:O,startSlot:G,value:b})}),e.jsxRuntimeExports.jsx(ie.InputFooter,{description:s,errorMessage:x,hideInputFooter:h})]}),e.jsxRuntimeExports.jsx(I,{label:n,searchInputRef:O,triggerRef:T,getItemId:j,getLabel:q,items:S,onMultiChange:$,value:b,placement:P,open:Z,setOpenPopover:_,selectRenderElements:B,disabledItemIdKeys:l,direction:X,onQueryChange:L,isLoading:u,onLoadMore:F})]})},we=({children:o,defaultValue:s,disabledItemIdKeys:t,getItemId:l,getLabel:d,isDisabled:x,isInvalid:p,isLoading:j,items:q,label:E,name:h,onChange:m,onLoadMore:c,onQueryChange:R,placement:u="bottom start",selectRenderElements:v,value:S})=>{const{isDisabled:n}=r.useContext(C.FieldGroupContext),a=r.useRef(null),i=r.useRef(null),f=r.useRef(null),[F,L]=r.useState(S??s),[M,P]=r.useState(!1),B=()=>{var N;P(!0),(N=i.current)==null||N.click()},G=()=>P(!1),y=r.useCallback(N=>{L(N),m==null||m(N),G()},[m]),{direction:z}=K.useLocale(),{wrapper:O}=J.sharedInputStyles({fullWidth:!1,isInvalid:p,isDisabled:x});r.useEffect(()=>{L(S??s)},[s,S]);const T=S??F;return e.jsxRuntimeExports.jsx(A.Provider,{values:[[A.ButtonContext,{onPress:()=>B(),isDisabled:x||n}]],children:e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(ee,{name:h,value:T,getItemId:l}),e.jsxRuntimeExports.jsx("div",{className:O(),children:e.jsxRuntimeExports.jsx("div",{ref:f,children:o})}),e.jsxRuntimeExports.jsx(I,{triggerRef:f,label:E,getItemId:l,getLabel:d,items:q,open:M,setOpenPopover:P,selectRenderElements:v,disabledItemIdKeys:t,direction:z,onLoadMore:c,onQueryChange:R,isLoading:j,searchInputRef:a,placement:u,value:T,onSingleChange:y})]})})},Fe=({children:o,defaultValue:s,disabledItemIdKeys:t,fullWidth:l=!0,getItemId:d,getLabel:x,isDisabled:p,isInvalid:j,isLoading:q,items:E,label:h,name:m,onChange:c,onLoadMore:R,onQueryChange:u,placement:v="bottom start",selectRenderElements:S,value:n})=>{const{isDisabled:a}=r.useContext(C.FieldGroupContext),i=r.useRef(null),f=r.useRef(null),F=r.useRef(null),[L,M]=r.useState(n??s),[P,B]=r.useState(!1),G=()=>{var N;B(!0),(N=f.current)==null||N.click()},y=r.useCallback(N=>{var W;M(N),c==null||c(N),(W=i.current)==null||W.focus()},[c]),{direction:z}=K.useLocale(),{wrapper:O}=J.sharedInputStyles({fullWidth:l,isInvalid:j,isDisabled:p});r.useEffect(()=>{M(n??s)},[s,n]);const T=n??L;return e.jsxRuntimeExports.jsx(A.Provider,{values:[[A.ButtonContext,{onPress:()=>G(),isDisabled:p||a}]],children:e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(ee,{name:m,value:T,getItemId:d}),e.jsxRuntimeExports.jsx("div",{className:O(),children:e.jsxRuntimeExports.jsx("div",{ref:F,children:o})}),e.jsxRuntimeExports.jsx(I,{label:h,searchInputRef:i,triggerRef:F,getItemId:d,getLabel:x,items:E,onLoadMore:R,open:P,setOpenPopover:B,selectRenderElements:S,disabledItemIdKeys:t,direction:z,onQueryChange:u,isLoading:q,value:T,onMultiChange:y,placement:v})]})})};exports.MultiSearchListField=ke;exports.MultiSearchListFieldWithCustomTrigger=Fe;exports.SearchListField=be;exports.SearchListFieldWithCustomTrigger=we;
|
package/dist/lyra37.js
CHANGED
|
@@ -2,7 +2,7 @@ import { j as r } from "./lyra90.js";
|
|
|
2
2
|
import { useContext as rr, useRef as F, useState as M, useCallback as T, useEffect as J, useId as xr, useMemo as fr } from "react";
|
|
3
3
|
import { Provider as lr, ButtonContext as pr, Button as K, Group as dr, Input as jr } from "./lyra89.js";
|
|
4
4
|
import { flushSync as nr } from "react-dom";
|
|
5
|
-
import { useVirtualizer as hr } from "./
|
|
5
|
+
import { useVirtualizer as hr } from "./lyra616.js";
|
|
6
6
|
import { clsx as br } from "./lyra450.js";
|
|
7
7
|
import "./lyra2.js";
|
|
8
8
|
import "./lyra3.js";
|
|
@@ -45,8 +45,8 @@ import "./lyra33.js";
|
|
|
45
45
|
import "./lyra34.js";
|
|
46
46
|
import "./lyra35.js";
|
|
47
47
|
import Nr from "./lyra596.js";
|
|
48
|
-
import { sharedListItemStyles as wr } from "./
|
|
49
|
-
import { SharedListItem as vr } from "./
|
|
48
|
+
import { sharedListItemStyles as wr } from "./lyra452.js";
|
|
49
|
+
import { SharedListItem as vr } from "./lyra453.js";
|
|
50
50
|
import { Popover as Sr } from "./lyra53.js";
|
|
51
51
|
import "./lyra54.js";
|
|
52
52
|
import "./lyra55.js";
|
package/dist/lyra43.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra90.cjs"),i=require("react"),a=require("./lyra89.cjs"),E=require("./lyra101.cjs"),w=require("./lyra450.cjs"),Y=require("./lyra93.cjs"),Z=require("./lyra95.cjs"),$=require("./
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra90.cjs"),i=require("react"),a=require("./lyra89.cjs"),E=require("./lyra101.cjs"),w=require("./lyra450.cjs"),Y=require("./lyra93.cjs"),Z=require("./lyra95.cjs"),$=require("./lyra617.cjs"),ee=require("./lyra65.cjs");require("./lyra459.cjs");const te=require("./lyra460.cjs"),se=require("./lyra38.cjs"),re=require("./lyra39.cjs"),ne=require("./lyra40.cjs"),S=({defaultValue:p,description:k,fullWidth:N=!0,hideHintLabel:B,hideInputFooter:b,hideInputHeader:D,inputRef:R,label:P,onChange:l,value:x,...m},f)=>{[m,f]=a.useContextProps(m,f,a.TextFieldContext);const h=i.useRef(null),c=E.useObjectRef(R?E.mergeRefs(h,R):h),{className:V,errorMessage:_,isDisabled:A=!1,isInvalid:G,isRequired:d,name:F,...H}=m,C=Z.useDictionary(),[M,I]=i.useState(""),[t,q]=i.useState(x??p??[]),{inputField:O,wrapper:K}=ne.sharedInputStyles({fullWidth:N});i.useEffect(()=>{q(x??p??[])},[x,p]);const u=i.useCallback(e=>{q(e),l==null||l(e)},[l]),L=i.useCallback(e=>{if(["Enter",","].includes(e.key)){e.preventDefault();const o=e.currentTarget.value.trim();o&&!t.includes(o)&&u([...t,e.currentTarget.value.trim()]),I("")}else e.key==="Backspace"&&(e.currentTarget.value||(e.preventDefault(),u(t.slice(0,-1))))},[u,t]),z=i.useCallback(e=>{if(e.preventDefault(),e.clipboardData){const o=e.clipboardData.getData("Text");if(o){const s=o?o.split(",").map(r=>r.replace(/[\u200B-\u200D\uFEFF]/g,"")).filter(r=>r.length>0).map(r=>r.trim()):[];u(Array.from(new Set([...t,...s])))}}},[u,t]),J=i.useMemo(()=>d&&t.length===0,[t.length,d]),{removeButton:Q,tag:U}=te.tagStyles(),[W,v]=i.useState(!1),[g,j]=i.useState(0),[X,T]=i.useState(!1);return n.jsxRuntimeExports.jsx(a.TextField,{className:K({className:V}),isDisabled:A,isInvalid:G,isRequired:J,...H,onKeyDown:L,value:M,onChange:I,onPaste:z,ref:f,children:({isDisabled:e,isInvalid:o})=>n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx(se.InputHeader,{label:P,isRequired:d,hideHintLabel:B,hideInputHeader:D}),n.jsxRuntimeExports.jsxs(a.Group,{className:({isFocusWithin:s,isHovered:r})=>O({isFocused:s,isHovered:r,isDisabled:e,isInvalid:o,className:"relative flex-wrap items-start gap-1"}),onFocus:()=>{var s;t.length===0&&((s=c==null?void 0:c.current)==null||s.focus())},children:[n.jsxRuntimeExports.jsxs("div",{className:w.clsx(t.length&&"-my-px","-mx-1 flex w-full flex-wrap gap-1 py-[0.1875rem] outline-none"),tabIndex:e?void 0:0,role:"grid",onKeyDown:s=>{s.key==="ArrowRight"?(s.preventDefault(),j(r=>(r+1)%t.length)):s.key==="ArrowLeft"?(s.preventDefault(),j(r=>(r-1+t.length)%t.length)):s.key==="Backspace"&&g!==-1&&u(t.filter((r,y)=>y!==g))},onFocus:()=>{e||v(!0)},onBlur:()=>{e||v(!1)},children:[t.map((s,r)=>n.jsxRuntimeExports.jsxs("div",{className:U({allowsRemoving:!0,className:w.clsx(W&&r===g&&!X&&!e?"border-focus shadow-highlight":"")}),"aria-label":s,"aria-colindex":r+1,role:"gridcell",onClick:()=>{e||j(r)},children:[s,!e&&n.jsxRuntimeExports.jsx($.SpanButton,{className:Q({isDisabled:e}),onPress:()=>u(t.filter(y=>y!==s)),children:n.jsxRuntimeExports.jsx(ee.SvgIcon,{name:"clear"})})]},s)),n.jsxRuntimeExports.jsx(a.Input,{className:"-my-0.5 h-7 w-full min-w-36 flex-1 ps-2 outline-none",ref:c,onFocus:()=>{e||T(!0)},onBlur:()=>{e||T(!1)}})]}),F?n.jsxRuntimeExports.jsx("input",{type:"hidden",value:t.join(","),name:F}):null]}),n.jsxRuntimeExports.jsx(re.InputFooter,{description:k??C.tagInputDescription,errorMessage:_,hideInputFooter:b})]})})};S.displayName="TagInput";const ie=Y.fixedForwardRef(S);exports.TagInput=ie;
|
package/dist/lyra43.js
CHANGED
|
@@ -5,7 +5,7 @@ import { useObjectRef as oe, mergeRefs as ae } from "./lyra101.js";
|
|
|
5
5
|
import { clsx as T } from "./lyra450.js";
|
|
6
6
|
import { fixedForwardRef as ne } from "./lyra93.js";
|
|
7
7
|
import { useDictionary as ie } from "./lyra95.js";
|
|
8
|
-
import { SpanButton as le } from "./
|
|
8
|
+
import { SpanButton as le } from "./lyra617.js";
|
|
9
9
|
import { SvgIcon as ce } from "./lyra65.js";
|
|
10
10
|
import "./lyra459.js";
|
|
11
11
|
import { tagStyles as fe } from "./lyra460.js";
|
package/dist/lyra452.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra451.cjs"),t=e.tv({base:["flex","flex-col","w-full","outline-none","overflow-auto"]}),r=e.tv({base:["block","w-full","justify-start","rounded-sm","bg-transparent","p-1","ps-1.5","text-start","text-base","font-normal","text-primary","outline-none","duration-0","active:text-inverted","hover:bg-action-hover","hover:text-inverted","focus:bg-action-focus","focus:text-inverted","focus-visible:[box-shadow:none]"],variants:{isDisabled:{true:["text-tertiary","cursor-not-allowed"]}}}),i=e.tv({slots:{item:["flex","items-start","p-1","rounded-sm","outline-none"],itemCheckmark:[],itemCheckmarkWrapper:[],itemImage:["w-9","min-w-9","h-9","rounded-xs","border","solid","border-default","me-1.5","overflow-hidden","box-border","object-contain","bg-[#ffffff]","block"],itemLabel:["text-primary","text-base","truncate","overflow-hidden","select-none"],itemDescription:["text-sm","text-secondary","truncate","overflow-hidden","select-none"],itemEndIcon:["text-tertiary","w-4","h-4"],itemStartIcon:["w-4","h-4","me-1"]},variants:{hasSelection:{true:{itemCheckmarkWrapper:["w-5","min-w-5"],itemCheckmark:["text-primary","min-w-4","me-1"]},false:{item:["ps-1.5"]}},disabled:{true:{item:["cursor-not-allowed"],itemCheckmark:["text-tertiary"],itemImage:["opacity-50"],itemLabel:["text-tertiary"],itemDescription:["text-tertiary"]}},active:{true:{item:["bg-action-focus"],itemImage:["border-focus"],itemCheckmark:["text-inverted"],itemLabel:["text-inverted"],itemDescription:["text-inverted"],itemStartIcon:["text-inverted"],itemEndIcon:["text-inverted"]}}}});exports.loadMoreButtonStyles=r;exports.sharedListItemStyles=i;exports.sharedListStyles=t;
|
package/dist/lyra452.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lyra452.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"file":"lyra452.cjs","sources":["../src/components/lists/shared-list.styles.tsx"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const sharedListStyles = tv({\n base: [\"flex\", \"flex-col\", \"w-full\", \"outline-none\", \"overflow-auto\"],\n});\n\nexport const loadMoreButtonStyles = tv({\n base: [\n \"block\",\n \"w-full\",\n \"justify-start\",\n \"rounded-sm\",\n \"bg-transparent\",\n \"p-1\",\n \"ps-1.5\",\n \"text-start\",\n \"text-base\",\n \"font-normal\",\n \"text-primary\",\n \"outline-none\",\n \"duration-0\",\n \"active:text-inverted\",\n \"hover:bg-action-hover\",\n \"hover:text-inverted\",\n \"focus:bg-action-focus\",\n \"focus:text-inverted\",\n \"focus-visible:[box-shadow:none]\",\n ],\n variants: {\n isDisabled: {\n true: [\"text-tertiary\", \"cursor-not-allowed\"],\n },\n },\n});\n\nexport const sharedListItemStyles = tv({\n slots: {\n item: [\"flex\", \"items-start\", \"p-1\", \"rounded-sm\", \"outline-none\"],\n itemCheckmark: [],\n itemCheckmarkWrapper: [],\n itemImage: [\n \"w-9\",\n \"min-w-9\",\n \"h-9\",\n \"rounded-xs\",\n \"border\",\n \"solid\",\n \"border-default\",\n \"me-1.5\",\n \"overflow-hidden\",\n \"box-border\",\n \"object-contain\",\n \"bg-[#ffffff]\",\n \"block\",\n ],\n itemLabel: [\"text-primary\", \"text-base\", \"truncate\", \"overflow-hidden\", \"select-none\"],\n itemDescription: [\"text-sm\", \"text-secondary\", \"truncate\", \"overflow-hidden\", \"select-none\"],\n itemEndIcon: [\"text-tertiary\", \"w-4\", \"h-4\"],\n itemStartIcon: [\"w-4\", \"h-4\", \"me-1\"],\n },\n variants: {\n hasSelection: {\n true: {\n itemCheckmarkWrapper: [\"w-5\", \"min-w-5\"],\n itemCheckmark: [\"text-primary\", \"min-w-4\", \"me-1\"],\n },\n false: {\n item: [\"ps-1.5\"],\n },\n },\n disabled: {\n true: {\n item: [\"cursor-not-allowed\"],\n itemCheckmark: [\"text-tertiary\"],\n itemImage: [\"opacity-50\"],\n itemLabel: [\"text-tertiary\"],\n itemDescription: [\"text-tertiary\"],\n },\n },\n active: {\n true: {\n item: [\"bg-action-focus\"],\n itemImage: [\"border-focus\"],\n itemCheckmark: [\"text-inverted\"],\n itemLabel: [\"text-inverted\"],\n itemDescription: [\"text-inverted\"],\n itemStartIcon: [\"text-inverted\"],\n itemEndIcon: [\"text-inverted\"],\n },\n },\n },\n});\n"],"names":["sharedListStyles","tv","loadMoreButtonStyles","sharedListItemStyles"],"mappings":"iHAEaA,EAAmBC,EAAAA,GAAG,CACjC,KAAM,CAAC,OAAQ,WAAY,SAAU,eAAgB,eAAe,CACtE,CAAC,EAEYC,EAAuBD,EAAAA,GAAG,CACrC,KAAM,CACJ,QACA,SACA,gBACA,aACA,iBACA,MACA,SACA,aACA,YACA,cACA,eACA,eACA,aACA,uBACA,wBACA,sBACA,wBACA,sBACA,iCACF,EACA,SAAU,CACR,WAAY,CACV,KAAM,CAAC,gBAAiB,oBAAoB,CAC9C,CACF,CACF,CAAC,EAEYE,EAAuBF,EAAAA,GAAG,CACrC,MAAO,CACL,KAAM,CAAC,OAAQ,cAAe,MAAO,aAAc,cAAc,EACjE,cAAe,CAAC,EAChB,qBAAsB,CAAC,EACvB,UAAW,CACT,MACA,UACA,MACA,aACA,SACA,QACA,iBACA,SACA,kBACA,aACA,iBACA,eACA,OACF,EACA,UAAW,CAAC,eAAgB,YAAa,WAAY,kBAAmB,aAAa,EACrF,gBAAiB,CAAC,UAAW,iBAAkB,WAAY,kBAAmB,aAAa,EAC3F,YAAa,CAAC,gBAAiB,MAAO,KAAK,EAC3C,cAAe,CAAC,MAAO,MAAO,MAAM,CACtC,EACA,SAAU,CACR,aAAc,CACZ,KAAM,CACJ,qBAAsB,CAAC,MAAO,SAAS,EACvC,cAAe,CAAC,eAAgB,UAAW,MAAM,CACnD,EACA,MAAO,CACL,KAAM,CAAC,QAAQ,CACjB,CACF,EACA,SAAU,CACR,KAAM,CACJ,KAAM,CAAC,oBAAoB,EAC3B,cAAe,CAAC,eAAe,EAC/B,UAAW,CAAC,YAAY,EACxB,UAAW,CAAC,eAAe,EAC3B,gBAAiB,CAAC,eAAe,CACnC,CACF,EACA,OAAQ,CACN,KAAM,CACJ,KAAM,CAAC,iBAAiB,EACxB,UAAW,CAAC,cAAc,EAC1B,cAAe,CAAC,eAAe,EAC/B,UAAW,CAAC,eAAe,EAC3B,gBAAiB,CAAC,eAAe,EACjC,cAAe,CAAC,eAAe,EAC/B,YAAa,CAAC,eAAe,CAC/B,CACF,CACF,CACF,CAAC"}
|
package/dist/lyra452.js
CHANGED
|
@@ -1 +1,92 @@
|
|
|
1
|
-
|
|
1
|
+
import { tv as e } from "./lyra451.js";
|
|
2
|
+
const r = e({
|
|
3
|
+
base: ["flex", "flex-col", "w-full", "outline-none", "overflow-auto"]
|
|
4
|
+
}), i = e({
|
|
5
|
+
base: [
|
|
6
|
+
"block",
|
|
7
|
+
"w-full",
|
|
8
|
+
"justify-start",
|
|
9
|
+
"rounded-sm",
|
|
10
|
+
"bg-transparent",
|
|
11
|
+
"p-1",
|
|
12
|
+
"ps-1.5",
|
|
13
|
+
"text-start",
|
|
14
|
+
"text-base",
|
|
15
|
+
"font-normal",
|
|
16
|
+
"text-primary",
|
|
17
|
+
"outline-none",
|
|
18
|
+
"duration-0",
|
|
19
|
+
"active:text-inverted",
|
|
20
|
+
"hover:bg-action-hover",
|
|
21
|
+
"hover:text-inverted",
|
|
22
|
+
"focus:bg-action-focus",
|
|
23
|
+
"focus:text-inverted",
|
|
24
|
+
"focus-visible:[box-shadow:none]"
|
|
25
|
+
],
|
|
26
|
+
variants: {
|
|
27
|
+
isDisabled: {
|
|
28
|
+
true: ["text-tertiary", "cursor-not-allowed"]
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
}), o = e({
|
|
32
|
+
slots: {
|
|
33
|
+
item: ["flex", "items-start", "p-1", "rounded-sm", "outline-none"],
|
|
34
|
+
itemCheckmark: [],
|
|
35
|
+
itemCheckmarkWrapper: [],
|
|
36
|
+
itemImage: [
|
|
37
|
+
"w-9",
|
|
38
|
+
"min-w-9",
|
|
39
|
+
"h-9",
|
|
40
|
+
"rounded-xs",
|
|
41
|
+
"border",
|
|
42
|
+
"solid",
|
|
43
|
+
"border-default",
|
|
44
|
+
"me-1.5",
|
|
45
|
+
"overflow-hidden",
|
|
46
|
+
"box-border",
|
|
47
|
+
"object-contain",
|
|
48
|
+
"bg-[#ffffff]",
|
|
49
|
+
"block"
|
|
50
|
+
],
|
|
51
|
+
itemLabel: ["text-primary", "text-base", "truncate", "overflow-hidden", "select-none"],
|
|
52
|
+
itemDescription: ["text-sm", "text-secondary", "truncate", "overflow-hidden", "select-none"],
|
|
53
|
+
itemEndIcon: ["text-tertiary", "w-4", "h-4"],
|
|
54
|
+
itemStartIcon: ["w-4", "h-4", "me-1"]
|
|
55
|
+
},
|
|
56
|
+
variants: {
|
|
57
|
+
hasSelection: {
|
|
58
|
+
true: {
|
|
59
|
+
itemCheckmarkWrapper: ["w-5", "min-w-5"],
|
|
60
|
+
itemCheckmark: ["text-primary", "min-w-4", "me-1"]
|
|
61
|
+
},
|
|
62
|
+
false: {
|
|
63
|
+
item: ["ps-1.5"]
|
|
64
|
+
}
|
|
65
|
+
},
|
|
66
|
+
disabled: {
|
|
67
|
+
true: {
|
|
68
|
+
item: ["cursor-not-allowed"],
|
|
69
|
+
itemCheckmark: ["text-tertiary"],
|
|
70
|
+
itemImage: ["opacity-50"],
|
|
71
|
+
itemLabel: ["text-tertiary"],
|
|
72
|
+
itemDescription: ["text-tertiary"]
|
|
73
|
+
}
|
|
74
|
+
},
|
|
75
|
+
active: {
|
|
76
|
+
true: {
|
|
77
|
+
item: ["bg-action-focus"],
|
|
78
|
+
itemImage: ["border-focus"],
|
|
79
|
+
itemCheckmark: ["text-inverted"],
|
|
80
|
+
itemLabel: ["text-inverted"],
|
|
81
|
+
itemDescription: ["text-inverted"],
|
|
82
|
+
itemStartIcon: ["text-inverted"],
|
|
83
|
+
itemEndIcon: ["text-inverted"]
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
});
|
|
88
|
+
export {
|
|
89
|
+
i as loadMoreButtonStyles,
|
|
90
|
+
o as sharedListItemStyles,
|
|
91
|
+
r as sharedListStyles
|
|
92
|
+
};
|
package/dist/lyra452.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lyra452.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"file":"lyra452.js","sources":["../src/components/lists/shared-list.styles.tsx"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const sharedListStyles = tv({\n base: [\"flex\", \"flex-col\", \"w-full\", \"outline-none\", \"overflow-auto\"],\n});\n\nexport const loadMoreButtonStyles = tv({\n base: [\n \"block\",\n \"w-full\",\n \"justify-start\",\n \"rounded-sm\",\n \"bg-transparent\",\n \"p-1\",\n \"ps-1.5\",\n \"text-start\",\n \"text-base\",\n \"font-normal\",\n \"text-primary\",\n \"outline-none\",\n \"duration-0\",\n \"active:text-inverted\",\n \"hover:bg-action-hover\",\n \"hover:text-inverted\",\n \"focus:bg-action-focus\",\n \"focus:text-inverted\",\n \"focus-visible:[box-shadow:none]\",\n ],\n variants: {\n isDisabled: {\n true: [\"text-tertiary\", \"cursor-not-allowed\"],\n },\n },\n});\n\nexport const sharedListItemStyles = tv({\n slots: {\n item: [\"flex\", \"items-start\", \"p-1\", \"rounded-sm\", \"outline-none\"],\n itemCheckmark: [],\n itemCheckmarkWrapper: [],\n itemImage: [\n \"w-9\",\n \"min-w-9\",\n \"h-9\",\n \"rounded-xs\",\n \"border\",\n \"solid\",\n \"border-default\",\n \"me-1.5\",\n \"overflow-hidden\",\n \"box-border\",\n \"object-contain\",\n \"bg-[#ffffff]\",\n \"block\",\n ],\n itemLabel: [\"text-primary\", \"text-base\", \"truncate\", \"overflow-hidden\", \"select-none\"],\n itemDescription: [\"text-sm\", \"text-secondary\", \"truncate\", \"overflow-hidden\", \"select-none\"],\n itemEndIcon: [\"text-tertiary\", \"w-4\", \"h-4\"],\n itemStartIcon: [\"w-4\", \"h-4\", \"me-1\"],\n },\n variants: {\n hasSelection: {\n true: {\n itemCheckmarkWrapper: [\"w-5\", \"min-w-5\"],\n itemCheckmark: [\"text-primary\", \"min-w-4\", \"me-1\"],\n },\n false: {\n item: [\"ps-1.5\"],\n },\n },\n disabled: {\n true: {\n item: [\"cursor-not-allowed\"],\n itemCheckmark: [\"text-tertiary\"],\n itemImage: [\"opacity-50\"],\n itemLabel: [\"text-tertiary\"],\n itemDescription: [\"text-tertiary\"],\n },\n },\n active: {\n true: {\n item: [\"bg-action-focus\"],\n itemImage: [\"border-focus\"],\n itemCheckmark: [\"text-inverted\"],\n itemLabel: [\"text-inverted\"],\n itemDescription: [\"text-inverted\"],\n itemStartIcon: [\"text-inverted\"],\n itemEndIcon: [\"text-inverted\"],\n },\n },\n },\n});\n"],"names":["sharedListStyles","tv","loadMoreButtonStyles","sharedListItemStyles"],"mappings":";AAEO,MAAMA,IAAmBC,EAAG;AAAA,EACjC,MAAM,CAAC,QAAQ,YAAY,UAAU,gBAAgB,eAAe;AACtE,CAAC,GAEYC,IAAuBD,EAAG;AAAA,EACrC,MAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,YAAY;AAAA,MACV,MAAM,CAAC,iBAAiB,oBAAoB;AAAA,IAC9C;AAAA,EACF;AACF,CAAC,GAEYE,IAAuBF,EAAG;AAAA,EACrC,OAAO;AAAA,IACL,MAAM,CAAC,QAAQ,eAAe,OAAO,cAAc,cAAc;AAAA,IACjE,eAAe,CAAC;AAAA,IAChB,sBAAsB,CAAC;AAAA,IACvB,WAAW;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,WAAW,CAAC,gBAAgB,aAAa,YAAY,mBAAmB,aAAa;AAAA,IACrF,iBAAiB,CAAC,WAAW,kBAAkB,YAAY,mBAAmB,aAAa;AAAA,IAC3F,aAAa,CAAC,iBAAiB,OAAO,KAAK;AAAA,IAC3C,eAAe,CAAC,OAAO,OAAO,MAAM;AAAA,EACtC;AAAA,EACA,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,MAAM;AAAA,QACJ,sBAAsB,CAAC,OAAO,SAAS;AAAA,QACvC,eAAe,CAAC,gBAAgB,WAAW,MAAM;AAAA,MACnD;AAAA,MACA,OAAO;AAAA,QACL,MAAM,CAAC,QAAQ;AAAA,MACjB;AAAA,IACF;AAAA,IACA,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,MAAM,CAAC,oBAAoB;AAAA,QAC3B,eAAe,CAAC,eAAe;AAAA,QAC/B,WAAW,CAAC,YAAY;AAAA,QACxB,WAAW,CAAC,eAAe;AAAA,QAC3B,iBAAiB,CAAC,eAAe;AAAA,MACnC;AAAA,IACF;AAAA,IACA,QAAQ;AAAA,MACN,MAAM;AAAA,QACJ,MAAM,CAAC,iBAAiB;AAAA,QACxB,WAAW,CAAC,cAAc;AAAA,QAC1B,eAAe,CAAC,eAAe;AAAA,QAC/B,WAAW,CAAC,eAAe;AAAA,QAC3B,iBAAiB,CAAC,eAAe;AAAA,QACjC,eAAe,CAAC,eAAe;AAAA,QAC/B,aAAa,CAAC,eAAe;AAAA,MAC/B;AAAA,IACF;AAAA,EACF;AACF,CAAC;"}
|
package/dist/lyra453.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra90.cjs"),i=require("./lyra92.cjs"),n=require("./lyra65.cjs"),x=require("./lyra73.cjs");require("./lyra74.cjs");const I=require("./lyra452.cjs"),R=i.default.object({label:i.default.string(),description:i.default.string().optional(),iconStart:n.iconsSchema.optional(),iconEnd:n.iconsSchema.optional(),image:i.default.string().url().optional(),customElement:i.default.any().optional()}).transform(t=>(t.customElement?(delete t.image,delete t.iconStart):t.image&&delete t.iconStart,t)),v=({hasSelection:t,item:u,selectRenderElements:d,state:s})=>{const{customElement:l,description:r,iconEnd:m,iconStart:o,image:c,label:a}=R.parse(d(u)),{item:p,itemCheckmark:j,itemCheckmarkWrapper:S,itemDescription:h,itemEndIcon:E,itemImage:g,itemLabel:f,itemStartIcon:y}=I.sharedListItemStyles({hasSelection:t});return e.jsxRuntimeExports.jsxs("div",{className:p(s),children:[t?e.jsxRuntimeExports.jsx("div",{className:S(),children:s.selected?e.jsxRuntimeExports.jsx(n.SvgIcon,{name:"checkmark",className:j(s)}):e.jsxRuntimeExports.jsx("div",{className:"h-4 w-4"})}):null,l||null,c?e.jsxRuntimeExports.jsx("img",{src:c,alt:a,className:g(s)}):null,o?e.jsxRuntimeExports.jsx("div",{className:y(s),children:e.jsxRuntimeExports.jsx(n.SvgIcon,{name:o})}):null,e.jsxRuntimeExports.jsxs("div",{className:"flex w-full grow flex-col gap-1 overflow-hidden truncate",children:[e.jsxRuntimeExports.jsx(x.Text,{slot:"label",className:f(s),children:a}),r?e.jsxRuntimeExports.jsx(x.Text,{slot:"description",className:h(s),children:r}):null]}),m?e.jsxRuntimeExports.jsx("div",{className:E(s),children:e.jsxRuntimeExports.jsx(n.SvgIcon,{name:m})}):null]})};exports.SharedListItem=v;
|
package/dist/lyra453.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lyra453.cjs","sources":["../src/components/
|
|
1
|
+
{"version":3,"file":"lyra453.cjs","sources":["../src/components/lists/shared-list-item.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nimport { z } from \"zod\";\n\nimport { iconsSchema, SvgIcon } from \"../svg-icon\";\nimport { Text } from \"../text\";\n\nimport { sharedListItemStyles } from \"./shared-list.styles\";\n\n// Define the schema for the shared list item\nconst sharedListItemSchema = z\n .object({\n label: z.string(),\n description: z.string().optional(),\n iconStart: iconsSchema.optional(),\n iconEnd: iconsSchema.optional(),\n image: z.string().url().optional(),\n customElement: z.any().optional(),\n })\n .transform((data) => {\n // customElement, image and iconStart are mutually exclusive, so we remove the other two if one is present.\n // Priority is customElement > image > iconStart\n if (data.customElement) {\n delete data.image;\n delete data.iconStart;\n } else if (data.image) {\n delete data.iconStart;\n }\n return data;\n });\n\n// Infer the type of the shared list item arguments. We make sure customElement will be typed as ReactNode.\nexport type SharedListItemArgs = z.infer<typeof sharedListItemSchema> & {\n customElement?: ReactNode;\n};\n\ntype SharedListItemRenderPropArg = {\n active: boolean;\n selected: boolean;\n disabled: boolean;\n};\n\nexport type SelectItemRenderPropFn<T> = (arg: T) => SharedListItemArgs;\n\nexport type SharedListItemProps<T extends object> = {\n item: T;\n selectRenderElements: SelectItemRenderPropFn<T>;\n state: SharedListItemRenderPropArg;\n hasSelection?: boolean;\n};\n\n/**\n * Renders a single item in a list\n *\n * @template T - The type of the item.\n * @param {SharedListItemProps<T>} props - The props for the SharedListItem component.\n * @returns {JSX.Element} - The rendered SharedListItem component.\n */\nexport const SharedListItem = <T extends object>({\n hasSelection,\n item,\n selectRenderElements,\n state,\n}: SharedListItemProps<T>) => {\n const { customElement, description, iconEnd, iconStart, image, label } =\n sharedListItemSchema.parse(selectRenderElements(item));\n\n const {\n item: itemStyles,\n itemCheckmark: itemCheckmarkStyles,\n itemCheckmarkWrapper: itemCheckmarkWrapperStyles,\n itemDescription: itemDescriptionStyles,\n itemEndIcon: itemEndIconStyles,\n itemImage: itemImageStyles,\n itemLabel: itemLabelStyles,\n itemStartIcon: itemStartIconStyles,\n } = sharedListItemStyles({\n hasSelection,\n });\n\n return (\n <div className={itemStyles(state)}>\n {hasSelection ? (\n <div className={itemCheckmarkWrapperStyles()}>\n {state.selected ? (\n <SvgIcon name=\"checkmark\" className={itemCheckmarkStyles(state)} />\n ) : (\n <div className=\"h-4 w-4\" />\n )}\n </div>\n ) : null}\n {customElement ? (customElement as ReactNode) : null}\n {image ? <img src={image} alt={label} className={itemImageStyles(state)} /> : null}\n {iconStart ? (\n <div className={itemStartIconStyles(state)}>\n <SvgIcon name={iconStart} />\n </div>\n ) : null}\n <div className=\"flex w-full grow flex-col gap-1 overflow-hidden truncate\">\n <Text slot=\"label\" className={itemLabelStyles(state)}>\n {label}\n </Text>\n {description ? (\n <Text slot=\"description\" className={itemDescriptionStyles(state)}>\n {description}\n </Text>\n ) : null}\n </div>\n {iconEnd ? (\n <div className={itemEndIconStyles(state)}>\n <SvgIcon name={iconEnd} />\n </div>\n ) : null}\n </div>\n );\n};\n"],"names":["sharedListItemSchema","z","iconsSchema","data","SharedListItem","hasSelection","item","selectRenderElements","state","customElement","description","iconEnd","iconStart","image","label","itemStyles","itemCheckmarkStyles","itemCheckmarkWrapperStyles","itemDescriptionStyles","itemEndIconStyles","itemImageStyles","itemLabelStyles","itemStartIconStyles","sharedListItemStyles","jsxs","jsx","SvgIcon","Text"],"mappings":"uPAUMA,EAAuBC,UAC1B,OAAO,CACN,MAAOA,UAAE,OAAO,EAChB,YAAaA,EAAA,QAAE,OAAO,EAAE,SAAS,EACjC,UAAWC,cAAY,SAAS,EAChC,QAASA,cAAY,SAAS,EAC9B,MAAOD,EAAAA,QAAE,OAAS,EAAA,IAAA,EAAM,SAAS,EACjC,cAAeA,EAAA,QAAE,IAAI,EAAE,SAAS,CAClC,CAAC,EACA,UAAWE,IAGNA,EAAK,eACP,OAAOA,EAAK,MACZ,OAAOA,EAAK,WACHA,EAAK,OACd,OAAOA,EAAK,UAEPA,EACR,EA6BUC,EAAiB,CAAmB,CAC/C,aAAAC,EACA,KAAAC,EACA,qBAAAC,EACA,MAAAC,CACF,IAA8B,CAC5B,KAAM,CAAE,cAAAC,EAAe,YAAAC,EAAa,QAAAC,EAAS,UAAAC,EAAW,MAAAC,EAAO,MAAAC,CAAM,EACnEd,EAAqB,MAAMO,EAAqBD,CAAI,CAAC,EAEjD,CACJ,KAAMS,EACN,cAAeC,EACf,qBAAsBC,EACtB,gBAAiBC,EACjB,YAAaC,EACb,UAAWC,EACX,UAAWC,EACX,cAAeC,GACbC,uBAAqB,CACvB,aAAAlB,CAAA,CACD,EAED,OACGmB,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAWT,EAAWP,CAAK,EAC7B,SAAA,CACCH,EAAAoB,EAAA,kBAAA,IAAC,OAAI,UAAWR,EAAA,EACb,SAAMT,EAAA,iCACJkB,EAAQ,QAAA,CAAA,KAAK,YAAY,UAAWV,EAAoBR,CAAK,CAAG,CAAA,0BAEhE,MAAI,CAAA,UAAU,UAAU,CAAA,CAE7B,EACE,KACHC,GAA+C,KAC/CI,EAASY,EAAAA,kBAAAA,IAAA,MAAA,CAAI,IAAKZ,EAAO,IAAKC,EAAO,UAAWM,EAAgBZ,CAAK,CAAA,CAAG,EAAK,KAC7EI,EACCa,EAAA,kBAAA,IAAC,MAAI,CAAA,UAAWH,EAAoBd,CAAK,EACvC,SAAAiB,EAAA,kBAAA,IAACC,EAAQ,QAAA,CAAA,KAAMd,CAAW,CAAA,CAC5B,CAAA,EACE,KACJY,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,2DACb,SAAA,CAAAC,EAAAA,kBAAAA,IAACE,QAAK,KAAK,QAAQ,UAAWN,EAAgBb,CAAK,EAChD,SACHM,EAAA,EACCJ,EACEe,EAAAA,kBAAAA,IAAAE,EAAAA,KAAA,CAAK,KAAK,cAAc,UAAWT,EAAsBV,CAAK,EAC5D,SAAAE,CAAA,CACH,EACE,IAAA,EACN,EACCC,EACCc,EAAA,kBAAA,IAAC,MAAI,CAAA,UAAWN,EAAkBX,CAAK,EACrC,SAAAiB,EAAA,kBAAA,IAACC,EAAQ,QAAA,CAAA,KAAMf,CAAS,CAAA,CAC1B,CAAA,EACE,IACN,CAAA,CAAA,CAEJ"}
|