@televet/kibble-ui 4.0.0-beta.127 → 4.0.0-beta.129
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-DMRaA_Ku.js → alert.types-kAvlVPfo.js} +3 -3
- package/dist/chunks/{alert.types-DMRaA_Ku.js.map → alert.types-kAvlVPfo.js.map} +1 -1
- package/dist/chunks/{avatar.component-9ntfFFdO.js → avatar.component-DGfWk-0y.js} +12 -12
- package/dist/chunks/{avatar.component-9ntfFFdO.js.map → avatar.component-DGfWk-0y.js.map} +1 -1
- package/dist/chunks/{avatarGroup.component-D3hnTX1G.js → avatarGroup.component-BZNCUbR4.js} +2 -2
- package/dist/chunks/{avatarGroup.component-D3hnTX1G.js.map → avatarGroup.component-BZNCUbR4.js.map} +1 -1
- package/dist/chunks/{buttonGroup.component-BHDnteYx.js → buttonGroup.component-Hf7tGheU.js} +2 -2
- package/dist/chunks/{buttonGroup.component-BHDnteYx.js.map → buttonGroup.component-Hf7tGheU.js.map} +1 -1
- package/dist/chunks/{characterCounter.component-vK94fENA.js → characterCounter.component-ox9jRwSj.js} +2 -2
- package/dist/chunks/{characterCounter.component-vK94fENA.js.map → characterCounter.component-ox9jRwSj.js.map} +1 -1
- package/dist/chunks/{checkbox.anatomy-DCCPwuXc.js → checkbox.anatomy-Cay-Mr3g.js} +7 -7
- package/dist/chunks/{checkbox.anatomy-DCCPwuXc.js.map → checkbox.anatomy-Cay-Mr3g.js.map} +1 -1
- package/dist/chunks/{checkbox.component-BR65eR9h.js → checkbox.component-Wke7fO3F.js} +6 -6
- package/dist/chunks/{checkbox.component-BR65eR9h.js.map → checkbox.component-Wke7fO3F.js.map} +1 -1
- package/dist/chunks/{checkboxGroup.component-Ch2eLuiA.js → checkboxGroup.component-BTWYKZIw.js} +3 -3
- package/dist/chunks/{checkboxGroup.component-Ch2eLuiA.js.map → checkboxGroup.component-BTWYKZIw.js.map} +1 -1
- package/dist/chunks/{conversationCard.component-DQqpy-FX.js → conversationCard.component-F4TRYMIP.js} +7 -7
- package/dist/chunks/{conversationCard.component-DQqpy-FX.js.map → conversationCard.component-F4TRYMIP.js.map} +1 -1
- package/dist/chunks/{datePicker.component-Dwu1QDNa.js → datePicker.component-7v8Bqmkg.js} +7 -7
- package/dist/chunks/{datePicker.component-Dwu1QDNa.js.map → datePicker.component-7v8Bqmkg.js.map} +1 -1
- package/dist/chunks/{dialog-Bnb0zdk3.js → dialog-HKVwK8-N.js} +11 -11
- package/dist/chunks/{dialog-Bnb0zdk3.js.map → dialog-HKVwK8-N.js.map} +1 -1
- package/dist/chunks/{heading.component-D02MeQPl.js → heading.component-Cgi_rt8Q.js} +2 -2
- package/dist/chunks/{heading.component-D02MeQPl.js.map → heading.component-Cgi_rt8Q.js.map} +1 -1
- package/dist/chunks/{index-CjxarSH6.js → index-50yAcekU.js} +14 -14
- package/dist/chunks/{index-CjxarSH6.js.map → index-50yAcekU.js.map} +1 -1
- package/dist/chunks/{index-O8mh7GXa.js → index-BZO9oWt_.js} +2 -2
- package/dist/chunks/{index-O8mh7GXa.js.map → index-BZO9oWt_.js.map} +1 -1
- package/dist/chunks/{index-BxaZhr7r.js → index-C9d2jvcj.js} +2 -2
- package/dist/chunks/{index-BxaZhr7r.js.map → index-C9d2jvcj.js.map} +1 -1
- package/dist/chunks/{index-BDT37VpI.js → index-CIWHjZGL.js} +2 -2
- package/dist/chunks/{index-BDT37VpI.js.map → index-CIWHjZGL.js.map} +1 -1
- package/dist/chunks/{index-C2oFXalq.js → index-ChpoK9RR.js} +5 -5
- package/dist/chunks/{index-C2oFXalq.js.map → index-ChpoK9RR.js.map} +1 -1
- package/dist/chunks/{index-DTrxnRef.js → index-CxYbW27D.js} +2 -2
- package/dist/chunks/{index-DTrxnRef.js.map → index-CxYbW27D.js.map} +1 -1
- package/dist/chunks/{index-DTQrSVxW.js → index-D6LpzELR.js} +2 -2
- package/dist/chunks/{index-DTQrSVxW.js.map → index-D6LpzELR.js.map} +1 -1
- package/dist/chunks/{index-yedK3W08.js → index-DlJs9pM6.js} +2 -2
- package/dist/chunks/{index-yedK3W08.js.map → index-DlJs9pM6.js.map} +1 -1
- package/dist/chunks/{index-DT2ktill.js → index-LDZVYRQt.js} +2 -2
- package/dist/chunks/{index-DT2ktill.js.map → index-LDZVYRQt.js.map} +1 -1
- package/dist/chunks/logo.types-R7sXqcB4.js +2 -0
- package/dist/chunks/logo.types-R7sXqcB4.js.map +1 -0
- package/dist/chunks/{logo.types-CYh7XPT1.js → logo.types-jb-f-Z1C.js} +14 -11
- package/dist/chunks/logo.types-jb-f-Z1C.js.map +1 -0
- package/dist/chunks/{menu.component-fFdY9cMO.js → menu.component-BPggXzkH.js} +7 -7
- package/dist/chunks/{menu.component-fFdY9cMO.js.map → menu.component-BPggXzkH.js.map} +1 -1
- package/dist/chunks/{modal.types-DxZhJFBH.js → modal.types-4zzWdH2-.js} +4 -4
- package/dist/chunks/{modal.types-DxZhJFBH.js.map → modal.types-4zzWdH2-.js.map} +1 -1
- package/dist/chunks/{pinInput.types-BW8TUMvl.js → pinInput.types-Bz0HF7PQ.js} +8 -8
- package/dist/chunks/{pinInput.types-BW8TUMvl.js.map → pinInput.types-Bz0HF7PQ.js.map} +1 -1
- package/dist/chunks/{popover-root-provider-BmcuNR6d.js → popover-root-provider-C-Z3nqiD.js} +15 -15
- package/dist/chunks/{popover-root-provider-BmcuNR6d.js.map → popover-root-provider-C-Z3nqiD.js.map} +1 -1
- package/dist/chunks/{popover.component-DlFFiYME.js → popover.component-BOUBKQSa.js} +7 -7
- package/dist/chunks/{popover.component-DlFFiYME.js.map → popover.component-BOUBKQSa.js.map} +1 -1
- package/dist/chunks/{popover.recipe-khnBScTr.js → popover.recipe-qpxHK0Qz.js} +8 -8
- package/dist/chunks/{popover.recipe-khnBScTr.js.map → popover.recipe-qpxHK0Qz.js.map} +1 -1
- package/dist/chunks/radioGroup.types-BEIDLWVD.js +2 -0
- package/dist/chunks/radioGroup.types-BEIDLWVD.js.map +1 -0
- package/dist/chunks/radioGroup.types-CaOuRCIT.js +219 -0
- package/dist/chunks/radioGroup.types-CaOuRCIT.js.map +1 -0
- package/dist/chunks/{ratingDots.component-CuKKpqru.js → ratingDots.component-BSxsE3Ri.js} +3 -3
- package/dist/chunks/{ratingDots.component-CuKKpqru.js.map → ratingDots.component-BSxsE3Ri.js.map} +1 -1
- package/dist/chunks/{render-strategy-QburwdUo.js → render-strategy-dTkof8Jm.js} +2 -2
- package/dist/chunks/{render-strategy-QburwdUo.js.map → render-strategy-dTkof8Jm.js.map} +1 -1
- package/dist/chunks/{select.component-DEf5MiUc.js → select.component-CiPijmQE.js} +8 -8
- package/dist/chunks/{select.component-DEf5MiUc.js.map → select.component-CiPijmQE.js.map} +1 -1
- package/dist/chunks/{sortableList.component-DW832-HJ.js → sortableList.component-CjfPYcdW.js} +3 -3
- package/dist/chunks/{sortableList.component-DW832-HJ.js.map → sortableList.component-CjfPYcdW.js.map} +1 -1
- package/dist/chunks/{spinner.component-BcOsuuIq.js → spinner.component-vkhAVeU1.js} +2 -2
- package/dist/chunks/{spinner.component-BcOsuuIq.js.map → spinner.component-vkhAVeU1.js.map} +1 -1
- package/dist/chunks/{styledAvatar.types-DuRUjNh6.js → styledAvatar.types-TEOKzzqn.js} +2 -2
- package/dist/chunks/{styledAvatar.types-DuRUjNh6.js.map → styledAvatar.types-TEOKzzqn.js.map} +1 -1
- package/dist/chunks/{switch.component-NP_hIh2c.js → switch.component-B8gX8Te0.js} +16 -16
- package/dist/chunks/{switch.component-NP_hIh2c.js.map → switch.component-B8gX8Te0.js.map} +1 -1
- package/dist/chunks/{tab.types-DjQ-zWh3.js → tab.types-eHuXLv2i.js} +4 -4
- package/dist/chunks/{tab.types-DjQ-zWh3.js.map → tab.types-eHuXLv2i.js.map} +1 -1
- package/dist/chunks/{tagBlock.component-jWG9O22v.js → tagBlock.component-xwy8mG6_.js} +5 -5
- package/dist/chunks/{tagBlock.component-jWG9O22v.js.map → tagBlock.component-xwy8mG6_.js.map} +1 -1
- package/dist/chunks/{text.component-BthmuMFV.js → text.component-nhTe7fy0.js} +2 -2
- package/dist/chunks/{text.component-BthmuMFV.js.map → text.component-nhTe7fy0.js.map} +1 -1
- package/dist/chunks/{textInput.component-C8R6bZLW.js → textInput.component-GBvY3agL.js} +5 -5
- package/dist/chunks/{textInput.component-C8R6bZLW.js.map → textInput.component-GBvY3agL.js.map} +1 -1
- package/dist/chunks/{textarea.component-DMisQzyb.js → textarea.component-DPI4Y1tG.js} +5 -5
- package/dist/chunks/{textarea.component-DMisQzyb.js.map → textarea.component-DPI4Y1tG.js.map} +1 -1
- package/dist/chunks/{theme.provider-DJQeMr5K.js → theme.provider-Din1M63M.js} +14 -14
- package/dist/chunks/{theme.provider-DJQeMr5K.js.map → theme.provider-Din1M63M.js.map} +1 -1
- package/dist/chunks/{timePicker.component-B8Md1wxz.js → timePicker.component-B-zof_x8.js} +3 -3
- package/dist/chunks/{timePicker.component-B8Md1wxz.js.map → timePicker.component-B-zof_x8.js.map} +1 -1
- package/dist/chunks/{timeRange.component-DtNIkrsw.js → timeRange.component-CrHyiWyg.js} +2 -2
- package/dist/chunks/{timeRange.component-DtNIkrsw.js.map → timeRange.component-CrHyiWyg.js.map} +1 -1
- package/dist/chunks/{timestamp.component-NeJlrbsQ.js → timestamp.component-Cm2EcVTa.js} +3 -3
- package/dist/chunks/{timestamp.component-NeJlrbsQ.js.map → timestamp.component-Cm2EcVTa.js.map} +1 -1
- package/dist/chunks/{tooltip.component-B15VGEn1.js → tooltip.component-CZjm8G_B.js} +2 -2
- package/dist/chunks/{tooltip.component-B15VGEn1.js.map → tooltip.component-CZjm8G_B.js.map} +1 -1
- package/dist/chunks/{use-field-context-DsQFT-Te.js → use-field-context-DF-c50-r.js} +2 -2
- package/dist/chunks/{use-field-context-DsQFT-Te.js.map → use-field-context-DF-c50-r.js.map} +1 -1
- package/dist/chunks/{use-locale-context-BA2M-8sK.js → use-locale-context-DMynFc1_.js} +10 -10
- package/dist/chunks/{use-locale-context-BA2M-8sK.js.map → use-locale-context-DMynFc1_.js.map} +1 -1
- package/dist/chunks/use-radio-group-9-qfzljd.js +2 -0
- package/dist/chunks/use-radio-group-9-qfzljd.js.map +1 -0
- package/dist/chunks/use-radio-group-DdVEhdry.js +16 -0
- package/dist/chunks/use-radio-group-DdVEhdry.js.map +1 -0
- package/dist/chunks/{withFormControl-CCJImQAG.js → withFormControl-6X6RWCqX.js} +21 -21
- package/dist/chunks/{withFormControl-CCJImQAG.js.map → withFormControl-6X6RWCqX.js.map} +1 -1
- package/dist/chunks/{withTruncation-DgpjWopq.js → withTruncation-DLR1Illa.js} +2 -2
- package/dist/chunks/{withTruncation-DgpjWopq.js.map → withTruncation-DLR1Illa.js.map} +1 -1
- package/dist/cjs/chakra/index.cjs +1 -1
- package/dist/cjs/chakra/index.cjs.map +1 -1
- package/dist/cjs/components/Logo/index.cjs +1 -1
- package/dist/cjs/components/RadioGroup/index.cjs +1 -1
- package/dist/cjs/components/index.cjs +1 -1
- package/dist/cjs/index.cjs +1 -1
- package/dist/esm/chakra/index.js +12 -10
- package/dist/esm/chakra/index.js.map +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/Logo/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/chakra/index.d.ts +1 -1
- package/dist/types/components/Logo/logo.component.d.ts +2 -3
- package/dist/types/components/Logo/logo.recipe.d.ts +20 -1
- package/dist/types/components/Logo/logo.types.d.ts +2 -0
- package/package.json +1 -1
- package/dist/chunks/logo.types-CYh7XPT1.js.map +0 -1
- package/dist/chunks/logo.types-DySDOgO1.js +0 -2
- package/dist/chunks/logo.types-DySDOgO1.js.map +0 -1
- package/dist/chunks/radioGroup.types-Bm6SHbbS.js +0 -2
- package/dist/chunks/radioGroup.types-Bm6SHbbS.js.map +0 -1
- package/dist/chunks/radioGroup.types-CA2oK1Am.js +0 -227
- package/dist/chunks/radioGroup.types-CA2oK1Am.js.map +0 -1
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { j as n } from "./jsx-runtime-C5mzlN2N.js";
|
|
2
2
|
import W, { forwardRef as h, useState as $, useCallback as M, useMemo as q, useId as T } from "react";
|
|
3
|
-
import { w as D } from "./withFormControl-
|
|
4
|
-
import { W as F } from "./text.component-
|
|
3
|
+
import { w as D } from "./withFormControl-6X6RWCqX.js";
|
|
4
|
+
import { W as F } from "./text.component-nhTe7fy0.js";
|
|
5
5
|
import { c as Y } from "./create-slot-recipe-context-BJmsuxih.js";
|
|
6
6
|
import { c as p } from "./factory-Ctbv0Ozn.js";
|
|
7
7
|
import { d as B } from "./attr-sm10PXOd.js";
|
|
8
8
|
import { a as U } from "./empty-BU2EAux9.js";
|
|
9
9
|
import { u as z } from "./use-recipe-d63ABaZ3.js";
|
|
10
|
-
import { c as j,
|
|
11
|
-
import { c as ee, m as oe, a as te } from "./checkbox.anatomy-
|
|
10
|
+
import { c as j, i as b, o as J, a as g, u as K, b as Q, d as X, n as Z } from "./use-locale-context-DMynFc1_.js";
|
|
11
|
+
import { c as ee, m as oe, a as te } from "./checkbox.anatomy-Cay-Mr3g.js";
|
|
12
12
|
import { a1 as k } from "./index-1syExFDc.js";
|
|
13
|
-
import { u as N } from "./use-field-context-
|
|
13
|
+
import { u as N } from "./use-field-context-DF-c50-r.js";
|
|
14
14
|
const [V, f] = j({
|
|
15
15
|
name: "CheckboxContext",
|
|
16
16
|
hookName: "useCheckboxContext",
|
|
@@ -257,4 +257,4 @@ export {
|
|
|
257
257
|
Ge as W,
|
|
258
258
|
se as u
|
|
259
259
|
};
|
|
260
|
-
//# sourceMappingURL=checkbox.component-
|
|
260
|
+
//# sourceMappingURL=checkbox.component-Wke7fO3F.js.map
|
package/dist/chunks/{checkbox.component-BR65eR9h.js.map → checkbox.component-Wke7fO3F.js.map}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.component-BR65eR9h.js","sources":["../../node_modules/@ark-ui/react/dist/components/checkbox/use-checkbox-context.js","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-control.js","../../node_modules/@ark-ui/react/dist/utils/use-controllable-state.js","../../node_modules/@ark-ui/react/dist/components/checkbox/use-checkbox-group.js","../../node_modules/@ark-ui/react/dist/components/checkbox/use-checkbox-group-context.js","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-group.js","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-hidden-input.js","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-label.js","../../node_modules/@ark-ui/react/dist/components/checkbox/use-checkbox.js","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-root.js","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-root-provider.js","../../node_modules/@chakra-ui/react/dist/esm/components/checkmark/checkmark.js","../../node_modules/@chakra-ui/react/dist/esm/components/checkbox/checkbox.js","../../src/components/Checkbox/checkbox.component.tsx"],"sourcesContent":["'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [CheckboxProvider, useCheckboxContext] = createContext({\n name: \"CheckboxContext\",\n hookName: \"useCheckboxContext\",\n providerName: \"<CheckboxProvider />\"\n});\n\nexport { CheckboxProvider, useCheckboxContext };\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 { useCheckboxContext } from './use-checkbox-context.js';\n\nconst CheckboxControl = forwardRef((props, ref) => {\n const checkbox = useCheckboxContext();\n const mergedProps = mergeProps(checkbox.getControlProps(), props);\n return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nCheckboxControl.displayName = \"CheckboxControl\";\n\nexport { CheckboxControl };\n","'use client';\nimport { useState, useCallback } from 'react';\n\nfunction useControllableState(props) {\n const { value, onChange, defaultValue } = props;\n const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);\n const controlled = value !== void 0;\n const currentValue = controlled ? value : uncontrolledValue;\n const setValue = useCallback(\n (value2) => {\n if (controlled) {\n return onChange?.(value2);\n }\n setUncontrolledValue(value2);\n return onChange?.(value2);\n },\n [controlled, onChange]\n );\n return [currentValue, setValue];\n}\n\nexport { useControllableState };\n","'use client';\nimport { useControllableState } from '../../utils/use-controllable-state.js';\nimport { useEvent } from '../../utils/use-event.js';\n\nfunction useCheckboxGroup(props = {}) {\n const { defaultValue, value: controlledValue, onValueChange, disabled, readOnly, name, invalid } = props;\n const interactive = !(disabled || readOnly);\n const onChangeProp = useEvent(onValueChange, { sync: true });\n const [value, setValue] = useControllableState({\n value: controlledValue,\n defaultValue: defaultValue || [],\n onChange: onChangeProp\n });\n const isChecked = (val) => {\n return value.some((v) => String(v) === String(val));\n };\n const toggleValue = (val) => {\n isChecked(val) ? removeValue(val) : addValue(val);\n };\n const addValue = (val) => {\n if (!interactive) return;\n if (isChecked(val)) return;\n setValue(value.concat(val));\n };\n const removeValue = (val) => {\n if (!interactive) return;\n setValue(value.filter((v) => String(v) !== String(val)));\n };\n const getItemProps = (props2) => {\n return {\n checked: props2.value != null ? isChecked(props2.value) : void 0,\n onCheckedChange() {\n if (props2.value != null) {\n toggleValue(props2.value);\n }\n },\n name,\n disabled,\n readOnly,\n invalid\n };\n };\n return {\n isChecked,\n value,\n name,\n disabled: !!disabled,\n readOnly: !!readOnly,\n invalid: !!invalid,\n setValue,\n addValue,\n toggleValue,\n getItemProps\n };\n}\n\nexport { useCheckboxGroup };\n","'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [CheckboxGroupContextProvider, useCheckboxGroupContext] = createContext({\n name: \"CheckboxGroupContext\",\n hookName: \"useCheckboxGroupContext\",\n providerName: \"<CheckboxGroupProvider />\",\n strict: false\n});\n\nexport { CheckboxGroupContextProvider, useCheckboxGroupContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { checkboxAnatomy } from './checkbox.anatomy.js';\nimport { useCheckboxGroup } from './use-checkbox-group.js';\nimport { CheckboxGroupContextProvider } from './use-checkbox-group-context.js';\n\nconst CheckboxGroup = forwardRef((props, ref) => {\n const [checkboxGroupProps, localProps] = createSplitProps()(props, [\n \"defaultValue\",\n \"value\",\n \"onValueChange\",\n \"disabled\",\n \"invalid\",\n \"readOnly\",\n \"name\"\n ]);\n const checkboxGroup = useCheckboxGroup(checkboxGroupProps);\n return /* @__PURE__ */ jsx(CheckboxGroupContextProvider, { value: checkboxGroup, children: /* @__PURE__ */ jsx(ark.div, { ref, role: \"group\", ...localProps, ...checkboxAnatomy.build().group.attrs }) });\n});\nCheckboxGroup.displayName = \"CheckboxGroup\";\n\nexport { CheckboxGroup };\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 { useFieldContext } from '../field/use-field-context.js';\nimport { useCheckboxContext } from './use-checkbox-context.js';\n\nconst CheckboxHiddenInput = forwardRef((props, ref) => {\n const checkbox = useCheckboxContext();\n const mergedProps = mergeProps(checkbox.getHiddenInputProps(), props);\n const field = useFieldContext();\n return /* @__PURE__ */ jsx(ark.input, { \"aria-describedby\": field?.ariaDescribedby, ...mergedProps, ref });\n});\nCheckboxHiddenInput.displayName = \"CheckboxHiddenInput\";\n\nexport { CheckboxHiddenInput };\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 { useCheckboxContext } from './use-checkbox-context.js';\n\nconst CheckboxLabel = forwardRef((props, ref) => {\n const checkbox = useCheckboxContext();\n const mergedProps = mergeProps(checkbox.getLabelProps(), props);\n return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref });\n});\nCheckboxLabel.displayName = \"CheckboxLabel\";\n\nexport { CheckboxLabel };\n","'use client';\nimport * as checkbox from '@zag-js/checkbox';\nimport { mergeProps, useMachine, normalizeProps } from '@zag-js/react';\nimport { useMemo, useId } from 'react';\nimport { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';\nimport { useLocaleContext } from '../../providers/locale/use-locale-context.js';\nimport { useFieldContext } from '../field/use-field-context.js';\nimport { useCheckboxGroupContext } from './use-checkbox-group-context.js';\n\nconst useCheckbox = (ownProps = {}) => {\n const checkboxGroup = useCheckboxGroupContext();\n const field = useFieldContext();\n const props = useMemo(() => {\n return mergeProps(ownProps, checkboxGroup?.getItemProps({ value: ownProps.value }) ?? {});\n }, [ownProps, checkboxGroup]);\n const id = useId();\n const { getRootNode } = useEnvironmentContext();\n const { dir } = useLocaleContext();\n const machineProps = {\n id,\n ids: {\n label: field?.ids.label,\n hiddenInput: field?.ids.control\n },\n dir,\n disabled: field?.disabled,\n readOnly: field?.readOnly,\n invalid: field?.invalid,\n required: field?.required,\n getRootNode,\n ...props\n };\n const service = useMachine(checkbox.machine, machineProps);\n return checkbox.connect(service, normalizeProps);\n};\n\nexport { useCheckbox };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { useCheckbox } from './use-checkbox.js';\nimport { CheckboxProvider } from './use-checkbox-context.js';\n\nconst CheckboxRoot = forwardRef((props, ref) => {\n const [useCheckboxProps, localProps] = createSplitProps()(props, [\n \"checked\",\n \"defaultChecked\",\n \"disabled\",\n \"form\",\n \"id\",\n \"ids\",\n \"invalid\",\n \"name\",\n \"onCheckedChange\",\n \"readOnly\",\n \"required\",\n \"value\"\n ]);\n const checkbox = useCheckbox(useCheckboxProps);\n const mergedProps = mergeProps(checkbox.getRootProps(), localProps);\n return /* @__PURE__ */ jsx(CheckboxProvider, { value: checkbox, children: /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref }) });\n});\nCheckboxRoot.displayName = \"CheckboxRoot\";\n\nexport { CheckboxRoot };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { CheckboxProvider } from './use-checkbox-context.js';\n\nconst CheckboxRootProvider = forwardRef((props, ref) => {\n const [{ value: checkbox }, localProps] = createSplitProps()(props, [\"value\"]);\n const mergedProps = mergeProps(checkbox.getRootProps(), localProps);\n return /* @__PURE__ */ jsx(CheckboxProvider, { value: checkbox, children: /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref }) });\n});\nCheckboxRootProvider.displayName = \"CheckboxRootProvider\";\n\nexport { CheckboxRootProvider };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport { dataAttr } from '../../utils/attr.js';\nimport { EMPTY_STYLES } from '../../styled-system/empty.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { useRecipe } from '../../styled-system/use-recipe.js';\n\nconst Checkmark = forwardRef(\n function Checkmark2(props, ref) {\n const recipe = useRecipe({ key: \"checkmark\", recipe: props.recipe });\n const [variantProps, restProps] = recipe.splitVariantProps(props);\n const { checked, indeterminate, disabled, unstyled, children, ...rest } = restProps;\n const styles = unstyled ? EMPTY_STYLES : recipe(variantProps);\n return /* @__PURE__ */ jsx(\n chakra.svg,\n {\n ref,\n viewBox: \"0 0 24 24\",\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"3px\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n \"data-state\": indeterminate ? \"indeterminate\" : checked ? \"checked\" : \"unchecked\",\n \"data-disabled\": dataAttr(disabled),\n css: [styles, props.css],\n ...rest,\n children: indeterminate ? /* @__PURE__ */ jsx(\"path\", { d: \"M5 12h14\" }) : checked ? /* @__PURE__ */ jsx(\"polyline\", { points: \"20 6 9 17 4 12\" }) : null\n }\n );\n }\n);\n\nexport { Checkmark };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { Checkbox, useCheckboxContext } from '@ark-ui/react/checkbox';\nimport { forwardRef } from 'react';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { Checkmark } from '../checkmark/checkmark.js';\n\nconst {\n withProvider,\n withContext,\n useStyles: useCheckboxStyles,\n PropsProvider\n} = createSlotRecipeContext({ key: \"checkbox\" });\nconst CheckboxRootProvider = withProvider(Checkbox.RootProvider, \"root\", { forwardAsChild: true });\nconst CheckboxRoot = withProvider(\n Checkbox.Root,\n \"root\",\n { forwardAsChild: true }\n);\nconst CheckboxPropsProvider = PropsProvider;\nconst CheckboxLabel = withContext(\n Checkbox.Label,\n \"label\",\n { forwardAsChild: true }\n);\nconst CheckboxIndicator = forwardRef(function CheckboxIndicator2(props, ref) {\n const { checked, indeterminate, ...rest } = props;\n const api = useCheckboxContext();\n const styles = useCheckboxStyles();\n if (checked && api.checked) {\n return /* @__PURE__ */ jsx(\n chakra.svg,\n {\n ref,\n asChild: true,\n ...rest,\n css: [styles.indicator, props.css],\n children: checked\n }\n );\n }\n if (indeterminate && api.indeterminate) {\n return /* @__PURE__ */ jsx(\n chakra.svg,\n {\n ref,\n asChild: true,\n ...rest,\n css: [styles.indicator, props.css],\n children: indeterminate\n }\n );\n }\n return /* @__PURE__ */ jsx(\n Checkmark,\n {\n ref,\n checked: api.checked,\n indeterminate: api.indeterminate,\n disabled: api.disabled,\n unstyled: true,\n ...rest,\n css: [styles.indicator, props.css]\n }\n );\n});\nconst CheckboxControl = withContext(\n Checkbox.Control,\n \"control\",\n {\n forwardAsChild: true,\n defaultProps: { children: /* @__PURE__ */ jsx(CheckboxIndicator, {}) }\n }\n);\nconst CheckboxGroup = chakra(\n Checkbox.Group,\n {\n base: {\n display: \"flex\",\n flexDirection: \"column\",\n gap: \"1.5\"\n }\n },\n { forwardAsChild: true }\n);\nconst CheckboxContext = Checkbox.Context;\nconst CheckboxHiddenInput = Checkbox.HiddenInput;\n\nexport { CheckboxContext, CheckboxControl, CheckboxGroup, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxPropsProvider, CheckboxRoot, CheckboxRootProvider, useCheckboxStyles };\n","import React from 'react';\nimport { Checkbox as CCheckbox } from '@chakra-ui/react/checkbox';\nimport { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\nimport { FormControlSize } from 'hocs/withFormControl/withFormControl.types';\nimport { Text } from 'components/Text/text.component';\n\nexport interface CheckboxProps extends WithFormControlProps, CCheckbox.RootProps {\n checkboxRef?: React.Ref<HTMLInputElement | null>;\n indeterminate?: boolean;\n rootRef?: React.Ref<HTMLLabelElement | null>;\n size?: FormControlSize;\n withCard?: boolean;\n}\n\nconst Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(\n (\n { checkboxRef, children, indeterminate = false, onContrast, rootRef, size = 'md', withCard = false, ...rest },\n ref,\n ): React.ReactNode => {\n const _computedVariant = onContrast ? 'onContrast' : 'default';\n\n return (\n <CCheckbox.Root\n className=\"Checkbox\"\n data-testid=\"kibble-checkbox\"\n checked={indeterminate ? 'indeterminate' : rest.checked}\n ref={rootRef}\n variant={_computedVariant}\n size={size}\n withCard={withCard}\n {...rest}\n >\n <CCheckbox.HiddenInput\n className=\"Checkbox__Input\"\n data-testid=\"kibble-checkbox-input\"\n ref={checkboxRef || ref}\n />\n <CCheckbox.Control className=\"Checkbox__Control\" data-testid=\"kibble-checkbox-control\">\n <CCheckbox.Indicator className=\"Checkbox__Indicator\" data-testid=\"kibble-checkbox-indicator\" />\n </CCheckbox.Control>\n {!!children && (\n <CCheckbox.Label\n className=\"Checkbox__Label\"\n data-testid=\"kibble-checkbox-label\"\n {...(withCard && typeof children !== 'string' && { mt: '-4px' })}\n >\n {typeof children === 'string' ? (\n <Text size={size} lineHeight=\"unset\" variant={onContrast ? 'onContrast' : 'default'}>\n {children}\n </Text>\n ) : (\n children\n )}\n </CCheckbox.Label>\n )}\n </CCheckbox.Root>\n );\n },\n);\n\nCheckbox.displayName = 'Checkbox';\nconst WrappedCheckbox = withFormControl<CheckboxProps>(Checkbox);\n\nexport { WrappedCheckbox as Checkbox };\n"],"names":["CheckboxProvider","useCheckboxContext","createContext","CheckboxControl","forwardRef","props","ref","checkbox","mergedProps","mergeProps","jsx","ark","useControllableState","value","onChange","defaultValue","uncontrolledValue","setUncontrolledValue","useState","controlled","currentValue","setValue","useCallback","value2","useCheckboxGroup","controlledValue","onValueChange","disabled","readOnly","name","invalid","interactive","onChangeProp","useEvent","isChecked","val","toggleValue","removeValue","addValue","props2","CheckboxGroupContextProvider","useCheckboxGroupContext","CheckboxGroup","checkboxGroupProps","localProps","createSplitProps","checkboxGroup","checkboxAnatomy","CheckboxHiddenInput","field","useFieldContext","CheckboxLabel","useCheckbox","ownProps","useMemo","id","useId","getRootNode","useEnvironmentContext","dir","useLocaleContext","machineProps","service","useMachine","checkbox.machine","checkbox.connect","normalizeProps","CheckboxRoot","useCheckboxProps","CheckboxRootProvider","Checkmark","recipe","useRecipe","variantProps","restProps","checked","indeterminate","unstyled","children","rest","styles","EMPTY_STYLES","chakra","dataAttr","withProvider","withContext","useCheckboxStyles","createSlotRecipeContext","Checkbox.RootProvider","Checkbox.Root","Checkbox.Label","CheckboxIndicator","api","Checkbox.Control","Checkbox.Group","Checkbox.HiddenInput","Checkbox","React","checkboxRef","onContrast","rootRef","size","withCard","_computedVariant","jsxs","CCheckbox.Root","CCheckbox.HiddenInput","CCheckbox.Control","CCheckbox.Indicator","CCheckbox.Label","Text","WrappedCheckbox","withFormControl"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11,12]}
|
|
1
|
+
{"version":3,"file":"checkbox.component-Wke7fO3F.js","sources":["../../node_modules/@ark-ui/react/dist/components/checkbox/use-checkbox-context.js","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-control.js","../../node_modules/@ark-ui/react/dist/utils/use-controllable-state.js","../../node_modules/@ark-ui/react/dist/components/checkbox/use-checkbox-group.js","../../node_modules/@ark-ui/react/dist/components/checkbox/use-checkbox-group-context.js","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-group.js","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-hidden-input.js","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-label.js","../../node_modules/@ark-ui/react/dist/components/checkbox/use-checkbox.js","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-root.js","../../node_modules/@ark-ui/react/dist/components/checkbox/checkbox-root-provider.js","../../node_modules/@chakra-ui/react/dist/esm/components/checkmark/checkmark.js","../../node_modules/@chakra-ui/react/dist/esm/components/checkbox/checkbox.js","../../src/components/Checkbox/checkbox.component.tsx"],"sourcesContent":["'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [CheckboxProvider, useCheckboxContext] = createContext({\n name: \"CheckboxContext\",\n hookName: \"useCheckboxContext\",\n providerName: \"<CheckboxProvider />\"\n});\n\nexport { CheckboxProvider, useCheckboxContext };\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 { useCheckboxContext } from './use-checkbox-context.js';\n\nconst CheckboxControl = forwardRef((props, ref) => {\n const checkbox = useCheckboxContext();\n const mergedProps = mergeProps(checkbox.getControlProps(), props);\n return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });\n});\nCheckboxControl.displayName = \"CheckboxControl\";\n\nexport { CheckboxControl };\n","'use client';\nimport { useState, useCallback } from 'react';\n\nfunction useControllableState(props) {\n const { value, onChange, defaultValue } = props;\n const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);\n const controlled = value !== void 0;\n const currentValue = controlled ? value : uncontrolledValue;\n const setValue = useCallback(\n (value2) => {\n if (controlled) {\n return onChange?.(value2);\n }\n setUncontrolledValue(value2);\n return onChange?.(value2);\n },\n [controlled, onChange]\n );\n return [currentValue, setValue];\n}\n\nexport { useControllableState };\n","'use client';\nimport { useControllableState } from '../../utils/use-controllable-state.js';\nimport { useEvent } from '../../utils/use-event.js';\n\nfunction useCheckboxGroup(props = {}) {\n const { defaultValue, value: controlledValue, onValueChange, disabled, readOnly, name, invalid } = props;\n const interactive = !(disabled || readOnly);\n const onChangeProp = useEvent(onValueChange, { sync: true });\n const [value, setValue] = useControllableState({\n value: controlledValue,\n defaultValue: defaultValue || [],\n onChange: onChangeProp\n });\n const isChecked = (val) => {\n return value.some((v) => String(v) === String(val));\n };\n const toggleValue = (val) => {\n isChecked(val) ? removeValue(val) : addValue(val);\n };\n const addValue = (val) => {\n if (!interactive) return;\n if (isChecked(val)) return;\n setValue(value.concat(val));\n };\n const removeValue = (val) => {\n if (!interactive) return;\n setValue(value.filter((v) => String(v) !== String(val)));\n };\n const getItemProps = (props2) => {\n return {\n checked: props2.value != null ? isChecked(props2.value) : void 0,\n onCheckedChange() {\n if (props2.value != null) {\n toggleValue(props2.value);\n }\n },\n name,\n disabled,\n readOnly,\n invalid\n };\n };\n return {\n isChecked,\n value,\n name,\n disabled: !!disabled,\n readOnly: !!readOnly,\n invalid: !!invalid,\n setValue,\n addValue,\n toggleValue,\n getItemProps\n };\n}\n\nexport { useCheckboxGroup };\n","'use client';\nimport { createContext } from '../../utils/create-context.js';\n\nconst [CheckboxGroupContextProvider, useCheckboxGroupContext] = createContext({\n name: \"CheckboxGroupContext\",\n hookName: \"useCheckboxGroupContext\",\n providerName: \"<CheckboxGroupProvider />\",\n strict: false\n});\n\nexport { CheckboxGroupContextProvider, useCheckboxGroupContext };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { checkboxAnatomy } from './checkbox.anatomy.js';\nimport { useCheckboxGroup } from './use-checkbox-group.js';\nimport { CheckboxGroupContextProvider } from './use-checkbox-group-context.js';\n\nconst CheckboxGroup = forwardRef((props, ref) => {\n const [checkboxGroupProps, localProps] = createSplitProps()(props, [\n \"defaultValue\",\n \"value\",\n \"onValueChange\",\n \"disabled\",\n \"invalid\",\n \"readOnly\",\n \"name\"\n ]);\n const checkboxGroup = useCheckboxGroup(checkboxGroupProps);\n return /* @__PURE__ */ jsx(CheckboxGroupContextProvider, { value: checkboxGroup, children: /* @__PURE__ */ jsx(ark.div, { ref, role: \"group\", ...localProps, ...checkboxAnatomy.build().group.attrs }) });\n});\nCheckboxGroup.displayName = \"CheckboxGroup\";\n\nexport { CheckboxGroup };\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 { useFieldContext } from '../field/use-field-context.js';\nimport { useCheckboxContext } from './use-checkbox-context.js';\n\nconst CheckboxHiddenInput = forwardRef((props, ref) => {\n const checkbox = useCheckboxContext();\n const mergedProps = mergeProps(checkbox.getHiddenInputProps(), props);\n const field = useFieldContext();\n return /* @__PURE__ */ jsx(ark.input, { \"aria-describedby\": field?.ariaDescribedby, ...mergedProps, ref });\n});\nCheckboxHiddenInput.displayName = \"CheckboxHiddenInput\";\n\nexport { CheckboxHiddenInput };\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 { useCheckboxContext } from './use-checkbox-context.js';\n\nconst CheckboxLabel = forwardRef((props, ref) => {\n const checkbox = useCheckboxContext();\n const mergedProps = mergeProps(checkbox.getLabelProps(), props);\n return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref });\n});\nCheckboxLabel.displayName = \"CheckboxLabel\";\n\nexport { CheckboxLabel };\n","'use client';\nimport * as checkbox from '@zag-js/checkbox';\nimport { mergeProps, useMachine, normalizeProps } from '@zag-js/react';\nimport { useMemo, useId } from 'react';\nimport { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';\nimport { useLocaleContext } from '../../providers/locale/use-locale-context.js';\nimport { useFieldContext } from '../field/use-field-context.js';\nimport { useCheckboxGroupContext } from './use-checkbox-group-context.js';\n\nconst useCheckbox = (ownProps = {}) => {\n const checkboxGroup = useCheckboxGroupContext();\n const field = useFieldContext();\n const props = useMemo(() => {\n return mergeProps(ownProps, checkboxGroup?.getItemProps({ value: ownProps.value }) ?? {});\n }, [ownProps, checkboxGroup]);\n const id = useId();\n const { getRootNode } = useEnvironmentContext();\n const { dir } = useLocaleContext();\n const machineProps = {\n id,\n ids: {\n label: field?.ids.label,\n hiddenInput: field?.ids.control\n },\n dir,\n disabled: field?.disabled,\n readOnly: field?.readOnly,\n invalid: field?.invalid,\n required: field?.required,\n getRootNode,\n ...props\n };\n const service = useMachine(checkbox.machine, machineProps);\n return checkbox.connect(service, normalizeProps);\n};\n\nexport { useCheckbox };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { useCheckbox } from './use-checkbox.js';\nimport { CheckboxProvider } from './use-checkbox-context.js';\n\nconst CheckboxRoot = forwardRef((props, ref) => {\n const [useCheckboxProps, localProps] = createSplitProps()(props, [\n \"checked\",\n \"defaultChecked\",\n \"disabled\",\n \"form\",\n \"id\",\n \"ids\",\n \"invalid\",\n \"name\",\n \"onCheckedChange\",\n \"readOnly\",\n \"required\",\n \"value\"\n ]);\n const checkbox = useCheckbox(useCheckboxProps);\n const mergedProps = mergeProps(checkbox.getRootProps(), localProps);\n return /* @__PURE__ */ jsx(CheckboxProvider, { value: checkbox, children: /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref }) });\n});\nCheckboxRoot.displayName = \"CheckboxRoot\";\n\nexport { CheckboxRoot };\n","'use client';\nimport { jsx } from 'react/jsx-runtime';\nimport { mergeProps } from '@zag-js/react';\nimport { forwardRef } from 'react';\nimport { createSplitProps } from '../../utils/create-split-props.js';\nimport { ark } from '../factory.js';\nimport { CheckboxProvider } from './use-checkbox-context.js';\n\nconst CheckboxRootProvider = forwardRef((props, ref) => {\n const [{ value: checkbox }, localProps] = createSplitProps()(props, [\"value\"]);\n const mergedProps = mergeProps(checkbox.getRootProps(), localProps);\n return /* @__PURE__ */ jsx(CheckboxProvider, { value: checkbox, children: /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref }) });\n});\nCheckboxRootProvider.displayName = \"CheckboxRootProvider\";\n\nexport { CheckboxRootProvider };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef } from 'react';\nimport { dataAttr } from '../../utils/attr.js';\nimport { EMPTY_STYLES } from '../../styled-system/empty.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { useRecipe } from '../../styled-system/use-recipe.js';\n\nconst Checkmark = forwardRef(\n function Checkmark2(props, ref) {\n const recipe = useRecipe({ key: \"checkmark\", recipe: props.recipe });\n const [variantProps, restProps] = recipe.splitVariantProps(props);\n const { checked, indeterminate, disabled, unstyled, children, ...rest } = restProps;\n const styles = unstyled ? EMPTY_STYLES : recipe(variantProps);\n return /* @__PURE__ */ jsx(\n chakra.svg,\n {\n ref,\n viewBox: \"0 0 24 24\",\n fill: \"none\",\n stroke: \"currentColor\",\n strokeWidth: \"3px\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n \"data-state\": indeterminate ? \"indeterminate\" : checked ? \"checked\" : \"unchecked\",\n \"data-disabled\": dataAttr(disabled),\n css: [styles, props.css],\n ...rest,\n children: indeterminate ? /* @__PURE__ */ jsx(\"path\", { d: \"M5 12h14\" }) : checked ? /* @__PURE__ */ jsx(\"polyline\", { points: \"20 6 9 17 4 12\" }) : null\n }\n );\n }\n);\n\nexport { Checkmark };\n","\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { Checkbox, useCheckboxContext } from '@ark-ui/react/checkbox';\nimport { forwardRef } from 'react';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { Checkmark } from '../checkmark/checkmark.js';\n\nconst {\n withProvider,\n withContext,\n useStyles: useCheckboxStyles,\n PropsProvider\n} = createSlotRecipeContext({ key: \"checkbox\" });\nconst CheckboxRootProvider = withProvider(Checkbox.RootProvider, \"root\", { forwardAsChild: true });\nconst CheckboxRoot = withProvider(\n Checkbox.Root,\n \"root\",\n { forwardAsChild: true }\n);\nconst CheckboxPropsProvider = PropsProvider;\nconst CheckboxLabel = withContext(\n Checkbox.Label,\n \"label\",\n { forwardAsChild: true }\n);\nconst CheckboxIndicator = forwardRef(function CheckboxIndicator2(props, ref) {\n const { checked, indeterminate, ...rest } = props;\n const api = useCheckboxContext();\n const styles = useCheckboxStyles();\n if (checked && api.checked) {\n return /* @__PURE__ */ jsx(\n chakra.svg,\n {\n ref,\n asChild: true,\n ...rest,\n css: [styles.indicator, props.css],\n children: checked\n }\n );\n }\n if (indeterminate && api.indeterminate) {\n return /* @__PURE__ */ jsx(\n chakra.svg,\n {\n ref,\n asChild: true,\n ...rest,\n css: [styles.indicator, props.css],\n children: indeterminate\n }\n );\n }\n return /* @__PURE__ */ jsx(\n Checkmark,\n {\n ref,\n checked: api.checked,\n indeterminate: api.indeterminate,\n disabled: api.disabled,\n unstyled: true,\n ...rest,\n css: [styles.indicator, props.css]\n }\n );\n});\nconst CheckboxControl = withContext(\n Checkbox.Control,\n \"control\",\n {\n forwardAsChild: true,\n defaultProps: { children: /* @__PURE__ */ jsx(CheckboxIndicator, {}) }\n }\n);\nconst CheckboxGroup = chakra(\n Checkbox.Group,\n {\n base: {\n display: \"flex\",\n flexDirection: \"column\",\n gap: \"1.5\"\n }\n },\n { forwardAsChild: true }\n);\nconst CheckboxContext = Checkbox.Context;\nconst CheckboxHiddenInput = Checkbox.HiddenInput;\n\nexport { CheckboxContext, CheckboxControl, CheckboxGroup, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxPropsProvider, CheckboxRoot, CheckboxRootProvider, useCheckboxStyles };\n","import React from 'react';\nimport { Checkbox as CCheckbox } from '@chakra-ui/react/checkbox';\nimport { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\nimport { FormControlSize } from 'hocs/withFormControl/withFormControl.types';\nimport { Text } from 'components/Text/text.component';\n\nexport interface CheckboxProps extends WithFormControlProps, CCheckbox.RootProps {\n checkboxRef?: React.Ref<HTMLInputElement | null>;\n indeterminate?: boolean;\n rootRef?: React.Ref<HTMLLabelElement | null>;\n size?: FormControlSize;\n withCard?: boolean;\n}\n\nconst Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(\n (\n { checkboxRef, children, indeterminate = false, onContrast, rootRef, size = 'md', withCard = false, ...rest },\n ref,\n ): React.ReactNode => {\n const _computedVariant = onContrast ? 'onContrast' : 'default';\n\n return (\n <CCheckbox.Root\n className=\"Checkbox\"\n data-testid=\"kibble-checkbox\"\n checked={indeterminate ? 'indeterminate' : rest.checked}\n ref={rootRef}\n variant={_computedVariant}\n size={size}\n withCard={withCard}\n {...rest}\n >\n <CCheckbox.HiddenInput\n className=\"Checkbox__Input\"\n data-testid=\"kibble-checkbox-input\"\n ref={checkboxRef || ref}\n />\n <CCheckbox.Control className=\"Checkbox__Control\" data-testid=\"kibble-checkbox-control\">\n <CCheckbox.Indicator className=\"Checkbox__Indicator\" data-testid=\"kibble-checkbox-indicator\" />\n </CCheckbox.Control>\n {!!children && (\n <CCheckbox.Label\n className=\"Checkbox__Label\"\n data-testid=\"kibble-checkbox-label\"\n {...(withCard && typeof children !== 'string' && { mt: '-4px' })}\n >\n {typeof children === 'string' ? (\n <Text size={size} lineHeight=\"unset\" variant={onContrast ? 'onContrast' : 'default'}>\n {children}\n </Text>\n ) : (\n children\n )}\n </CCheckbox.Label>\n )}\n </CCheckbox.Root>\n );\n },\n);\n\nCheckbox.displayName = 'Checkbox';\nconst WrappedCheckbox = withFormControl<CheckboxProps>(Checkbox);\n\nexport { WrappedCheckbox as Checkbox };\n"],"names":["CheckboxProvider","useCheckboxContext","createContext","CheckboxControl","forwardRef","props","ref","checkbox","mergedProps","mergeProps","jsx","ark","useControllableState","value","onChange","defaultValue","uncontrolledValue","setUncontrolledValue","useState","controlled","currentValue","setValue","useCallback","value2","useCheckboxGroup","controlledValue","onValueChange","disabled","readOnly","name","invalid","interactive","onChangeProp","useEvent","isChecked","val","toggleValue","removeValue","addValue","props2","CheckboxGroupContextProvider","useCheckboxGroupContext","CheckboxGroup","checkboxGroupProps","localProps","createSplitProps","checkboxGroup","checkboxAnatomy","CheckboxHiddenInput","field","useFieldContext","CheckboxLabel","useCheckbox","ownProps","useMemo","id","useId","getRootNode","useEnvironmentContext","dir","useLocaleContext","machineProps","service","useMachine","checkbox.machine","checkbox.connect","normalizeProps","CheckboxRoot","useCheckboxProps","CheckboxRootProvider","Checkmark","recipe","useRecipe","variantProps","restProps","checked","indeterminate","unstyled","children","rest","styles","EMPTY_STYLES","chakra","dataAttr","withProvider","withContext","useCheckboxStyles","createSlotRecipeContext","Checkbox.RootProvider","Checkbox.Root","Checkbox.Label","CheckboxIndicator","api","Checkbox.Control","Checkbox.Group","Checkbox.HiddenInput","Checkbox","React","checkboxRef","onContrast","rootRef","size","withCard","_computedVariant","jsxs","CCheckbox.Root","CCheckbox.HiddenInput","CCheckbox.Control","CCheckbox.Indicator","CCheckbox.Label","Text","WrappedCheckbox","withFormControl"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11,12]}
|
package/dist/chunks/{checkboxGroup.component-Ch2eLuiA.js → checkboxGroup.component-BTWYKZIw.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 f, W as j } from "./checkbox.component-
|
|
2
|
+
import { w as b } from "./withFormControl-6X6RWCqX.js";
|
|
3
|
+
import { C as f, W as j } from "./checkbox.component-Wke7fO3F.js";
|
|
4
4
|
import { S as G } from "./stack-Dnuh5Zgf.js";
|
|
5
5
|
const p = ({
|
|
6
6
|
checkboxes: t,
|
|
@@ -49,4 +49,4 @@ const N = b(p);
|
|
|
49
49
|
export {
|
|
50
50
|
N as W
|
|
51
51
|
};
|
|
52
|
-
//# sourceMappingURL=checkboxGroup.component-
|
|
52
|
+
//# sourceMappingURL=checkboxGroup.component-BTWYKZIw.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkboxGroup.component-
|
|
1
|
+
{"version":3,"file":"checkboxGroup.component-BTWYKZIw.js","sources":["../../src/components/CheckboxGroup/checkboxGroup.component.tsx"],"sourcesContent":["import React from 'react';\nimport { CheckboxGroup as CCheckboxGroup, CheckboxGroupProps as CCheckboxGroupProps } from '@chakra-ui/react/checkbox';\nimport { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\nimport { FlexDirection } from 'shared/types/alignment';\nimport { Checkbox, CheckboxProps } 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 & 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 || defaultValue?.includes(`${checkbox?.value}`) || value?.includes(`${checkbox?.value}`)\n }\n size={size}\n required={required}\n readOnly={readOnly}\n {...(direction === 'row' && { fullWidth: false })}\n {...checkbox}\n />\n ))}\n </Stack>\n </CCheckboxGroup>\n );\n};\n\nCheckboxGroup.displayName = 'CheckboxGroup';\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":";;;;AAgBA,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,WAAWhB,GAAc,SAAS,GAAGgB,GAAU,KAAK,EAAE,KAAKN,GAAO,SAAS,GAAGM,GAAU,KAAK,EAAE;AAAA,QAE1G,MAAAP;AAAA,QACA,UAAAH;AAAA,QACA,UAAAD;AAAA,QACC,GAAIJ,MAAc,SAAS,EAAE,WAAW,GAAM;AAAA,QAC9C,GAAGe;AAAA,MAAA;AAAA,MARC,YAAYC,CAAK;AAAA,IAAA,CAUzB,EACH,CAAA;AAAA,EAAA;AACF;AAIJnB,EAAc,cAAc;AACtB,MAAAqB,IAAuBC,EAAgBtB,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-D41Jhrj7.js";
|
|
4
|
-
import { T as I } from "./timestamp.component-
|
|
4
|
+
import { T as I } from "./timestamp.component-Cm2EcVTa.js";
|
|
5
5
|
import { N as S } from "./notificationCounter.component-BzhAKrKR.js";
|
|
6
6
|
import { I as p } from "./icon.component-S_qFWBRf.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-Cgi_rt8Q.js";
|
|
8
|
+
import { W as f } from "./text.component-nhTe7fy0.js";
|
|
9
|
+
import { A as B } from "./avatar.component-DGfWk-0y.js";
|
|
10
|
+
import { T as N } from "./tooltip.component-CZjm8G_B.js";
|
|
11
11
|
import { F as x } from "./flex-smlF8uQG.js";
|
|
12
12
|
import { H as m } from "./h-stack-Ce6JSBK2.js";
|
|
13
13
|
import { V as F } from "./v-stack-BZT7R_9f.js";
|
|
14
14
|
import { B as C } from "./box-Ck9I7FYv.js";
|
|
15
15
|
import { B as _ } from "./button.component-Br9jCpBx.js";
|
|
16
|
-
import { M as O } from "./menu.component-
|
|
16
|
+
import { M as O } from "./menu.component-BPggXzkH.js";
|
|
17
17
|
import { T as R } from "./tag.component-BAH11mPX.js";
|
|
18
18
|
import { W as M, a as w } from "./wrap-B8tBNeBY.js";
|
|
19
19
|
const A = ({
|
|
@@ -327,4 +327,4 @@ const A = ({
|
|
|
327
327
|
export {
|
|
328
328
|
de as C
|
|
329
329
|
};
|
|
330
|
-
//# sourceMappingURL=conversationCard.component-
|
|
330
|
+
//# sourceMappingURL=conversationCard.component-F4TRYMIP.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"conversationCard.component-DQqpy-FX.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?: (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => 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 className=\"ConversationCard__AvatarGroup\" alignItems=\"flex-start\" justifyContent=\"flex-start\">\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 { Timestamp, TimestampProps } 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 {...avatarGroupProps} tooltipLabel={avatarGroupProps?.tooltipLabel || title} />\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 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 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 className=\"ConversationCard__Menu\" data-testid=\"kibble-conversation-card-menu\" gap={1}>\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': 'conversation-card-pin-toggle-dropdown-button',\n label: `${isPinned ? 'Unpin' : 'Pin'} Conversation`,\n value: 'PinConversation',\n variant: isPinned ? 'danger' : 'default',\n leftElement: <Icon size=\"md\" variant={isPinned ? 'danger' : 'default'} name={pinIconName} />,\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 = ({ tags }: 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 = <Tag {...rest} size=\"sm\" textTransform=\"capitalize\" />;\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 size=\"sm\"\n variant=\"subtle\"\n {...contentProps}\n {...(iconProps && { ml: 1 })}\n >\n {content}\n </Text>\n ) : (\n content\n );\n return (\n <Flex className=\"ConversationCard__Footer\" data-testid=\"kibble-conversation-card-footer\" mt={3} alignItems=\"center\">\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 className=\"ConversationCard__ContentMenu\" data-testid=\"kibble-conversation-card-content-menu\" ml=\"auto\">\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={showNotificationIndicator || active || isHovering ? 'background.default' : 'background.alphaContrast.pressed'}\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 content={content} contentProps={contentProps} contentMenu={contentMenu} />\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","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":";;;;;;;;;;;;;;;;;;AAYO,MAAMA,IAA8B,CAAC;AAAA,EAC1C,SAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,oBAAAC;AAAA,EACA,cAAAC;AACF,MAEIC,gBAAAA,MAACC,KAAQ,OAAOF,KAAgB,IAAI,UAAU,CAACA,GAAc,QAC3D,UAAAC,gBAAAA,EAAAA,IAACE,KAAK,WAAU,iCAAgC,YAAW,cAAa,gBAAe,cACpF,UAAOL,KAAAD,EAAQ,SAASC,IACvBG,gBAAAA,EAAA;AAAA,EAACG;AAAA,EAAA;AAAA,IACC,SAAS,CAACC,MAAY;AACpB,MAAAA,EAAE,gBAAgB,GACdN,KACFA,EAAmBM,CAAC;AAAA,IAExB;AAAA,IACA,QAAO;AAAA,IACP,MAAMR,EAAQ,OAAO,SAAS;AAAA,IAC9B,aAAa;AAAA,EAAA;AACf,wCAEG,UAAQA,EAAA,IAAI,CAACS,MAAWA,CAAM,GAAE,EAAA,CAEvC,EACF,CAAA,GCbSC,IAAyB,CAAC;AAAA,EACrC,kBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,OAAAC;AAAA,EACA,2BAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,eAAY;AAAA,IACZ,SAAQ;AAAA,IACR,OAAM;AAAA,IAEN,UAAA;AAAA,MAAAD,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,eAAY;AAAA,UACZ,QAAO;AAAA,UAEN,UAAA;AAAA,YAAAR,2BACEZ,GAA6B,EAAA,GAAGY,GAAkB,cAAcA,GAAkB,gBAAgBI,GAAO;AAAA,YAE5GG,gBAAAA,EAAA;AAAA,cAACE;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,eAAY;AAAA,gBACZ,SAAQ;AAAA,gBACR,OAAM;AAAA,gBACN,KAAI;AAAA,gBAEJ,UAAA;AAAA,kBAAAhB,gBAAAA,EAAA;AAAA,oBAACiB;AAAAA,oBAAA;AAAA,sBACC,WAAU;AAAA,sBACV,eAAY;AAAA,sBACZ,MAAK;AAAA,sBACL,WAAS;AAAA,sBAER,UAAAN;AAAA,oBAAA;AAAA,kBACH;AAAA,kBACCE,KACCb,gBAAAA,EAAA;AAAA,oBAACkB;AAAAA,oBAAA;AAAA,sBACC,WAAU;AAAA,sBACV,eAAY;AAAA,sBACZ,MAAK;AAAA,sBACL,SAAQ;AAAA,sBACR,WAAS;AAAA,sBAER,UAAAL;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACH;AAAA,cAAA;AAAA,YAAA;AAAA,UAEJ;AAAA,QAAA;AAAA,MACF;AAAA,MACAC,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,eAAY;AAAA,UACZ,YAAYN,IAAiB,WAAW;AAAA,UACxC,OAAM;AAAA,UACN,KAAK;AAAA,UAEL,UAAA;AAAA,YAACT,gBAAAA,EAAAA,IAAAmB,GAAA,EAAW,GAAGX,GAAgB;AAAA,YAC9BI,KACCZ,gBAAAA,EAAA;AAAA,cAACoB;AAAA,cAAA;AAAA,gBACC,IAAG;AAAA,gBACH,WAAU;AAAA,gBACV,eAAY;AAAA,gBAEZ,UAAApB,gBAAAA,EAAAA,IAACqB,GAAoB,EAAA,MAAK,KAAK,CAAA;AAAA,cAAA;AAAA,YACjC;AAAA,YAEDX,KACCV,gBAAAA,EAAA,IAACE,GAAK,EAAA,eAAY,iCAChB,UAAAF,gBAAAA,EAAA,IAACsB,GAAK,EAAA,MAAK,MAAK,SAAQ,QAAO,MAAK,OAAM,EAC5C,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA;AACF,GCxESC,IAA0B,CAAC;AAAA,EACtC,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AACF,MAAgE;AAC9D,QAAM,EAAE,iBAAAC,GAAiB,iBAAAC,EAAgB,IAAIN,KAAgB,CAAC,GACxD,EAAE,UAAAO,GAAU,aAAAC,EAAY,IAAIP,KAAY,CAAC,GACzC,EAAE,WAAAQ,MAAcP,KAAmB,CAAC,GACpCQ,IAAcH,IAAW,cAAc;AAE7C,gCACGhB,GAAO,EAAA,WAAU,0BAAyB,eAAY,iCAAgC,KAAK,GACzF,UAAA;AAAA,IACCS,KAAAxB,gBAAAA,EAAA;AAAA,MAACmC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,eAAY;AAAA,QACZ,SAAQ;AAAA,QACR,cAAa;AAAA,QACZ,GAAIN,KAAmB,EAAE,QAAQ,GAAK;AAAA,QACvC,SAAS,MAAY;AACnB,UAAIC,KACcA,EAAA,GAGdH,KACFC,EAAc,EAAK;AAAA,QAEvB;AAAA,QACA,UAAS;AAAA,QACT,MAAK;AAAA,MAAA;AAAA,IACP;AAAA,IAEDH,KACCzB,gBAAAA,EAAA;AAAA,MAACmC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,eAAY;AAAA,QACZ,SAASJ,IAAW,+BAA+B;AAAA,QACnD,cAAa;AAAA,QACb,SAAS,MAAY;AACnB,UAAIC,KACFA,EAAY,CAACD,CAAQ,GAGnBJ,KACFC,EAAc,EAAK;AAAA,QAEvB;AAAA,QACA,UAAUM;AAAA,QACV,MAAK;AAAA,MAAA;AAAA,IACP;AAAA,IAEDR,KACC1B,gBAAAA,EAAA;AAAA,MAACoC;AAAA,MAAA;AAAA,QACC,aACEV,EAAgB,eAAe;AAAA,UAC7B,SAAS;AAAA,UACT,MAAM;AAAA,UACN,cAAc;AAAA,UACd,UAAU;AAAA,UACV,WAAW;AAAA,UACX,SAAS;AAAA,QACX;AAAA,QAEF,eAAe;AAAA,QACf,WAAS;AAAA,QACR,GAAGA;AAAA,QACJ,WAAW;AAAA,UACT,GAAGO;AAAA,UACH,WAAW;AAAA,YACT,GAAIR,IACA;AAAA,cACE;AAAA,gBACE,eAAe;AAAA,gBACf,OAAO,GAAGM,IAAW,UAAU,KAAK;AAAA,gBACpC,OAAO;AAAA,gBACP,SAASA,IAAW,WAAW;AAAA,gBAC/B,aAAc/B,gBAAAA,EAAA,IAAAsB,GAAA,EAAK,MAAK,MAAK,SAASS,IAAW,WAAW,WAAW,MAAMG,EAAa,CAAA;AAAA,gBAC1F,UAAU,MAAY;AACpB,kBAAIF,KACFA,EAAY,CAACD,CAAQ;AAAA,gBACvB;AAAA,cACF;AAAA,YACF,IAEF,CAAC;AAAA,YACL,GAAIE,GAAW,aAAa,CAAA;AAAA,UAAC;AAAA,QAC/B;AAAA,MACF;AAAA,IAAA;AAAA,EACF,GAEJ;AAEJ,GC3GaI,IAAuB,CAAC,EAAE,MAAAC,QAElCtC,gBAAAA,EAAAA,IAAAoB,GAAA,EAAI,WAAU,0BAAyB,IAAI,GAC1C,UAACpB,gBAAAA,EAAA,IAAAuC,GAAA,EAAK,KAAI,OACP,UAAKD,EAAA,IAAI,CAACE,MAAQ;AACjB,QAAM,EAAE,gBAAAC,GAAgB,GAAGC,EAAA,IAASF;AAChC,MAAAG,0BAAcC,GAAK,EAAA,GAAGF,GAAM,MAAK,MAAK,eAAc,cAAa;AAErE,SAAID,MAEAE,IAAA3C,gBAAAA,EAAA,IAACC,KAAQ,OAAOwC,GAAgB,WAAU,OACxC,UAAAzC,gBAAAA,EAAAA,IAACoB,GAAK,EAAA,UAAAuB,EAAA,CAAW,EACnB,CAAA,IAII3C,gBAAAA,EAAAA,IAAA6C,GAAA,EAA0B,UAAZF,EAAA,GAAAH,EAAI,KAAmB;AAAA,CAC9C,GACH,EACF,CAAA,GCtBSM,IAAyB,CAAC;AAAA,EACrC,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AACF,MAAsD;AAC9C,QAAAC,IACJ,OAAOF,KAAY,WACjBhD,gBAAAA,EAAA;AAAA,IAACkB;AAAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,MAAK;AAAA,MACL,SAAQ;AAAA,MACP,GAAG+B;AAAA,MACH,GAAIF,KAAa,EAAE,IAAI,EAAE;AAAA,MAEzB,UAAAC;AAAA,IAAA;AAAA,EAAA,IAGHA;AAGF,SAAAlC,gBAAAA,OAACZ,KAAK,WAAU,4BAA2B,eAAY,mCAAkC,IAAI,GAAG,YAAW,UACxG,UAAA;AAAA,IAAA6C,2BAAczB,GAAK,EAAA,MAAK,MAAK,SAAQ,UAAU,GAAGyB,GAAW;AAAA,IAC7DG;AAAA,EAAA,GACH;AAEJ,GC1BaC,IAA0B,CAAC;AAAA,EACtC,aAAAC;AAAA,EACA,SAAAJ;AAAA,EACA,cAAAC;AACF,MAAuD;AAC/C,QAAAC,IACJ,OAAOF,KAAY,WACjBhD,gBAAAA,EAAA;AAAA,IAACkB;AAAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,WAAS;AAAA,MACT,MAAK;AAAA,MACJ,GAAG+B;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA,IAGHA;AAIF,SAAAlC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,IAAI;AAAA,MACJ,gBAAe;AAAA,MACf,YAAW;AAAA,MAEV,UAAA;AAAA,QAAAmC;AAAA,QACAE,2BACEhC,GAAI,EAAA,WAAU,iCAAgC,eAAY,yCAAwC,IAAG,QACnG,UACHgC,EAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ,GCLaC,KAAmB,CAAC;AAAA,EAC/B,mBAAAC,IAAoB;AAAA,EACpB,kBAAA/C;AAAA,EACA,SAAAyC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAG;AAAA,EACA,aAAAG;AAAA,EACA,iBAAA7B;AAAA,EACA,aAAA8B;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAlC;AAAA,EACA,UAAAC;AAAA,EACA,wBAAAkC,IAAyB;AAAA,EACzB,2BAAA/C;AAAA,EACA,MAAA0B;AACF,MAAgD;AAC9C,QAAM,EAAE,UAAAP,MAAaN,KAAY,CAAC,GAC5B,CAACE,GAAYC,CAAa,IAAIgC,EAAS,EAAK;AAGhD,SAAA9C,gBAAAA,EAAA;AAAA,IAAC+C;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,IAAG;AAAA,MACH,eAAY;AAAA,MACZ,aAAW;AAAA,MACX,QAAAJ;AAAA,MACA,MAAK;AAAA,MACL,WAAS;AAAA,MACT,SAAS,MAAY;AACnB,QAAIC,KACMA,EAAA;AAAA,MAEZ;AAAA,MACA,IAAI9C,KAA6B6C,KAAU9B,IAAa,uBAAuB;AAAA,MAC/E,cAAc,MAAY;AACxB,QAAI2B,KACF1B,EAAc,EAAI;AAAA,MAEtB;AAAA,MACA,cAAc,MAAYA,EAAc,EAAK;AAAA,MAC7C,KAAI;AAAA,MACJ,KAAK,EAAE,gBAAgB+B,IAAyB,SAAS,OAAO;AAAA,MAE/D,UAAA;AAAA,QACChC,KAAA3B,gBAAAA,EAAA;AAAA,UAACoB;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAY;AAAA,YACZ,KAAI;AAAA,YACJ,KAAK;AAAA,YACL,QAAO;AAAA,YACP,OAAO;AAAA,YACP,IAAG;AAAA,YACH,cAAa;AAAA,YACb,SAAS,CAAChB,MAAYA,EAAE,gBAAgB;AAAA,YAExC,UAAAJ,gBAAAA,EAAA;AAAA,cAACuB;AAAA,cAAA;AAAA,gBACC,cAAAC;AAAA,gBACA,UAAAC;AAAA,gBACA,iBAAAC;AAAA,gBACA,YAAAC;AAAA,gBACA,eAAAC;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QACF;AAAA,QAEF5B,gBAAAA,EAAA;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,kBAAAC;AAAA,YACA,gBAAgBoB;AAAA,YAChB,cAAcI;AAAA,YACd,2BAAAnB;AAAA,YACC,GAAG4C;AAAA,UAAA;AAAA,QACN;AAAA,QACCxD,gBAAAA,EAAAA,IAAAmD,GAAA,EAAwB,SAAAH,GAAkB,cAAAC,GAA4B,aAAAG,EAA0B,CAAA;AAAA,QAChG,CAAC,CAACd,GAAM,UAAUtC,gBAAAA,EAAA,IAACqC,KAAqB,MAAAC,GAAY;AAAA,QACpDiB,KAAevD,gBAAAA,EAAA,IAAC8C,GAAwB,EAAA,GAAGS,EAAa,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAC3D;AAEJ;"}
|
|
1
|
+
{"version":3,"file":"conversationCard.component-F4TRYMIP.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?: (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => 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 className=\"ConversationCard__AvatarGroup\" alignItems=\"flex-start\" justifyContent=\"flex-start\">\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 { Timestamp, TimestampProps } 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 {...avatarGroupProps} tooltipLabel={avatarGroupProps?.tooltipLabel || title} />\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 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 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 className=\"ConversationCard__Menu\" data-testid=\"kibble-conversation-card-menu\" gap={1}>\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': 'conversation-card-pin-toggle-dropdown-button',\n label: `${isPinned ? 'Unpin' : 'Pin'} Conversation`,\n value: 'PinConversation',\n variant: isPinned ? 'danger' : 'default',\n leftElement: <Icon size=\"md\" variant={isPinned ? 'danger' : 'default'} name={pinIconName} />,\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 = ({ tags }: 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 = <Tag {...rest} size=\"sm\" textTransform=\"capitalize\" />;\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 size=\"sm\"\n variant=\"subtle\"\n {...contentProps}\n {...(iconProps && { ml: 1 })}\n >\n {content}\n </Text>\n ) : (\n content\n );\n return (\n <Flex className=\"ConversationCard__Footer\" data-testid=\"kibble-conversation-card-footer\" mt={3} alignItems=\"center\">\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 className=\"ConversationCard__ContentMenu\" data-testid=\"kibble-conversation-card-content-menu\" ml=\"auto\">\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={showNotificationIndicator || active || isHovering ? 'background.default' : 'background.alphaContrast.pressed'}\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 content={content} contentProps={contentProps} contentMenu={contentMenu} />\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","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,22 +1,22 @@
|
|
|
1
1
|
import { j as g } from "./jsx-runtime-C5mzlN2N.js";
|
|
2
2
|
import { useState as Pe, useEffect as wt, useCallback as I, useMemo as ie, createContext as Rt, useContext as jt, useRef as Ue } from "react";
|
|
3
3
|
import { t as z, c as se, s as At, f as he, i as Qt } from "./format-DgHM6wFr.js";
|
|
4
|
-
import { l as Gt, o as Xt, j as zt, e as _t, a as Kt, b as Jt, c as Vt, p as $t } from "./popover.recipe-
|
|
5
|
-
import { W as Xe } from "./textInput.component-
|
|
4
|
+
import { l as Gt, o as Xt, j as zt, e as _t, a as Kt, b as Jt, c as Vt, p as $t } from "./popover.recipe-qpxHK0Qz.js";
|
|
5
|
+
import { W as Xe } from "./textInput.component-GBvY3agL.js";
|
|
6
6
|
import { I as ze } from "./icon.component-S_qFWBRf.js";
|
|
7
|
-
import { W as Dt } from "./text.component-
|
|
8
|
-
import { u as je } from "./popover-root-provider-
|
|
7
|
+
import { W as Dt } from "./text.component-nhTe7fy0.js";
|
|
8
|
+
import { u as je } from "./popover-root-provider-C-Z3nqiD.js";
|
|
9
9
|
import { H as Ae } from "./h-stack-Ce6JSBK2.js";
|
|
10
10
|
import { F as _e } from "./flex-smlF8uQG.js";
|
|
11
11
|
import { B as Ce } from "./button.component-Br9jCpBx.js";
|
|
12
|
-
import { M as Ke } from "./menu.component-
|
|
12
|
+
import { M as Ke } from "./menu.component-BPggXzkH.js";
|
|
13
13
|
import { i as Ie, a as Zt, b as er, e as tr, c as rr } from "./isSymbol-BQN49XhJ.js";
|
|
14
14
|
import { C as yt, G as qe, a as nr } from "./grid-item-BBt_-NiB.js";
|
|
15
15
|
import { a as ar } from "./config-DlTdf-Yt.js";
|
|
16
16
|
import { u as bt } from "./use-slot-recipe-DhtQ1j_5.js";
|
|
17
17
|
import { B as vt } from "./box-Ck9I7FYv.js";
|
|
18
18
|
import { u as or } from "./usePortalContentRef-DO_jc4W9.js";
|
|
19
|
-
import { P as ir } from "./use-locale-context-
|
|
19
|
+
import { P as ir } from "./use-locale-context-DMynFc1_.js";
|
|
20
20
|
var Se = {
|
|
21
21
|
lessThanXSeconds: { one: "less than a second", other: "less than {{count}} seconds" },
|
|
22
22
|
xSeconds: { one: "1 second", other: "{{count}} seconds" },
|
|
@@ -3016,4 +3016,4 @@ export {
|
|
|
3016
3016
|
Oa as D,
|
|
3017
3017
|
Yt as a
|
|
3018
3018
|
};
|
|
3019
|
-
//# sourceMappingURL=datePicker.component-
|
|
3019
|
+
//# sourceMappingURL=datePicker.component-7v8Bqmkg.js.map
|