@televet/kibble-ui 4.0.0-beta.44 → 4.0.0-beta.45
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunks/{alert.component-D4KMig7W.js → alert.component-CjjsneE_.js} +2 -2
- package/dist/chunks/{alert.component-D4KMig7W.js.map → alert.component-CjjsneE_.js.map} +1 -1
- package/dist/chunks/{alert.component-BrnaAnby.js → alert.component-xIg594Bw.js} +3 -3
- package/dist/chunks/{alert.component-BrnaAnby.js.map → alert.component-xIg594Bw.js.map} +1 -1
- package/dist/chunks/{avatar.component-Bh0DFMwE.js → avatar.component-B7rggLqO.js} +2 -2
- package/dist/chunks/{avatar.component-Bh0DFMwE.js.map → avatar.component-B7rggLqO.js.map} +1 -1
- package/dist/chunks/{avatar.component-_Mqnl3-P.js → avatar.component-C0lDpuBh.js} +2 -2
- package/dist/chunks/{avatar.component-_Mqnl3-P.js.map → avatar.component-C0lDpuBh.js.map} +1 -1
- package/dist/chunks/{avatarGroup.component-oRjqOWEB.js → avatarGroup.component-BxK-Fntw.js} +2 -2
- package/dist/chunks/{avatarGroup.component-oRjqOWEB.js.map → avatarGroup.component-BxK-Fntw.js.map} +1 -1
- package/dist/chunks/{avatarGroup.component-Bw5gczhh.js → avatarGroup.component-Cr2dLGn7.js} +2 -2
- package/dist/chunks/{avatarGroup.component-Bw5gczhh.js.map → avatarGroup.component-Cr2dLGn7.js.map} +1 -1
- package/dist/chunks/{buttonGroup.component-BCCxeFx_.js → buttonGroup.component-BllwiY24.js} +2 -2
- package/dist/chunks/{buttonGroup.component-BCCxeFx_.js.map → buttonGroup.component-BllwiY24.js.map} +1 -1
- package/dist/chunks/{buttonGroup.component-Cpwnw5G3.js → buttonGroup.component-CyWOOEs3.js} +2 -2
- package/dist/chunks/{buttonGroup.component-Cpwnw5G3.js.map → buttonGroup.component-CyWOOEs3.js.map} +1 -1
- package/dist/chunks/{characterCounter.component-Ww-ll5pL.js → characterCounter.component-Bmd3imRK.js} +2 -2
- package/dist/chunks/{characterCounter.component-Ww-ll5pL.js.map → characterCounter.component-Bmd3imRK.js.map} +1 -1
- package/dist/chunks/{characterCounter.component-BcKXSebL.js → characterCounter.component-L802Ir9b.js} +2 -2
- package/dist/chunks/{characterCounter.component-BcKXSebL.js.map → characterCounter.component-L802Ir9b.js.map} +1 -1
- package/dist/chunks/{checkbox.component-C8IPf20R.js → checkbox.component-C99uwLFM.js} +3 -3
- package/dist/chunks/{checkbox.component-C8IPf20R.js.map → checkbox.component-C99uwLFM.js.map} +1 -1
- package/dist/chunks/{checkbox.component-CvuE1PVR.js → checkbox.component-jKQDjGYQ.js} +2 -2
- package/dist/chunks/{checkbox.component-CvuE1PVR.js.map → checkbox.component-jKQDjGYQ.js.map} +1 -1
- package/dist/chunks/{checkbox.records-ef7wOXPE.js → checkbox.records-BBV1vniy.js} +2 -2
- package/dist/chunks/{checkbox.records-ef7wOXPE.js.map → checkbox.records-BBV1vniy.js.map} +1 -1
- package/dist/chunks/{checkbox.records-jwUqoHaK.js → checkbox.records-CYYbBUNp.js} +2 -2
- package/dist/chunks/{checkbox.records-jwUqoHaK.js.map → checkbox.records-CYYbBUNp.js.map} +1 -1
- package/dist/chunks/{checkboxGroup.component-CaHesQT7.js → checkboxGroup.component-DwICStpY.js} +3 -3
- package/dist/chunks/{checkboxGroup.component-CaHesQT7.js.map → checkboxGroup.component-DwICStpY.js.map} +1 -1
- package/dist/chunks/{checkboxGroup.component-CQEwY2Fu.js → checkboxGroup.component-v0mNVsPd.js} +2 -2
- package/dist/chunks/{checkboxGroup.component-CQEwY2Fu.js.map → checkboxGroup.component-v0mNVsPd.js.map} +1 -1
- package/dist/chunks/{conversationCard.component-C_gj2TZd.js → conversationCard.component-BERwqiS-.js} +7 -7
- package/dist/chunks/{conversationCard.component-C_gj2TZd.js.map → conversationCard.component-BERwqiS-.js.map} +1 -1
- package/dist/chunks/{conversationCard.component-p1vrl1L3.js → conversationCard.component-CTRfZQCI.js} +2 -2
- package/dist/chunks/{conversationCard.component-p1vrl1L3.js.map → conversationCard.component-CTRfZQCI.js.map} +1 -1
- package/dist/chunks/{datePicker.component-CwQ7lbgj.js → datePicker.component-DN3Vb2hm.js} +2 -2
- package/dist/chunks/{datePicker.component-CwQ7lbgj.js.map → datePicker.component-DN3Vb2hm.js.map} +1 -1
- package/dist/chunks/{datePicker.component-DLbm9VYf.js → datePicker.component-PImZR-B6.js} +4 -4
- package/dist/chunks/{datePicker.component-DLbm9VYf.js.map → datePicker.component-PImZR-B6.js.map} +1 -1
- package/dist/chunks/{heading.component--ic7O4CR.js → heading.component-CgsSnBVo.js} +2 -2
- package/dist/chunks/{heading.component--ic7O4CR.js.map → heading.component-CgsSnBVo.js.map} +1 -1
- package/dist/chunks/{heading.component-E5shs3Uo.js → heading.component-DIST7ncC.js} +2 -2
- package/dist/chunks/{heading.component-E5shs3Uo.js.map → heading.component-DIST7ncC.js.map} +1 -1
- package/dist/chunks/{index-sVj7ynbl.js → index-ByhnCBwf.js} +2 -2
- package/dist/chunks/{index-sVj7ynbl.js.map → index-ByhnCBwf.js.map} +1 -1
- package/dist/chunks/{index-CX6Jo_Vb.js → index-DKKJDbpe.js} +2 -2
- package/dist/chunks/{index-CX6Jo_Vb.js.map → index-DKKJDbpe.js.map} +1 -1
- package/dist/chunks/{link.component-CSyWrGG3.js → link.component-CRVhyVdO.js} +2 -2
- package/dist/chunks/{link.component-CSyWrGG3.js.map → link.component-CRVhyVdO.js.map} +1 -1
- package/dist/chunks/{link.component-ucfag2-g.js → link.component-DYNc5XEj.js} +2 -2
- package/dist/chunks/{link.component-ucfag2-g.js.map → link.component-DYNc5XEj.js.map} +1 -1
- package/dist/chunks/{menu.component-toq-fDY8.js → menu.component-CTze16Re.js} +142 -141
- package/dist/chunks/{menu.component-toq-fDY8.js.map → menu.component-CTze16Re.js.map} +1 -1
- package/dist/chunks/menu.component-DfMZGgCy.js +2 -0
- package/dist/chunks/{menu.component-D_eoL8VD.js.map → menu.component-DfMZGgCy.js.map} +1 -1
- package/dist/chunks/modal.types-DYbLPZKq.js +197 -0
- package/dist/chunks/modal.types-DYbLPZKq.js.map +1 -0
- package/dist/chunks/modal.types-Dt-zDnrS.js +2 -0
- package/dist/chunks/modal.types-Dt-zDnrS.js.map +1 -0
- package/dist/chunks/{pinInput.types-GAEfMLAv.js → pinInput.types-CU3UyhyT.js} +2 -2
- package/dist/chunks/{pinInput.types-GAEfMLAv.js.map → pinInput.types-CU3UyhyT.js.map} +1 -1
- package/dist/chunks/{pinInput.types-BPnWNbwp.js → pinInput.types-Ov7NqPQG.js} +2 -2
- package/dist/chunks/{pinInput.types-BPnWNbwp.js.map → pinInput.types-Ov7NqPQG.js.map} +1 -1
- package/dist/chunks/{popover.component-CewrKFIu.js → popover.component-DU-JJabq.js} +2 -2
- package/dist/chunks/{popover.component-CewrKFIu.js.map → popover.component-DU-JJabq.js.map} +1 -1
- package/dist/chunks/{popover.component-8ETQVr48.js → popover.component-LH8cQ5xp.js} +3 -3
- package/dist/chunks/{popover.component-8ETQVr48.js.map → popover.component-LH8cQ5xp.js.map} +1 -1
- package/dist/chunks/{radio.records-CsyF_2pW.js → radio.records-BEcLVP_S.js} +2 -2
- package/dist/chunks/{radio.records-CsyF_2pW.js.map → radio.records-BEcLVP_S.js.map} +1 -1
- package/dist/chunks/{radio.records-U-7SH4rq.js → radio.records-CnQniSEw.js} +2 -2
- package/dist/chunks/{radio.records-U-7SH4rq.js.map → radio.records-CnQniSEw.js.map} +1 -1
- package/dist/chunks/{radioGroup.component-DyE_o-Fx.js → radioGroup.component-BijXqMDe.js} +5 -5
- package/dist/chunks/{radioGroup.component-DyE_o-Fx.js.map → radioGroup.component-BijXqMDe.js.map} +1 -1
- package/dist/chunks/{radioGroup.component-B3pl5h2h.js → radioGroup.component-D9lKUJfv.js} +2 -2
- package/dist/chunks/{radioGroup.component-B3pl5h2h.js.map → radioGroup.component-D9lKUJfv.js.map} +1 -1
- package/dist/chunks/{ratingDots.component-C8eBoN9v.js → ratingDots.component-CdawEWbl.js} +2 -2
- package/dist/chunks/{ratingDots.component-C8eBoN9v.js.map → ratingDots.component-CdawEWbl.js.map} +1 -1
- package/dist/chunks/{ratingDots.component-BesDpg8x.js → ratingDots.component-CgBG_tvz.js} +3 -3
- package/dist/chunks/{ratingDots.component-BesDpg8x.js.map → ratingDots.component-CgBG_tvz.js.map} +1 -1
- package/dist/chunks/select.component-9-2Fo505.js +2 -0
- package/dist/chunks/{select.component-BCFraNbc.js.map → select.component-9-2Fo505.js.map} +1 -1
- package/dist/chunks/select.component-C4Kx68wP.js +345 -0
- package/dist/chunks/{select.component-GTm2laeB.js.map → select.component-C4Kx68wP.js.map} +1 -1
- package/dist/chunks/{sortableList.component-COofj0TO.js → sortableList.component-BRToMbfY.js} +2 -2
- package/dist/chunks/{sortableList.component-COofj0TO.js.map → sortableList.component-BRToMbfY.js.map} +1 -1
- package/dist/chunks/{sortableList.component-B8ch3VZ9.js → sortableList.component-Engs9U32.js} +2 -2
- package/dist/chunks/{sortableList.component-B8ch3VZ9.js.map → sortableList.component-Engs9U32.js.map} +1 -1
- package/dist/chunks/{spinner.component-DjiFeql5.js → spinner.component-BuNeiOw3.js} +2 -2
- package/dist/chunks/{spinner.component-DjiFeql5.js.map → spinner.component-BuNeiOw3.js.map} +1 -1
- package/dist/chunks/{spinner.component-DRQDBF8j.js → spinner.component-DCSsW51J.js} +2 -2
- package/dist/chunks/{spinner.component-DRQDBF8j.js.map → spinner.component-DCSsW51J.js.map} +1 -1
- package/dist/chunks/{styledAvatar.types-Cq3BLvCU.js → styledAvatar.types-BT8cujaA.js} +2 -2
- package/dist/chunks/{styledAvatar.types-Cq3BLvCU.js.map → styledAvatar.types-BT8cujaA.js.map} +1 -1
- package/dist/chunks/{styledAvatar.types-cc6fpkt6.js → styledAvatar.types-b9eWaeJ6.js} +2 -2
- package/dist/chunks/{styledAvatar.types-cc6fpkt6.js.map → styledAvatar.types-b9eWaeJ6.js.map} +1 -1
- package/dist/chunks/{switch.component-CSGFEF3I.js → switch.component-B2vWRrP_.js} +3 -3
- package/dist/chunks/{switch.component-CSGFEF3I.js.map → switch.component-B2vWRrP_.js.map} +1 -1
- package/dist/chunks/{switch.component-DjHknb_4.js → switch.component-QSVPRhDJ.js} +2 -2
- package/dist/chunks/{switch.component-DjHknb_4.js.map → switch.component-QSVPRhDJ.js.map} +1 -1
- package/dist/chunks/{tabs.component-B365dz_T.js → tabs.component-Cy7BLGXM.js} +2 -2
- package/dist/chunks/{tabs.component-B365dz_T.js.map → tabs.component-Cy7BLGXM.js.map} +1 -1
- package/dist/chunks/{tabs.component-D5tE6-_n.js → tabs.component-DlaP-qhJ.js} +2 -2
- package/dist/chunks/{tabs.component-D5tE6-_n.js.map → tabs.component-DlaP-qhJ.js.map} +1 -1
- package/dist/chunks/{tagBlock.component-BWbEe9VL.js → tagBlock.component-CNWy7Cz4.js} +2 -2
- package/dist/chunks/{tagBlock.component-BWbEe9VL.js.map → tagBlock.component-CNWy7Cz4.js.map} +1 -1
- package/dist/chunks/{tagBlock.component-DGGkSE8s.js → tagBlock.component-Cn6vRcHX.js} +5 -5
- package/dist/chunks/{tagBlock.component-DGGkSE8s.js.map → tagBlock.component-Cn6vRcHX.js.map} +1 -1
- package/dist/chunks/{text.component-DZkwd4C0.js → text.component-D3E0SdX1.js} +2 -2
- package/dist/chunks/{text.component-DZkwd4C0.js.map → text.component-D3E0SdX1.js.map} +1 -1
- package/dist/chunks/{text.component-C_Zg4dMh.js → text.component-Dcx3RoTp.js} +2 -2
- package/dist/chunks/{text.component-C_Zg4dMh.js.map → text.component-Dcx3RoTp.js.map} +1 -1
- package/dist/chunks/{textInput.component-db5JWDOn.js → textInput.component-BjQgcjCW.js} +2 -2
- package/dist/chunks/{textInput.component-db5JWDOn.js.map → textInput.component-BjQgcjCW.js.map} +1 -1
- package/dist/chunks/{textInput.component-D2StzwsH.js → textInput.component-BpCIE07n.js} +3 -3
- package/dist/chunks/{textInput.component-D2StzwsH.js.map → textInput.component-BpCIE07n.js.map} +1 -1
- package/dist/chunks/{textarea.component-DvA5vzjS.js → textarea.component-B5AsA90v.js} +3 -3
- package/dist/chunks/{textarea.component-DvA5vzjS.js.map → textarea.component-B5AsA90v.js.map} +1 -1
- package/dist/chunks/{textarea.component-VN5A4zVD.js → textarea.component-BXtiF_l4.js} +2 -2
- package/dist/chunks/{textarea.component-VN5A4zVD.js.map → textarea.component-BXtiF_l4.js.map} +1 -1
- package/dist/chunks/{theme.provider-CW14mtF4.js → theme.provider-B8KfvKCf.js} +2 -2
- package/dist/chunks/{theme.provider-CW14mtF4.js.map → theme.provider-B8KfvKCf.js.map} +1 -1
- package/dist/chunks/{theme.provider-Im9VeW3I.js → theme.provider-CnlvRUbx.js} +6 -6
- package/dist/chunks/{theme.provider-Im9VeW3I.js.map → theme.provider-CnlvRUbx.js.map} +1 -1
- package/dist/chunks/{timePicker.component-sttSyiVV.js → timePicker.component-BFa1h4Gv.js} +3 -3
- package/dist/chunks/{timePicker.component-sttSyiVV.js.map → timePicker.component-BFa1h4Gv.js.map} +1 -1
- package/dist/chunks/{timePicker.component-Cm2roPxJ.js → timePicker.component-Bk5xtY7m.js} +2 -2
- package/dist/chunks/{timePicker.component-Cm2roPxJ.js.map → timePicker.component-Bk5xtY7m.js.map} +1 -1
- package/dist/chunks/{timeRange.component-BuLsK6ed.js → timeRange.component-CWbreNV8.js} +2 -2
- package/dist/chunks/{timeRange.component-BuLsK6ed.js.map → timeRange.component-CWbreNV8.js.map} +1 -1
- package/dist/chunks/{timeRange.component-OH7hVSwj.js → timeRange.component-DuKclNl6.js} +2 -2
- package/dist/chunks/{timeRange.component-OH7hVSwj.js.map → timeRange.component-DuKclNl6.js.map} +1 -1
- package/dist/chunks/{timestamp.component-p5tMHeq4.js → timestamp.component-6Yax0uEP.js} +2 -2
- package/dist/chunks/{timestamp.component-p5tMHeq4.js.map → timestamp.component-6Yax0uEP.js.map} +1 -1
- package/dist/chunks/{timestamp.component-C51FWMrY.js → timestamp.component-BouqsJZM.js} +3 -3
- package/dist/chunks/{timestamp.component-C51FWMrY.js.map → timestamp.component-BouqsJZM.js.map} +1 -1
- package/dist/chunks/tooltip.component-C7RpuMiK.js +2 -0
- package/dist/chunks/tooltip.component-C7RpuMiK.js.map +1 -0
- package/dist/chunks/{tooltip.component-DsowDvmZ.js → tooltip.component-DYBYGsfe.js} +226 -219
- package/dist/chunks/tooltip.component-DYBYGsfe.js.map +1 -0
- package/dist/chunks/{withFormControl-Chelruxy.js → withFormControl-Vf_flDYv.js} +2 -2
- package/dist/chunks/{withFormControl-Chelruxy.js.map → withFormControl-Vf_flDYv.js.map} +1 -1
- package/dist/chunks/{withFormControl-CvsBPk94.js → withFormControl-YVXep-WE.js} +2 -2
- package/dist/chunks/{withFormControl-CvsBPk94.js.map → withFormControl-YVXep-WE.js.map} +1 -1
- package/dist/chunks/{withTruncation-Cca8DRk_.js → withTruncation-BNm_JUdt.js} +2 -2
- package/dist/chunks/{withTruncation-Cca8DRk_.js.map → withTruncation-BNm_JUdt.js.map} +1 -1
- package/dist/chunks/{withTruncation-C7erdGm7.js → withTruncation-D0DUT56h.js} +2 -2
- package/dist/chunks/{withTruncation-C7erdGm7.js.map → withTruncation-D0DUT56h.js.map} +1 -1
- package/dist/cjs/components/Alert/index.cjs +1 -1
- package/dist/cjs/components/Avatar/index.cjs +1 -1
- package/dist/cjs/components/AvatarGroup/index.cjs +1 -1
- package/dist/cjs/components/ButtonGroup/index.cjs +1 -1
- package/dist/cjs/components/CharacterCounter/index.cjs +1 -1
- package/dist/cjs/components/Checkbox/index.cjs +1 -1
- package/dist/cjs/components/CheckboxGroup/index.cjs +1 -1
- package/dist/cjs/components/ConversationCard/index.cjs +1 -1
- package/dist/cjs/components/DatePicker/index.cjs +1 -1
- package/dist/cjs/components/Heading/index.cjs +1 -1
- package/dist/cjs/components/Link/index.cjs +1 -1
- package/dist/cjs/components/Menu/index.cjs +1 -1
- package/dist/cjs/components/Modal/index.cjs +1 -1
- package/dist/cjs/components/PinInput/index.cjs +1 -1
- package/dist/cjs/components/Popover/index.cjs +1 -1
- package/dist/cjs/components/RadioGroup/index.cjs +1 -1
- package/dist/cjs/components/RatingDots/index.cjs +1 -1
- package/dist/cjs/components/Select/index.cjs +1 -1
- package/dist/cjs/components/SortableList/index.cjs +1 -1
- package/dist/cjs/components/Spinner/index.cjs +1 -1
- package/dist/cjs/components/StyledAvatar/index.cjs +1 -1
- package/dist/cjs/components/Switch/index.cjs +1 -1
- package/dist/cjs/components/Tabs/index.cjs +1 -1
- package/dist/cjs/components/TagBlock/index.cjs +1 -1
- package/dist/cjs/components/Text/index.cjs +1 -1
- package/dist/cjs/components/TextInput/index.cjs +1 -1
- package/dist/cjs/components/Textarea/index.cjs +1 -1
- package/dist/cjs/components/TimePicker/index.cjs +1 -1
- package/dist/cjs/components/TimeRange/index.cjs +1 -1
- package/dist/cjs/components/Timestamp/index.cjs +1 -1
- package/dist/cjs/components/Tooltip/index.cjs +1 -1
- package/dist/cjs/components/index.cjs +1 -1
- package/dist/cjs/index.cjs +1 -1
- package/dist/cjs/theme/index.cjs +1 -1
- package/dist/esm/components/Alert/index.js +1 -1
- package/dist/esm/components/Avatar/index.js +1 -1
- package/dist/esm/components/AvatarGroup/index.js +1 -1
- package/dist/esm/components/ButtonGroup/index.js +1 -1
- package/dist/esm/components/CharacterCounter/index.js +1 -1
- package/dist/esm/components/Checkbox/index.js +1 -1
- package/dist/esm/components/CheckboxGroup/index.js +1 -1
- package/dist/esm/components/ConversationCard/index.js +1 -1
- package/dist/esm/components/DatePicker/index.js +1 -1
- package/dist/esm/components/Heading/index.js +1 -1
- package/dist/esm/components/Link/index.js +1 -1
- package/dist/esm/components/Menu/index.js +1 -1
- package/dist/esm/components/Modal/index.js +1 -1
- package/dist/esm/components/PinInput/index.js +1 -1
- package/dist/esm/components/Popover/index.js +1 -1
- package/dist/esm/components/RadioGroup/index.js +1 -1
- package/dist/esm/components/RatingDots/index.js +1 -1
- package/dist/esm/components/Select/index.js +1 -1
- package/dist/esm/components/SortableList/index.js +1 -1
- package/dist/esm/components/Spinner/index.js +1 -1
- package/dist/esm/components/StyledAvatar/index.js +1 -1
- package/dist/esm/components/Switch/index.js +1 -1
- package/dist/esm/components/Tabs/index.js +1 -1
- package/dist/esm/components/TagBlock/index.js +1 -1
- package/dist/esm/components/Text/index.js +1 -1
- package/dist/esm/components/TextInput/index.js +1 -1
- package/dist/esm/components/Textarea/index.js +1 -1
- package/dist/esm/components/TimePicker/index.js +1 -1
- package/dist/esm/components/TimeRange/index.js +1 -1
- package/dist/esm/components/Timestamp/index.js +1 -1
- package/dist/esm/components/Tooltip/index.js +1 -1
- package/dist/esm/components/index.js +31 -31
- package/dist/esm/index.js +32 -32
- package/dist/esm/theme/index.js +1 -1
- package/dist/types/components/Modal/context/modal.context.d.ts +6 -0
- package/package.json +1 -1
- package/dist/chunks/menu.component-D_eoL8VD.js +0 -2
- package/dist/chunks/modal.types-BhM9guMA.js +0 -2
- package/dist/chunks/modal.types-BhM9guMA.js.map +0 -1
- package/dist/chunks/modal.types-Dz2IFuc7.js +0 -193
- package/dist/chunks/modal.types-Dz2IFuc7.js.map +0 -1
- package/dist/chunks/select.component-BCFraNbc.js +0 -2
- package/dist/chunks/select.component-GTm2laeB.js +0 -344
- package/dist/chunks/tooltip.component-DsowDvmZ.js.map +0 -1
- package/dist/chunks/tooltip.component-HHJpC9zD.js +0 -2
- package/dist/chunks/tooltip.component-HHJpC9zD.js.map +0 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { c as S, a as P, d as F, s as N, t as D, b as O, e as i, v as x, f as H, g as K } from "./index-DLvqBeH6.js";
|
|
2
|
-
import { t as L, i as R } from "./tooltip.component-
|
|
2
|
+
import { t as L, i as R } from "./tooltip.component-DYBYGsfe.js";
|
|
3
3
|
import { c as G } from "./use-locale-context-zakBNK5b.js";
|
|
4
4
|
var T = H("checkbox").parts("root", "label", "control", "indicator"), h = T.build(), V = (e) => e.ids?.root ?? `checkbox:${e.id}`, b = (e) => e.ids?.label ?? `checkbox:${e.id}:label`, X = (e) => e.ids?.control ?? `checkbox:${e.id}:control`, g = (e) => e.ids?.hiddenInput ?? `checkbox:${e.id}:input`, q = (e) => e.getById(V(e)), l = (e) => e.getById(g(e));
|
|
5
5
|
function w(e, t) {
|
|
@@ -263,4 +263,4 @@ export {
|
|
|
263
263
|
j as c,
|
|
264
264
|
W as m
|
|
265
265
|
};
|
|
266
|
-
//# sourceMappingURL=checkbox.records-
|
|
266
|
+
//# sourceMappingURL=checkbox.records-BBV1vniy.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.records-ef7wOXPE.js","sources":["../../node_modules/@zag-js/checkbox/dist/index.mjs","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox.anatomy.js","../../src/components/Checkbox/checkbox.records.ts"],"sourcesContent":["import { createAnatomy } from '@zag-js/anatomy';\nimport { dispatchInputCheckedEvent, setElementChecked, trackFormControl, trackPress, dataAttr, visuallyHiddenStyle, getEventTarget } from '@zag-js/dom-query';\nimport { trackFocusVisible, isFocusVisible } from '@zag-js/focus-visible';\nimport { createGuards, createMachine } from '@zag-js/core';\nimport { createProps } from '@zag-js/types';\nimport { createSplitProps } from '@zag-js/utils';\n\n// src/checkbox.anatomy.ts\nvar anatomy = createAnatomy(\"checkbox\").parts(\"root\", \"label\", \"control\", \"indicator\");\nvar parts = anatomy.build();\n\n// src/checkbox.dom.ts\nvar getRootId = (ctx) => ctx.ids?.root ?? `checkbox:${ctx.id}`;\nvar getLabelId = (ctx) => ctx.ids?.label ?? `checkbox:${ctx.id}:label`;\nvar getControlId = (ctx) => ctx.ids?.control ?? `checkbox:${ctx.id}:control`;\nvar getHiddenInputId = (ctx) => ctx.ids?.hiddenInput ?? `checkbox:${ctx.id}:input`;\nvar getRootEl = (ctx) => ctx.getById(getRootId(ctx));\nvar getHiddenInputEl = (ctx) => ctx.getById(getHiddenInputId(ctx));\n\n// src/checkbox.connect.ts\nfunction connect(service, normalize) {\n const { send, context, prop, computed, scope } = service;\n const disabled = prop(\"disabled\");\n const readOnly = prop(\"readOnly\");\n const invalid = prop(\"invalid\");\n const focused = !disabled && context.get(\"focused\");\n const focusVisible = !disabled && context.get(\"focusVisible\");\n const checked = computed(\"checked\");\n const indeterminate = computed(\"indeterminate\");\n const dataAttrs = {\n \"data-active\": dataAttr(context.get(\"active\")),\n \"data-focus\": dataAttr(focused),\n \"data-focus-visible\": dataAttr(focusVisible),\n \"data-readonly\": dataAttr(readOnly),\n \"data-hover\": dataAttr(context.get(\"hovered\")),\n \"data-disabled\": dataAttr(disabled),\n \"data-state\": indeterminate ? \"indeterminate\" : checked ? \"checked\" : \"unchecked\",\n \"data-invalid\": dataAttr(invalid)\n };\n return {\n checked,\n disabled,\n indeterminate,\n focused,\n checkedState: checked,\n setChecked(checked2) {\n send({ type: \"CHECKED.SET\", checked: checked2, isTrusted: false });\n },\n toggleChecked() {\n send({ type: \"CHECKED.TOGGLE\", checked, isTrusted: false });\n },\n getRootProps() {\n return normalize.label({\n ...parts.root.attrs,\n ...dataAttrs,\n dir: prop(\"dir\"),\n id: getRootId(scope),\n htmlFor: getHiddenInputId(scope),\n onPointerMove() {\n if (disabled) return;\n send({ type: \"CONTEXT.SET\", context: { hovered: true } });\n },\n onPointerLeave() {\n if (disabled) return;\n send({ type: \"CONTEXT.SET\", context: { hovered: false } });\n },\n onClick(event) {\n const target = getEventTarget(event);\n if (target === getHiddenInputEl(scope)) {\n event.stopPropagation();\n }\n }\n });\n },\n getLabelProps() {\n return normalize.element({\n ...parts.label.attrs,\n ...dataAttrs,\n dir: prop(\"dir\"),\n id: getLabelId(scope)\n });\n },\n getControlProps() {\n return normalize.element({\n ...parts.control.attrs,\n ...dataAttrs,\n dir: prop(\"dir\"),\n id: getControlId(scope),\n \"aria-hidden\": true\n });\n },\n getIndicatorProps() {\n return normalize.element({\n ...parts.indicator.attrs,\n ...dataAttrs,\n dir: prop(\"dir\"),\n hidden: !indeterminate && !checked\n });\n },\n getHiddenInputProps() {\n return normalize.input({\n id: getHiddenInputId(scope),\n type: \"checkbox\",\n required: prop(\"required\"),\n defaultChecked: checked,\n disabled,\n \"aria-labelledby\": getLabelId(scope),\n \"aria-invalid\": invalid,\n name: prop(\"name\"),\n form: prop(\"form\"),\n value: prop(\"value\"),\n style: visuallyHiddenStyle,\n onFocus() {\n const focusVisible2 = isFocusVisible();\n send({ type: \"CONTEXT.SET\", context: { focused: true, focusVisible: focusVisible2 } });\n },\n onBlur() {\n send({ type: \"CONTEXT.SET\", context: { focused: false, focusVisible: false } });\n },\n onClick(event) {\n if (readOnly) {\n event.preventDefault();\n return;\n }\n const checked2 = event.currentTarget.checked;\n send({ type: \"CHECKED.SET\", checked: checked2, isTrusted: true });\n }\n });\n }\n };\n}\nvar { not } = createGuards();\nvar machine = createMachine({\n props({ props: props2 }) {\n return {\n value: \"on\",\n ...props2,\n defaultChecked: !!props2.defaultChecked\n };\n },\n initialState() {\n return \"ready\";\n },\n context({ prop, bindable }) {\n return {\n checked: bindable(() => ({\n defaultValue: prop(\"defaultChecked\"),\n value: prop(\"checked\"),\n onChange(checked) {\n prop(\"onCheckedChange\")?.({ checked });\n }\n })),\n fieldsetDisabled: bindable(() => ({ defaultValue: false })),\n focusVisible: bindable(() => ({ defaultValue: false })),\n active: bindable(() => ({ defaultValue: false })),\n focused: bindable(() => ({ defaultValue: false })),\n hovered: bindable(() => ({ defaultValue: false }))\n };\n },\n watch({ track, context, prop, action }) {\n track([() => prop(\"disabled\")], () => {\n action([\"removeFocusIfNeeded\"]);\n });\n track([() => context.get(\"checked\")], () => {\n action([\"syncInputElement\"]);\n });\n },\n effects: [\"trackFormControlState\", \"trackPressEvent\", \"trackFocusVisible\"],\n on: {\n \"CHECKED.TOGGLE\": [\n {\n guard: not(\"isTrusted\"),\n actions: [\"toggleChecked\", \"dispatchChangeEvent\"]\n },\n {\n actions: [\"toggleChecked\"]\n }\n ],\n \"CHECKED.SET\": [\n {\n guard: not(\"isTrusted\"),\n actions: [\"setChecked\", \"dispatchChangeEvent\"]\n },\n {\n actions: [\"setChecked\"]\n }\n ],\n \"CONTEXT.SET\": {\n actions: [\"setContext\"]\n }\n },\n computed: {\n indeterminate: ({ context }) => isIndeterminate(context.get(\"checked\")),\n checked: ({ context }) => isChecked(context.get(\"checked\")),\n disabled: ({ context, prop }) => !!prop(\"disabled\") || context.get(\"fieldsetDisabled\")\n },\n states: {\n ready: {}\n },\n implementations: {\n guards: {\n isTrusted: ({ event }) => !!event.isTrusted\n },\n effects: {\n trackPressEvent({ context, computed, scope }) {\n if (computed(\"disabled\")) return;\n return trackPress({\n pointerNode: getRootEl(scope),\n keyboardNode: getHiddenInputEl(scope),\n isValidKey: (event) => event.key === \" \",\n onPress: () => context.set(\"active\", false),\n onPressStart: () => context.set(\"active\", true),\n onPressEnd: () => context.set(\"active\", false)\n });\n },\n trackFocusVisible({ computed, scope }) {\n if (computed(\"disabled\")) return;\n return trackFocusVisible({ root: scope.getRootNode?.() });\n },\n trackFormControlState({ context, scope }) {\n return trackFormControl(getHiddenInputEl(scope), {\n onFieldsetDisabledChange(disabled) {\n context.set(\"fieldsetDisabled\", disabled);\n },\n onFormReset() {\n context.set(\"checked\", context.initial(\"checked\"));\n }\n });\n }\n },\n actions: {\n setContext({ context, event }) {\n for (const key in event.context) {\n context.set(key, event.context[key]);\n }\n },\n syncInputElement({ context, computed, scope }) {\n const inputEl = getHiddenInputEl(scope);\n if (!inputEl) return;\n setElementChecked(inputEl, computed(\"checked\"));\n inputEl.indeterminate = isIndeterminate(context.get(\"checked\"));\n },\n removeFocusIfNeeded({ context, prop }) {\n if (prop(\"disabled\") && context.get(\"focused\")) {\n context.set(\"focused\", false);\n context.set(\"focusVisible\", false);\n }\n },\n setChecked({ context, event }) {\n context.set(\"checked\", event.checked);\n },\n toggleChecked({ context, computed }) {\n const checked = isIndeterminate(computed(\"checked\")) ? true : !computed(\"checked\");\n context.set(\"checked\", checked);\n },\n dispatchChangeEvent({ computed, scope }) {\n queueMicrotask(() => {\n const inputEl = getHiddenInputEl(scope);\n dispatchInputCheckedEvent(inputEl, { checked: computed(\"checked\") });\n });\n }\n }\n }\n});\nfunction isIndeterminate(checked) {\n return checked === \"indeterminate\";\n}\nfunction isChecked(checked) {\n return isIndeterminate(checked) ? false : !!checked;\n}\nvar props = createProps()([\n \"defaultChecked\",\n \"checked\",\n \"dir\",\n \"disabled\",\n \"form\",\n \"getRootNode\",\n \"id\",\n \"ids\",\n \"invalid\",\n \"name\",\n \"onCheckedChange\",\n \"readOnly\",\n \"required\",\n \"value\"\n]);\nvar splitProps = createSplitProps(props);\n\nexport { anatomy, connect, machine, props, splitProps };\n","'use client';\nimport { anatomy } from '@zag-js/checkbox';\n\nconst checkboxAnatomy = anatomy.extendWith(\"group\");\n\nexport { checkboxAnatomy };\n","import { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\n\nexport const CheckboxSizeMap: Record<FormControlSize, number> = {\n sm: 3,\n md: 4,\n lg: 5,\n};\n\nexport const CheckboxLabelSpacing: Record<FormControlSize, number> = {\n sm: 2,\n md: 2,\n lg: 3,\n};\n"],"names":["anatomy","createAnatomy","parts","getRootId","ctx","getLabelId","getControlId","getHiddenInputId","getRootEl","getHiddenInputEl","connect","service","normalize","send","context","prop","computed","scope","disabled","readOnly","invalid","focused","focusVisible","checked","indeterminate","dataAttrs","dataAttr","checked2","event","getEventTarget","visuallyHiddenStyle","focusVisible2","isFocusVisible","not","createGuards","machine","createMachine","props2","bindable","track","action","isIndeterminate","isChecked","trackPress","trackFocusVisible","trackFormControl","key","inputEl","setElementChecked","dispatchInputCheckedEvent","createProps","checkboxAnatomy","CheckboxSizeMap","CheckboxLabelSpacing"],"mappings":"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","x_google_ignoreList":[0,1]}
|
|
1
|
+
{"version":3,"file":"checkbox.records-BBV1vniy.js","sources":["../../node_modules/@zag-js/checkbox/dist/index.mjs","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox.anatomy.js","../../src/components/Checkbox/checkbox.records.ts"],"sourcesContent":["import { createAnatomy } from '@zag-js/anatomy';\nimport { dispatchInputCheckedEvent, setElementChecked, trackFormControl, trackPress, dataAttr, visuallyHiddenStyle, getEventTarget } from '@zag-js/dom-query';\nimport { trackFocusVisible, isFocusVisible } from '@zag-js/focus-visible';\nimport { createGuards, createMachine } from '@zag-js/core';\nimport { createProps } from '@zag-js/types';\nimport { createSplitProps } from '@zag-js/utils';\n\n// src/checkbox.anatomy.ts\nvar anatomy = createAnatomy(\"checkbox\").parts(\"root\", \"label\", \"control\", \"indicator\");\nvar parts = anatomy.build();\n\n// src/checkbox.dom.ts\nvar getRootId = (ctx) => ctx.ids?.root ?? `checkbox:${ctx.id}`;\nvar getLabelId = (ctx) => ctx.ids?.label ?? `checkbox:${ctx.id}:label`;\nvar getControlId = (ctx) => ctx.ids?.control ?? `checkbox:${ctx.id}:control`;\nvar getHiddenInputId = (ctx) => ctx.ids?.hiddenInput ?? `checkbox:${ctx.id}:input`;\nvar getRootEl = (ctx) => ctx.getById(getRootId(ctx));\nvar getHiddenInputEl = (ctx) => ctx.getById(getHiddenInputId(ctx));\n\n// src/checkbox.connect.ts\nfunction connect(service, normalize) {\n const { send, context, prop, computed, scope } = service;\n const disabled = prop(\"disabled\");\n const readOnly = prop(\"readOnly\");\n const invalid = prop(\"invalid\");\n const focused = !disabled && context.get(\"focused\");\n const focusVisible = !disabled && context.get(\"focusVisible\");\n const checked = computed(\"checked\");\n const indeterminate = computed(\"indeterminate\");\n const dataAttrs = {\n \"data-active\": dataAttr(context.get(\"active\")),\n \"data-focus\": dataAttr(focused),\n \"data-focus-visible\": dataAttr(focusVisible),\n \"data-readonly\": dataAttr(readOnly),\n \"data-hover\": dataAttr(context.get(\"hovered\")),\n \"data-disabled\": dataAttr(disabled),\n \"data-state\": indeterminate ? \"indeterminate\" : checked ? \"checked\" : \"unchecked\",\n \"data-invalid\": dataAttr(invalid)\n };\n return {\n checked,\n disabled,\n indeterminate,\n focused,\n checkedState: checked,\n setChecked(checked2) {\n send({ type: \"CHECKED.SET\", checked: checked2, isTrusted: false });\n },\n toggleChecked() {\n send({ type: \"CHECKED.TOGGLE\", checked, isTrusted: false });\n },\n getRootProps() {\n return normalize.label({\n ...parts.root.attrs,\n ...dataAttrs,\n dir: prop(\"dir\"),\n id: getRootId(scope),\n htmlFor: getHiddenInputId(scope),\n onPointerMove() {\n if (disabled) return;\n send({ type: \"CONTEXT.SET\", context: { hovered: true } });\n },\n onPointerLeave() {\n if (disabled) return;\n send({ type: \"CONTEXT.SET\", context: { hovered: false } });\n },\n onClick(event) {\n const target = getEventTarget(event);\n if (target === getHiddenInputEl(scope)) {\n event.stopPropagation();\n }\n }\n });\n },\n getLabelProps() {\n return normalize.element({\n ...parts.label.attrs,\n ...dataAttrs,\n dir: prop(\"dir\"),\n id: getLabelId(scope)\n });\n },\n getControlProps() {\n return normalize.element({\n ...parts.control.attrs,\n ...dataAttrs,\n dir: prop(\"dir\"),\n id: getControlId(scope),\n \"aria-hidden\": true\n });\n },\n getIndicatorProps() {\n return normalize.element({\n ...parts.indicator.attrs,\n ...dataAttrs,\n dir: prop(\"dir\"),\n hidden: !indeterminate && !checked\n });\n },\n getHiddenInputProps() {\n return normalize.input({\n id: getHiddenInputId(scope),\n type: \"checkbox\",\n required: prop(\"required\"),\n defaultChecked: checked,\n disabled,\n \"aria-labelledby\": getLabelId(scope),\n \"aria-invalid\": invalid,\n name: prop(\"name\"),\n form: prop(\"form\"),\n value: prop(\"value\"),\n style: visuallyHiddenStyle,\n onFocus() {\n const focusVisible2 = isFocusVisible();\n send({ type: \"CONTEXT.SET\", context: { focused: true, focusVisible: focusVisible2 } });\n },\n onBlur() {\n send({ type: \"CONTEXT.SET\", context: { focused: false, focusVisible: false } });\n },\n onClick(event) {\n if (readOnly) {\n event.preventDefault();\n return;\n }\n const checked2 = event.currentTarget.checked;\n send({ type: \"CHECKED.SET\", checked: checked2, isTrusted: true });\n }\n });\n }\n };\n}\nvar { not } = createGuards();\nvar machine = createMachine({\n props({ props: props2 }) {\n return {\n value: \"on\",\n ...props2,\n defaultChecked: !!props2.defaultChecked\n };\n },\n initialState() {\n return \"ready\";\n },\n context({ prop, bindable }) {\n return {\n checked: bindable(() => ({\n defaultValue: prop(\"defaultChecked\"),\n value: prop(\"checked\"),\n onChange(checked) {\n prop(\"onCheckedChange\")?.({ checked });\n }\n })),\n fieldsetDisabled: bindable(() => ({ defaultValue: false })),\n focusVisible: bindable(() => ({ defaultValue: false })),\n active: bindable(() => ({ defaultValue: false })),\n focused: bindable(() => ({ defaultValue: false })),\n hovered: bindable(() => ({ defaultValue: false }))\n };\n },\n watch({ track, context, prop, action }) {\n track([() => prop(\"disabled\")], () => {\n action([\"removeFocusIfNeeded\"]);\n });\n track([() => context.get(\"checked\")], () => {\n action([\"syncInputElement\"]);\n });\n },\n effects: [\"trackFormControlState\", \"trackPressEvent\", \"trackFocusVisible\"],\n on: {\n \"CHECKED.TOGGLE\": [\n {\n guard: not(\"isTrusted\"),\n actions: [\"toggleChecked\", \"dispatchChangeEvent\"]\n },\n {\n actions: [\"toggleChecked\"]\n }\n ],\n \"CHECKED.SET\": [\n {\n guard: not(\"isTrusted\"),\n actions: [\"setChecked\", \"dispatchChangeEvent\"]\n },\n {\n actions: [\"setChecked\"]\n }\n ],\n \"CONTEXT.SET\": {\n actions: [\"setContext\"]\n }\n },\n computed: {\n indeterminate: ({ context }) => isIndeterminate(context.get(\"checked\")),\n checked: ({ context }) => isChecked(context.get(\"checked\")),\n disabled: ({ context, prop }) => !!prop(\"disabled\") || context.get(\"fieldsetDisabled\")\n },\n states: {\n ready: {}\n },\n implementations: {\n guards: {\n isTrusted: ({ event }) => !!event.isTrusted\n },\n effects: {\n trackPressEvent({ context, computed, scope }) {\n if (computed(\"disabled\")) return;\n return trackPress({\n pointerNode: getRootEl(scope),\n keyboardNode: getHiddenInputEl(scope),\n isValidKey: (event) => event.key === \" \",\n onPress: () => context.set(\"active\", false),\n onPressStart: () => context.set(\"active\", true),\n onPressEnd: () => context.set(\"active\", false)\n });\n },\n trackFocusVisible({ computed, scope }) {\n if (computed(\"disabled\")) return;\n return trackFocusVisible({ root: scope.getRootNode?.() });\n },\n trackFormControlState({ context, scope }) {\n return trackFormControl(getHiddenInputEl(scope), {\n onFieldsetDisabledChange(disabled) {\n context.set(\"fieldsetDisabled\", disabled);\n },\n onFormReset() {\n context.set(\"checked\", context.initial(\"checked\"));\n }\n });\n }\n },\n actions: {\n setContext({ context, event }) {\n for (const key in event.context) {\n context.set(key, event.context[key]);\n }\n },\n syncInputElement({ context, computed, scope }) {\n const inputEl = getHiddenInputEl(scope);\n if (!inputEl) return;\n setElementChecked(inputEl, computed(\"checked\"));\n inputEl.indeterminate = isIndeterminate(context.get(\"checked\"));\n },\n removeFocusIfNeeded({ context, prop }) {\n if (prop(\"disabled\") && context.get(\"focused\")) {\n context.set(\"focused\", false);\n context.set(\"focusVisible\", false);\n }\n },\n setChecked({ context, event }) {\n context.set(\"checked\", event.checked);\n },\n toggleChecked({ context, computed }) {\n const checked = isIndeterminate(computed(\"checked\")) ? true : !computed(\"checked\");\n context.set(\"checked\", checked);\n },\n dispatchChangeEvent({ computed, scope }) {\n queueMicrotask(() => {\n const inputEl = getHiddenInputEl(scope);\n dispatchInputCheckedEvent(inputEl, { checked: computed(\"checked\") });\n });\n }\n }\n }\n});\nfunction isIndeterminate(checked) {\n return checked === \"indeterminate\";\n}\nfunction isChecked(checked) {\n return isIndeterminate(checked) ? false : !!checked;\n}\nvar props = createProps()([\n \"defaultChecked\",\n \"checked\",\n \"dir\",\n \"disabled\",\n \"form\",\n \"getRootNode\",\n \"id\",\n \"ids\",\n \"invalid\",\n \"name\",\n \"onCheckedChange\",\n \"readOnly\",\n \"required\",\n \"value\"\n]);\nvar splitProps = createSplitProps(props);\n\nexport { anatomy, connect, machine, props, splitProps };\n","'use client';\nimport { anatomy } from '@zag-js/checkbox';\n\nconst checkboxAnatomy = anatomy.extendWith(\"group\");\n\nexport { checkboxAnatomy };\n","import { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\n\nexport const CheckboxSizeMap: Record<FormControlSize, number> = {\n sm: 3,\n md: 4,\n lg: 5,\n};\n\nexport const CheckboxLabelSpacing: Record<FormControlSize, number> = {\n sm: 2,\n md: 2,\n lg: 3,\n};\n"],"names":["anatomy","createAnatomy","parts","getRootId","ctx","getLabelId","getControlId","getHiddenInputId","getRootEl","getHiddenInputEl","connect","service","normalize","send","context","prop","computed","scope","disabled","readOnly","invalid","focused","focusVisible","checked","indeterminate","dataAttrs","dataAttr","checked2","event","getEventTarget","visuallyHiddenStyle","focusVisible2","isFocusVisible","not","createGuards","machine","createMachine","props2","bindable","track","action","isIndeterminate","isChecked","trackPress","trackFocusVisible","trackFormControl","key","inputEl","setElementChecked","dispatchInputCheckedEvent","createProps","checkboxAnatomy","CheckboxSizeMap","CheckboxLabelSpacing"],"mappings":"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","x_google_ignoreList":[0,1]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const a=require("./index-CZ42b9rT.js"),T=require("./tooltip.component-
|
|
2
|
-
//# sourceMappingURL=checkbox.records-
|
|
1
|
+
"use strict";const a=require("./index-CZ42b9rT.js"),T=require("./tooltip.component-C7RpuMiK.js"),P=require("./use-locale-context-BdqHZ8L8.js");var S=a.createAnatomy("checkbox").parts("root","label","control","indicator"),h=S.build(),V=e=>e.ids?.root??`checkbox:${e.id}`,m=e=>e.ids?.label??`checkbox:${e.id}:label`,x=e=>e.ids?.control??`checkbox:${e.id}:control`,g=e=>e.ids?.hiddenInput??`checkbox:${e.id}:input`,F=e=>e.getById(V(e)),l=e=>e.getById(g(e));function A(e,t){const{send:d,context:c,prop:r,computed:C,scope:o}=e,n=r("disabled"),p=r("readOnly"),v=r("invalid"),b=!n&&c.get("focused"),I=!n&&c.get("focusVisible"),i=C("checked"),f=C("indeterminate"),u={"data-active":a.dataAttr(c.get("active")),"data-focus":a.dataAttr(b),"data-focus-visible":a.dataAttr(I),"data-readonly":a.dataAttr(p),"data-hover":a.dataAttr(c.get("hovered")),"data-disabled":a.dataAttr(n),"data-state":f?"indeterminate":i?"checked":"unchecked","data-invalid":a.dataAttr(v)};return{checked:i,disabled:n,indeterminate:f,focused:b,checkedState:i,setChecked(s){d({type:"CHECKED.SET",checked:s,isTrusted:!1})},toggleChecked(){d({type:"CHECKED.TOGGLE",checked:i,isTrusted:!1})},getRootProps(){return t.label({...h.root.attrs,...u,dir:r("dir"),id:V(o),htmlFor:g(o),onPointerMove(){n||d({type:"CONTEXT.SET",context:{hovered:!0}})},onPointerLeave(){n||d({type:"CONTEXT.SET",context:{hovered:!1}})},onClick(s){a.getEventTarget(s)===l(o)&&s.stopPropagation()}})},getLabelProps(){return t.element({...h.label.attrs,...u,dir:r("dir"),id:m(o)})},getControlProps(){return t.element({...h.control.attrs,...u,dir:r("dir"),id:x(o),"aria-hidden":!0})},getIndicatorProps(){return t.element({...h.indicator.attrs,...u,dir:r("dir"),hidden:!f&&!i})},getHiddenInputProps(){return t.input({id:g(o),type:"checkbox",required:r("required"),defaultChecked:i,disabled:n,"aria-labelledby":m(o),"aria-invalid":v,name:r("name"),form:r("form"),value:r("value"),style:a.visuallyHiddenStyle,onFocus(){const s=T.isFocusVisible();d({type:"CONTEXT.SET",context:{focused:!0,focusVisible:s}})},onBlur(){d({type:"CONTEXT.SET",context:{focused:!1,focusVisible:!1}})},onClick(s){if(p){s.preventDefault();return}const E=s.currentTarget.checked;d({type:"CHECKED.SET",checked:E,isTrusted:!0})}})}}}var{not:y}=a.createGuards(),N=a.createMachine({props({props:e}){return{value:"on",...e,defaultChecked:!!e.defaultChecked}},initialState(){return"ready"},context({prop:e,bindable:t}){return{checked:t(()=>({defaultValue:e("defaultChecked"),value:e("checked"),onChange(d){e("onCheckedChange")?.({checked:d})}})),fieldsetDisabled:t(()=>({defaultValue:!1})),focusVisible:t(()=>({defaultValue:!1})),active:t(()=>({defaultValue:!1})),focused:t(()=>({defaultValue:!1})),hovered:t(()=>({defaultValue:!1}))}},watch({track:e,context:t,prop:d,action:c}){e([()=>d("disabled")],()=>{c(["removeFocusIfNeeded"])}),e([()=>t.get("checked")],()=>{c(["syncInputElement"])})},effects:["trackFormControlState","trackPressEvent","trackFocusVisible"],on:{"CHECKED.TOGGLE":[{guard:y("isTrusted"),actions:["toggleChecked","dispatchChangeEvent"]},{actions:["toggleChecked"]}],"CHECKED.SET":[{guard:y("isTrusted"),actions:["setChecked","dispatchChangeEvent"]},{actions:["setChecked"]}],"CONTEXT.SET":{actions:["setContext"]}},computed:{indeterminate:({context:e})=>k(e.get("checked")),checked:({context:e})=>D(e.get("checked")),disabled:({context:e,prop:t})=>!!t("disabled")||e.get("fieldsetDisabled")},states:{ready:{}},implementations:{guards:{isTrusted:({event:e})=>!!e.isTrusted},effects:{trackPressEvent({context:e,computed:t,scope:d}){if(!t("disabled"))return a.trackPress({pointerNode:F(d),keyboardNode:l(d),isValidKey:c=>c.key===" ",onPress:()=>e.set("active",!1),onPressStart:()=>e.set("active",!0),onPressEnd:()=>e.set("active",!1)})},trackFocusVisible({computed:e,scope:t}){if(!e("disabled"))return T.trackFocusVisible({root:t.getRootNode?.()})},trackFormControlState({context:e,scope:t}){return a.trackFormControl(l(t),{onFieldsetDisabledChange(d){e.set("fieldsetDisabled",d)},onFormReset(){e.set("checked",e.initial("checked"))}})}},actions:{setContext({context:e,event:t}){for(const d in t.context)e.set(d,t.context[d])},syncInputElement({context:e,computed:t,scope:d}){const c=l(d);c&&(a.setElementChecked(c,t("checked")),c.indeterminate=k(e.get("checked")))},removeFocusIfNeeded({context:e,prop:t}){t("disabled")&&e.get("focused")&&(e.set("focused",!1),e.set("focusVisible",!1))},setChecked({context:e,event:t}){e.set("checked",t.checked)},toggleChecked({context:e,computed:t}){const d=k(t("checked"))?!0:!t("checked");e.set("checked",d)},dispatchChangeEvent({computed:e,scope:t}){queueMicrotask(()=>{const d=l(t);a.dispatchInputCheckedEvent(d,{checked:e("checked")})})}}}});function k(e){return e==="indeterminate"}function D(e){return k(e)?!1:!!e}P.createProps()(["defaultChecked","checked","dir","disabled","form","getRootNode","id","ids","invalid","name","onCheckedChange","readOnly","required","value"]);const O=S.extendWith("group"),H={sm:3,md:4,lg:5},L={sm:2,md:2,lg:3};exports.CheckboxLabelSpacing=L;exports.CheckboxSizeMap=H;exports.checkboxAnatomy=O;exports.connect=A;exports.machine=N;
|
|
2
|
+
//# sourceMappingURL=checkbox.records-CYYbBUNp.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.records-jwUqoHaK.js","sources":["../../node_modules/@zag-js/checkbox/dist/index.mjs","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox.anatomy.js","../../src/components/Checkbox/checkbox.records.ts"],"sourcesContent":["import { createAnatomy } from '@zag-js/anatomy';\nimport { dispatchInputCheckedEvent, setElementChecked, trackFormControl, trackPress, dataAttr, visuallyHiddenStyle, getEventTarget } from '@zag-js/dom-query';\nimport { trackFocusVisible, isFocusVisible } from '@zag-js/focus-visible';\nimport { createGuards, createMachine } from '@zag-js/core';\nimport { createProps } from '@zag-js/types';\nimport { createSplitProps } from '@zag-js/utils';\n\n// src/checkbox.anatomy.ts\nvar anatomy = createAnatomy(\"checkbox\").parts(\"root\", \"label\", \"control\", \"indicator\");\nvar parts = anatomy.build();\n\n// src/checkbox.dom.ts\nvar getRootId = (ctx) => ctx.ids?.root ?? `checkbox:${ctx.id}`;\nvar getLabelId = (ctx) => ctx.ids?.label ?? `checkbox:${ctx.id}:label`;\nvar getControlId = (ctx) => ctx.ids?.control ?? `checkbox:${ctx.id}:control`;\nvar getHiddenInputId = (ctx) => ctx.ids?.hiddenInput ?? `checkbox:${ctx.id}:input`;\nvar getRootEl = (ctx) => ctx.getById(getRootId(ctx));\nvar getHiddenInputEl = (ctx) => ctx.getById(getHiddenInputId(ctx));\n\n// src/checkbox.connect.ts\nfunction connect(service, normalize) {\n const { send, context, prop, computed, scope } = service;\n const disabled = prop(\"disabled\");\n const readOnly = prop(\"readOnly\");\n const invalid = prop(\"invalid\");\n const focused = !disabled && context.get(\"focused\");\n const focusVisible = !disabled && context.get(\"focusVisible\");\n const checked = computed(\"checked\");\n const indeterminate = computed(\"indeterminate\");\n const dataAttrs = {\n \"data-active\": dataAttr(context.get(\"active\")),\n \"data-focus\": dataAttr(focused),\n \"data-focus-visible\": dataAttr(focusVisible),\n \"data-readonly\": dataAttr(readOnly),\n \"data-hover\": dataAttr(context.get(\"hovered\")),\n \"data-disabled\": dataAttr(disabled),\n \"data-state\": indeterminate ? \"indeterminate\" : checked ? \"checked\" : \"unchecked\",\n \"data-invalid\": dataAttr(invalid)\n };\n return {\n checked,\n disabled,\n indeterminate,\n focused,\n checkedState: checked,\n setChecked(checked2) {\n send({ type: \"CHECKED.SET\", checked: checked2, isTrusted: false });\n },\n toggleChecked() {\n send({ type: \"CHECKED.TOGGLE\", checked, isTrusted: false });\n },\n getRootProps() {\n return normalize.label({\n ...parts.root.attrs,\n ...dataAttrs,\n dir: prop(\"dir\"),\n id: getRootId(scope),\n htmlFor: getHiddenInputId(scope),\n onPointerMove() {\n if (disabled) return;\n send({ type: \"CONTEXT.SET\", context: { hovered: true } });\n },\n onPointerLeave() {\n if (disabled) return;\n send({ type: \"CONTEXT.SET\", context: { hovered: false } });\n },\n onClick(event) {\n const target = getEventTarget(event);\n if (target === getHiddenInputEl(scope)) {\n event.stopPropagation();\n }\n }\n });\n },\n getLabelProps() {\n return normalize.element({\n ...parts.label.attrs,\n ...dataAttrs,\n dir: prop(\"dir\"),\n id: getLabelId(scope)\n });\n },\n getControlProps() {\n return normalize.element({\n ...parts.control.attrs,\n ...dataAttrs,\n dir: prop(\"dir\"),\n id: getControlId(scope),\n \"aria-hidden\": true\n });\n },\n getIndicatorProps() {\n return normalize.element({\n ...parts.indicator.attrs,\n ...dataAttrs,\n dir: prop(\"dir\"),\n hidden: !indeterminate && !checked\n });\n },\n getHiddenInputProps() {\n return normalize.input({\n id: getHiddenInputId(scope),\n type: \"checkbox\",\n required: prop(\"required\"),\n defaultChecked: checked,\n disabled,\n \"aria-labelledby\": getLabelId(scope),\n \"aria-invalid\": invalid,\n name: prop(\"name\"),\n form: prop(\"form\"),\n value: prop(\"value\"),\n style: visuallyHiddenStyle,\n onFocus() {\n const focusVisible2 = isFocusVisible();\n send({ type: \"CONTEXT.SET\", context: { focused: true, focusVisible: focusVisible2 } });\n },\n onBlur() {\n send({ type: \"CONTEXT.SET\", context: { focused: false, focusVisible: false } });\n },\n onClick(event) {\n if (readOnly) {\n event.preventDefault();\n return;\n }\n const checked2 = event.currentTarget.checked;\n send({ type: \"CHECKED.SET\", checked: checked2, isTrusted: true });\n }\n });\n }\n };\n}\nvar { not } = createGuards();\nvar machine = createMachine({\n props({ props: props2 }) {\n return {\n value: \"on\",\n ...props2,\n defaultChecked: !!props2.defaultChecked\n };\n },\n initialState() {\n return \"ready\";\n },\n context({ prop, bindable }) {\n return {\n checked: bindable(() => ({\n defaultValue: prop(\"defaultChecked\"),\n value: prop(\"checked\"),\n onChange(checked) {\n prop(\"onCheckedChange\")?.({ checked });\n }\n })),\n fieldsetDisabled: bindable(() => ({ defaultValue: false })),\n focusVisible: bindable(() => ({ defaultValue: false })),\n active: bindable(() => ({ defaultValue: false })),\n focused: bindable(() => ({ defaultValue: false })),\n hovered: bindable(() => ({ defaultValue: false }))\n };\n },\n watch({ track, context, prop, action }) {\n track([() => prop(\"disabled\")], () => {\n action([\"removeFocusIfNeeded\"]);\n });\n track([() => context.get(\"checked\")], () => {\n action([\"syncInputElement\"]);\n });\n },\n effects: [\"trackFormControlState\", \"trackPressEvent\", \"trackFocusVisible\"],\n on: {\n \"CHECKED.TOGGLE\": [\n {\n guard: not(\"isTrusted\"),\n actions: [\"toggleChecked\", \"dispatchChangeEvent\"]\n },\n {\n actions: [\"toggleChecked\"]\n }\n ],\n \"CHECKED.SET\": [\n {\n guard: not(\"isTrusted\"),\n actions: [\"setChecked\", \"dispatchChangeEvent\"]\n },\n {\n actions: [\"setChecked\"]\n }\n ],\n \"CONTEXT.SET\": {\n actions: [\"setContext\"]\n }\n },\n computed: {\n indeterminate: ({ context }) => isIndeterminate(context.get(\"checked\")),\n checked: ({ context }) => isChecked(context.get(\"checked\")),\n disabled: ({ context, prop }) => !!prop(\"disabled\") || context.get(\"fieldsetDisabled\")\n },\n states: {\n ready: {}\n },\n implementations: {\n guards: {\n isTrusted: ({ event }) => !!event.isTrusted\n },\n effects: {\n trackPressEvent({ context, computed, scope }) {\n if (computed(\"disabled\")) return;\n return trackPress({\n pointerNode: getRootEl(scope),\n keyboardNode: getHiddenInputEl(scope),\n isValidKey: (event) => event.key === \" \",\n onPress: () => context.set(\"active\", false),\n onPressStart: () => context.set(\"active\", true),\n onPressEnd: () => context.set(\"active\", false)\n });\n },\n trackFocusVisible({ computed, scope }) {\n if (computed(\"disabled\")) return;\n return trackFocusVisible({ root: scope.getRootNode?.() });\n },\n trackFormControlState({ context, scope }) {\n return trackFormControl(getHiddenInputEl(scope), {\n onFieldsetDisabledChange(disabled) {\n context.set(\"fieldsetDisabled\", disabled);\n },\n onFormReset() {\n context.set(\"checked\", context.initial(\"checked\"));\n }\n });\n }\n },\n actions: {\n setContext({ context, event }) {\n for (const key in event.context) {\n context.set(key, event.context[key]);\n }\n },\n syncInputElement({ context, computed, scope }) {\n const inputEl = getHiddenInputEl(scope);\n if (!inputEl) return;\n setElementChecked(inputEl, computed(\"checked\"));\n inputEl.indeterminate = isIndeterminate(context.get(\"checked\"));\n },\n removeFocusIfNeeded({ context, prop }) {\n if (prop(\"disabled\") && context.get(\"focused\")) {\n context.set(\"focused\", false);\n context.set(\"focusVisible\", false);\n }\n },\n setChecked({ context, event }) {\n context.set(\"checked\", event.checked);\n },\n toggleChecked({ context, computed }) {\n const checked = isIndeterminate(computed(\"checked\")) ? true : !computed(\"checked\");\n context.set(\"checked\", checked);\n },\n dispatchChangeEvent({ computed, scope }) {\n queueMicrotask(() => {\n const inputEl = getHiddenInputEl(scope);\n dispatchInputCheckedEvent(inputEl, { checked: computed(\"checked\") });\n });\n }\n }\n }\n});\nfunction isIndeterminate(checked) {\n return checked === \"indeterminate\";\n}\nfunction isChecked(checked) {\n return isIndeterminate(checked) ? false : !!checked;\n}\nvar props = createProps()([\n \"defaultChecked\",\n \"checked\",\n \"dir\",\n \"disabled\",\n \"form\",\n \"getRootNode\",\n \"id\",\n \"ids\",\n \"invalid\",\n \"name\",\n \"onCheckedChange\",\n \"readOnly\",\n \"required\",\n \"value\"\n]);\nvar splitProps = createSplitProps(props);\n\nexport { anatomy, connect, machine, props, splitProps };\n","'use client';\nimport { anatomy } from '@zag-js/checkbox';\n\nconst checkboxAnatomy = anatomy.extendWith(\"group\");\n\nexport { checkboxAnatomy };\n","import { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\n\nexport const CheckboxSizeMap: Record<FormControlSize, number> = {\n sm: 3,\n md: 4,\n lg: 5,\n};\n\nexport const CheckboxLabelSpacing: Record<FormControlSize, number> = {\n sm: 2,\n md: 2,\n lg: 3,\n};\n"],"names":["anatomy","createAnatomy","parts","getRootId","ctx","getLabelId","getControlId","getHiddenInputId","getRootEl","getHiddenInputEl","connect","service","normalize","send","context","prop","computed","scope","disabled","readOnly","invalid","focused","focusVisible","checked","indeterminate","dataAttrs","dataAttr","checked2","event","getEventTarget","visuallyHiddenStyle","focusVisible2","isFocusVisible","not","createGuards","machine","createMachine","props2","bindable","track","action","isIndeterminate","isChecked","trackPress","trackFocusVisible","trackFormControl","key","inputEl","setElementChecked","dispatchInputCheckedEvent","createProps","checkboxAnatomy","CheckboxSizeMap","CheckboxLabelSpacing"],"mappings":"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","x_google_ignoreList":[0,1]}
|
|
1
|
+
{"version":3,"file":"checkbox.records-CYYbBUNp.js","sources":["../../node_modules/@zag-js/checkbox/dist/index.mjs","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox.anatomy.js","../../src/components/Checkbox/checkbox.records.ts"],"sourcesContent":["import { createAnatomy } from '@zag-js/anatomy';\nimport { dispatchInputCheckedEvent, setElementChecked, trackFormControl, trackPress, dataAttr, visuallyHiddenStyle, getEventTarget } from '@zag-js/dom-query';\nimport { trackFocusVisible, isFocusVisible } from '@zag-js/focus-visible';\nimport { createGuards, createMachine } from '@zag-js/core';\nimport { createProps } from '@zag-js/types';\nimport { createSplitProps } from '@zag-js/utils';\n\n// src/checkbox.anatomy.ts\nvar anatomy = createAnatomy(\"checkbox\").parts(\"root\", \"label\", \"control\", \"indicator\");\nvar parts = anatomy.build();\n\n// src/checkbox.dom.ts\nvar getRootId = (ctx) => ctx.ids?.root ?? `checkbox:${ctx.id}`;\nvar getLabelId = (ctx) => ctx.ids?.label ?? `checkbox:${ctx.id}:label`;\nvar getControlId = (ctx) => ctx.ids?.control ?? `checkbox:${ctx.id}:control`;\nvar getHiddenInputId = (ctx) => ctx.ids?.hiddenInput ?? `checkbox:${ctx.id}:input`;\nvar getRootEl = (ctx) => ctx.getById(getRootId(ctx));\nvar getHiddenInputEl = (ctx) => ctx.getById(getHiddenInputId(ctx));\n\n// src/checkbox.connect.ts\nfunction connect(service, normalize) {\n const { send, context, prop, computed, scope } = service;\n const disabled = prop(\"disabled\");\n const readOnly = prop(\"readOnly\");\n const invalid = prop(\"invalid\");\n const focused = !disabled && context.get(\"focused\");\n const focusVisible = !disabled && context.get(\"focusVisible\");\n const checked = computed(\"checked\");\n const indeterminate = computed(\"indeterminate\");\n const dataAttrs = {\n \"data-active\": dataAttr(context.get(\"active\")),\n \"data-focus\": dataAttr(focused),\n \"data-focus-visible\": dataAttr(focusVisible),\n \"data-readonly\": dataAttr(readOnly),\n \"data-hover\": dataAttr(context.get(\"hovered\")),\n \"data-disabled\": dataAttr(disabled),\n \"data-state\": indeterminate ? \"indeterminate\" : checked ? \"checked\" : \"unchecked\",\n \"data-invalid\": dataAttr(invalid)\n };\n return {\n checked,\n disabled,\n indeterminate,\n focused,\n checkedState: checked,\n setChecked(checked2) {\n send({ type: \"CHECKED.SET\", checked: checked2, isTrusted: false });\n },\n toggleChecked() {\n send({ type: \"CHECKED.TOGGLE\", checked, isTrusted: false });\n },\n getRootProps() {\n return normalize.label({\n ...parts.root.attrs,\n ...dataAttrs,\n dir: prop(\"dir\"),\n id: getRootId(scope),\n htmlFor: getHiddenInputId(scope),\n onPointerMove() {\n if (disabled) return;\n send({ type: \"CONTEXT.SET\", context: { hovered: true } });\n },\n onPointerLeave() {\n if (disabled) return;\n send({ type: \"CONTEXT.SET\", context: { hovered: false } });\n },\n onClick(event) {\n const target = getEventTarget(event);\n if (target === getHiddenInputEl(scope)) {\n event.stopPropagation();\n }\n }\n });\n },\n getLabelProps() {\n return normalize.element({\n ...parts.label.attrs,\n ...dataAttrs,\n dir: prop(\"dir\"),\n id: getLabelId(scope)\n });\n },\n getControlProps() {\n return normalize.element({\n ...parts.control.attrs,\n ...dataAttrs,\n dir: prop(\"dir\"),\n id: getControlId(scope),\n \"aria-hidden\": true\n });\n },\n getIndicatorProps() {\n return normalize.element({\n ...parts.indicator.attrs,\n ...dataAttrs,\n dir: prop(\"dir\"),\n hidden: !indeterminate && !checked\n });\n },\n getHiddenInputProps() {\n return normalize.input({\n id: getHiddenInputId(scope),\n type: \"checkbox\",\n required: prop(\"required\"),\n defaultChecked: checked,\n disabled,\n \"aria-labelledby\": getLabelId(scope),\n \"aria-invalid\": invalid,\n name: prop(\"name\"),\n form: prop(\"form\"),\n value: prop(\"value\"),\n style: visuallyHiddenStyle,\n onFocus() {\n const focusVisible2 = isFocusVisible();\n send({ type: \"CONTEXT.SET\", context: { focused: true, focusVisible: focusVisible2 } });\n },\n onBlur() {\n send({ type: \"CONTEXT.SET\", context: { focused: false, focusVisible: false } });\n },\n onClick(event) {\n if (readOnly) {\n event.preventDefault();\n return;\n }\n const checked2 = event.currentTarget.checked;\n send({ type: \"CHECKED.SET\", checked: checked2, isTrusted: true });\n }\n });\n }\n };\n}\nvar { not } = createGuards();\nvar machine = createMachine({\n props({ props: props2 }) {\n return {\n value: \"on\",\n ...props2,\n defaultChecked: !!props2.defaultChecked\n };\n },\n initialState() {\n return \"ready\";\n },\n context({ prop, bindable }) {\n return {\n checked: bindable(() => ({\n defaultValue: prop(\"defaultChecked\"),\n value: prop(\"checked\"),\n onChange(checked) {\n prop(\"onCheckedChange\")?.({ checked });\n }\n })),\n fieldsetDisabled: bindable(() => ({ defaultValue: false })),\n focusVisible: bindable(() => ({ defaultValue: false })),\n active: bindable(() => ({ defaultValue: false })),\n focused: bindable(() => ({ defaultValue: false })),\n hovered: bindable(() => ({ defaultValue: false }))\n };\n },\n watch({ track, context, prop, action }) {\n track([() => prop(\"disabled\")], () => {\n action([\"removeFocusIfNeeded\"]);\n });\n track([() => context.get(\"checked\")], () => {\n action([\"syncInputElement\"]);\n });\n },\n effects: [\"trackFormControlState\", \"trackPressEvent\", \"trackFocusVisible\"],\n on: {\n \"CHECKED.TOGGLE\": [\n {\n guard: not(\"isTrusted\"),\n actions: [\"toggleChecked\", \"dispatchChangeEvent\"]\n },\n {\n actions: [\"toggleChecked\"]\n }\n ],\n \"CHECKED.SET\": [\n {\n guard: not(\"isTrusted\"),\n actions: [\"setChecked\", \"dispatchChangeEvent\"]\n },\n {\n actions: [\"setChecked\"]\n }\n ],\n \"CONTEXT.SET\": {\n actions: [\"setContext\"]\n }\n },\n computed: {\n indeterminate: ({ context }) => isIndeterminate(context.get(\"checked\")),\n checked: ({ context }) => isChecked(context.get(\"checked\")),\n disabled: ({ context, prop }) => !!prop(\"disabled\") || context.get(\"fieldsetDisabled\")\n },\n states: {\n ready: {}\n },\n implementations: {\n guards: {\n isTrusted: ({ event }) => !!event.isTrusted\n },\n effects: {\n trackPressEvent({ context, computed, scope }) {\n if (computed(\"disabled\")) return;\n return trackPress({\n pointerNode: getRootEl(scope),\n keyboardNode: getHiddenInputEl(scope),\n isValidKey: (event) => event.key === \" \",\n onPress: () => context.set(\"active\", false),\n onPressStart: () => context.set(\"active\", true),\n onPressEnd: () => context.set(\"active\", false)\n });\n },\n trackFocusVisible({ computed, scope }) {\n if (computed(\"disabled\")) return;\n return trackFocusVisible({ root: scope.getRootNode?.() });\n },\n trackFormControlState({ context, scope }) {\n return trackFormControl(getHiddenInputEl(scope), {\n onFieldsetDisabledChange(disabled) {\n context.set(\"fieldsetDisabled\", disabled);\n },\n onFormReset() {\n context.set(\"checked\", context.initial(\"checked\"));\n }\n });\n }\n },\n actions: {\n setContext({ context, event }) {\n for (const key in event.context) {\n context.set(key, event.context[key]);\n }\n },\n syncInputElement({ context, computed, scope }) {\n const inputEl = getHiddenInputEl(scope);\n if (!inputEl) return;\n setElementChecked(inputEl, computed(\"checked\"));\n inputEl.indeterminate = isIndeterminate(context.get(\"checked\"));\n },\n removeFocusIfNeeded({ context, prop }) {\n if (prop(\"disabled\") && context.get(\"focused\")) {\n context.set(\"focused\", false);\n context.set(\"focusVisible\", false);\n }\n },\n setChecked({ context, event }) {\n context.set(\"checked\", event.checked);\n },\n toggleChecked({ context, computed }) {\n const checked = isIndeterminate(computed(\"checked\")) ? true : !computed(\"checked\");\n context.set(\"checked\", checked);\n },\n dispatchChangeEvent({ computed, scope }) {\n queueMicrotask(() => {\n const inputEl = getHiddenInputEl(scope);\n dispatchInputCheckedEvent(inputEl, { checked: computed(\"checked\") });\n });\n }\n }\n }\n});\nfunction isIndeterminate(checked) {\n return checked === \"indeterminate\";\n}\nfunction isChecked(checked) {\n return isIndeterminate(checked) ? false : !!checked;\n}\nvar props = createProps()([\n \"defaultChecked\",\n \"checked\",\n \"dir\",\n \"disabled\",\n \"form\",\n \"getRootNode\",\n \"id\",\n \"ids\",\n \"invalid\",\n \"name\",\n \"onCheckedChange\",\n \"readOnly\",\n \"required\",\n \"value\"\n]);\nvar splitProps = createSplitProps(props);\n\nexport { anatomy, connect, machine, props, splitProps };\n","'use client';\nimport { anatomy } from '@zag-js/checkbox';\n\nconst checkboxAnatomy = anatomy.extendWith(\"group\");\n\nexport { checkboxAnatomy };\n","import { FormControlSize } from \"hocs/withFormControl/withFormControl.types\";\n\nexport const CheckboxSizeMap: Record<FormControlSize, number> = {\n sm: 3,\n md: 4,\n lg: 5,\n};\n\nexport const CheckboxLabelSpacing: Record<FormControlSize, number> = {\n sm: 2,\n md: 2,\n lg: 3,\n};\n"],"names":["anatomy","createAnatomy","parts","getRootId","ctx","getLabelId","getControlId","getHiddenInputId","getRootEl","getHiddenInputEl","connect","service","normalize","send","context","prop","computed","scope","disabled","readOnly","invalid","focused","focusVisible","checked","indeterminate","dataAttrs","dataAttr","checked2","event","getEventTarget","visuallyHiddenStyle","focusVisible2","isFocusVisible","not","createGuards","machine","createMachine","props2","bindable","track","action","isIndeterminate","isChecked","trackPress","trackFocusVisible","trackFormControl","key","inputEl","setElementChecked","dispatchInputCheckedEvent","createProps","checkboxAnatomy","CheckboxSizeMap","CheckboxLabelSpacing"],"mappings":"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","x_google_ignoreList":[0,1]}
|
package/dist/chunks/{checkboxGroup.component-CaHesQT7.js → checkboxGroup.component-DwICStpY.js}
RENAMED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { j as r } from "./jsx-runtime-C5mzlN2N.js";
|
|
2
|
-
import { w as b } from "./withFormControl-
|
|
3
|
-
import { C as j, W as G } from "./checkbox.component-
|
|
2
|
+
import { w as b } from "./withFormControl-Vf_flDYv.js";
|
|
3
|
+
import { C as j, W as G } from "./checkbox.component-C99uwLFM.js";
|
|
4
4
|
import { S as W } from "./stack-B6Qs7bq9.js";
|
|
5
5
|
const p = ({
|
|
6
6
|
checkboxes: a,
|
|
@@ -48,4 +48,4 @@ const N = b(p);
|
|
|
48
48
|
export {
|
|
49
49
|
N as W
|
|
50
50
|
};
|
|
51
|
-
//# sourceMappingURL=checkboxGroup.component-
|
|
51
|
+
//# sourceMappingURL=checkboxGroup.component-DwICStpY.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkboxGroup.component-
|
|
1
|
+
{"version":3,"file":"checkboxGroup.component-DwICStpY.js","sources":["../../src/components/CheckboxGroup/checkboxGroup.component.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n CheckboxGroup as CCheckboxGroup,\n CheckboxGroupProps as CCheckboxGroupProps,\n} from \"@chakra-ui/react/checkbox\";\nimport {\n withFormControl,\n WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\nimport { FlexDirection } from \"shared/types/alignment\";\nimport {\n Checkbox,\n CheckboxProps,\n} from \"components/Checkbox/checkbox.component\";\nimport { Stack } from \"@chakra-ui/react/stack\";\nimport { ConditionalValue } from \"@chakra-ui/react/styled-system\";\n\nexport interface KCheckboxGroupProps extends WithFormControlProps {\n checkboxes: CheckboxProps[];\n direction?: ConditionalValue<FlexDirection>;\n onChange?: (value: string[]) => void;\n}\n\nexport type CheckboxGroupProps = KCheckboxGroupProps &\n Omit<CCheckboxGroupProps, \"onValueChange\">;\n\nconst CheckboxGroup = ({\n checkboxes,\n defaultValue,\n direction = \"column\",\n disabled,\n invalid,\n onContrast,\n readOnly,\n required,\n name,\n onChange,\n size = \"md\",\n value,\n gap = 2,\n ...rest\n}: CheckboxGroupProps): React.JSX.Element => {\n return (\n <CCheckboxGroup\n className=\"CheckboxGroup\"\n data-testid=\"kibble-checkbox-group\"\n disabled={disabled}\n invalid={invalid}\n name={name}\n defaultValue={defaultValue}\n value={value}\n onValueChange={onChange}\n width=\"inherit\"\n >\n <Stack direction={direction} gap={gap} {...rest}>\n {checkboxes.map((checkbox, index) => (\n <Checkbox\n onContrast={onContrast}\n key={`checkbox-${index}`}\n checked={\n checkbox.checked ||\n defaultValue?.includes(`${checkbox?.value}`) ||\n value?.includes(`${checkbox?.value}`)\n }\n size={size}\n required={required}\n readOnly={readOnly}\n {...checkbox}\n />\n ))}\n </Stack>\n </CCheckboxGroup>\n );\n};\n\nCheckboxGroup.displayName = \"CheckboxGroup\";\n\nconst WrappedCheckboxGroup = withFormControl(CheckboxGroup);\n\nexport { WrappedCheckboxGroup as CheckboxGroup };\n"],"names":["CheckboxGroup","checkboxes","defaultValue","direction","disabled","invalid","onContrast","readOnly","required","name","onChange","size","value","gap","rest","jsx","CCheckboxGroup","Stack","checkbox","index","Checkbox","WrappedCheckboxGroup","withFormControl"],"mappings":";;;;AA0BA,MAAMA,IAAgB,CAAC;AAAA,EACrB,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,GAAGC;AACL,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,eAAY;AAAA,IACZ,UAAAZ;AAAA,IACA,SAAAC;AAAA,IACA,MAAAI;AAAA,IACA,cAAAP;AAAA,IACA,OAAAU;AAAA,IACA,eAAeF;AAAA,IACf,OAAM;AAAA,IAEN,UAAAK,gBAAAA,EAAAA,IAACE,GAAM,EAAA,WAAAd,GAAsB,KAAAU,GAAW,GAAGC,GACxC,UAAWb,EAAA,IAAI,CAACiB,GAAUC,MACzBJ,gBAAAA,EAAA;AAAA,MAACK;AAAAA,MAAA;AAAA,QACC,YAAAd;AAAA,QAEA,SACEY,EAAS,WACThB,GAAc,SAAS,GAAGgB,GAAU,KAAK,EAAE,KAC3CN,GAAO,SAAS,GAAGM,GAAU,KAAK,EAAE;AAAA,QAEtC,MAAAP;AAAA,QACA,UAAAH;AAAA,QACA,UAAAD;AAAA,QACC,GAAGW;AAAA,MAAA;AAAA,MATC,YAAYC,CAAK;AAAA,IAAA,CAWzB,EACH,CAAA;AAAA,EAAA;AACF;AAIJnB,EAAc,cAAc;AAEtB,MAAAqB,IAAuBC,EAAgBtB,CAAa;"}
|
package/dist/chunks/{checkboxGroup.component-CQEwY2Fu.js → checkboxGroup.component-v0mNVsPd.js}
RENAMED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const o=require("./jsx-runtime-BjDatQAs.js"),j=require("./withFormControl-
|
|
2
|
-
//# sourceMappingURL=checkboxGroup.component-
|
|
1
|
+
"use strict";const o=require("./jsx-runtime-BjDatQAs.js"),j=require("./withFormControl-YVXep-WE.js"),t=require("./checkbox.component-jKQDjGYQ.js"),G=require("./stack-CtSNpuJq.js"),s=({checkboxes:n,defaultValue:r,direction:i="column",disabled:u,invalid:p,onContrast:x,readOnly:h,required:a,name:d,onChange:k,size:m="md",value:c,gap:l=2,...C})=>o.jsxRuntimeExports.jsx(t.CheckboxGroup,{className:"CheckboxGroup","data-testid":"kibble-checkbox-group",disabled:u,invalid:p,name:d,defaultValue:r,value:c,onValueChange:k,width:"inherit",children:o.jsxRuntimeExports.jsx(G.Stack,{direction:i,gap:l,...C,children:n.map((e,b)=>o.jsxRuntimeExports.jsx(t.WrappedCheckbox,{onContrast:x,checked:e.checked||r?.includes(`${e?.value}`)||c?.includes(`${e?.value}`),size:m,required:a,readOnly:h,...e},`checkbox-${b}`))})});s.displayName="CheckboxGroup";const q=j.withFormControl(s);exports.WrappedCheckboxGroup=q;
|
|
2
|
+
//# sourceMappingURL=checkboxGroup.component-v0mNVsPd.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkboxGroup.component-
|
|
1
|
+
{"version":3,"file":"checkboxGroup.component-v0mNVsPd.js","sources":["../../src/components/CheckboxGroup/checkboxGroup.component.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n CheckboxGroup as CCheckboxGroup,\n CheckboxGroupProps as CCheckboxGroupProps,\n} from \"@chakra-ui/react/checkbox\";\nimport {\n withFormControl,\n WithFormControlProps,\n} from \"hocs/withFormControl/withFormControl\";\nimport { FlexDirection } from \"shared/types/alignment\";\nimport {\n Checkbox,\n CheckboxProps,\n} from \"components/Checkbox/checkbox.component\";\nimport { Stack } from \"@chakra-ui/react/stack\";\nimport { ConditionalValue } from \"@chakra-ui/react/styled-system\";\n\nexport interface KCheckboxGroupProps extends WithFormControlProps {\n checkboxes: CheckboxProps[];\n direction?: ConditionalValue<FlexDirection>;\n onChange?: (value: string[]) => void;\n}\n\nexport type CheckboxGroupProps = KCheckboxGroupProps &\n Omit<CCheckboxGroupProps, \"onValueChange\">;\n\nconst CheckboxGroup = ({\n checkboxes,\n defaultValue,\n direction = \"column\",\n disabled,\n invalid,\n onContrast,\n readOnly,\n required,\n name,\n onChange,\n size = \"md\",\n value,\n gap = 2,\n ...rest\n}: CheckboxGroupProps): React.JSX.Element => {\n return (\n <CCheckboxGroup\n className=\"CheckboxGroup\"\n data-testid=\"kibble-checkbox-group\"\n disabled={disabled}\n invalid={invalid}\n name={name}\n defaultValue={defaultValue}\n value={value}\n onValueChange={onChange}\n width=\"inherit\"\n >\n <Stack direction={direction} gap={gap} {...rest}>\n {checkboxes.map((checkbox, index) => (\n <Checkbox\n onContrast={onContrast}\n key={`checkbox-${index}`}\n checked={\n checkbox.checked ||\n defaultValue?.includes(`${checkbox?.value}`) ||\n value?.includes(`${checkbox?.value}`)\n }\n size={size}\n required={required}\n readOnly={readOnly}\n {...checkbox}\n />\n ))}\n </Stack>\n </CCheckboxGroup>\n );\n};\n\nCheckboxGroup.displayName = \"CheckboxGroup\";\n\nconst WrappedCheckboxGroup = withFormControl(CheckboxGroup);\n\nexport { WrappedCheckboxGroup as CheckboxGroup };\n"],"names":["CheckboxGroup","checkboxes","defaultValue","direction","disabled","invalid","onContrast","readOnly","required","name","onChange","size","value","gap","rest","jsx","CCheckboxGroup","Stack","checkbox","index","Checkbox","WrappedCheckboxGroup","withFormControl"],"mappings":"oLA0BMA,EAAgB,CAAC,CACrB,WAAAC,EACA,aAAAC,EACA,UAAAC,EAAY,SACZ,SAAAC,EACA,QAAAC,EACA,WAAAC,EACA,SAAAC,EACA,SAAAC,EACA,KAAAC,EACA,SAAAC,EACA,KAAAC,EAAO,KACP,MAAAC,EACA,IAAAC,EAAM,EACN,GAAGC,CACL,IAEIC,EAAA,kBAAA,IAACC,EAAA,cAAA,CACC,UAAU,gBACV,cAAY,wBACZ,SAAAZ,EACA,QAAAC,EACA,KAAAI,EACA,aAAAP,EACA,MAAAU,EACA,cAAeF,EACf,MAAM,UAEN,SAAAK,EAAAA,kBAAAA,IAACE,EAAAA,MAAM,CAAA,UAAAd,EAAsB,IAAAU,EAAW,GAAGC,EACxC,SAAWb,EAAA,IAAI,CAACiB,EAAUC,IACzBJ,EAAA,kBAAA,IAACK,EAAA,gBAAA,CACC,WAAAd,EAEA,QACEY,EAAS,SACThB,GAAc,SAAS,GAAGgB,GAAU,KAAK,EAAE,GAC3CN,GAAO,SAAS,GAAGM,GAAU,KAAK,EAAE,EAEtC,KAAAP,EACA,SAAAH,EACA,SAAAD,EACC,GAAGW,CAAA,EATC,YAAYC,CAAK,EAAA,CAWzB,CACH,CAAA,CAAA,CACF,EAIJnB,EAAc,YAAc,gBAEtB,MAAAqB,EAAuBC,kBAAgBtB,CAAa"}
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import { j as e } from "./jsx-runtime-C5mzlN2N.js";
|
|
2
2
|
import { useState as y } from "react";
|
|
3
3
|
import { C as H } from "./card.component-6TV04UQT.js";
|
|
4
|
-
import { T as I } from "./timestamp.component-
|
|
4
|
+
import { T as I } from "./timestamp.component-BouqsJZM.js";
|
|
5
5
|
import { N as S } from "./notificationCounter.component-CG5067PO.js";
|
|
6
6
|
import { I as p } from "./icon.component-BmcWaysM.js";
|
|
7
|
-
import { W } from "./heading.component-
|
|
8
|
-
import { W as f } from "./text.component-
|
|
9
|
-
import { A as B } from "./avatar.component-
|
|
10
|
-
import { T as N } from "./tooltip.component-
|
|
7
|
+
import { W } from "./heading.component-DIST7ncC.js";
|
|
8
|
+
import { W as f } from "./text.component-D3E0SdX1.js";
|
|
9
|
+
import { A as B } from "./avatar.component-B7rggLqO.js";
|
|
10
|
+
import { T as N } from "./tooltip.component-DYBYGsfe.js";
|
|
11
11
|
import { F as x } from "./flex-C2d2LH-K.js";
|
|
12
12
|
import { H as m } from "./h-stack-iIc7vTB3.js";
|
|
13
13
|
import { V as F } from "./v-stack-IBysx2n3.js";
|
|
14
14
|
import { B as C } from "./box-y05hq0PT.js";
|
|
15
15
|
import { B as _ } from "./button.component-BWlRjD5a.js";
|
|
16
|
-
import { M as O } from "./menu.component-
|
|
16
|
+
import { M as O } from "./menu.component-CTze16Re.js";
|
|
17
17
|
import { T as R } from "./tag.component-D_8Wr2wv.js";
|
|
18
18
|
import { W as M, a as w } from "./wrap-DrLrXdlw.js";
|
|
19
19
|
const A = ({
|
|
@@ -384,4 +384,4 @@ const A = ({
|
|
|
384
384
|
export {
|
|
385
385
|
de as C
|
|
386
386
|
};
|
|
387
|
-
//# sourceMappingURL=conversationCard.component-
|
|
387
|
+
//# sourceMappingURL=conversationCard.component-BERwqiS-.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"conversationCard.component-C_gj2TZd.js","sources":["../../src/components/ConversationCard/components/ConversationCardAvatarGroup/conversationCardAvatarGroup.component.tsx","../../src/components/ConversationCard/components/ConversationCardHeader/conversationCardHeader.component.tsx","../../src/components/ConversationCard/components/ConversationCardButtons/conversationCardButtons.component.tsx","../../src/components/ConversationCard/components/ConversationCardTags/conversationCardTags.component.tsx","../../src/components/ConversationCard/components/ConversationCardFooter/conversationCardFooter.component.tsx","../../src/components/ConversationCard/components/ConversationCardContent/conversationCardContent.component.tsx","../../src/components/ConversationCard/conversationCard.component.tsx"],"sourcesContent":["import React from \"react\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { Avatar } from \"components/Avatar/avatar.component\";\nimport { Tooltip } from \"components/Tooltip/tooltip.component\";\n\nexport interface ConversationCardAvatarGroupProps {\n avatars: React.ReactNode[];\n max?: number;\n onAvatarGroupClick?: (\n e: React.MouseEvent<HTMLSpanElement, MouseEvent>,\n ) => void;\n tooltipLabel?: string;\n}\n\nexport const ConversationCardAvatarGroup = ({\n avatars,\n max = 1,\n onAvatarGroupClick,\n tooltipLabel,\n}: ConversationCardAvatarGroupProps): React.JSX.Element => {\n return (\n <Tooltip label={tooltipLabel || \"\"} disabled={!tooltipLabel?.length}>\n <Flex\n className=\"ConversationCard__AvatarGroup\"\n alignItems=\"flex-start\"\n justifyContent=\"flex-start\"\n >\n {max && avatars.length > max ? (\n <Avatar\n onClick={(e): void => {\n e.stopPropagation();\n if (onAvatarGroupClick) {\n onAvatarGroupClick(e);\n }\n }}\n cursor=\"pointer\"\n name={avatars.length.toString()}\n showTooltip={false}\n />\n ) : (\n <>{avatars.map((avatar) => avatar)}</>\n )}\n </Flex>\n </Tooltip>\n );\n};\n","import React from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { HStack, VStack } from \"@chakra-ui/react/stack\";\nimport {\n Timestamp,\n TimestampProps,\n} from \"components/Timestamp/timestamp.component\";\nimport { NotificationCounter } from \"components/NotificationCounter/notificationCounter.component\";\nimport { Icon } from \"components/Icon/icon.component\";\nimport { Heading } from \"components/Heading/heading.component\";\nimport { Text } from \"components/Text/text.component\";\nimport {\n ConversationCardAvatarGroup,\n ConversationCardAvatarGroupProps,\n} from \"../ConversationCardAvatarGroup/conversationCardAvatarGroup.component\";\n\nexport interface ConversationCardHeaderProps {\n avatarGroupProps?: ConversationCardAvatarGroupProps;\n showNotificationIndicator?: boolean;\n isCardPinned?: boolean;\n isHoveringCard?: boolean;\n subtitle?: string;\n timestampProps: TimestampProps;\n title: string;\n}\n\nexport const ConversationCardHeader = ({\n avatarGroupProps,\n timestampProps,\n isHoveringCard,\n isCardPinned,\n title,\n showNotificationIndicator,\n subtitle,\n}: ConversationCardHeaderProps): React.JSX.Element => {\n return (\n <HStack\n className=\"ConversationCard__Header\"\n data-testid=\"kibble-conversation-card-header\"\n justify=\"space-between\"\n align=\"flex-start\"\n >\n <HStack\n className=\"ConversationCard__Header--Left\"\n data-testid=\"kibble-conversation-card-header-left\"\n cursor=\"pointer\"\n >\n {avatarGroupProps && (\n <ConversationCardAvatarGroup\n {...avatarGroupProps}\n tooltipLabel={avatarGroupProps?.tooltipLabel || title}\n />\n )}\n <VStack\n className=\"ConversationCard__HeaderText\"\n data-testid=\"kibble-conversation-card-header-text\"\n justify=\"center\"\n align=\"left\"\n gap=\"0\"\n >\n <Heading\n className=\"ConversationCard__HeaderText--Title\"\n data-testid=\"kibble-conversation-card-header-title\"\n size=\"sm\"\n truncated\n >\n {title}\n </Heading>\n {subtitle && (\n <Text\n className=\"ConversationCard__HeaderText--Subtitle\"\n data-testid=\"kibble-conversation-card-header-subtitle\"\n as=\"p\"\n size=\"sm\"\n variant=\"subtle\"\n truncated\n >\n {subtitle}\n </Text>\n )}\n </VStack>\n </HStack>\n <HStack\n className=\"ConversationCard__Header--Right\"\n data-testid=\"kibble-conversation-card-header-right\"\n visibility={isHoveringCard ? \"hidden\" : \"visible\"}\n align=\"center\"\n gap={1}\n >\n <Timestamp {...timestampProps} />\n {showNotificationIndicator && (\n <Box\n as=\"span\"\n className=\"ConversationCard__HeaderNotificationCounter\"\n data-testid=\"conversation-card-unread-indicator\"\n >\n <NotificationCounter size=\"xs\" />\n </Box>\n )}\n {isCardPinned && (\n <Flex data-testid=\"conversation-card-pinned-icon\">\n <Icon size=\"md\" variant=\"info\" name=\"pin\" />\n </Flex>\n )}\n </HStack>\n </HStack>\n );\n};\n","import React from \"react\";\nimport { HStack } from \"@chakra-ui/react/stack\";\nimport { Button } from \"components/Button/button.component\";\nimport { Icon } from \"components/Icon/icon.component\";\nimport { Menu, MenuProps, MenuItemProps } from \"components/Menu\";\n\nexport interface ConversationCardOverlayProps {\n isOpenInOverlay?: boolean;\n onOpenInOverlay: () => void;\n}\n\nexport interface ConversationCardPinProps {\n isPinned?: boolean;\n onTogglePin: (isPinned: boolean) => void;\n}\n\nexport interface ConversationCardButtonsProps {\n overlayProps?: ConversationCardOverlayProps;\n pinProps?: ConversationCardPinProps;\n headerMenuProps?: MenuProps;\n}\n\ninterface ConversationCardButtonsComponentProps\n extends ConversationCardButtonsProps {\n isHovering: boolean;\n setIsHovering: (isHovering: boolean) => void;\n}\n\nexport const ConversationCardButtons = ({\n overlayProps,\n pinProps,\n headerMenuProps,\n isHovering,\n setIsHovering,\n}: ConversationCardButtonsComponentProps): React.JSX.Element => {\n const { isOpenInOverlay, onOpenInOverlay } = overlayProps || {};\n const { isPinned, onTogglePin } = pinProps || {};\n const { listProps } = headerMenuProps || {};\n const pinIconName = isPinned ? \"pinCancel\" : \"pin\";\n\n return (\n <HStack\n className=\"ConversationCard__Menu\"\n data-testid=\"kibble-conversation-card-menu\"\n gap={1}\n >\n {overlayProps && (\n <Button\n className=\"ConversationCard__OverlayButton\"\n data-testid=\"conversation-card-overlay-icon-button\"\n variant=\"secondarySubtle\"\n borderRadius=\"sm\"\n {...(isOpenInOverlay && { active: true })}\n onClick={(): void => {\n if (onOpenInOverlay) {\n onOpenInOverlay();\n }\n\n if (isHovering) {\n setIsHovering(false);\n }\n }}\n iconName=\"popup\"\n size=\"sm\"\n />\n )}\n {pinProps && (\n <Button\n className=\"ConversationCard__PinButton\"\n data-testid=\"conversation-card-pin-toggle-icon-button\"\n variant={isPinned ? \"secondarySubtleDestructive\" : \"secondarySubtle\"}\n borderRadius=\"sm\"\n onClick={(): void => {\n if (onTogglePin) {\n onTogglePin(!isPinned);\n }\n\n if (isHovering) {\n setIsHovering(false);\n }\n }}\n iconName={pinIconName}\n size=\"sm\"\n />\n )}\n {headerMenuProps && (\n <Menu\n buttonProps={\n headerMenuProps.buttonProps || {\n variant: \"secondarySubtle\",\n size: \"sm\",\n borderRadius: \"sm\",\n iconName: \"dotsVertical\",\n hideCaret: true,\n padding: 0,\n }\n }\n closeOnSelect={false}\n lazyMount\n {...headerMenuProps}\n listProps={{\n ...listProps,\n menuItems: [\n ...(pinProps\n ? [\n {\n \"data-testid\":\n \"conversation-card-pin-toggle-dropdown-button\",\n label: `${isPinned ? \"Unpin\" : \"Pin\"} Conversation`,\n value: \"PinConversation\",\n variant: isPinned ? \"danger\" : \"default\",\n leftElement: (\n <Icon\n size=\"md\"\n variant={isPinned ? \"danger\" : \"default\"}\n name={pinIconName}\n />\n ),\n onSelect: (): void => {\n if (onTogglePin) {\n onTogglePin(!isPinned);\n }\n },\n } as MenuItemProps,\n ]\n : []),\n ...(listProps?.menuItems || []),\n ],\n }}\n />\n )}\n </HStack>\n );\n};\n","import React from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { Wrap, WrapItem } from \"@chakra-ui/react/wrap\";\nimport { Tag, TagProps } from \"components/Tag/tag.component\";\nimport { Tooltip } from \"components/Tooltip/tooltip.component\";\n\nexport type ConversationCardTag = TagProps & {\n tooltipContent?: string;\n};\n\nexport interface ConversationCardTagsProps {\n tags: ConversationCardTag[];\n}\n\nexport const ConversationCardTags = ({\n tags,\n}: ConversationCardTagsProps): React.JSX.Element => {\n return (\n <Box className=\"ConversationCard__Tags\" mt={3}>\n <Wrap gap=\"6px\">\n {tags.map((tag) => {\n const { tooltipContent, ...rest } = tag;\n let tagElement = (\n <Tag {...rest} size=\"sm\" textTransform=\"capitalize\" />\n );\n\n if (tooltipContent) {\n tagElement = (\n <Tooltip label={tooltipContent} placement=\"top\">\n <Box>{tagElement}</Box>\n </Tooltip>\n );\n }\n\n return <WrapItem key={tag.label}>{tagElement}</WrapItem>;\n })}\n </Wrap>\n </Box>\n );\n};\n","import React from \"react\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { Icon, IconProps } from \"components/Icon/icon.component\";\nimport { Text, TextProps } from \"components/Text/text.component\";\n\nexport interface ConversationCardFooterProps {\n iconProps?: IconProps;\n content: React.ReactNode;\n contentProps?: Omit<TextProps, \"children\">;\n}\n\nexport const ConversationCardFooter = ({\n iconProps,\n content,\n contentProps,\n}: ConversationCardFooterProps): React.JSX.Element => {\n const _content =\n typeof content === \"string\" ? (\n <Text\n className=\"ConversationCard__FooterMessage\"\n data-testid=\"kibble-conversation-card-footer-message\"\n as=\"p\"\n size=\"sm\"\n variant=\"subtle\"\n {...contentProps}\n {...(iconProps && { ml: 1 })}\n >\n {content}\n </Text>\n ) : (\n content\n );\n return (\n <Flex\n className=\"ConversationCard__Footer\"\n data-testid=\"kibble-conversation-card-footer\"\n mt={3}\n alignItems=\"center\"\n >\n {iconProps && <Icon size=\"sm\" variant=\"subtle\" {...iconProps} />}\n {_content}\n </Flex>\n );\n};\n","import React from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { HStack } from \"@chakra-ui/react/stack\";\nimport { Text, TextProps } from \"components/Text/text.component\";\n\nexport interface ConversationCardContentProps {\n content?: React.ReactNode;\n contentProps?: Omit<TextProps, \"children\">;\n contentMenu?: React.ReactNode;\n}\n\nexport const ConversationCardContent = ({\n contentMenu,\n content,\n contentProps,\n}: ConversationCardContentProps): React.JSX.Element => {\n const _content =\n typeof content === \"string\" ? (\n <Text\n className=\"ConversationCard__Content\"\n data-testid=\"kibble-conversation-card-content\"\n truncated\n size=\"sm\"\n {...contentProps}\n >\n {content}\n </Text>\n ) : (\n content\n );\n\n return (\n <HStack\n className=\"ConversationCard__ContentContainer\"\n data-testid=\"kibble-conversation-card-content-container\"\n mt={3}\n justifyContent=\"space-between\"\n alignItems=\"center\"\n >\n {_content}\n {contentMenu && (\n <Box\n className=\"ConversationCard__ContentMenu\"\n data-testid=\"kibble-conversation-card-content-menu\"\n ml=\"auto\"\n >\n {contentMenu}\n </Box>\n )}\n </HStack>\n );\n};\n","import React, { useState } from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { Card } from \"components/Card/card.component\";\nimport { MenuProps } from \"components/Menu/menu.component\";\nimport {\n ConversationCardHeader,\n ConversationCardHeaderProps,\n} from \"./components/ConversationCardHeader/conversationCardHeader.component\";\nimport {\n ConversationCardButtons,\n ConversationCardOverlayProps,\n ConversationCardPinProps,\n} from \"./components/ConversationCardButtons/conversationCardButtons.component\";\nimport {\n ConversationCardTag,\n ConversationCardTags,\n} from \"./components/ConversationCardTags/conversationCardTags.component\";\nimport {\n ConversationCardFooter,\n ConversationCardFooterProps,\n} from \"./components/ConversationCardFooter/conversationCardFooter.component\";\nimport {\n ConversationCardContent,\n ConversationCardContentProps,\n} from \"./components/ConversationCardContent/conversationCardContent.component\";\nimport { ConversationCardAvatarGroupProps } from \"./components/ConversationCardAvatarGroup/conversationCardAvatarGroup.component\";\n\nexport interface ConversationCardProps extends ConversationCardContentProps {\n allowHoverActions?: boolean;\n avatarGroupProps?: ConversationCardAvatarGroupProps;\n footerProps?: ConversationCardFooterProps;\n headerMenuProps?: MenuProps;\n headerProps: ConversationCardHeaderProps;\n active?: boolean;\n onClick?: () => void;\n overlayProps?: ConversationCardOverlayProps;\n pinProps?: ConversationCardPinProps;\n shouldPreservePosition?: boolean;\n showNotificationIndicator?: boolean;\n tags?: ConversationCardTag[];\n}\n\nexport const ConversationCard = ({\n allowHoverActions = true,\n avatarGroupProps,\n content,\n contentProps,\n contentMenu,\n footerProps,\n headerMenuProps,\n headerProps,\n active,\n onClick,\n overlayProps,\n pinProps,\n shouldPreservePosition = false,\n showNotificationIndicator,\n tags,\n}: ConversationCardProps): React.JSX.Element => {\n const { isPinned } = pinProps || {};\n const [isHovering, setIsHovering] = useState(false);\n\n return (\n <Card\n className=\"ConversationCard\"\n id=\"conversation-card-item\"\n data-testid=\"kibble-conversation-card\"\n interactive\n active={active}\n size=\"sm\"\n fullWidth\n onClick={(): void => {\n if (onClick) {\n onClick();\n }\n }}\n bg={\n showNotificationIndicator || active || isHovering\n ? \"background.default\"\n : \"background.alphaContrast.pressed\"\n }\n onMouseEnter={(): void => {\n if (allowHoverActions) {\n setIsHovering(true);\n }\n }}\n onMouseLeave={(): void => setIsHovering(false)}\n pos=\"relative\"\n css={{ overflowAnchor: shouldPreservePosition ? \"auto\" : \"none\" }}\n >\n {isHovering && (\n <Box\n className=\"ConversationCard__Menu--Container\"\n data-testid=\"kibble-conversation-card-menu-container\"\n pos=\"absolute\"\n top={2}\n zIndex=\"banner\"\n right={2}\n bg=\"background\"\n borderRadius=\"md\"\n onClick={(e): void => e.stopPropagation()}\n >\n <ConversationCardButtons\n overlayProps={overlayProps}\n pinProps={pinProps}\n headerMenuProps={headerMenuProps}\n isHovering={isHovering}\n setIsHovering={setIsHovering}\n />\n </Box>\n )}\n <ConversationCardHeader\n avatarGroupProps={avatarGroupProps}\n isHoveringCard={isHovering}\n isCardPinned={isPinned}\n showNotificationIndicator={showNotificationIndicator}\n {...headerProps}\n />\n <ConversationCardContent\n content={content}\n contentProps={contentProps}\n contentMenu={contentMenu}\n />\n {!!tags?.length && <ConversationCardTags tags={tags} />}\n {footerProps && <ConversationCardFooter {...footerProps} />}\n </Card>\n );\n};\n"],"names":["ConversationCardAvatarGroup","avatars","max","onAvatarGroupClick","tooltipLabel","jsx","Tooltip","Flex","Avatar","e","Fragment","avatar","ConversationCardHeader","avatarGroupProps","timestampProps","isHoveringCard","isCardPinned","title","showNotificationIndicator","subtitle","jsxs","HStack","VStack","Heading","Text","Timestamp","Box","NotificationCounter","Icon","ConversationCardButtons","overlayProps","pinProps","headerMenuProps","isHovering","setIsHovering","isOpenInOverlay","onOpenInOverlay","isPinned","onTogglePin","listProps","pinIconName","Button","Menu","ConversationCardTags","tags","Wrap","tag","tooltipContent","rest","tagElement","Tag","WrapItem","ConversationCardFooter","iconProps","content","contentProps","_content","ConversationCardContent","contentMenu","ConversationCard","allowHoverActions","footerProps","headerProps","active","onClick","shouldPreservePosition","useState","Card"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"conversationCard.component-BERwqiS-.js","sources":["../../src/components/ConversationCard/components/ConversationCardAvatarGroup/conversationCardAvatarGroup.component.tsx","../../src/components/ConversationCard/components/ConversationCardHeader/conversationCardHeader.component.tsx","../../src/components/ConversationCard/components/ConversationCardButtons/conversationCardButtons.component.tsx","../../src/components/ConversationCard/components/ConversationCardTags/conversationCardTags.component.tsx","../../src/components/ConversationCard/components/ConversationCardFooter/conversationCardFooter.component.tsx","../../src/components/ConversationCard/components/ConversationCardContent/conversationCardContent.component.tsx","../../src/components/ConversationCard/conversationCard.component.tsx"],"sourcesContent":["import React from \"react\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { Avatar } from \"components/Avatar/avatar.component\";\nimport { Tooltip } from \"components/Tooltip/tooltip.component\";\n\nexport interface ConversationCardAvatarGroupProps {\n avatars: React.ReactNode[];\n max?: number;\n onAvatarGroupClick?: (\n e: React.MouseEvent<HTMLSpanElement, MouseEvent>,\n ) => void;\n tooltipLabel?: string;\n}\n\nexport const ConversationCardAvatarGroup = ({\n avatars,\n max = 1,\n onAvatarGroupClick,\n tooltipLabel,\n}: ConversationCardAvatarGroupProps): React.JSX.Element => {\n return (\n <Tooltip label={tooltipLabel || \"\"} disabled={!tooltipLabel?.length}>\n <Flex\n className=\"ConversationCard__AvatarGroup\"\n alignItems=\"flex-start\"\n justifyContent=\"flex-start\"\n >\n {max && avatars.length > max ? (\n <Avatar\n onClick={(e): void => {\n e.stopPropagation();\n if (onAvatarGroupClick) {\n onAvatarGroupClick(e);\n }\n }}\n cursor=\"pointer\"\n name={avatars.length.toString()}\n showTooltip={false}\n />\n ) : (\n <>{avatars.map((avatar) => avatar)}</>\n )}\n </Flex>\n </Tooltip>\n );\n};\n","import React from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { HStack, VStack } from \"@chakra-ui/react/stack\";\nimport {\n Timestamp,\n TimestampProps,\n} from \"components/Timestamp/timestamp.component\";\nimport { NotificationCounter } from \"components/NotificationCounter/notificationCounter.component\";\nimport { Icon } from \"components/Icon/icon.component\";\nimport { Heading } from \"components/Heading/heading.component\";\nimport { Text } from \"components/Text/text.component\";\nimport {\n ConversationCardAvatarGroup,\n ConversationCardAvatarGroupProps,\n} from \"../ConversationCardAvatarGroup/conversationCardAvatarGroup.component\";\n\nexport interface ConversationCardHeaderProps {\n avatarGroupProps?: ConversationCardAvatarGroupProps;\n showNotificationIndicator?: boolean;\n isCardPinned?: boolean;\n isHoveringCard?: boolean;\n subtitle?: string;\n timestampProps: TimestampProps;\n title: string;\n}\n\nexport const ConversationCardHeader = ({\n avatarGroupProps,\n timestampProps,\n isHoveringCard,\n isCardPinned,\n title,\n showNotificationIndicator,\n subtitle,\n}: ConversationCardHeaderProps): React.JSX.Element => {\n return (\n <HStack\n className=\"ConversationCard__Header\"\n data-testid=\"kibble-conversation-card-header\"\n justify=\"space-between\"\n align=\"flex-start\"\n >\n <HStack\n className=\"ConversationCard__Header--Left\"\n data-testid=\"kibble-conversation-card-header-left\"\n cursor=\"pointer\"\n >\n {avatarGroupProps && (\n <ConversationCardAvatarGroup\n {...avatarGroupProps}\n tooltipLabel={avatarGroupProps?.tooltipLabel || title}\n />\n )}\n <VStack\n className=\"ConversationCard__HeaderText\"\n data-testid=\"kibble-conversation-card-header-text\"\n justify=\"center\"\n align=\"left\"\n gap=\"0\"\n >\n <Heading\n className=\"ConversationCard__HeaderText--Title\"\n data-testid=\"kibble-conversation-card-header-title\"\n size=\"sm\"\n truncated\n >\n {title}\n </Heading>\n {subtitle && (\n <Text\n className=\"ConversationCard__HeaderText--Subtitle\"\n data-testid=\"kibble-conversation-card-header-subtitle\"\n as=\"p\"\n size=\"sm\"\n variant=\"subtle\"\n truncated\n >\n {subtitle}\n </Text>\n )}\n </VStack>\n </HStack>\n <HStack\n className=\"ConversationCard__Header--Right\"\n data-testid=\"kibble-conversation-card-header-right\"\n visibility={isHoveringCard ? \"hidden\" : \"visible\"}\n align=\"center\"\n gap={1}\n >\n <Timestamp {...timestampProps} />\n {showNotificationIndicator && (\n <Box\n as=\"span\"\n className=\"ConversationCard__HeaderNotificationCounter\"\n data-testid=\"conversation-card-unread-indicator\"\n >\n <NotificationCounter size=\"xs\" />\n </Box>\n )}\n {isCardPinned && (\n <Flex data-testid=\"conversation-card-pinned-icon\">\n <Icon size=\"md\" variant=\"info\" name=\"pin\" />\n </Flex>\n )}\n </HStack>\n </HStack>\n );\n};\n","import React from \"react\";\nimport { HStack } from \"@chakra-ui/react/stack\";\nimport { Button } from \"components/Button/button.component\";\nimport { Icon } from \"components/Icon/icon.component\";\nimport { Menu, MenuProps, MenuItemProps } from \"components/Menu\";\n\nexport interface ConversationCardOverlayProps {\n isOpenInOverlay?: boolean;\n onOpenInOverlay: () => void;\n}\n\nexport interface ConversationCardPinProps {\n isPinned?: boolean;\n onTogglePin: (isPinned: boolean) => void;\n}\n\nexport interface ConversationCardButtonsProps {\n overlayProps?: ConversationCardOverlayProps;\n pinProps?: ConversationCardPinProps;\n headerMenuProps?: MenuProps;\n}\n\ninterface ConversationCardButtonsComponentProps\n extends ConversationCardButtonsProps {\n isHovering: boolean;\n setIsHovering: (isHovering: boolean) => void;\n}\n\nexport const ConversationCardButtons = ({\n overlayProps,\n pinProps,\n headerMenuProps,\n isHovering,\n setIsHovering,\n}: ConversationCardButtonsComponentProps): React.JSX.Element => {\n const { isOpenInOverlay, onOpenInOverlay } = overlayProps || {};\n const { isPinned, onTogglePin } = pinProps || {};\n const { listProps } = headerMenuProps || {};\n const pinIconName = isPinned ? \"pinCancel\" : \"pin\";\n\n return (\n <HStack\n className=\"ConversationCard__Menu\"\n data-testid=\"kibble-conversation-card-menu\"\n gap={1}\n >\n {overlayProps && (\n <Button\n className=\"ConversationCard__OverlayButton\"\n data-testid=\"conversation-card-overlay-icon-button\"\n variant=\"secondarySubtle\"\n borderRadius=\"sm\"\n {...(isOpenInOverlay && { active: true })}\n onClick={(): void => {\n if (onOpenInOverlay) {\n onOpenInOverlay();\n }\n\n if (isHovering) {\n setIsHovering(false);\n }\n }}\n iconName=\"popup\"\n size=\"sm\"\n />\n )}\n {pinProps && (\n <Button\n className=\"ConversationCard__PinButton\"\n data-testid=\"conversation-card-pin-toggle-icon-button\"\n variant={isPinned ? \"secondarySubtleDestructive\" : \"secondarySubtle\"}\n borderRadius=\"sm\"\n onClick={(): void => {\n if (onTogglePin) {\n onTogglePin(!isPinned);\n }\n\n if (isHovering) {\n setIsHovering(false);\n }\n }}\n iconName={pinIconName}\n size=\"sm\"\n />\n )}\n {headerMenuProps && (\n <Menu\n buttonProps={\n headerMenuProps.buttonProps || {\n variant: \"secondarySubtle\",\n size: \"sm\",\n borderRadius: \"sm\",\n iconName: \"dotsVertical\",\n hideCaret: true,\n padding: 0,\n }\n }\n closeOnSelect={false}\n lazyMount\n {...headerMenuProps}\n listProps={{\n ...listProps,\n menuItems: [\n ...(pinProps\n ? [\n {\n \"data-testid\":\n \"conversation-card-pin-toggle-dropdown-button\",\n label: `${isPinned ? \"Unpin\" : \"Pin\"} Conversation`,\n value: \"PinConversation\",\n variant: isPinned ? \"danger\" : \"default\",\n leftElement: (\n <Icon\n size=\"md\"\n variant={isPinned ? \"danger\" : \"default\"}\n name={pinIconName}\n />\n ),\n onSelect: (): void => {\n if (onTogglePin) {\n onTogglePin(!isPinned);\n }\n },\n } as MenuItemProps,\n ]\n : []),\n ...(listProps?.menuItems || []),\n ],\n }}\n />\n )}\n </HStack>\n );\n};\n","import React from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { Wrap, WrapItem } from \"@chakra-ui/react/wrap\";\nimport { Tag, TagProps } from \"components/Tag/tag.component\";\nimport { Tooltip } from \"components/Tooltip/tooltip.component\";\n\nexport type ConversationCardTag = TagProps & {\n tooltipContent?: string;\n};\n\nexport interface ConversationCardTagsProps {\n tags: ConversationCardTag[];\n}\n\nexport const ConversationCardTags = ({\n tags,\n}: ConversationCardTagsProps): React.JSX.Element => {\n return (\n <Box className=\"ConversationCard__Tags\" mt={3}>\n <Wrap gap=\"6px\">\n {tags.map((tag) => {\n const { tooltipContent, ...rest } = tag;\n let tagElement = (\n <Tag {...rest} size=\"sm\" textTransform=\"capitalize\" />\n );\n\n if (tooltipContent) {\n tagElement = (\n <Tooltip label={tooltipContent} placement=\"top\">\n <Box>{tagElement}</Box>\n </Tooltip>\n );\n }\n\n return <WrapItem key={tag.label}>{tagElement}</WrapItem>;\n })}\n </Wrap>\n </Box>\n );\n};\n","import React from \"react\";\nimport { Flex } from \"@chakra-ui/react/flex\";\nimport { Icon, IconProps } from \"components/Icon/icon.component\";\nimport { Text, TextProps } from \"components/Text/text.component\";\n\nexport interface ConversationCardFooterProps {\n iconProps?: IconProps;\n content: React.ReactNode;\n contentProps?: Omit<TextProps, \"children\">;\n}\n\nexport const ConversationCardFooter = ({\n iconProps,\n content,\n contentProps,\n}: ConversationCardFooterProps): React.JSX.Element => {\n const _content =\n typeof content === \"string\" ? (\n <Text\n className=\"ConversationCard__FooterMessage\"\n data-testid=\"kibble-conversation-card-footer-message\"\n as=\"p\"\n size=\"sm\"\n variant=\"subtle\"\n {...contentProps}\n {...(iconProps && { ml: 1 })}\n >\n {content}\n </Text>\n ) : (\n content\n );\n return (\n <Flex\n className=\"ConversationCard__Footer\"\n data-testid=\"kibble-conversation-card-footer\"\n mt={3}\n alignItems=\"center\"\n >\n {iconProps && <Icon size=\"sm\" variant=\"subtle\" {...iconProps} />}\n {_content}\n </Flex>\n );\n};\n","import React from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { HStack } from \"@chakra-ui/react/stack\";\nimport { Text, TextProps } from \"components/Text/text.component\";\n\nexport interface ConversationCardContentProps {\n content?: React.ReactNode;\n contentProps?: Omit<TextProps, \"children\">;\n contentMenu?: React.ReactNode;\n}\n\nexport const ConversationCardContent = ({\n contentMenu,\n content,\n contentProps,\n}: ConversationCardContentProps): React.JSX.Element => {\n const _content =\n typeof content === \"string\" ? (\n <Text\n className=\"ConversationCard__Content\"\n data-testid=\"kibble-conversation-card-content\"\n truncated\n size=\"sm\"\n {...contentProps}\n >\n {content}\n </Text>\n ) : (\n content\n );\n\n return (\n <HStack\n className=\"ConversationCard__ContentContainer\"\n data-testid=\"kibble-conversation-card-content-container\"\n mt={3}\n justifyContent=\"space-between\"\n alignItems=\"center\"\n >\n {_content}\n {contentMenu && (\n <Box\n className=\"ConversationCard__ContentMenu\"\n data-testid=\"kibble-conversation-card-content-menu\"\n ml=\"auto\"\n >\n {contentMenu}\n </Box>\n )}\n </HStack>\n );\n};\n","import React, { useState } from \"react\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { Card } from \"components/Card/card.component\";\nimport { MenuProps } from \"components/Menu/menu.component\";\nimport {\n ConversationCardHeader,\n ConversationCardHeaderProps,\n} from \"./components/ConversationCardHeader/conversationCardHeader.component\";\nimport {\n ConversationCardButtons,\n ConversationCardOverlayProps,\n ConversationCardPinProps,\n} from \"./components/ConversationCardButtons/conversationCardButtons.component\";\nimport {\n ConversationCardTag,\n ConversationCardTags,\n} from \"./components/ConversationCardTags/conversationCardTags.component\";\nimport {\n ConversationCardFooter,\n ConversationCardFooterProps,\n} from \"./components/ConversationCardFooter/conversationCardFooter.component\";\nimport {\n ConversationCardContent,\n ConversationCardContentProps,\n} from \"./components/ConversationCardContent/conversationCardContent.component\";\nimport { ConversationCardAvatarGroupProps } from \"./components/ConversationCardAvatarGroup/conversationCardAvatarGroup.component\";\n\nexport interface ConversationCardProps extends ConversationCardContentProps {\n allowHoverActions?: boolean;\n avatarGroupProps?: ConversationCardAvatarGroupProps;\n footerProps?: ConversationCardFooterProps;\n headerMenuProps?: MenuProps;\n headerProps: ConversationCardHeaderProps;\n active?: boolean;\n onClick?: () => void;\n overlayProps?: ConversationCardOverlayProps;\n pinProps?: ConversationCardPinProps;\n shouldPreservePosition?: boolean;\n showNotificationIndicator?: boolean;\n tags?: ConversationCardTag[];\n}\n\nexport const ConversationCard = ({\n allowHoverActions = true,\n avatarGroupProps,\n content,\n contentProps,\n contentMenu,\n footerProps,\n headerMenuProps,\n headerProps,\n active,\n onClick,\n overlayProps,\n pinProps,\n shouldPreservePosition = false,\n showNotificationIndicator,\n tags,\n}: ConversationCardProps): React.JSX.Element => {\n const { isPinned } = pinProps || {};\n const [isHovering, setIsHovering] = useState(false);\n\n return (\n <Card\n className=\"ConversationCard\"\n id=\"conversation-card-item\"\n data-testid=\"kibble-conversation-card\"\n interactive\n active={active}\n size=\"sm\"\n fullWidth\n onClick={(): void => {\n if (onClick) {\n onClick();\n }\n }}\n bg={\n showNotificationIndicator || active || isHovering\n ? \"background.default\"\n : \"background.alphaContrast.pressed\"\n }\n onMouseEnter={(): void => {\n if (allowHoverActions) {\n setIsHovering(true);\n }\n }}\n onMouseLeave={(): void => setIsHovering(false)}\n pos=\"relative\"\n css={{ overflowAnchor: shouldPreservePosition ? \"auto\" : \"none\" }}\n >\n {isHovering && (\n <Box\n className=\"ConversationCard__Menu--Container\"\n data-testid=\"kibble-conversation-card-menu-container\"\n pos=\"absolute\"\n top={2}\n zIndex=\"banner\"\n right={2}\n bg=\"background\"\n borderRadius=\"md\"\n onClick={(e): void => e.stopPropagation()}\n >\n <ConversationCardButtons\n overlayProps={overlayProps}\n pinProps={pinProps}\n headerMenuProps={headerMenuProps}\n isHovering={isHovering}\n setIsHovering={setIsHovering}\n />\n </Box>\n )}\n <ConversationCardHeader\n avatarGroupProps={avatarGroupProps}\n isHoveringCard={isHovering}\n isCardPinned={isPinned}\n showNotificationIndicator={showNotificationIndicator}\n {...headerProps}\n />\n <ConversationCardContent\n content={content}\n contentProps={contentProps}\n contentMenu={contentMenu}\n />\n {!!tags?.length && <ConversationCardTags tags={tags} />}\n {footerProps && <ConversationCardFooter {...footerProps} />}\n </Card>\n );\n};\n"],"names":["ConversationCardAvatarGroup","avatars","max","onAvatarGroupClick","tooltipLabel","jsx","Tooltip","Flex","Avatar","e","Fragment","avatar","ConversationCardHeader","avatarGroupProps","timestampProps","isHoveringCard","isCardPinned","title","showNotificationIndicator","subtitle","jsxs","HStack","VStack","Heading","Text","Timestamp","Box","NotificationCounter","Icon","ConversationCardButtons","overlayProps","pinProps","headerMenuProps","isHovering","setIsHovering","isOpenInOverlay","onOpenInOverlay","isPinned","onTogglePin","listProps","pinIconName","Button","Menu","ConversationCardTags","tags","Wrap","tag","tooltipContent","rest","tagElement","Tag","WrapItem","ConversationCardFooter","iconProps","content","contentProps","_content","ConversationCardContent","contentMenu","ConversationCard","allowHoverActions","footerProps","headerProps","active","onClick","shouldPreservePosition","useState","Card"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),S=require("react"),z=require("./card.component-nehAyK91.js"),T=require("./timestamp.component-
|
|
2
|
-
//# sourceMappingURL=conversationCard.component-
|
|
1
|
+
"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),S=require("react"),z=require("./card.component-nehAyK91.js"),T=require("./timestamp.component-6Yax0uEP.js"),y=require("./notificationCounter.component-Bm528kQ-.js"),C=require("./icon.component-4aaCABoX.js"),H=require("./heading.component-CgsSnBVo.js"),v=require("./text.component-Dcx3RoTp.js"),I=require("./avatar.component-C0lDpuBh.js"),f=require("./tooltip.component-C7RpuMiK.js"),b=require("./flex-DKWxn8hO.js"),l=require("./h-stack-DxezNoY3.js"),B=require("./v-stack-Cx_7x3kH.js"),u=require("./box-ca2FvcWF.js"),E=require("./button.component-ytAmAAJg.js"),F=require("./menu.component-DfMZGgCy.js"),W=require("./tag.component-C5MszzTM.js"),h=require("./wrap-Bm3JnXyR.js"),O=({avatars:t,max:n=1,onAvatarGroupClick:s,tooltipLabel:r})=>e.jsxRuntimeExports.jsx(f.Tooltip,{label:r||"",disabled:!r?.length,children:e.jsxRuntimeExports.jsx(b.Flex,{className:"ConversationCard__AvatarGroup",alignItems:"flex-start",justifyContent:"flex-start",children:n&&t.length>n?e.jsxRuntimeExports.jsx(I.Avatar,{onClick:a=>{a.stopPropagation(),s&&s(a)},cursor:"pointer",name:t.length.toString(),showTooltip:!1}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:t.map(a=>a)})})}),w=({avatarGroupProps:t,timestampProps:n,isHoveringCard:s,isCardPinned:r,title:a,showNotificationIndicator:d,subtitle:i})=>e.jsxRuntimeExports.jsxs(l.HStack,{className:"ConversationCard__Header","data-testid":"kibble-conversation-card-header",justify:"space-between",align:"flex-start",children:[e.jsxRuntimeExports.jsxs(l.HStack,{className:"ConversationCard__Header--Left","data-testid":"kibble-conversation-card-header-left",cursor:"pointer",children:[t&&e.jsxRuntimeExports.jsx(O,{...t,tooltipLabel:t?.tooltipLabel||a}),e.jsxRuntimeExports.jsxs(B.VStack,{className:"ConversationCard__HeaderText","data-testid":"kibble-conversation-card-header-text",justify:"center",align:"left",gap:"0",children:[e.jsxRuntimeExports.jsx(H.WrappedHeading,{className:"ConversationCard__HeaderText--Title","data-testid":"kibble-conversation-card-header-title",size:"sm",truncated:!0,children:a}),i&&e.jsxRuntimeExports.jsx(v.WrappedText,{className:"ConversationCard__HeaderText--Subtitle","data-testid":"kibble-conversation-card-header-subtitle",as:"p",size:"sm",variant:"subtle",truncated:!0,children:i})]})]}),e.jsxRuntimeExports.jsxs(l.HStack,{className:"ConversationCard__Header--Right","data-testid":"kibble-conversation-card-header-right",visibility:s?"hidden":"visible",align:"center",gap:1,children:[e.jsxRuntimeExports.jsx(T.Timestamp,{...n}),d&&e.jsxRuntimeExports.jsx(u.Box,{as:"span",className:"ConversationCard__HeaderNotificationCounter","data-testid":"conversation-card-unread-indicator",children:e.jsxRuntimeExports.jsx(y.NotificationCounter,{size:"xs"})}),r&&e.jsxRuntimeExports.jsx(b.Flex,{"data-testid":"conversation-card-pinned-icon",children:e.jsxRuntimeExports.jsx(C.Icon,{size:"md",variant:"info",name:"pin"})})]})]}),M=({overlayProps:t,pinProps:n,headerMenuProps:s,isHovering:r,setIsHovering:a})=>{const{isOpenInOverlay:d,onOpenInOverlay:i}=t||{},{isPinned:o,onTogglePin:c}=n||{},{listProps:x}=s||{},m=o?"pinCancel":"pin";return e.jsxRuntimeExports.jsxs(l.HStack,{className:"ConversationCard__Menu","data-testid":"kibble-conversation-card-menu",gap:1,children:[t&&e.jsxRuntimeExports.jsx(E.Button,{className:"ConversationCard__OverlayButton","data-testid":"conversation-card-overlay-icon-button",variant:"secondarySubtle",borderRadius:"sm",...d&&{active:!0},onClick:()=>{i&&i(),r&&a(!1)},iconName:"popup",size:"sm"}),n&&e.jsxRuntimeExports.jsx(E.Button,{className:"ConversationCard__PinButton","data-testid":"conversation-card-pin-toggle-icon-button",variant:o?"secondarySubtleDestructive":"secondarySubtle",borderRadius:"sm",onClick:()=>{c&&c(!o),r&&a(!1)},iconName:m,size:"sm"}),s&&e.jsxRuntimeExports.jsx(F.Menu,{buttonProps:s.buttonProps||{variant:"secondarySubtle",size:"sm",borderRadius:"sm",iconName:"dotsVertical",hideCaret:!0,padding:0},closeOnSelect:!1,lazyMount:!0,...s,listProps:{...x,menuItems:[...n?[{"data-testid":"conversation-card-pin-toggle-dropdown-button",label:`${o?"Unpin":"Pin"} Conversation`,value:"PinConversation",variant:o?"danger":"default",leftElement:e.jsxRuntimeExports.jsx(C.Icon,{size:"md",variant:o?"danger":"default",name:m}),onSelect:()=>{c&&c(!o)}}]:[],...x?.menuItems||[]]}})]})},A=({tags:t})=>e.jsxRuntimeExports.jsx(u.Box,{className:"ConversationCard__Tags",mt:3,children:e.jsxRuntimeExports.jsx(h.Wrap,{gap:"6px",children:t.map(n=>{const{tooltipContent:s,...r}=n;let a=e.jsxRuntimeExports.jsx(W.Tag,{...r,size:"sm",textTransform:"capitalize"});return s&&(a=e.jsxRuntimeExports.jsx(f.Tooltip,{label:s,placement:"top",children:e.jsxRuntimeExports.jsx(u.Box,{children:a})})),e.jsxRuntimeExports.jsx(h.WrapItem,{children:a},n.label)})})}),L=({iconProps:t,content:n,contentProps:s})=>{const r=typeof n=="string"?e.jsxRuntimeExports.jsx(v.WrappedText,{className:"ConversationCard__FooterMessage","data-testid":"kibble-conversation-card-footer-message",as:"p",size:"sm",variant:"subtle",...s,...t&&{ml:1},children:n}):n;return e.jsxRuntimeExports.jsxs(b.Flex,{className:"ConversationCard__Footer","data-testid":"kibble-conversation-card-footer",mt:3,alignItems:"center",children:[t&&e.jsxRuntimeExports.jsx(C.Icon,{size:"sm",variant:"subtle",...t}),r]})},V=({contentMenu:t,content:n,contentProps:s})=>{const r=typeof n=="string"?e.jsxRuntimeExports.jsx(v.WrappedText,{className:"ConversationCard__Content","data-testid":"kibble-conversation-card-content",truncated:!0,size:"sm",...s,children:n}):n;return e.jsxRuntimeExports.jsxs(l.HStack,{className:"ConversationCard__ContentContainer","data-testid":"kibble-conversation-card-content-container",mt:3,justifyContent:"space-between",alignItems:"center",children:[r,t&&e.jsxRuntimeExports.jsx(u.Box,{className:"ConversationCard__ContentMenu","data-testid":"kibble-conversation-card-content-menu",ml:"auto",children:t})]})},D=({allowHoverActions:t=!0,avatarGroupProps:n,content:s,contentProps:r,contentMenu:a,footerProps:d,headerMenuProps:i,headerProps:o,active:c,onClick:x,overlayProps:m,pinProps:_,shouldPreservePosition:k=!1,showNotificationIndicator:R,tags:g})=>{const{isPinned:N}=_||{},[p,j]=S.useState(!1);return e.jsxRuntimeExports.jsxs(z.Card,{className:"ConversationCard",id:"conversation-card-item","data-testid":"kibble-conversation-card",interactive:!0,active:c,size:"sm",fullWidth:!0,onClick:()=>{x&&x()},bg:R||c||p?"background.default":"background.alphaContrast.pressed",onMouseEnter:()=>{t&&j(!0)},onMouseLeave:()=>j(!1),pos:"relative",css:{overflowAnchor:k?"auto":"none"},children:[p&&e.jsxRuntimeExports.jsx(u.Box,{className:"ConversationCard__Menu--Container","data-testid":"kibble-conversation-card-menu-container",pos:"absolute",top:2,zIndex:"banner",right:2,bg:"background",borderRadius:"md",onClick:q=>q.stopPropagation(),children:e.jsxRuntimeExports.jsx(M,{overlayProps:m,pinProps:_,headerMenuProps:i,isHovering:p,setIsHovering:j})}),e.jsxRuntimeExports.jsx(w,{avatarGroupProps:n,isHoveringCard:p,isCardPinned:N,showNotificationIndicator:R,...o}),e.jsxRuntimeExports.jsx(V,{content:s,contentProps:r,contentMenu:a}),!!g?.length&&e.jsxRuntimeExports.jsx(A,{tags:g}),d&&e.jsxRuntimeExports.jsx(L,{...d})]})};exports.ConversationCard=D;
|
|
2
|
+
//# sourceMappingURL=conversationCard.component-CTRfZQCI.js.map
|