@televet/kibble-ui 4.0.0-beta.82 → 4.0.0-beta.84
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.types-D-3T1zMb.js → alert.types-BuRcGwVs.js} +3 -3
- package/dist/chunks/{alert.types-D-3T1zMb.js.map → alert.types-BuRcGwVs.js.map} +1 -1
- package/dist/chunks/{alert.types-Fkq1_E-3.js → alert.types-ChLcWuel.js} +2 -2
- package/dist/chunks/{alert.types-Fkq1_E-3.js.map → alert.types-ChLcWuel.js.map} +1 -1
- package/dist/chunks/{avatar.component-DFefIlUE.js → avatar.component-CStlz24o.js} +2 -2
- package/dist/chunks/{avatar.component-DFefIlUE.js.map → avatar.component-CStlz24o.js.map} +1 -1
- package/dist/chunks/avatar.component-xigxcdOe.js +2 -0
- package/dist/chunks/{avatar.component-C9kUiMY7.js.map → avatar.component-xigxcdOe.js.map} +1 -1
- package/dist/chunks/{avatarGroup.component-D4H3sKfb.js → avatarGroup.component-B0lzqxW5.js} +2 -2
- package/dist/chunks/{avatarGroup.component-D4H3sKfb.js.map → avatarGroup.component-B0lzqxW5.js.map} +1 -1
- package/dist/chunks/{avatarGroup.component-B8p1xC3D.js → avatarGroup.component-NNkXQT3H.js} +2 -2
- package/dist/chunks/{avatarGroup.component-B8p1xC3D.js.map → avatarGroup.component-NNkXQT3H.js.map} +1 -1
- package/dist/chunks/{buttonGroup.component-CMMVHI4v.js → buttonGroup.component-B_QtRowk.js} +2 -2
- package/dist/chunks/{buttonGroup.component-CMMVHI4v.js.map → buttonGroup.component-B_QtRowk.js.map} +1 -1
- package/dist/chunks/{buttonGroup.component-BgsjtghM.js → buttonGroup.component-VJL0Cunk.js} +2 -2
- package/dist/chunks/{buttonGroup.component-BgsjtghM.js.map → buttonGroup.component-VJL0Cunk.js.map} +1 -1
- package/dist/chunks/{characterCounter.component-VT8m1K12.js → characterCounter.component-D4gbtPgf.js} +2 -2
- package/dist/chunks/{characterCounter.component-VT8m1K12.js.map → characterCounter.component-D4gbtPgf.js.map} +1 -1
- package/dist/chunks/{characterCounter.component-Da1W5Crn.js → characterCounter.component-DbKKr4Cl.js} +2 -2
- package/dist/chunks/{characterCounter.component-Da1W5Crn.js.map → characterCounter.component-DbKKr4Cl.js.map} +1 -1
- package/dist/chunks/{checkbox.component-AcTeAzVW.js → checkbox.component-CKLGUOSX.js} +2 -2
- package/dist/chunks/{checkbox.component-AcTeAzVW.js.map → checkbox.component-CKLGUOSX.js.map} +1 -1
- package/dist/chunks/{checkbox.component-CMFZJnuD.js → checkbox.component-DhXTRoeP.js} +3 -3
- package/dist/chunks/{checkbox.component-CMFZJnuD.js.map → checkbox.component-DhXTRoeP.js.map} +1 -1
- package/dist/chunks/{checkboxGroup.component-BYyZqfgM.js → checkboxGroup.component-BE3s9USP.js} +3 -3
- package/dist/chunks/{checkboxGroup.component-BYyZqfgM.js.map → checkboxGroup.component-BE3s9USP.js.map} +1 -1
- package/dist/chunks/{checkboxGroup.component-BWBTWbaC.js → checkboxGroup.component-C7Nn0xjJ.js} +2 -2
- package/dist/chunks/{checkboxGroup.component-BWBTWbaC.js.map → checkboxGroup.component-C7Nn0xjJ.js.map} +1 -1
- package/dist/chunks/{conversationCard.component-wm7Lpbwc.js → conversationCard.component-CAFi2W7w.js} +16 -15
- package/dist/chunks/{conversationCard.component-wm7Lpbwc.js.map → conversationCard.component-CAFi2W7w.js.map} +1 -1
- package/dist/chunks/conversationCard.component-CnMm11fG.js +2 -0
- package/dist/chunks/{conversationCard.component-PtZYdnE-.js.map → conversationCard.component-CnMm11fG.js.map} +1 -1
- package/dist/chunks/{datePicker.component-M71Njnos.js → datePicker.component-CW882xTE.js} +264 -264
- package/dist/chunks/{datePicker.component-M71Njnos.js.map → datePicker.component-CW882xTE.js.map} +1 -1
- package/dist/chunks/datePicker.component-F6qFk1fF.js +15 -0
- package/dist/chunks/{datePicker.component-Q4Q7FQwl.js.map → datePicker.component-F6qFk1fF.js.map} +1 -1
- package/dist/chunks/{heading.component-C6IbSCCN.js → heading.component-B-FrSa28.js} +2 -2
- package/dist/chunks/{heading.component-C6IbSCCN.js.map → heading.component-B-FrSa28.js.map} +1 -1
- package/dist/chunks/{heading.component-CLeuZRZ3.js → heading.component-CoM9gWlU.js} +2 -2
- package/dist/chunks/{heading.component-CLeuZRZ3.js.map → heading.component-CoM9gWlU.js.map} +1 -1
- package/dist/chunks/{menu.component-BPD9FdbN.js → menu.component-BPtwVqUh.js} +2 -2
- package/dist/chunks/{menu.component-BPD9FdbN.js.map → menu.component-BPtwVqUh.js.map} +1 -1
- package/dist/chunks/{menu.component-CKdbf8cV.js → menu.component-DEnxu0vh.js} +5 -5
- package/dist/chunks/{menu.component-CKdbf8cV.js.map → menu.component-DEnxu0vh.js.map} +1 -1
- package/dist/chunks/{modal.types-XJffAUHT.js → modal.types-Uq7F3jX9.js} +2 -2
- package/dist/chunks/{modal.types-XJffAUHT.js.map → modal.types-Uq7F3jX9.js.map} +1 -1
- package/dist/chunks/{modal.types-CPdmvcA8.js → modal.types-XDLmSWyz.js} +2 -2
- package/dist/chunks/{modal.types-CPdmvcA8.js.map → modal.types-XDLmSWyz.js.map} +1 -1
- package/dist/chunks/{pinInput.types-DXmtwsDe.js → pinInput.types-D8CEzrAw.js} +2 -2
- package/dist/chunks/{pinInput.types-DXmtwsDe.js.map → pinInput.types-D8CEzrAw.js.map} +1 -1
- package/dist/chunks/{pinInput.types-BgecOsie.js → pinInput.types-DSMdiVB_.js} +2 -2
- package/dist/chunks/{pinInput.types-BgecOsie.js.map → pinInput.types-DSMdiVB_.js.map} +1 -1
- package/dist/chunks/popover.component-B7FvIYpm.js +262 -0
- package/dist/chunks/popover.component-B7FvIYpm.js.map +1 -0
- package/dist/chunks/popover.component-xKnAqZx4.js +2 -0
- package/dist/chunks/popover.component-xKnAqZx4.js.map +1 -0
- package/dist/chunks/popover.recipe--wfvH9po.js +236 -0
- package/dist/chunks/popover.recipe--wfvH9po.js.map +1 -0
- package/dist/chunks/popover.recipe-CAAwv6E3.js +2 -0
- package/dist/chunks/popover.recipe-CAAwv6E3.js.map +1 -0
- package/dist/chunks/{radioGroup.component-CiVzjo7r.js → radioGroup.component-3KGZ0rr_.js} +4 -4
- package/dist/chunks/{radioGroup.component-CiVzjo7r.js.map → radioGroup.component-3KGZ0rr_.js.map} +1 -1
- package/dist/chunks/{radioGroup.component-CTqkID3v.js → radioGroup.component-DWMMKXA1.js} +2 -2
- package/dist/chunks/{radioGroup.component-CTqkID3v.js.map → radioGroup.component-DWMMKXA1.js.map} +1 -1
- package/dist/chunks/{ratingDots.component-CZQqP6kr.js → ratingDots.component-BAwBMoag.js} +2 -2
- package/dist/chunks/{ratingDots.component-CZQqP6kr.js.map → ratingDots.component-BAwBMoag.js.map} +1 -1
- package/dist/chunks/{ratingDots.component-B3T-LOsU.js → ratingDots.component-BTtsR95a.js} +3 -3
- package/dist/chunks/{ratingDots.component-B3T-LOsU.js.map → ratingDots.component-BTtsR95a.js.map} +1 -1
- package/dist/chunks/{select.component-B-Z8HCfk.js → select.component-LTpdnqVb.js} +5 -5
- package/dist/chunks/{select.component-B-Z8HCfk.js.map → select.component-LTpdnqVb.js.map} +1 -1
- package/dist/chunks/{select.component-83JVgqUh.js → select.component-Vl8xEr6A.js} +2 -2
- package/dist/chunks/{select.component-83JVgqUh.js.map → select.component-Vl8xEr6A.js.map} +1 -1
- package/dist/chunks/{sortableList.component-DmIXsqZ6.js → sortableList.component-BDk7gDEa.js} +2 -2
- package/dist/chunks/{sortableList.component-DmIXsqZ6.js.map → sortableList.component-BDk7gDEa.js.map} +1 -1
- package/dist/chunks/{sortableList.component-BezOn6lC.js → sortableList.component-Bfb0hpZP.js} +3 -3
- package/dist/chunks/{sortableList.component-BezOn6lC.js.map → sortableList.component-Bfb0hpZP.js.map} +1 -1
- package/dist/chunks/{spinner.component-CcGk0iRF.js → spinner.component-BGFAakzz.js} +2 -2
- package/dist/chunks/{spinner.component-CcGk0iRF.js.map → spinner.component-BGFAakzz.js.map} +1 -1
- package/dist/chunks/{spinner.component-B8JvK7UJ.js → spinner.component-kakTjXFe.js} +2 -2
- package/dist/chunks/{spinner.component-B8JvK7UJ.js.map → spinner.component-kakTjXFe.js.map} +1 -1
- package/dist/chunks/{styledAvatar.types-B1L3B7Vt.js → styledAvatar.types-Bl_YAWyY.js} +2 -2
- package/dist/chunks/{styledAvatar.types-B1L3B7Vt.js.map → styledAvatar.types-Bl_YAWyY.js.map} +1 -1
- package/dist/chunks/{styledAvatar.types-DM3CCeK2.js → styledAvatar.types-DpZkDaUD.js} +2 -2
- package/dist/chunks/{styledAvatar.types-DM3CCeK2.js.map → styledAvatar.types-DpZkDaUD.js.map} +1 -1
- package/dist/chunks/{switch.component-kymnT_3-.js → switch.component-BIe8tduL.js} +2 -2
- package/dist/chunks/{switch.component-kymnT_3-.js.map → switch.component-BIe8tduL.js.map} +1 -1
- package/dist/chunks/{switch.component-DR2z1VIi.js → switch.component-DmwKAQWj.js} +2 -2
- package/dist/chunks/{switch.component-DR2z1VIi.js.map → switch.component-DmwKAQWj.js.map} +1 -1
- package/dist/chunks/{tabs.component-Dsp-LFv8.js → tabs.component-B6PT0IQT.js} +2 -2
- package/dist/chunks/{tabs.component-Dsp-LFv8.js.map → tabs.component-B6PT0IQT.js.map} +1 -1
- package/dist/chunks/{tabs.component-CXuIBpFN.js → tabs.component-BSK85MmR.js} +2 -2
- package/dist/chunks/{tabs.component-CXuIBpFN.js.map → tabs.component-BSK85MmR.js.map} +1 -1
- package/dist/chunks/{tagBlock.component-Cz_t--RO.js → tagBlock.component-EeXuPoQR.js} +5 -5
- package/dist/chunks/{tagBlock.component-Cz_t--RO.js.map → tagBlock.component-EeXuPoQR.js.map} +1 -1
- package/dist/chunks/{tagBlock.component-BUeL684f.js → tagBlock.component-plcpLvwr.js} +2 -2
- package/dist/chunks/{tagBlock.component-BUeL684f.js.map → tagBlock.component-plcpLvwr.js.map} +1 -1
- package/dist/chunks/text.component-2XEOQ18v.js +12 -0
- package/dist/chunks/text.component-2XEOQ18v.js.map +1 -0
- package/dist/chunks/text.component-DwVoyMgc.js +2 -0
- package/dist/chunks/text.component-DwVoyMgc.js.map +1 -0
- package/dist/chunks/{textInput.component-BNINW1_e.js → textInput.component-C9OmzJd9.js} +3 -3
- package/dist/chunks/{textInput.component-BNINW1_e.js.map → textInput.component-C9OmzJd9.js.map} +1 -1
- package/dist/chunks/{textInput.component-DgiFzty4.js → textInput.component-rWxcxFXP.js} +2 -2
- package/dist/chunks/{textInput.component-DgiFzty4.js.map → textInput.component-rWxcxFXP.js.map} +1 -1
- package/dist/chunks/{textarea.component-Bp58Lx18.js → textarea.component-CvMV-9vc.js} +3 -3
- package/dist/chunks/{textarea.component-Bp58Lx18.js.map → textarea.component-CvMV-9vc.js.map} +1 -1
- package/dist/chunks/{textarea.component-C34ZB5P0.js → textarea.component-DKeXxrXq.js} +2 -2
- package/dist/chunks/{textarea.component-C34ZB5P0.js.map → textarea.component-DKeXxrXq.js.map} +1 -1
- package/dist/chunks/{theme.provider-AWSLFuJr.js → theme.provider-B_XmrDx8.js} +4 -4
- package/dist/chunks/{theme.provider-AWSLFuJr.js.map → theme.provider-B_XmrDx8.js.map} +1 -1
- package/dist/chunks/{theme.provider-DBYGq_4U.js → theme.provider-LHTsoFmf.js} +12 -11
- package/dist/chunks/{theme.provider-DBYGq_4U.js.map → theme.provider-LHTsoFmf.js.map} +1 -1
- package/dist/chunks/{timePicker.component-BdTpeepb.js → timePicker.component-Ca6GPa4F.js} +2 -2
- package/dist/chunks/{timePicker.component-BdTpeepb.js.map → timePicker.component-Ca6GPa4F.js.map} +1 -1
- package/dist/chunks/{timePicker.component-D-qQvgQh.js → timePicker.component-DvxbKF6R.js} +3 -3
- package/dist/chunks/{timePicker.component-D-qQvgQh.js.map → timePicker.component-DvxbKF6R.js.map} +1 -1
- package/dist/chunks/{timeRange.component-pjEMSbFI.js → timeRange.component-C_rVYeXZ.js} +2 -2
- package/dist/chunks/{timeRange.component-pjEMSbFI.js.map → timeRange.component-C_rVYeXZ.js.map} +1 -1
- package/dist/chunks/{timeRange.component-Cz0RyPsh.js → timeRange.component-nvBL8Y-c.js} +2 -2
- package/dist/chunks/{timeRange.component-Cz0RyPsh.js.map → timeRange.component-nvBL8Y-c.js.map} +1 -1
- package/dist/chunks/timestamp.component-WaxLNLaH.js +2 -0
- package/dist/chunks/{timestamp.component-AfZBeSJ0.js.map → timestamp.component-WaxLNLaH.js.map} +1 -1
- package/dist/chunks/timestamp.component-YL3kdwx3.js +54 -0
- package/dist/chunks/{timestamp.component-DupRVSWm.js.map → timestamp.component-YL3kdwx3.js.map} +1 -1
- package/dist/chunks/{withTruncation-CIxtQTOw.js → tooltip.component-C8Z7lI4c.js} +131 -195
- package/dist/chunks/tooltip.component-C8Z7lI4c.js.map +1 -0
- package/dist/chunks/tooltip.component-tPcICCNY.js +2 -0
- package/dist/chunks/tooltip.component-tPcICCNY.js.map +1 -0
- package/dist/chunks/{withFormControl-CZAP4VgX.js → withFormControl-BcHQTSnc.js} +2 -2
- package/dist/chunks/{withFormControl-CZAP4VgX.js.map → withFormControl-BcHQTSnc.js.map} +1 -1
- package/dist/chunks/{withFormControl-8TClG0uv.js → withFormControl-mCCJK8wX.js} +2 -2
- package/dist/chunks/{withFormControl-8TClG0uv.js.map → withFormControl-mCCJK8wX.js.map} +1 -1
- package/dist/chunks/withTruncation-DpfcIWal.js +2 -0
- package/dist/chunks/withTruncation-DpfcIWal.js.map +1 -0
- package/dist/chunks/withTruncation-elowYDE4.js +67 -0
- package/dist/chunks/withTruncation-elowYDE4.js.map +1 -0
- 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/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/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 +39 -38
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/index.js +58 -57
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/theme/index.js +1 -1
- package/dist/types/components/Modal/modal.recipe.d.ts +1 -1
- package/package.json +1 -1
- package/dist/chunks/avatar.component-C9kUiMY7.js +0 -2
- package/dist/chunks/conversationCard.component-PtZYdnE-.js +0 -2
- package/dist/chunks/datePicker.component-Q4Q7FQwl.js +0 -15
- package/dist/chunks/popover-BSBYgvs4.js +0 -2
- package/dist/chunks/popover-BSBYgvs4.js.map +0 -1
- package/dist/chunks/popover-DNKVYG-J.js +0 -110
- package/dist/chunks/popover-DNKVYG-J.js.map +0 -1
- package/dist/chunks/popover.component-Dj2hVIcn.js +0 -386
- package/dist/chunks/popover.component-Dj2hVIcn.js.map +0 -1
- package/dist/chunks/popover.component-XAG_EQKh.js +0 -2
- package/dist/chunks/popover.component-XAG_EQKh.js.map +0 -1
- package/dist/chunks/timestamp.component-AfZBeSJ0.js +0 -2
- package/dist/chunks/timestamp.component-DupRVSWm.js +0 -53
- package/dist/chunks/withTruncation-CIxtQTOw.js.map +0 -1
- package/dist/chunks/withTruncation-DfW-AFRe.js +0 -2
- package/dist/chunks/withTruncation-DfW-AFRe.js.map +0 -1
|
@@ -1,110 +0,0 @@
|
|
|
1
|
-
import { j as p } from "./jsx-runtime-C5mzlN2N.js";
|
|
2
|
-
import { c as C } from "./create-slot-recipe-context-BJmsuxih.js";
|
|
3
|
-
import { u as n, P as x, a as T, b as y, c as j, d as $ } from "./popover-root-provider-BErev2-N.js";
|
|
4
|
-
import { forwardRef as i } from "react";
|
|
5
|
-
import { f as a, u as d } from "./use-locale-context-BiiNTYMT.js";
|
|
6
|
-
import { a1 as P } from "./index-YtNA0Ueo.js";
|
|
7
|
-
const v = i((r, e) => {
|
|
8
|
-
const o = n(), s = P(o.getAnchorProps(), r);
|
|
9
|
-
return /* @__PURE__ */ p.jsx(a.div, { ...s, ref: e });
|
|
10
|
-
});
|
|
11
|
-
v.displayName = "PopoverAnchor";
|
|
12
|
-
const g = i((r, e) => {
|
|
13
|
-
const o = n(), s = P(o.getArrowProps(), r);
|
|
14
|
-
return /* @__PURE__ */ p.jsx(a.div, { ...s, ref: e });
|
|
15
|
-
});
|
|
16
|
-
g.displayName = "PopoverArrow";
|
|
17
|
-
const l = i((r, e) => {
|
|
18
|
-
const o = n(), s = P(o.getArrowTipProps(), r);
|
|
19
|
-
return /* @__PURE__ */ p.jsx(a.div, { ...s, ref: e });
|
|
20
|
-
});
|
|
21
|
-
l.displayName = "PopoverArrowTip";
|
|
22
|
-
const u = i((r, e) => {
|
|
23
|
-
const o = n(), s = P(o.getDescriptionProps(), r);
|
|
24
|
-
return /* @__PURE__ */ p.jsx(a.div, { ...s, ref: e });
|
|
25
|
-
});
|
|
26
|
-
u.displayName = "PopoverDescription";
|
|
27
|
-
const m = i((r, e) => {
|
|
28
|
-
const o = n(), s = P(o.getIndicatorProps(), r);
|
|
29
|
-
return /* @__PURE__ */ p.jsx(a.div, { ...s, ref: e });
|
|
30
|
-
});
|
|
31
|
-
m.displayName = "PopoverIndicator";
|
|
32
|
-
const f = i((r, e) => {
|
|
33
|
-
const o = n(), s = d(), c = P(o.getPositionerProps(), r);
|
|
34
|
-
return s.unmounted ? null : /* @__PURE__ */ p.jsx(a.div, { ...c, ref: e });
|
|
35
|
-
});
|
|
36
|
-
f.displayName = "PopoverPositioner";
|
|
37
|
-
const w = i((r, e) => {
|
|
38
|
-
const o = n(), s = P(o.getTitleProps(), r);
|
|
39
|
-
return /* @__PURE__ */ p.jsx(a.div, { ...s, ref: e });
|
|
40
|
-
});
|
|
41
|
-
w.displayName = "PopoverTitle";
|
|
42
|
-
const A = i((r, e) => {
|
|
43
|
-
const o = n(), s = d(), c = P(
|
|
44
|
-
{
|
|
45
|
-
...o.getTriggerProps(),
|
|
46
|
-
"aria-controls": s.unmounted ? void 0 : o.getTriggerProps()["aria-controls"]
|
|
47
|
-
},
|
|
48
|
-
r
|
|
49
|
-
);
|
|
50
|
-
return /* @__PURE__ */ p.jsx(a.button, { ...c, ref: e });
|
|
51
|
-
});
|
|
52
|
-
A.displayName = "PopoverTrigger";
|
|
53
|
-
const {
|
|
54
|
-
withRootProvider: h,
|
|
55
|
-
withContext: t,
|
|
56
|
-
useStyles: E,
|
|
57
|
-
PropsProvider: N
|
|
58
|
-
} = C({ key: "popover" }), F = h(
|
|
59
|
-
$
|
|
60
|
-
), H = h(j), q = N, z = t(A, "trigger", { forwardAsChild: !0 }), G = t(f, "positioner", { forwardAsChild: !0 }), J = t(
|
|
61
|
-
T,
|
|
62
|
-
"content",
|
|
63
|
-
{ forwardAsChild: !0 }
|
|
64
|
-
), R = t(l, "arrowTip", { forwardAsChild: !0 }), K = t(
|
|
65
|
-
g,
|
|
66
|
-
"arrow",
|
|
67
|
-
{
|
|
68
|
-
forwardAsChild: !0,
|
|
69
|
-
defaultProps: { children: /* @__PURE__ */ p.jsx(R, {}) }
|
|
70
|
-
}
|
|
71
|
-
), L = t(y, "closeTrigger", { forwardAsChild: !0 });
|
|
72
|
-
t(m, "indicator", { forwardAsChild: !0 });
|
|
73
|
-
const M = t(
|
|
74
|
-
w,
|
|
75
|
-
"title",
|
|
76
|
-
{ forwardAsChild: !0 }
|
|
77
|
-
), O = t(u, "description", { forwardAsChild: !0 }), Q = t(
|
|
78
|
-
"footer",
|
|
79
|
-
"footer"
|
|
80
|
-
), U = t(
|
|
81
|
-
"header",
|
|
82
|
-
"header"
|
|
83
|
-
), V = t(
|
|
84
|
-
"div",
|
|
85
|
-
"body"
|
|
86
|
-
), W = t(
|
|
87
|
-
v,
|
|
88
|
-
void 0,
|
|
89
|
-
{ forwardAsChild: !0 }
|
|
90
|
-
), X = x;
|
|
91
|
-
export {
|
|
92
|
-
W as P,
|
|
93
|
-
K as a,
|
|
94
|
-
R as b,
|
|
95
|
-
V as c,
|
|
96
|
-
L as d,
|
|
97
|
-
J as e,
|
|
98
|
-
X as f,
|
|
99
|
-
O as g,
|
|
100
|
-
Q as h,
|
|
101
|
-
U as i,
|
|
102
|
-
G as j,
|
|
103
|
-
q as k,
|
|
104
|
-
H as l,
|
|
105
|
-
F as m,
|
|
106
|
-
M as n,
|
|
107
|
-
z as o,
|
|
108
|
-
E as u
|
|
109
|
-
};
|
|
110
|
-
//# sourceMappingURL=popover-DNKVYG-J.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"popover-DNKVYG-J.js","sources":["../../node_modules/@ark-ui/react/dist/components/popover/popover-anchor.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-arrow.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-arrow-tip.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-description.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-indicator.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-positioner.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-title.js","../../node_modules/@ark-ui/react/dist/components/popover/popover-trigger.js","../../node_modules/@chakra-ui/react/dist/esm/components/popover/popover.js"],"sourcesContent":["'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverAnchor = forwardRef((props, ref) => {\n const popover = usePopoverContext();\n const mergedProps = mergeProps(popover.getAnchorProps(), props);\n return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nPopoverAnchor.displayName = \"PopoverAnchor\";\n\nexport { PopoverAnchor };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverArrow = forwardRef((props, ref) => {\n const popover = usePopoverContext();\n const mergedProps = mergeProps(popover.getArrowProps(), props);\n return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nPopoverArrow.displayName = \"PopoverArrow\";\n\nexport { PopoverArrow };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverArrowTip = forwardRef((props, ref) => {\n const popover = usePopoverContext();\n const mergedProps = mergeProps(popover.getArrowTipProps(), props);\n return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nPopoverArrowTip.displayName = \"PopoverArrowTip\";\n\nexport { PopoverArrowTip };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverDescription = forwardRef((props, ref) => {\n const popover = usePopoverContext();\n const mergedProps = mergeProps(popover.getDescriptionProps(), props);\n return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nPopoverDescription.displayName = \"PopoverDescription\";\n\nexport { PopoverDescription };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverIndicator = forwardRef((props, ref) => {\n const popover = usePopoverContext();\n const mergedProps = mergeProps(popover.getIndicatorProps(), props);\n return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nPopoverIndicator.displayName = \"PopoverIndicator\";\n\nexport { PopoverIndicator };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { usePresenceContext } from '../presence/use-presence-context.js';\nimport { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverPositioner = forwardRef((props, ref) => {\n const popover = usePopoverContext();\n const presence = usePresenceContext();\n const mergedProps = mergeProps(popover.getPositionerProps(), props);\n if (presence.unmounted) {\n return null;\n }\n return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nPopoverPositioner.displayName = \"PopoverPositioner\";\n\nexport { PopoverPositioner };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverTitle = forwardRef((props, ref) => {\n const popover = usePopoverContext();\n const mergedProps = mergeProps(popover.getTitleProps(), props);\n return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nPopoverTitle.displayName = \"PopoverTitle\";\n\nexport { PopoverTitle };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { ark } from '../factory.js';\nimport { usePresenceContext } from '../presence/use-presence-context.js';\nimport { usePopoverContext } from './use-popover-context.js';\n\nconst PopoverTrigger = forwardRef((props, ref) => {\n const popover = usePopoverContext();\n const presence = usePresenceContext();\n const mergedProps = mergeProps(\n {\n ...popover.getTriggerProps(),\n \"aria-controls\": presence.unmounted ? void 0 : popover.getTriggerProps()[\"aria-controls\"]\n },\n props\n );\n return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });\n});\nPopoverTrigger.displayName = \"PopoverTrigger\";\n\nexport { PopoverTrigger };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { Popover } from '@ark-ui/react/popover';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\n\nconst {\n withRootProvider,\n withContext,\n useStyles: usePopoverStyles,\n PropsProvider\n} = createSlotRecipeContext({ key: \"popover\" });\nconst PopoverRootProvider = withRootProvider(\n Popover.RootProvider\n);\nconst PopoverRoot = withRootProvider(Popover.Root);\nconst PopoverPropsProvider = PropsProvider;\nconst PopoverTrigger = withContext(Popover.Trigger, \"trigger\", { forwardAsChild: true });\nconst PopoverPositioner = withContext(Popover.Positioner, \"positioner\", { forwardAsChild: true });\nconst PopoverContent = withContext(\n Popover.Content,\n \"content\",\n { forwardAsChild: true }\n);\nconst PopoverArrowTip = withContext(Popover.ArrowTip, \"arrowTip\", { forwardAsChild: true });\nconst PopoverArrow = withContext(\n Popover.Arrow,\n \"arrow\",\n {\n forwardAsChild: true,\n defaultProps: { children: /* @__PURE__ */ jsx(PopoverArrowTip, {}) }\n }\n);\nconst PopoverCloseTrigger = withContext(Popover.CloseTrigger, \"closeTrigger\", { forwardAsChild: true });\nconst PopoverIndicator = withContext(Popover.Indicator, \"indicator\", { forwardAsChild: true });\nconst PopoverTitle = withContext(\n Popover.Title,\n \"title\",\n { forwardAsChild: true }\n);\nconst PopoverDescription = withContext(Popover.Description, \"description\", { forwardAsChild: true });\nconst PopoverFooter = withContext(\n \"footer\",\n \"footer\"\n);\nconst PopoverHeader = withContext(\n \"header\",\n \"header\"\n);\nconst PopoverBody = withContext(\n \"div\",\n \"body\"\n);\nconst PopoverAnchor = withContext(\n Popover.Anchor,\n void 0,\n { forwardAsChild: true }\n);\nconst PopoverContext = Popover.Context;\n\nexport { PopoverAnchor, PopoverArrow, PopoverArrowTip, PopoverBody, PopoverCloseTrigger, PopoverContent, PopoverContext, PopoverDescription, PopoverFooter, PopoverHeader, PopoverIndicator, PopoverPositioner, PopoverPropsProvider, PopoverRoot, PopoverRootProvider, PopoverTitle, PopoverTrigger, usePopoverStyles };\n"],"names":["PopoverAnchor","forwardRef","props","ref","popover","usePopoverContext","mergedProps","mergeProps","jsx","ark","PopoverArrow","PopoverArrowTip","PopoverDescription","PopoverIndicator","PopoverPositioner","presence","usePresenceContext","PopoverTitle","PopoverTrigger","withRootProvider","withContext","usePopoverStyles","PropsProvider","createSlotRecipeContext","PopoverRootProvider","Popover.RootProvider","PopoverRoot","Popover.Root","PopoverPropsProvider","Popover.Trigger","Popover.Positioner","PopoverContent","Popover.Content","Popover.ArrowTip","Popover.Arrow","PopoverCloseTrigger","Popover.CloseTrigger","Popover.Indicator","Popover.Title","Popover.Description","PopoverFooter","PopoverHeader","PopoverBody","Popover.Anchor","PopoverContext","Popover.Context"],"mappings":";;;;;;AAOA,MAAMA,IAAgBC,EAAW,CAACC,GAAOC,MAAQ;AAC/C,QAAMC,IAAUC,EAAmB,GAC7BC,IAAcC,EAAWH,EAAQ,eAAc,GAAIF,CAAK;AAC9D,SAAuBM,gBAAAA,EAAAA,IAAIC,EAAI,KAAK,EAAE,GAAGH,GAAa,KAAAH,GAAK;AAC7D,CAAC;AACDH,EAAc,cAAc;ACL5B,MAAMU,IAAeT,EAAW,CAACC,GAAOC,MAAQ;AAC9C,QAAMC,IAAUC,EAAmB,GAC7BC,IAAcC,EAAWH,EAAQ,cAAa,GAAIF,CAAK;AAC7D,SAAuBM,gBAAAA,EAAAA,IAAIC,EAAI,KAAK,EAAE,GAAGH,GAAa,KAAAH,GAAK;AAC7D,CAAC;AACDO,EAAa,cAAc;ACL3B,MAAMC,IAAkBV,EAAW,CAACC,GAAOC,MAAQ;AACjD,QAAMC,IAAUC,EAAmB,GAC7BC,IAAcC,EAAWH,EAAQ,iBAAgB,GAAIF,CAAK;AAChE,SAAuBM,gBAAAA,EAAAA,IAAIC,EAAI,KAAK,EAAE,GAAGH,GAAa,KAAAH,GAAK;AAC7D,CAAC;AACDQ,EAAgB,cAAc;ACL9B,MAAMC,IAAqBX,EAAW,CAACC,GAAOC,MAAQ;AACpD,QAAMC,IAAUC,EAAmB,GAC7BC,IAAcC,EAAWH,EAAQ,oBAAmB,GAAIF,CAAK;AACnE,SAAuBM,gBAAAA,EAAAA,IAAIC,EAAI,KAAK,EAAE,GAAGH,GAAa,KAAAH,GAAK;AAC7D,CAAC;AACDS,EAAmB,cAAc;ACLjC,MAAMC,IAAmBZ,EAAW,CAACC,GAAOC,MAAQ;AAClD,QAAMC,IAAUC,EAAmB,GAC7BC,IAAcC,EAAWH,EAAQ,kBAAiB,GAAIF,CAAK;AACjE,SAAuBM,gBAAAA,EAAAA,IAAIC,EAAI,KAAK,EAAE,GAAGH,GAAa,KAAAH,GAAK;AAC7D,CAAC;AACDU,EAAiB,cAAc;ACJ/B,MAAMC,IAAoBb,EAAW,CAACC,GAAOC,MAAQ;AACnD,QAAMC,IAAUC,EAAmB,GAC7BU,IAAWC,EAAoB,GAC/BV,IAAcC,EAAWH,EAAQ,mBAAkB,GAAIF,CAAK;AAClE,SAAIa,EAAS,YACJ,OAEcP,gBAAAA,EAAAA,IAAIC,EAAI,KAAK,EAAE,GAAGH,GAAa,KAAAH,GAAK;AAC7D,CAAC;AACDW,EAAkB,cAAc;ACVhC,MAAMG,IAAehB,EAAW,CAACC,GAAOC,MAAQ;AAC9C,QAAMC,IAAUC,EAAmB,GAC7BC,IAAcC,EAAWH,EAAQ,cAAa,GAAIF,CAAK;AAC7D,SAAuBM,gBAAAA,EAAAA,IAAIC,EAAI,KAAK,EAAE,GAAGH,GAAa,KAAAH,GAAK;AAC7D,CAAC;AACDc,EAAa,cAAc;ACJ3B,MAAMC,IAAiBjB,EAAW,CAACC,GAAOC,MAAQ;AAChD,QAAMC,IAAUC,EAAmB,GAC7BU,IAAWC,EAAoB,GAC/BV,IAAcC;AAAA,IAClB;AAAA,MACE,GAAGH,EAAQ,gBAAiB;AAAA,MAC5B,iBAAiBW,EAAS,YAAY,SAASX,EAAQ,gBAAe,EAAG,eAAe;AAAA,IACzF;AAAA,IACDF;AAAA,EACD;AACD,SAAuBM,gBAAAA,EAAAA,IAAIC,EAAI,QAAQ,EAAE,GAAGH,GAAa,KAAAH,GAAK;AAChE,CAAC;AACDe,EAAe,cAAc;ACdxB,MAAC;AAAA,EACJ,kBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAWC;AAAA,EACX,eAAAC;AACF,IAAIC,EAAwB,EAAE,KAAK,UAAW,CAAA,GACxCC,IAAsBL;AAAA,EAC1BM;AACF,GACMC,IAAcP,EAAiBQ,CAAY,GAC3CC,IAAuBN,GACvBJ,IAAiBE,EAAYS,GAAiB,WAAW,EAAE,gBAAgB,GAAM,CAAA,GACjFf,IAAoBM,EAAYU,GAAoB,cAAc,EAAE,gBAAgB,GAAM,CAAA,GAC1FC,IAAiBX;AAAA,EACrBY;AAAAA,EACA;AAAA,EACA,EAAE,gBAAgB,GAAI;AACxB,GACMrB,IAAkBS,EAAYa,GAAkB,YAAY,EAAE,gBAAgB,GAAM,CAAA,GACpFvB,IAAeU;AAAA,EACnBc;AAAAA,EACA;AAAA,EACA;AAAA,IACE,gBAAgB;AAAA,IAChB,cAAc,EAAE,UAA0B1B,gBAAAA,MAAIG,GAAiB,CAAA,CAAE,EAAC;AAAA,EACtE;AACA,GACMwB,IAAsBf,EAAYgB,GAAsB,gBAAgB,EAAE,gBAAgB,GAAM,CAAA;AAC7EhB,EAAYiB,GAAmB,aAAa,EAAE,gBAAgB,GAAM,CAAA;AACxF,MAACpB,IAAeG;AAAA,EACnBkB;AAAAA,EACA;AAAA,EACA,EAAE,gBAAgB,GAAI;AACxB,GACM1B,IAAqBQ,EAAYmB,GAAqB,eAAe,EAAE,gBAAgB,GAAM,CAAA,GAC7FC,IAAgBpB;AAAA,EACpB;AAAA,EACA;AACF,GACMqB,IAAgBrB;AAAA,EACpB;AAAA,EACA;AACF,GACMsB,IAActB;AAAA,EAClB;AAAA,EACA;AACF,GACMpB,IAAgBoB;AAAA,EACpBuB;AAAAA,EACA;AAAA,EACA,EAAE,gBAAgB,GAAI;AACxB,GACMC,IAAiBC;","x_google_ignoreList":[0,1,2,3,4,5,6,7,8]}
|
|
@@ -1,386 +0,0 @@
|
|
|
1
|
-
import { j as o } from "./jsx-runtime-C5mzlN2N.js";
|
|
2
|
-
import k from "react";
|
|
3
|
-
import { P as H, a as R, b as S, c as A, d as N, e as z, f as B, g as O, h as D, i as W, j as F, k as E, l as I, m as M, n as V, o as $, u as q } from "./popover-DNKVYG-J.js";
|
|
4
|
-
import { H as G, a as J, b as K, c as L, d as Q, e as U, f as X, g as Y, h as Z, u as T, W as oo } from "./withTruncation-CIxtQTOw.js";
|
|
5
|
-
import { W as ro } from "./heading.component-CLeuZRZ3.js";
|
|
6
|
-
import { B as h } from "./button.component-BpF3MzbZ.js";
|
|
7
|
-
import { a as eo } from "./config-DlTdf-Yt.js";
|
|
8
|
-
import { u as C } from "./use-slot-recipe-DhtQ1j_5.js";
|
|
9
|
-
import { u as _ } from "./popover-root-provider-BErev2-N.js";
|
|
10
|
-
import { F as x } from "./flex-smlF8uQG.js";
|
|
11
|
-
import { c as to } from "./factory-Ctbv0Ozn.js";
|
|
12
|
-
import { P as so } from "./use-locale-context-BiiNTYMT.js";
|
|
13
|
-
import { B as ao } from "./box-Ck9I7FYv.js";
|
|
14
|
-
const io = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
15
|
-
__proto__: null,
|
|
16
|
-
Arrow: G,
|
|
17
|
-
ArrowTip: J,
|
|
18
|
-
Content: K,
|
|
19
|
-
Context: L,
|
|
20
|
-
Positioner: Q,
|
|
21
|
-
PropsProvider: U,
|
|
22
|
-
Root: X,
|
|
23
|
-
RootProvider: Y,
|
|
24
|
-
Trigger: Z
|
|
25
|
-
}, Symbol.toStringTag, { value: "Module" })), no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
26
|
-
__proto__: null,
|
|
27
|
-
Anchor: H,
|
|
28
|
-
Arrow: R,
|
|
29
|
-
ArrowTip: S,
|
|
30
|
-
Body: A,
|
|
31
|
-
CloseTrigger: N,
|
|
32
|
-
Content: z,
|
|
33
|
-
Context: B,
|
|
34
|
-
Description: O,
|
|
35
|
-
Footer: D,
|
|
36
|
-
Header: W,
|
|
37
|
-
Positioner: F,
|
|
38
|
-
PropsProvider: E,
|
|
39
|
-
Root: I,
|
|
40
|
-
RootProvider: M,
|
|
41
|
-
Title: V,
|
|
42
|
-
Trigger: $,
|
|
43
|
-
usePopoverStyles: q
|
|
44
|
-
}, Symbol.toStringTag, { value: "Module" })), y = to("div", {
|
|
45
|
-
base: {
|
|
46
|
-
flex: 1,
|
|
47
|
-
justifySelf: "stretch",
|
|
48
|
-
alignSelf: "stretch"
|
|
49
|
-
}
|
|
50
|
-
});
|
|
51
|
-
y.displayName = "Spacer";
|
|
52
|
-
const po = [
|
|
53
|
-
"root",
|
|
54
|
-
"content",
|
|
55
|
-
"arrow",
|
|
56
|
-
"arrowTip",
|
|
57
|
-
"body",
|
|
58
|
-
"header",
|
|
59
|
-
"footer",
|
|
60
|
-
"trigger"
|
|
61
|
-
], co = {
|
|
62
|
-
xs: {
|
|
63
|
-
content: {
|
|
64
|
-
width: 160
|
|
65
|
-
}
|
|
66
|
-
},
|
|
67
|
-
sm: {
|
|
68
|
-
content: {
|
|
69
|
-
width: 200
|
|
70
|
-
}
|
|
71
|
-
},
|
|
72
|
-
md: {
|
|
73
|
-
content: {
|
|
74
|
-
width: 260
|
|
75
|
-
}
|
|
76
|
-
},
|
|
77
|
-
lg: {
|
|
78
|
-
content: {
|
|
79
|
-
width: 320
|
|
80
|
-
}
|
|
81
|
-
},
|
|
82
|
-
xl: {
|
|
83
|
-
content: {
|
|
84
|
-
width: 480
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
|
-
}, lo = {
|
|
88
|
-
default: {
|
|
89
|
-
arrowTip: {
|
|
90
|
-
borderColor: "border"
|
|
91
|
-
},
|
|
92
|
-
content: {
|
|
93
|
-
"--popover-bg": "colors.background.default",
|
|
94
|
-
"--hovercard-bg": "colors.background.default",
|
|
95
|
-
borderColor: "border",
|
|
96
|
-
color: "text.default"
|
|
97
|
-
}
|
|
98
|
-
},
|
|
99
|
-
defaultDestructive: {
|
|
100
|
-
arrowTip: {
|
|
101
|
-
borderColor: "border"
|
|
102
|
-
},
|
|
103
|
-
content: {
|
|
104
|
-
"--popover-bg": "colors.background.default",
|
|
105
|
-
"--hovercard-bg": "colors.background.default",
|
|
106
|
-
borderColor: "border",
|
|
107
|
-
color: "text.default"
|
|
108
|
-
}
|
|
109
|
-
},
|
|
110
|
-
contrast: {
|
|
111
|
-
arrowTip: {
|
|
112
|
-
borderColor: "border.contrast"
|
|
113
|
-
},
|
|
114
|
-
content: {
|
|
115
|
-
"--popover-bg": "colors.background.contrast",
|
|
116
|
-
"--hovercard-bg": "colors.background.contrast",
|
|
117
|
-
borderColor: "border.contrast",
|
|
118
|
-
color: "text.contrast"
|
|
119
|
-
}
|
|
120
|
-
},
|
|
121
|
-
contrastDestructive: {
|
|
122
|
-
arrowTip: {
|
|
123
|
-
borderColor: "border.contrast"
|
|
124
|
-
},
|
|
125
|
-
content: {
|
|
126
|
-
"--popover-bg": "colors.background.contrast",
|
|
127
|
-
"--hovercard-bg": "colors.background.contrast",
|
|
128
|
-
borderColor: "border.contrast",
|
|
129
|
-
color: "text.contrast"
|
|
130
|
-
}
|
|
131
|
-
}
|
|
132
|
-
}, w = eo({
|
|
133
|
-
slots: po,
|
|
134
|
-
base: {
|
|
135
|
-
arrowTip: {
|
|
136
|
-
borderTopWidth: "1px",
|
|
137
|
-
borderInlineStartWidth: "1px",
|
|
138
|
-
top: "-1px !important"
|
|
139
|
-
},
|
|
140
|
-
body: {
|
|
141
|
-
p: 3
|
|
142
|
-
},
|
|
143
|
-
content: {
|
|
144
|
-
borderRadius: "base",
|
|
145
|
-
border: "1px",
|
|
146
|
-
p: 0
|
|
147
|
-
},
|
|
148
|
-
footer: {
|
|
149
|
-
borderTop: 0,
|
|
150
|
-
borderRadius: "inherit",
|
|
151
|
-
pb: 3,
|
|
152
|
-
pt: 0,
|
|
153
|
-
px: 3
|
|
154
|
-
},
|
|
155
|
-
header: {
|
|
156
|
-
borderBottom: 0,
|
|
157
|
-
borderRadius: "inherit",
|
|
158
|
-
minH: 6,
|
|
159
|
-
pb: 0,
|
|
160
|
-
pt: 3,
|
|
161
|
-
px: 3,
|
|
162
|
-
w: "100%"
|
|
163
|
-
},
|
|
164
|
-
trigger: {
|
|
165
|
-
width: "max-content"
|
|
166
|
-
}
|
|
167
|
-
},
|
|
168
|
-
variants: {
|
|
169
|
-
size: co,
|
|
170
|
-
variant: lo
|
|
171
|
-
},
|
|
172
|
-
defaultVariants: {
|
|
173
|
-
size: "sm",
|
|
174
|
-
variant: "default"
|
|
175
|
-
}
|
|
176
|
-
}), vo = ({
|
|
177
|
-
children: p,
|
|
178
|
-
color: c,
|
|
179
|
-
hideCloseButton: a = !1,
|
|
180
|
-
onContrast: i = !0,
|
|
181
|
-
onClose: r,
|
|
182
|
-
size: d = "sm",
|
|
183
|
-
trigger: e,
|
|
184
|
-
...t
|
|
185
|
-
}) => {
|
|
186
|
-
const l = C({ recipe: w })(), { setOpen: v } = (
|
|
187
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
188
|
-
e === "hover" ? T() : _()
|
|
189
|
-
);
|
|
190
|
-
return /* @__PURE__ */ o.jsxs(
|
|
191
|
-
x,
|
|
192
|
-
{
|
|
193
|
-
className: "Popover__HeaderWrapper",
|
|
194
|
-
"data-testid": "kibble-popover-header-wrapper",
|
|
195
|
-
css: l.header,
|
|
196
|
-
...t,
|
|
197
|
-
children: [
|
|
198
|
-
/* @__PURE__ */ o.jsx(
|
|
199
|
-
ro,
|
|
200
|
-
{
|
|
201
|
-
className: "Popover__Header",
|
|
202
|
-
"data-testid": "kibble-popover-header",
|
|
203
|
-
size: d,
|
|
204
|
-
color: c || "inherit",
|
|
205
|
-
children: p
|
|
206
|
-
}
|
|
207
|
-
),
|
|
208
|
-
!a && /* @__PURE__ */ o.jsx(
|
|
209
|
-
h,
|
|
210
|
-
{
|
|
211
|
-
className: "Popover__CloseButton",
|
|
212
|
-
"data-testid": "kibble-popover-close-button",
|
|
213
|
-
variant: "ghostNeutral",
|
|
214
|
-
onContrast: i,
|
|
215
|
-
onClick: r || (() => v(!1)),
|
|
216
|
-
iconName: "close",
|
|
217
|
-
position: "absolute",
|
|
218
|
-
right: 1,
|
|
219
|
-
top: 1,
|
|
220
|
-
size: "xs"
|
|
221
|
-
}
|
|
222
|
-
)
|
|
223
|
-
]
|
|
224
|
-
}
|
|
225
|
-
);
|
|
226
|
-
}, bo = ({
|
|
227
|
-
children: p,
|
|
228
|
-
disabled: c,
|
|
229
|
-
hideButtons: a = !1,
|
|
230
|
-
hideCancelButton: i = !1,
|
|
231
|
-
destructive: r,
|
|
232
|
-
loading: d,
|
|
233
|
-
onCancel: e,
|
|
234
|
-
onContrast: t = !0,
|
|
235
|
-
onSubmit: u,
|
|
236
|
-
submitText: l = "Submit",
|
|
237
|
-
trigger: v,
|
|
238
|
-
...m
|
|
239
|
-
}) => {
|
|
240
|
-
const b = C({ recipe: w })(), { setOpen: s } = (
|
|
241
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
242
|
-
v === "hover" ? T() : _()
|
|
243
|
-
), f = () => {
|
|
244
|
-
e && e(), s(!1);
|
|
245
|
-
};
|
|
246
|
-
return /* @__PURE__ */ o.jsxs(
|
|
247
|
-
x,
|
|
248
|
-
{
|
|
249
|
-
className: "Popover__Footer",
|
|
250
|
-
"data-testid": "kibble-popover-footer",
|
|
251
|
-
css: b.footer,
|
|
252
|
-
...m,
|
|
253
|
-
children: [
|
|
254
|
-
p,
|
|
255
|
-
!a && /* @__PURE__ */ o.jsxs(x, { w: "100%", children: [
|
|
256
|
-
!i && /* @__PURE__ */ o.jsx(
|
|
257
|
-
h,
|
|
258
|
-
{
|
|
259
|
-
variant: "tertiary",
|
|
260
|
-
onContrast: t,
|
|
261
|
-
size: "sm",
|
|
262
|
-
onClick: f,
|
|
263
|
-
children: "Cancel"
|
|
264
|
-
}
|
|
265
|
-
),
|
|
266
|
-
/* @__PURE__ */ o.jsx(y, {}),
|
|
267
|
-
/* @__PURE__ */ o.jsx(
|
|
268
|
-
h,
|
|
269
|
-
{
|
|
270
|
-
onClick: u,
|
|
271
|
-
loading: d,
|
|
272
|
-
disabled: c,
|
|
273
|
-
size: "sm",
|
|
274
|
-
onContrast: t,
|
|
275
|
-
variant: r ? "primaryDestructive" : "primary",
|
|
276
|
-
children: l
|
|
277
|
-
}
|
|
278
|
-
)
|
|
279
|
-
] })
|
|
280
|
-
]
|
|
281
|
-
}
|
|
282
|
-
);
|
|
283
|
-
}, uo = k.forwardRef(
|
|
284
|
-
(p, c) => {
|
|
285
|
-
const {
|
|
286
|
-
allowEscape: a = !0,
|
|
287
|
-
anchor: i,
|
|
288
|
-
children: r,
|
|
289
|
-
contentProps: d,
|
|
290
|
-
footerProps: e,
|
|
291
|
-
headerProps: t,
|
|
292
|
-
disabled: u = !1,
|
|
293
|
-
portalled: l = !0,
|
|
294
|
-
placement: v = "bottom",
|
|
295
|
-
positioning: m,
|
|
296
|
-
size: j = "sm",
|
|
297
|
-
trigger: b = "click",
|
|
298
|
-
variant: s = "default",
|
|
299
|
-
...f
|
|
300
|
-
} = p, n = b === "hover" ? io : no, P = C({ recipe: w })({ variant: s, size: j });
|
|
301
|
-
if (u) return i;
|
|
302
|
-
const g = s === "contrast" || s === "contrastDestructive";
|
|
303
|
-
return /* @__PURE__ */ o.jsxs(
|
|
304
|
-
n.Root,
|
|
305
|
-
{
|
|
306
|
-
closeOnEscape: a,
|
|
307
|
-
closeOnInteractOutside: a,
|
|
308
|
-
positioning: {
|
|
309
|
-
...m,
|
|
310
|
-
placement: m?.placement || v
|
|
311
|
-
},
|
|
312
|
-
...f,
|
|
313
|
-
children: [
|
|
314
|
-
/* @__PURE__ */ o.jsx(
|
|
315
|
-
n.Trigger,
|
|
316
|
-
{
|
|
317
|
-
asChild: !0,
|
|
318
|
-
className: "Popover__Trigger",
|
|
319
|
-
"data-testid": "kibble-popover-trigger",
|
|
320
|
-
children: i
|
|
321
|
-
}
|
|
322
|
-
),
|
|
323
|
-
/* @__PURE__ */ o.jsx(so, { disabled: !l, children: /* @__PURE__ */ o.jsx(n.Positioner, { className: "Popover", "data-testid": "kibble-popover", children: /* @__PURE__ */ o.jsxs(
|
|
324
|
-
n.Content,
|
|
325
|
-
{
|
|
326
|
-
className: "Popover__Content",
|
|
327
|
-
"data-testid": "kibble-popover-content",
|
|
328
|
-
ref: c,
|
|
329
|
-
...d,
|
|
330
|
-
css: P.content,
|
|
331
|
-
children: [
|
|
332
|
-
/* @__PURE__ */ o.jsx(
|
|
333
|
-
n.Arrow,
|
|
334
|
-
{
|
|
335
|
-
className: "Popover__Arrow",
|
|
336
|
-
"data-testid": "kibble-popover-arrow",
|
|
337
|
-
css: P.arrow,
|
|
338
|
-
children: /* @__PURE__ */ o.jsx(n.ArrowTip, { css: P.arrowTip })
|
|
339
|
-
}
|
|
340
|
-
),
|
|
341
|
-
t && /* @__PURE__ */ o.jsx(
|
|
342
|
-
vo,
|
|
343
|
-
{
|
|
344
|
-
trigger: b,
|
|
345
|
-
onContrast: g,
|
|
346
|
-
...t
|
|
347
|
-
}
|
|
348
|
-
),
|
|
349
|
-
/* @__PURE__ */ o.jsx(
|
|
350
|
-
ao,
|
|
351
|
-
{
|
|
352
|
-
className: "Popover__Body",
|
|
353
|
-
"data-testid": "kibble-popover-body",
|
|
354
|
-
css: P.body,
|
|
355
|
-
children: typeof r == "string" ? /* @__PURE__ */ o.jsx(
|
|
356
|
-
oo,
|
|
357
|
-
{
|
|
358
|
-
variant: g ? "onContrast" : "default",
|
|
359
|
-
size: "sm",
|
|
360
|
-
children: r
|
|
361
|
-
}
|
|
362
|
-
) : r
|
|
363
|
-
}
|
|
364
|
-
),
|
|
365
|
-
e && /* @__PURE__ */ o.jsx(
|
|
366
|
-
bo,
|
|
367
|
-
{
|
|
368
|
-
trigger: b,
|
|
369
|
-
destructive: s === "contrastDestructive" || s === "defaultDestructive",
|
|
370
|
-
onContrast: g,
|
|
371
|
-
...e
|
|
372
|
-
}
|
|
373
|
-
)
|
|
374
|
-
]
|
|
375
|
-
}
|
|
376
|
-
) }) })
|
|
377
|
-
]
|
|
378
|
-
}
|
|
379
|
-
);
|
|
380
|
-
}
|
|
381
|
-
);
|
|
382
|
-
uo.displayName = "Popover";
|
|
383
|
-
export {
|
|
384
|
-
uo as P
|
|
385
|
-
};
|
|
386
|
-
//# sourceMappingURL=popover.component-Dj2hVIcn.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"popover.component-Dj2hVIcn.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/spacer/spacer.js","../../src/components/Popover/popover.recipe.ts","../../src/components/Popover/components/PopoverHeader/popoverHeader.component.tsx","../../src/components/Popover/components/PopoverFooter/popoverFooter.component.tsx","../../src/components/Popover/popover.component.tsx"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { chakra } from '../../styled-system/factory.js';\n\nconst Spacer = chakra(\"div\", {\n base: {\n flex: 1,\n justifySelf: \"stretch\",\n alignSelf: \"stretch\"\n }\n});\nSpacer.displayName = \"Spacer\";\n\nexport { Spacer };\n","import {\n defineSlotRecipe,\n SystemStyleObject,\n} from \"@chakra-ui/react/styled-system\";\nimport { PopoverSize, PopoverVariant } from \"./popover.types\";\n\ntype PopoverSlot =\n | \"root\"\n | \"content\"\n | \"arrow\"\n | \"arrowTip\"\n | \"body\"\n | \"header\"\n | \"footer\"\n | \"trigger\";\nconst popoverSlots: PopoverSlot[] = [\n \"root\",\n \"content\",\n \"arrow\",\n \"arrowTip\",\n \"body\",\n \"header\",\n \"footer\",\n \"trigger\",\n] as const;\ntype PopoverSlotStyles = {\n [key in PopoverSlot]?: SystemStyleObject;\n};\n\nconst popoverSizeStyles: Record<PopoverSize, PopoverSlotStyles> = {\n xs: {\n content: {\n width: 160,\n },\n },\n sm: {\n content: {\n width: 200,\n },\n },\n md: {\n content: {\n width: 260,\n },\n },\n lg: {\n content: {\n width: 320,\n },\n },\n xl: {\n content: {\n width: 480,\n },\n },\n};\n\nconst popoverVariantStyles: Record<PopoverVariant, PopoverSlotStyles> = {\n default: {\n arrowTip: {\n borderColor: \"border\",\n },\n content: {\n \"--popover-bg\": \"colors.background.default\",\n \"--hovercard-bg\": \"colors.background.default\",\n borderColor: \"border\",\n color: \"text.default\",\n },\n },\n defaultDestructive: {\n arrowTip: {\n borderColor: \"border\",\n },\n content: {\n \"--popover-bg\": \"colors.background.default\",\n \"--hovercard-bg\": \"colors.background.default\",\n borderColor: \"border\",\n color: \"text.default\",\n },\n },\n contrast: {\n arrowTip: {\n borderColor: \"border.contrast\",\n },\n content: {\n \"--popover-bg\": \"colors.background.contrast\",\n \"--hovercard-bg\": \"colors.background.contrast\",\n borderColor: \"border.contrast\",\n color: \"text.contrast\",\n },\n },\n contrastDestructive: {\n arrowTip: {\n borderColor: \"border.contrast\",\n },\n content: {\n \"--popover-bg\": \"colors.background.contrast\",\n \"--hovercard-bg\": \"colors.background.contrast\",\n borderColor: \"border.contrast\",\n color: \"text.contrast\",\n },\n },\n};\n\nexport const popoverRecipe = defineSlotRecipe({\n slots: popoverSlots,\n base: {\n arrowTip: {\n borderTopWidth: \"1px\",\n borderInlineStartWidth: \"1px\",\n top: \"-1px !important\",\n },\n body: {\n p: 3,\n },\n content: {\n borderRadius: \"base\",\n border: \"1px\",\n p: 0,\n },\n footer: {\n borderTop: 0,\n borderRadius: \"inherit\",\n pb: 3,\n pt: 0,\n px: 3,\n },\n header: {\n borderBottom: 0,\n borderRadius: \"inherit\",\n minH: 6,\n pb: 0,\n pt: 3,\n px: 3,\n w: \"100%\",\n },\n trigger: {\n width: \"max-content\",\n },\n },\n variants: {\n size: popoverSizeStyles,\n variant: popoverVariantStyles,\n },\n defaultVariants: {\n size: \"sm\",\n variant: \"default\",\n },\n});\n","import React, { ReactNode } from \"react\";\nimport { usePopoverContext } from \"@chakra-ui/react/popover\";\nimport { useHoverCardContext } from \"@chakra-ui/react/hover-card\";\nimport { Heading, HeadingSize } from \"components/Heading\";\nimport { Button } from \"components/Button/button.component\";\nimport { Flex, FlexProps } from \"@chakra-ui/react/flex\";\nimport { popoverRecipe } from \"../../popover.recipe\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { PopoverTriggerType } from \"../../popover.types\";\n\nexport interface PopoverHeaderProps extends FlexProps {\n children?: ReactNode;\n hideCloseButton?: boolean;\n onClose?: () => void;\n onContrast?: boolean;\n size?: HeadingSize;\n}\n\ninterface InternalPopoverHeaderProps extends PopoverHeaderProps {\n trigger: PopoverTriggerType;\n}\n\nexport const PopoverHeader = ({\n children,\n color,\n hideCloseButton = false,\n onContrast = true,\n onClose,\n size = \"sm\",\n trigger,\n ...rest\n}: InternalPopoverHeaderProps): React.JSX.Element => {\n const recipe = useSlotRecipe({ recipe: popoverRecipe });\n const styles = recipe();\n const { setOpen } =\n // eslint-disable-next-line react-hooks/rules-of-hooks\n trigger === \"hover\" ? useHoverCardContext() : usePopoverContext();\n\n return (\n <Flex\n className=\"Popover__HeaderWrapper\"\n data-testid=\"kibble-popover-header-wrapper\"\n css={styles.header}\n {...rest}\n >\n <Heading\n className=\"Popover__Header\"\n data-testid=\"kibble-popover-header\"\n size={size}\n color={color || \"inherit\"}\n >\n {children}\n </Heading>\n {!hideCloseButton && (\n <Button\n className=\"Popover__CloseButton\"\n data-testid=\"kibble-popover-close-button\"\n variant=\"ghostNeutral\"\n onContrast={onContrast}\n onClick={onClose ? onClose : (): void => setOpen(false)}\n iconName=\"close\"\n position=\"absolute\"\n right={1}\n top={1}\n size=\"xs\"\n />\n )}\n </Flex>\n );\n};\n","import React, { ReactNode } from \"react\";\nimport { usePopoverContext } from \"@chakra-ui/react/popover\";\nimport { useHoverCardContext } from \"@chakra-ui/react/hover-card\";\nimport { Spacer } from \"@chakra-ui/react/spacer\";\nimport { Button } from \"components/Button/button.component\";\nimport { Flex, FlexProps } from \"@chakra-ui/react/flex\";\nimport { popoverRecipe } from \"../../popover.recipe\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { PopoverTriggerType } from \"../../popover.types\";\n\nexport interface PopoverFooterProps extends FlexProps {\n children?: ReactNode;\n disabled?: boolean;\n hideButtons?: boolean;\n hideCancelButton?: boolean;\n destructive?: boolean;\n loading?: boolean;\n onCancel?: () => void;\n onContrast?: boolean;\n onSubmit?: () => void;\n submitText?: string;\n}\n\ninterface InternalPopoverFooterProps extends PopoverFooterProps {\n trigger: PopoverTriggerType;\n}\n\nexport const PopoverFooter = ({\n children,\n disabled,\n hideButtons = false,\n hideCancelButton = false,\n destructive,\n loading,\n onCancel,\n onContrast = true,\n onSubmit,\n submitText = \"Submit\",\n trigger,\n ...rest\n}: InternalPopoverFooterProps): React.JSX.Element => {\n const recipe = useSlotRecipe({ recipe: popoverRecipe });\n const styles = recipe();\n const { setOpen } =\n // eslint-disable-next-line react-hooks/rules-of-hooks\n trigger === \"hover\" ? useHoverCardContext() : usePopoverContext();\n\n const handleCancel = (): void => {\n if (onCancel) {\n onCancel();\n }\n setOpen(false);\n };\n\n return (\n <Flex\n className=\"Popover__Footer\"\n data-testid=\"kibble-popover-footer\"\n css={styles.footer}\n {...rest}\n >\n {children}\n {!hideButtons && (\n <Flex w=\"100%\">\n {!hideCancelButton && (\n <Button\n variant=\"tertiary\"\n onContrast={onContrast}\n size=\"sm\"\n onClick={handleCancel}\n >\n Cancel\n </Button>\n )}\n <Spacer />\n <Button\n onClick={onSubmit}\n loading={loading}\n disabled={disabled}\n size=\"sm\"\n onContrast={onContrast}\n variant={destructive ? \"primaryDestructive\" : \"primary\"}\n >\n {submitText}\n </Button>\n </Flex>\n )}\n </Flex>\n );\n};\n","import React from \"react\";\nimport { Popover as CPopover } from \"@chakra-ui/react/popover\";\nimport { HoverCard } from \"@chakra-ui/react/hover-card\";\nimport { Portal } from \"@chakra-ui/react/portal\";\nimport { Placement } from \"shared/types/placement\";\nimport { Text } from \"components/Text/text.component\";\nimport {\n PopoverSize,\n PopoverTriggerType,\n PopoverVariant,\n} from \"./popover.types\";\nimport {\n PopoverHeader,\n PopoverHeaderProps,\n} from \"./components/PopoverHeader/popoverHeader.component\";\nimport {\n PopoverFooter,\n PopoverFooterProps,\n} from \"./components/PopoverFooter/popoverFooter.component\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { popoverRecipe } from \"./popover.recipe\";\n\nexport interface KPopoverProps {\n allowEscape?: boolean;\n anchor: React.ReactNode;\n contentProps?: CPopover.ContentProps;\n disabled?: boolean;\n footerProps?: PopoverFooterProps;\n headerProps?: PopoverHeaderProps;\n portalled?: boolean;\n placement?: Placement;\n size?: PopoverSize;\n trigger?: PopoverTriggerType;\n variant?: PopoverVariant;\n}\n\ninterface ClickPopoverProps extends CPopover.RootProps {\n trigger?: \"click\";\n}\n\ninterface HoverPopoverProps extends HoverCard.RootProps {\n trigger?: \"hover\";\n}\n\nexport type PopoverProps = KPopoverProps &\n (ClickPopoverProps | HoverPopoverProps);\n\nexport const Popover = React.forwardRef<HTMLDivElement, PopoverProps>(\n (props, ref): React.ReactNode => {\n const {\n allowEscape = true,\n anchor,\n children,\n contentProps,\n footerProps,\n headerProps,\n disabled = false,\n portalled = true,\n placement = \"bottom\",\n positioning,\n size = \"sm\",\n trigger = \"click\",\n variant = \"default\",\n ...rest\n } = props;\n const Element = trigger === \"hover\" ? HoverCard : CPopover;\n const recipe = useSlotRecipe({ recipe: popoverRecipe });\n const styles = recipe({ variant, size });\n\n if (disabled) return anchor;\n\n const onContrast =\n variant === \"contrast\" || variant === \"contrastDestructive\";\n\n return (\n <Element.Root\n closeOnEscape={allowEscape}\n closeOnInteractOutside={allowEscape}\n positioning={{\n ...positioning,\n placement: positioning?.placement || placement,\n }}\n {...rest}\n >\n <Element.Trigger\n asChild\n className=\"Popover__Trigger\"\n data-testid=\"kibble-popover-trigger\"\n >\n {anchor}\n </Element.Trigger>\n <Portal disabled={!portalled}>\n <Element.Positioner className=\"Popover\" data-testid=\"kibble-popover\">\n <Element.Content\n className=\"Popover__Content\"\n data-testid=\"kibble-popover-content\"\n ref={ref}\n {...contentProps}\n css={styles.content}\n >\n <Element.Arrow\n className=\"Popover__Arrow\"\n data-testid=\"kibble-popover-arrow\"\n css={styles.arrow}\n >\n <Element.ArrowTip css={styles.arrowTip} />\n </Element.Arrow>\n {headerProps && (\n <PopoverHeader\n trigger={trigger}\n onContrast={onContrast}\n {...headerProps}\n />\n )}\n <Box\n className=\"Popover__Body\"\n data-testid=\"kibble-popover-body\"\n css={styles.body}\n >\n {typeof children === \"string\" ? (\n <Text\n variant={onContrast ? \"onContrast\" : \"default\"}\n size=\"sm\"\n >\n {children}\n </Text>\n ) : (\n children\n )}\n </Box>\n {footerProps && (\n <PopoverFooter\n trigger={trigger}\n destructive={\n variant === \"contrastDestructive\" ||\n variant === \"defaultDestructive\"\n }\n onContrast={onContrast}\n {...footerProps}\n />\n )}\n </Element.Content>\n </Element.Positioner>\n </Portal>\n </Element.Root>\n );\n },\n);\n\nPopover.displayName = \"Popover\";\n"],"names":["Spacer","chakra","popoverSlots","popoverSizeStyles","popoverVariantStyles","popoverRecipe","defineSlotRecipe","PopoverHeader","children","color","hideCloseButton","onContrast","onClose","size","trigger","rest","styles","useSlotRecipe","setOpen","useHoverCardContext","usePopoverContext","jsxs","Flex","jsx","Heading","Button","PopoverFooter","disabled","hideButtons","hideCancelButton","destructive","loading","onCancel","onSubmit","submitText","handleCancel","Popover","React","props","ref","allowEscape","anchor","contentProps","footerProps","headerProps","portalled","placement","positioning","variant","Element","HoverCard","CPopover","Portal","Box","Text"],"mappings":"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","x_google_ignoreList":[0]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";const o=require("./jsx-runtime-BjDatQAs.js"),E=require("react"),e=require("./popover-BSBYgvs4.js"),r=require("./withTruncation-DfW-AFRe.js"),S=require("./heading.component-C6IbSCCN.js"),j=require("./button.component-Dd9AfGox.js"),H=require("./config-BFcXpdZo.js"),R=require("./use-slot-recipe-8liupslO.js"),T=require("./popover-root-provider-C2iwUZJn.js"),C=require("./flex-D14H6HbP.js"),q=require("./factory-D6tdBUPG.js"),A=require("./use-locale-context-D0LByRu9.js"),N=require("./box-Baq7UBls.js"),z=t=>t&&t.__esModule?t:{default:t},B=z(E),D=Object.freeze(Object.defineProperty({__proto__:null,Arrow:r.HoverCardArrow,ArrowTip:r.HoverCardArrowTip,Content:r.HoverCardContent,Context:r.HoverCardContext,Positioner:r.HoverCardPositioner,PropsProvider:r.HoverCardPropsProvider,Root:r.HoverCardRoot,RootProvider:r.HoverCardRootProvider,Trigger:r.HoverCardTrigger},Symbol.toStringTag,{value:"Module"})),O=Object.freeze(Object.defineProperty({__proto__:null,Anchor:e.PopoverAnchor,Arrow:e.PopoverArrow,ArrowTip:e.PopoverArrowTip,Body:e.PopoverBody,CloseTrigger:e.PopoverCloseTrigger,Content:e.PopoverContent,Context:e.PopoverContext,Description:e.PopoverDescription,Footer:e.PopoverFooter,Header:e.PopoverHeader,Positioner:e.PopoverPositioner,PropsProvider:e.PopoverPropsProvider,Root:e.PopoverRoot,RootProvider:e.PopoverRootProvider,Title:e.PopoverTitle,Trigger:e.PopoverTrigger,usePopoverStyles:e.usePopoverStyles},Symbol.toStringTag,{value:"Module"})),y=q.chakra("div",{base:{flex:1,justifySelf:"stretch",alignSelf:"stretch"}});y.displayName="Spacer";const F=["root","content","arrow","arrowTip","body","header","footer","trigger"],W={xs:{content:{width:160}},sm:{content:{width:200}},md:{content:{width:260}},lg:{content:{width:320}},xl:{content:{width:480}}},M={default:{arrowTip:{borderColor:"border"},content:{"--popover-bg":"colors.background.default","--hovercard-bg":"colors.background.default",borderColor:"border",color:"text.default"}},defaultDestructive:{arrowTip:{borderColor:"border"},content:{"--popover-bg":"colors.background.default","--hovercard-bg":"colors.background.default",borderColor:"border",color:"text.default"}},contrast:{arrowTip:{borderColor:"border.contrast"},content:{"--popover-bg":"colors.background.contrast","--hovercard-bg":"colors.background.contrast",borderColor:"border.contrast",color:"text.contrast"}},contrastDestructive:{arrowTip:{borderColor:"border.contrast"},content:{"--popover-bg":"colors.background.contrast","--hovercard-bg":"colors.background.contrast",borderColor:"border.contrast",color:"text.contrast"}}},w=H.defineSlotRecipe({slots:F,base:{arrowTip:{borderTopWidth:"1px",borderInlineStartWidth:"1px",top:"-1px !important"},body:{p:3},content:{borderRadius:"base",border:"1px",p:0},footer:{borderTop:0,borderRadius:"inherit",pb:3,pt:0,px:3},header:{borderBottom:0,borderRadius:"inherit",minH:6,pb:0,pt:3,px:3,w:"100%"},trigger:{width:"max-content"}},variants:{size:W,variant:M},defaultVariants:{size:"sm",variant:"default"}}),I=({children:t,color:l,hideCloseButton:c=!1,onContrast:p=!0,onClose:s,size:u="sm",trigger:n,...i})=>{const v=R.useSlotRecipe({recipe:w})(),{setOpen:x}=n==="hover"?r.useHoverCardContext():T.usePopoverContext();return o.jsxRuntimeExports.jsxs(C.Flex,{className:"Popover__HeaderWrapper","data-testid":"kibble-popover-header-wrapper",css:v.header,...i,children:[o.jsxRuntimeExports.jsx(S.WrappedHeading,{className:"Popover__Header","data-testid":"kibble-popover-header",size:u,color:l||"inherit",children:t}),!c&&o.jsxRuntimeExports.jsx(j.Button,{className:"Popover__CloseButton","data-testid":"kibble-popover-close-button",variant:"ghostNeutral",onContrast:p,onClick:s||(()=>x(!1)),iconName:"close",position:"absolute",right:1,top:1,size:"xs"})]})},V=({children:t,disabled:l,hideButtons:c=!1,hideCancelButton:p=!1,destructive:s,loading:u,onCancel:n,onContrast:i=!0,onSubmit:P,submitText:v="Submit",trigger:x,...m})=>{const b=R.useSlotRecipe({recipe:w})(),{setOpen:a}=x==="hover"?r.useHoverCardContext():T.usePopoverContext(),h=()=>{n&&n(),a(!1)};return o.jsxRuntimeExports.jsxs(C.Flex,{className:"Popover__Footer","data-testid":"kibble-popover-footer",css:b.footer,...m,children:[t,!c&&o.jsxRuntimeExports.jsxs(C.Flex,{w:"100%",children:[!p&&o.jsxRuntimeExports.jsx(j.Button,{variant:"tertiary",onContrast:i,size:"sm",onClick:h,children:"Cancel"}),o.jsxRuntimeExports.jsx(y,{}),o.jsxRuntimeExports.jsx(j.Button,{onClick:P,loading:u,disabled:l,size:"sm",onContrast:i,variant:s?"primaryDestructive":"primary",children:v})]})]})},k=B.default.forwardRef((t,l)=>{const{allowEscape:c=!0,anchor:p,children:s,contentProps:u,footerProps:n,headerProps:i,disabled:P=!1,portalled:v=!0,placement:x="bottom",positioning:m,size:_="sm",trigger:b="click",variant:a="default",...h}=t,d=b==="hover"?D:O,g=R.useSlotRecipe({recipe:w})({variant:a,size:_});if(P)return p;const f=a==="contrast"||a==="contrastDestructive";return o.jsxRuntimeExports.jsxs(d.Root,{closeOnEscape:c,closeOnInteractOutside:c,positioning:{...m,placement:m?.placement||x},...h,children:[o.jsxRuntimeExports.jsx(d.Trigger,{asChild:!0,className:"Popover__Trigger","data-testid":"kibble-popover-trigger",children:p}),o.jsxRuntimeExports.jsx(A.Portal,{disabled:!v,children:o.jsxRuntimeExports.jsx(d.Positioner,{className:"Popover","data-testid":"kibble-popover",children:o.jsxRuntimeExports.jsxs(d.Content,{className:"Popover__Content","data-testid":"kibble-popover-content",ref:l,...u,css:g.content,children:[o.jsxRuntimeExports.jsx(d.Arrow,{className:"Popover__Arrow","data-testid":"kibble-popover-arrow",css:g.arrow,children:o.jsxRuntimeExports.jsx(d.ArrowTip,{css:g.arrowTip})}),i&&o.jsxRuntimeExports.jsx(I,{trigger:b,onContrast:f,...i}),o.jsxRuntimeExports.jsx(N.Box,{className:"Popover__Body","data-testid":"kibble-popover-body",css:g.body,children:typeof s=="string"?o.jsxRuntimeExports.jsx(r.WrappedText,{variant:f?"onContrast":"default",size:"sm",children:s}):s}),n&&o.jsxRuntimeExports.jsx(V,{trigger:b,destructive:a==="contrastDestructive"||a==="defaultDestructive",onContrast:f,...n})]})})})]})});k.displayName="Popover";exports.Popover=k;
|
|
2
|
-
//# sourceMappingURL=popover.component-XAG_EQKh.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"popover.component-XAG_EQKh.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/spacer/spacer.js","../../src/components/Popover/popover.recipe.ts","../../src/components/Popover/components/PopoverHeader/popoverHeader.component.tsx","../../src/components/Popover/components/PopoverFooter/popoverFooter.component.tsx","../../src/components/Popover/popover.component.tsx"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { chakra } from '../../styled-system/factory.js';\n\nconst Spacer = chakra(\"div\", {\n base: {\n flex: 1,\n justifySelf: \"stretch\",\n alignSelf: \"stretch\"\n }\n});\nSpacer.displayName = \"Spacer\";\n\nexport { Spacer };\n","import {\n defineSlotRecipe,\n SystemStyleObject,\n} from \"@chakra-ui/react/styled-system\";\nimport { PopoverSize, PopoverVariant } from \"./popover.types\";\n\ntype PopoverSlot =\n | \"root\"\n | \"content\"\n | \"arrow\"\n | \"arrowTip\"\n | \"body\"\n | \"header\"\n | \"footer\"\n | \"trigger\";\nconst popoverSlots: PopoverSlot[] = [\n \"root\",\n \"content\",\n \"arrow\",\n \"arrowTip\",\n \"body\",\n \"header\",\n \"footer\",\n \"trigger\",\n] as const;\ntype PopoverSlotStyles = {\n [key in PopoverSlot]?: SystemStyleObject;\n};\n\nconst popoverSizeStyles: Record<PopoverSize, PopoverSlotStyles> = {\n xs: {\n content: {\n width: 160,\n },\n },\n sm: {\n content: {\n width: 200,\n },\n },\n md: {\n content: {\n width: 260,\n },\n },\n lg: {\n content: {\n width: 320,\n },\n },\n xl: {\n content: {\n width: 480,\n },\n },\n};\n\nconst popoverVariantStyles: Record<PopoverVariant, PopoverSlotStyles> = {\n default: {\n arrowTip: {\n borderColor: \"border\",\n },\n content: {\n \"--popover-bg\": \"colors.background.default\",\n \"--hovercard-bg\": \"colors.background.default\",\n borderColor: \"border\",\n color: \"text.default\",\n },\n },\n defaultDestructive: {\n arrowTip: {\n borderColor: \"border\",\n },\n content: {\n \"--popover-bg\": \"colors.background.default\",\n \"--hovercard-bg\": \"colors.background.default\",\n borderColor: \"border\",\n color: \"text.default\",\n },\n },\n contrast: {\n arrowTip: {\n borderColor: \"border.contrast\",\n },\n content: {\n \"--popover-bg\": \"colors.background.contrast\",\n \"--hovercard-bg\": \"colors.background.contrast\",\n borderColor: \"border.contrast\",\n color: \"text.contrast\",\n },\n },\n contrastDestructive: {\n arrowTip: {\n borderColor: \"border.contrast\",\n },\n content: {\n \"--popover-bg\": \"colors.background.contrast\",\n \"--hovercard-bg\": \"colors.background.contrast\",\n borderColor: \"border.contrast\",\n color: \"text.contrast\",\n },\n },\n};\n\nexport const popoverRecipe = defineSlotRecipe({\n slots: popoverSlots,\n base: {\n arrowTip: {\n borderTopWidth: \"1px\",\n borderInlineStartWidth: \"1px\",\n top: \"-1px !important\",\n },\n body: {\n p: 3,\n },\n content: {\n borderRadius: \"base\",\n border: \"1px\",\n p: 0,\n },\n footer: {\n borderTop: 0,\n borderRadius: \"inherit\",\n pb: 3,\n pt: 0,\n px: 3,\n },\n header: {\n borderBottom: 0,\n borderRadius: \"inherit\",\n minH: 6,\n pb: 0,\n pt: 3,\n px: 3,\n w: \"100%\",\n },\n trigger: {\n width: \"max-content\",\n },\n },\n variants: {\n size: popoverSizeStyles,\n variant: popoverVariantStyles,\n },\n defaultVariants: {\n size: \"sm\",\n variant: \"default\",\n },\n});\n","import React, { ReactNode } from \"react\";\nimport { usePopoverContext } from \"@chakra-ui/react/popover\";\nimport { useHoverCardContext } from \"@chakra-ui/react/hover-card\";\nimport { Heading, HeadingSize } from \"components/Heading\";\nimport { Button } from \"components/Button/button.component\";\nimport { Flex, FlexProps } from \"@chakra-ui/react/flex\";\nimport { popoverRecipe } from \"../../popover.recipe\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { PopoverTriggerType } from \"../../popover.types\";\n\nexport interface PopoverHeaderProps extends FlexProps {\n children?: ReactNode;\n hideCloseButton?: boolean;\n onClose?: () => void;\n onContrast?: boolean;\n size?: HeadingSize;\n}\n\ninterface InternalPopoverHeaderProps extends PopoverHeaderProps {\n trigger: PopoverTriggerType;\n}\n\nexport const PopoverHeader = ({\n children,\n color,\n hideCloseButton = false,\n onContrast = true,\n onClose,\n size = \"sm\",\n trigger,\n ...rest\n}: InternalPopoverHeaderProps): React.JSX.Element => {\n const recipe = useSlotRecipe({ recipe: popoverRecipe });\n const styles = recipe();\n const { setOpen } =\n // eslint-disable-next-line react-hooks/rules-of-hooks\n trigger === \"hover\" ? useHoverCardContext() : usePopoverContext();\n\n return (\n <Flex\n className=\"Popover__HeaderWrapper\"\n data-testid=\"kibble-popover-header-wrapper\"\n css={styles.header}\n {...rest}\n >\n <Heading\n className=\"Popover__Header\"\n data-testid=\"kibble-popover-header\"\n size={size}\n color={color || \"inherit\"}\n >\n {children}\n </Heading>\n {!hideCloseButton && (\n <Button\n className=\"Popover__CloseButton\"\n data-testid=\"kibble-popover-close-button\"\n variant=\"ghostNeutral\"\n onContrast={onContrast}\n onClick={onClose ? onClose : (): void => setOpen(false)}\n iconName=\"close\"\n position=\"absolute\"\n right={1}\n top={1}\n size=\"xs\"\n />\n )}\n </Flex>\n );\n};\n","import React, { ReactNode } from \"react\";\nimport { usePopoverContext } from \"@chakra-ui/react/popover\";\nimport { useHoverCardContext } from \"@chakra-ui/react/hover-card\";\nimport { Spacer } from \"@chakra-ui/react/spacer\";\nimport { Button } from \"components/Button/button.component\";\nimport { Flex, FlexProps } from \"@chakra-ui/react/flex\";\nimport { popoverRecipe } from \"../../popover.recipe\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { PopoverTriggerType } from \"../../popover.types\";\n\nexport interface PopoverFooterProps extends FlexProps {\n children?: ReactNode;\n disabled?: boolean;\n hideButtons?: boolean;\n hideCancelButton?: boolean;\n destructive?: boolean;\n loading?: boolean;\n onCancel?: () => void;\n onContrast?: boolean;\n onSubmit?: () => void;\n submitText?: string;\n}\n\ninterface InternalPopoverFooterProps extends PopoverFooterProps {\n trigger: PopoverTriggerType;\n}\n\nexport const PopoverFooter = ({\n children,\n disabled,\n hideButtons = false,\n hideCancelButton = false,\n destructive,\n loading,\n onCancel,\n onContrast = true,\n onSubmit,\n submitText = \"Submit\",\n trigger,\n ...rest\n}: InternalPopoverFooterProps): React.JSX.Element => {\n const recipe = useSlotRecipe({ recipe: popoverRecipe });\n const styles = recipe();\n const { setOpen } =\n // eslint-disable-next-line react-hooks/rules-of-hooks\n trigger === \"hover\" ? useHoverCardContext() : usePopoverContext();\n\n const handleCancel = (): void => {\n if (onCancel) {\n onCancel();\n }\n setOpen(false);\n };\n\n return (\n <Flex\n className=\"Popover__Footer\"\n data-testid=\"kibble-popover-footer\"\n css={styles.footer}\n {...rest}\n >\n {children}\n {!hideButtons && (\n <Flex w=\"100%\">\n {!hideCancelButton && (\n <Button\n variant=\"tertiary\"\n onContrast={onContrast}\n size=\"sm\"\n onClick={handleCancel}\n >\n Cancel\n </Button>\n )}\n <Spacer />\n <Button\n onClick={onSubmit}\n loading={loading}\n disabled={disabled}\n size=\"sm\"\n onContrast={onContrast}\n variant={destructive ? \"primaryDestructive\" : \"primary\"}\n >\n {submitText}\n </Button>\n </Flex>\n )}\n </Flex>\n );\n};\n","import React from \"react\";\nimport { Popover as CPopover } from \"@chakra-ui/react/popover\";\nimport { HoverCard } from \"@chakra-ui/react/hover-card\";\nimport { Portal } from \"@chakra-ui/react/portal\";\nimport { Placement } from \"shared/types/placement\";\nimport { Text } from \"components/Text/text.component\";\nimport {\n PopoverSize,\n PopoverTriggerType,\n PopoverVariant,\n} from \"./popover.types\";\nimport {\n PopoverHeader,\n PopoverHeaderProps,\n} from \"./components/PopoverHeader/popoverHeader.component\";\nimport {\n PopoverFooter,\n PopoverFooterProps,\n} from \"./components/PopoverFooter/popoverFooter.component\";\nimport { Box } from \"@chakra-ui/react/box\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { popoverRecipe } from \"./popover.recipe\";\n\nexport interface KPopoverProps {\n allowEscape?: boolean;\n anchor: React.ReactNode;\n contentProps?: CPopover.ContentProps;\n disabled?: boolean;\n footerProps?: PopoverFooterProps;\n headerProps?: PopoverHeaderProps;\n portalled?: boolean;\n placement?: Placement;\n size?: PopoverSize;\n trigger?: PopoverTriggerType;\n variant?: PopoverVariant;\n}\n\ninterface ClickPopoverProps extends CPopover.RootProps {\n trigger?: \"click\";\n}\n\ninterface HoverPopoverProps extends HoverCard.RootProps {\n trigger?: \"hover\";\n}\n\nexport type PopoverProps = KPopoverProps &\n (ClickPopoverProps | HoverPopoverProps);\n\nexport const Popover = React.forwardRef<HTMLDivElement, PopoverProps>(\n (props, ref): React.ReactNode => {\n const {\n allowEscape = true,\n anchor,\n children,\n contentProps,\n footerProps,\n headerProps,\n disabled = false,\n portalled = true,\n placement = \"bottom\",\n positioning,\n size = \"sm\",\n trigger = \"click\",\n variant = \"default\",\n ...rest\n } = props;\n const Element = trigger === \"hover\" ? HoverCard : CPopover;\n const recipe = useSlotRecipe({ recipe: popoverRecipe });\n const styles = recipe({ variant, size });\n\n if (disabled) return anchor;\n\n const onContrast =\n variant === \"contrast\" || variant === \"contrastDestructive\";\n\n return (\n <Element.Root\n closeOnEscape={allowEscape}\n closeOnInteractOutside={allowEscape}\n positioning={{\n ...positioning,\n placement: positioning?.placement || placement,\n }}\n {...rest}\n >\n <Element.Trigger\n asChild\n className=\"Popover__Trigger\"\n data-testid=\"kibble-popover-trigger\"\n >\n {anchor}\n </Element.Trigger>\n <Portal disabled={!portalled}>\n <Element.Positioner className=\"Popover\" data-testid=\"kibble-popover\">\n <Element.Content\n className=\"Popover__Content\"\n data-testid=\"kibble-popover-content\"\n ref={ref}\n {...contentProps}\n css={styles.content}\n >\n <Element.Arrow\n className=\"Popover__Arrow\"\n data-testid=\"kibble-popover-arrow\"\n css={styles.arrow}\n >\n <Element.ArrowTip css={styles.arrowTip} />\n </Element.Arrow>\n {headerProps && (\n <PopoverHeader\n trigger={trigger}\n onContrast={onContrast}\n {...headerProps}\n />\n )}\n <Box\n className=\"Popover__Body\"\n data-testid=\"kibble-popover-body\"\n css={styles.body}\n >\n {typeof children === \"string\" ? (\n <Text\n variant={onContrast ? \"onContrast\" : \"default\"}\n size=\"sm\"\n >\n {children}\n </Text>\n ) : (\n children\n )}\n </Box>\n {footerProps && (\n <PopoverFooter\n trigger={trigger}\n destructive={\n variant === \"contrastDestructive\" ||\n variant === \"defaultDestructive\"\n }\n onContrast={onContrast}\n {...footerProps}\n />\n )}\n </Element.Content>\n </Element.Positioner>\n </Portal>\n </Element.Root>\n );\n },\n);\n\nPopover.displayName = \"Popover\";\n"],"names":["Spacer","chakra","popoverSlots","popoverSizeStyles","popoverVariantStyles","popoverRecipe","defineSlotRecipe","PopoverHeader","children","color","hideCloseButton","onContrast","onClose","size","trigger","rest","styles","useSlotRecipe","setOpen","useHoverCardContext","usePopoverContext","jsxs","Flex","jsx","Heading","Button","PopoverFooter","disabled","hideButtons","hideCancelButton","destructive","loading","onCancel","onSubmit","submitText","handleCancel","Popover","React","props","ref","allowEscape","anchor","contentProps","footerProps","headerProps","portalled","placement","positioning","variant","Element","HoverCard","CPopover","Portal","Box","Text"],"mappings":"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","x_google_ignoreList":[0]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";const o=require("./jsx-runtime-BjDatQAs.js"),m=require("react"),a=require("./withTruncation-DfW-AFRe.js"),s=require("./format-BRt-TIiQ.js");function x(t){return s.constructFrom(t,Date.now())}function f(t,e,r){const[n,i]=s.normalizeDates(r?.in,t,e);return+s.startOfDay(n)==+s.startOfDay(i)}function p(t,e){return f(s.constructFrom(t,t),x(t))}const l=({date:t,timeFormat:e="h:mma",dateFormat:r="M/d/yy",shouldTodayDisplayTimeOnly:n=!0,tooltipLabel:i,textProps:c})=>{const u=m.useMemo(()=>s.format(t,p(t)&&n?e:r),[t,r,n,e]);return o.jsxRuntimeExports.jsx(a.Tooltip,{disabled:!i,label:i||"",children:o.jsxRuntimeExports.jsx(a.WrappedText,{className:"Timestamp","data-testid":"kibble-timestamp",variant:"subtle",size:"xs",textTransform:"lowercase",...c,children:u})})};exports.Timestamp=l;
|
|
2
|
-
//# sourceMappingURL=timestamp.component-AfZBeSJ0.js.map
|