@televet/kibble-ui 4.0.1 → 5.0.0-beta.hotfix.1

package/dist/chunks/checkbox.component-DNOkXggb.js

@@ -1,260 +0,0 @@
-import { j as n } from "./jsx-runtime-C5mzlN2N.js";
-import W, { forwardRef as h, useState as $, useCallback as M, useMemo as q, useId as T } from "react";
-import { w as D } from "./withFormControl-CRXVopOk.js";
-import { W as F } from "./text.component-D9w-u_dB.js";
-import { c as Y } from "./create-slot-recipe-context-CrlT_nGQ.js";
-import { c as p } from "./factory-BQshv7_b.js";
-import { d as B } from "./attr-sm10PXOd.js";
-import { a as U } from "./empty-BU2EAux9.js";
-import { u as z } from "./use-recipe-d63ABaZ3.js";
-import { c as j, f as b, o as J, a as g, i as K, j as Q, k as X, n as Z } from "./use-locale-context-CazVZ4Kg.js";
-import { c as ee, m as oe, a as te } from "./checkbox.anatomy-DC8fJdkY.js";
-import { a2 as k } from "./index-DA90Dqf9.js";
-import { u as N } from "./use-field-context-RQeEcNpb.js";
-const [V, f] = j({
-  name: "CheckboxContext",
-  hookName: "useCheckboxContext",
-  providerName: "<CheckboxProvider />"
-}), R = h((r, e) => {
-  const o = f(), t = k(o.getControlProps(), r);
-  return /* @__PURE__ */ n.jsx(b.div, { ...t, ref: e });
-});
-R.displayName = "CheckboxControl";
-function re(r) {
-  const { value: e, onChange: o, defaultValue: t } = r, [s, a] = $(t), c = e !== void 0, i = c ? e : s, l = M(
-    (u) => (c || a(u), o?.(u)),
-    [c, o]
-  );
-  return [i, l];
-}
-function se(r = {}) {
-  const { defaultValue: e, value: o, onValueChange: t, disabled: s, readOnly: a, name: c, invalid: i } = r, l = !(s || a), u = J(t, { sync: !0 }), [C, m] = re({
-    value: o,
-    defaultValue: e || [],
-    onChange: u
-  }), x = (d) => C.some((v) => String(v) === String(d)), P = (d) => {
-    x(d) ? H(d) : y(d);
-  }, y = (d) => {
-    l && (x(d) || m(C.concat(d)));
-  }, H = (d) => {
-    l && m(C.filter((v) => String(v) !== String(d)));
-  };
-  return {
-    isChecked: x,
-    value: C,
-    name: c,
-    disabled: !!s,
-    readOnly: !!a,
-    invalid: !!i,
-    setValue: m,
-    addValue: y,
-    toggleValue: P,
-    getItemProps: (d) => ({
-      checked: d.value != null ? x(d.value) : void 0,
-      onCheckedChange() {
-        d.value != null && P(d.value);
-      },
-      name: c,
-      disabled: s,
-      readOnly: a,
-      invalid: i
-    })
-  };
-}
-const [ne, ce] = j({
-  name: "CheckboxGroupContext",
-  hookName: "useCheckboxGroupContext",
-  providerName: "<CheckboxGroupProvider />",
-  strict: !1
-}), I = h((r, e) => {
-  const [o, t] = g()(r, [
-    "defaultValue",
-    "value",
-    "onValueChange",
-    "disabled",
-    "invalid",
-    "readOnly",
-    "name"
-  ]), s = se(o);
-  return /* @__PURE__ */ n.jsx(ne, { value: s, children: /* @__PURE__ */ n.jsx(b.div, { ref: e, role: "group", ...t, ...ee.build().group.attrs }) });
-});
-I.displayName = "CheckboxGroup";
-const G = h((r, e) => {
-  const o = f(), t = k(o.getHiddenInputProps(), r), s = N();
-  return /* @__PURE__ */ n.jsx(b.input, { "aria-describedby": s?.ariaDescribedby, ...t, ref: e });
-});
-G.displayName = "CheckboxHiddenInput";
-const S = h((r, e) => {
-  const o = f(), t = k(o.getLabelProps(), r);
-  return /* @__PURE__ */ n.jsx(b.span, { ...t, ref: e });
-});
-S.displayName = "CheckboxLabel";
-const ae = (r = {}) => {
-  const e = ce(), o = N(), t = q(() => k(r, e?.getItemProps({ value: r.value }) ?? {}), [r, e]), s = T(), { getRootNode: a } = K(), { dir: c } = Q(), i = {
-    id: s,
-    ids: {
-      label: o?.ids.label,
-      hiddenInput: o?.ids.control
-    },
-    dir: c,
-    disabled: o?.disabled,
-    readOnly: o?.readOnly,
-    invalid: o?.invalid,
-    required: o?.required,
-    getRootNode: a,
-    ...t
-  }, l = X(oe, i);
-  return te(l, Z);
-}, _ = h((r, e) => {
-  const [o, t] = g()(r, [
-    "checked",
-    "defaultChecked",
-    "disabled",
-    "form",
-    "id",
-    "ids",
-    "invalid",
-    "name",
-    "onCheckedChange",
-    "readOnly",
-    "required",
-    "value"
-  ]), s = ae(o), a = k(s.getRootProps(), t);
-  return /* @__PURE__ */ n.jsx(V, { value: s, children: /* @__PURE__ */ n.jsx(b.label, { ...a, ref: e }) });
-});
-_.displayName = "CheckboxRoot";
-const w = h((r, e) => {
-  const [{ value: o }, t] = g()(r, ["value"]), s = k(o.getRootProps(), t);
-  return /* @__PURE__ */ n.jsx(V, { value: o, children: /* @__PURE__ */ n.jsx(b.label, { ...s, ref: e }) });
-});
-w.displayName = "CheckboxRootProvider";
-const ie = h(
-  function(e, o) {
-    const t = z({ key: "checkmark", recipe: e.recipe }), [s, a] = t.splitVariantProps(e), { checked: c, indeterminate: i, disabled: l, unstyled: u, children: C, ...m } = a, x = u ? U : t(s);
-    return /* @__PURE__ */ n.jsx(
-      p.svg,
-      {
-        ref: o,
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: "3px",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        "data-state": i ? "indeterminate" : c ? "checked" : "unchecked",
-        "data-disabled": B(l),
-        css: [x, e.css],
-        ...m,
-        children: i ? /* @__PURE__ */ n.jsx("path", { d: "M5 12h14" }) : c ? /* @__PURE__ */ n.jsx("polyline", { points: "20 6 9 17 4 12" }) : null
-      }
-    );
-  }
-), {
-  withProvider: L,
-  withContext: A,
-  useStyles: de
-} = Y({ key: "checkbox" });
-L(w, "root", { forwardAsChild: !0 });
-const le = L(
-  _,
-  "root",
-  { forwardAsChild: !0 }
-), ue = A(
-  S,
-  "label",
-  { forwardAsChild: !0 }
-), O = h(function(e, o) {
-  const { checked: t, indeterminate: s, ...a } = e, c = f(), i = de();
-  return t && c.checked ? /* @__PURE__ */ n.jsx(
-    p.svg,
-    {
-      ref: o,
-      asChild: !0,
-      ...a,
-      css: [i.indicator, e.css],
-      children: t
-    }
-  ) : s && c.indeterminate ? /* @__PURE__ */ n.jsx(
-    p.svg,
-    {
-      ref: o,
-      asChild: !0,
-      ...a,
-      css: [i.indicator, e.css],
-      children: s
-    }
-  ) : /* @__PURE__ */ n.jsx(
-    ie,
-    {
-      ref: o,
-      checked: c.checked,
-      indeterminate: c.indeterminate,
-      disabled: c.disabled,
-      unstyled: !0,
-      ...a,
-      css: [i.indicator, e.css]
-    }
-  );
-}), he = A(
-  R,
-  "control",
-  {
-    forwardAsChild: !0,
-    defaultProps: { children: /* @__PURE__ */ n.jsx(O, {}) }
-  }
-), Ie = p(
-  I,
-  {
-    base: {
-      display: "flex",
-      flexDirection: "column",
-      gap: "1.5"
-    }
-  },
-  { forwardAsChild: !0 }
-), xe = G, E = W.forwardRef(
-  ({ checkboxRef: r, children: e, indeterminate: o = !1, onContrast: t, rootRef: s, size: a = "md", withCard: c = !1, ...i }, l) => {
-    const u = t ? "onContrast" : "default";
-    return /* @__PURE__ */ n.jsxs(
-      le,
-      {
-        className: "Checkbox",
-        "data-testid": "kibble-checkbox",
-        checked: o ? "indeterminate" : i.checked,
-        ref: s,
-        variant: u,
-        size: a,
-        withCard: c,
-        ...i,
-        children: [
-          /* @__PURE__ */ n.jsx(
-            xe,
-            {
-              className: "Checkbox__Input",
-              "data-testid": "kibble-checkbox-input",
-              ref: r || l
-            }
-          ),
-          /* @__PURE__ */ n.jsx(he, { className: "Checkbox__Control", "data-testid": "kibble-checkbox-control", children: /* @__PURE__ */ n.jsx(O, { className: "Checkbox__Indicator", "data-testid": "kibble-checkbox-indicator" }) }),
-          !!e && /* @__PURE__ */ n.jsx(
-            ue,
-            {
-              className: "Checkbox__Label",
-              "data-testid": "kibble-checkbox-label",
-              ...c && typeof e != "string" && { mt: "-4px" },
-              children: typeof e == "string" ? /* @__PURE__ */ n.jsx(F, { size: a, lineHeight: "unset", variant: t ? "onContrast" : "default", children: e }) : e
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-E.displayName = "Checkbox";
-const Ge = D(E);
-export {
-  Ie as C,
-  Ge as W,
-  se as u
-};
-//# sourceMappingURL=checkbox.component-DNOkXggb.js.map

package/dist/chunks/checkbox.component-Dhjcu89D.js

@@ -1,2 +0,0 @@
-"use strict";const n=require("./jsx-runtime-BjDatQAs.js"),u=require("react"),F=require("./withFormControl-BdiccBy5.js"),H=require("./text.component-CHpMvCFa.js"),M=require("./create-slot-recipe-context-CViypfwB.js"),m=require("./factory-a2SJjEvR.js"),$=require("./attr-BMs6szZx.js"),W=require("./empty-B5_AO6Pg.js"),D=require("./use-recipe-DaPWl_pL.js"),d=require("./use-locale-context-Dv7DQ_mn.js"),R=require("./checkbox.anatomy-BNdLT4Qf.js"),k=require("./index-7Jpijbq_.js"),P=require("./use-field-context-BTxME29X.js"),T=o=>o&&o.__esModule?o:{default:o},Y=T(u),[y,f]=d.createContext({name:"CheckboxContext",hookName:"useCheckboxContext",providerName:"<CheckboxProvider />"}),E=u.forwardRef((o,e)=>{const t=f(),r=k.mergeProps(t.getControlProps(),o);return n.jsxRuntimeExports.jsx(d.ark.div,{...r,ref:e})});E.displayName="CheckboxControl";function B(o){const{value:e,onChange:t,defaultValue:r}=o,[s,a]=u.useState(r),c=e!==void 0,i=c?e:s,x=u.useCallback(h=>(c||a(h),t?.(h)),[c,t]);return[i,x]}function N(o={}){const{defaultValue:e,value:t,onValueChange:r,disabled:s,readOnly:a,name:c,invalid:i}=o,x=!(s||a),h=d.useEvent(r,{sync:!0}),[b,C]=B({value:t,defaultValue:e||[],onChange:h}),p=l=>b.some(j=>String(j)===String(l)),v=l=>{p(l)?O(l):g(l)},g=l=>{x&&(p(l)||C(b.concat(l)))},O=l=>{x&&C(b.filter(j=>String(j)!==String(l)))};return{isChecked:p,value:b,name:c,disabled:!!s,readOnly:!!a,invalid:!!i,setValue:C,addValue:g,toggleValue:v,getItemProps:l=>({checked:l.value!=null?p(l.value):void 0,onCheckedChange(){l.value!=null&&v(l.value)},name:c,disabled:s,readOnly:a,invalid:i})}}const[U,z]=d.createContext({name:"CheckboxGroupContext",hookName:"useCheckboxGroupContext",providerName:"<CheckboxGroupProvider />",strict:!1}),V=u.forwardRef((o,e)=>{const[t,r]=d.createSplitProps()(o,["defaultValue","value","onValueChange","disabled","invalid","readOnly","name"]),s=N(t);return n.jsxRuntimeExports.jsx(U,{value:s,children:n.jsxRuntimeExports.jsx(d.ark.div,{ref:e,role:"group",...r,...R.checkboxAnatomy.build().group.attrs})})});V.displayName="CheckboxGroup";const _=u.forwardRef((o,e)=>{const t=f(),r=k.mergeProps(t.getHiddenInputProps(),o),s=P.useFieldContext();return n.jsxRuntimeExports.jsx(d.ark.input,{"aria-describedby":s?.ariaDescribedby,...r,ref:e})});_.displayName="CheckboxHiddenInput";const q=u.forwardRef((o,e)=>{const t=f(),r=k.mergeProps(t.getLabelProps(),o);return n.jsxRuntimeExports.jsx(d.ark.span,{...r,ref:e})});q.displayName="CheckboxLabel";const J=(o={})=>{const e=z(),t=P.useFieldContext(),r=u.useMemo(()=>k.mergeProps(o,e?.getItemProps({value:o.value})??{}),[o,e]),s=u.useId(),{getRootNode:a}=d.useEnvironmentContext(),{dir:c}=d.useLocaleContext(),i={id:s,ids:{label:t?.ids.label,hiddenInput:t?.ids.control},dir:c,disabled:t?.disabled,readOnly:t?.readOnly,invalid:t?.invalid,required:t?.required,getRootNode:a,...r},x=d.useMachine(R.machine,i);return R.connect(x,d.normalizeProps)},w=u.forwardRef((o,e)=>{const[t,r]=d.createSplitProps()(o,["checked","defaultChecked","disabled","form","id","ids","invalid","name","onCheckedChange","readOnly","required","value"]),s=J(t),a=k.mergeProps(s.getRootProps(),r);return n.jsxRuntimeExports.jsx(y,{value:s,children:n.jsxRuntimeExports.jsx(d.ark.label,{...a,ref:e})})});w.displayName="CheckboxRoot";const S=u.forwardRef((o,e)=>{const[{value:t},r]=d.createSplitProps()(o,["value"]),s=k.mergeProps(t.getRootProps(),r);return n.jsxRuntimeExports.jsx(y,{value:t,children:n.jsxRuntimeExports.jsx(d.ark.label,{...s,ref:e})})});S.displayName="CheckboxRootProvider";const K=u.forwardRef(function(e,t){const r=D.useRecipe({key:"checkmark",recipe:e.recipe}),[s,a]=r.splitVariantProps(e),{checked:c,indeterminate:i,disabled:x,unstyled:h,children:b,...C}=a,p=h?W.EMPTY_STYLES:r(s);return n.jsxRuntimeExports.jsx(m.chakra.svg,{ref:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3px",strokeLinecap:"round",strokeLinejoin:"round","data-state":i?"indeterminate":c?"checked":"unchecked","data-disabled":$.dataAttr(x),css:[p,e.css],...C,children:i?n.jsxRuntimeExports.jsx("path",{d:"M5 12h14"}):c?n.jsxRuntimeExports.jsx("polyline",{points:"20 6 9 17 4 12"}):null})}),{withProvider:G,withContext:I,useStyles:Q}=M.createSlotRecipeContext({key:"checkbox"});G(S,"root",{forwardAsChild:!0});const X=G(w,"root",{forwardAsChild:!0}),Z=I(q,"label",{forwardAsChild:!0}),L=u.forwardRef(function(e,t){const{checked:r,indeterminate:s,...a}=e,c=f(),i=Q();return r&&c.checked?n.jsxRuntimeExports.jsx(m.chakra.svg,{ref:t,asChild:!0,...a,css:[i.indicator,e.css],children:r}):s&&c.indeterminate?n.jsxRuntimeExports.jsx(m.chakra.svg,{ref:t,asChild:!0,...a,css:[i.indicator,e.css],children:s}):n.jsxRuntimeExports.jsx(K,{ref:t,checked:c.checked,indeterminate:c.indeterminate,disabled:c.disabled,unstyled:!0,...a,css:[i.indicator,e.css]})}),ee=I(E,"control",{forwardAsChild:!0,defaultProps:{children:n.jsxRuntimeExports.jsx(L,{})}}),te=m.chakra(V,{base:{display:"flex",flexDirection:"column",gap:"1.5"}},{forwardAsChild:!0}),oe=_,A=Y.default.forwardRef(({checkboxRef:o,children:e,indeterminate:t=!1,onContrast:r,rootRef:s,size:a="md",withCard:c=!1,...i},x)=>{const h=r?"onContrast":"default";return n.jsxRuntimeExports.jsxs(X,{className:"Checkbox","data-testid":"kibble-checkbox",checked:t?"indeterminate":i.checked,ref:s,variant:h,size:a,withCard:c,...i,children:[n.jsxRuntimeExports.jsx(oe,{className:"Checkbox__Input","data-testid":"kibble-checkbox-input",ref:o||x}),n.jsxRuntimeExports.jsx(ee,{className:"Checkbox__Control","data-testid":"kibble-checkbox-control",children:n.jsxRuntimeExports.jsx(L,{className:"Checkbox__Indicator","data-testid":"kibble-checkbox-indicator"})}),!!e&&n.jsxRuntimeExports.jsx(Z,{className:"Checkbox__Label","data-testid":"kibble-checkbox-label",...c&&typeof e!="string"&&{mt:"-4px"},children:typeof e=="string"?n.jsxRuntimeExports.jsx(H.WrappedText,{size:a,lineHeight:"unset",variant:r?"onContrast":"default",children:e}):e})]})});A.displayName="Checkbox";const re=F.withFormControl(A);exports.CheckboxGroup=te;exports.WrappedCheckbox=re;exports.useCheckboxGroup=N;
-//# sourceMappingURL=checkbox.component-Dhjcu89D.js.map

package/dist/chunks/checkboxGroup.component-BNKJqMKi.js

@@ -1,52 +0,0 @@
-import { j as r } from "./jsx-runtime-C5mzlN2N.js";
-import { w as b } from "./withFormControl-CRXVopOk.js";
-import { C as f, W as j } from "./checkbox.component-DNOkXggb.js";
-import { S as G } from "./stack-rvdA8MI9.js";
-const p = ({
-  checkboxes: t,
-  defaultValue: e,
-  direction: s = "column",
-  disabled: c,
-  invalid: i,
-  onContrast: m,
-  readOnly: h,
-  required: d,
-  name: l,
-  onChange: n,
-  size: u = "md",
-  value: a,
-  gap: x = 2,
-  ...k
-}) => /* @__PURE__ */ r.jsx(
-  f,
-  {
-    className: "CheckboxGroup",
-    "data-testid": "kibble-checkbox-group",
-    disabled: c,
-    invalid: i,
-    name: l,
-    defaultValue: e,
-    value: a,
-    onValueChange: n,
-    width: "inherit",
-    children: /* @__PURE__ */ r.jsx(G, { direction: s, gap: x, ...k, children: t.map((o, C) => /* @__PURE__ */ r.jsx(
-      j,
-      {
-        onContrast: m,
-        checked: o.checked || e?.includes(`${o?.value}`) || a?.includes(`${o?.value}`),
-        size: u,
-        required: d,
-        readOnly: h,
-        ...s === "row" && { fullWidth: !1 },
-        ...o
-      },
-      `checkbox-${C}`
-    )) })
-  }
-);
-p.displayName = "CheckboxGroup";
-const N = b(p);
-export {
-  N as W
-};
-//# sourceMappingURL=checkboxGroup.component-BNKJqMKi.js.map

package/dist/chunks/checkboxGroup.component-BNKJqMKi.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkboxGroup.component-BNKJqMKi.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;"}

package/dist/chunks/checkboxGroup.component-M-nvlAbK.js

@@ -1,2 +0,0 @@
-"use strict";const o=require("./jsx-runtime-BjDatQAs.js"),j=require("./withFormControl-BdiccBy5.js"),s=require("./checkbox.component-Dhjcu89D.js"),G=require("./stack-BE-r1yqU.js"),n=({checkboxes:u,defaultValue:r,direction:t="column",disabled:i,invalid:p,onContrast:h,readOnly:x,required:a,name:d,onChange:l,size:k="md",value:c,gap:m=2,...C})=>o.jsxRuntimeExports.jsx(s.CheckboxGroup,{className:"CheckboxGroup","data-testid":"kibble-checkbox-group",disabled:i,invalid:p,name:d,defaultValue:r,value:c,onValueChange:l,width:"inherit",children:o.jsxRuntimeExports.jsx(G.Stack,{direction:t,gap:m,...C,children:u.map((e,b)=>o.jsxRuntimeExports.jsx(s.WrappedCheckbox,{onContrast:h,checked:e.checked||r?.includes(`${e?.value}`)||c?.includes(`${e?.value}`),size:k,required:a,readOnly:x,...t==="row"&&{fullWidth:!1},...e},`checkbox-${b}`))})});n.displayName="CheckboxGroup";const q=j.withFormControl(n);exports.WrappedCheckboxGroup=q;
-//# sourceMappingURL=checkboxGroup.component-M-nvlAbK.js.map

package/dist/chunks/checkboxGroup.component-M-nvlAbK.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkboxGroup.component-M-nvlAbK.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":"oLAgBMA,EAAgB,CAAC,CACrB,WAAAC,EACA,aAAAC,EACA,UAAAC,EAAY,SACZ,SAAAC,EACA,QAAAC,EACA,WAAAC,EACA,SAAAC,EACA,SAAAC,EACA,KAAAC,EACA,SAAAC,EACA,KAAAC,EAAO,KACP,MAAAC,EACA,IAAAC,EAAM,EACN,GAAGC,CACL,IAEIC,EAAA,kBAAA,IAACC,EAAA,cAAA,CACC,UAAU,gBACV,cAAY,wBACZ,SAAAZ,EACA,QAAAC,EACA,KAAAI,EACA,aAAAP,EACA,MAAAU,EACA,cAAeF,EACf,MAAM,UAEN,SAAAK,EAAAA,kBAAAA,IAACE,EAAAA,MAAM,CAAA,UAAAd,EAAsB,IAAAU,EAAW,GAAGC,EACxC,SAAWb,EAAA,IAAI,CAACiB,EAAUC,IACzBJ,EAAA,kBAAA,IAACK,EAAA,gBAAA,CACC,WAAAd,EAEA,QACEY,EAAS,SAAWhB,GAAc,SAAS,GAAGgB,GAAU,KAAK,EAAE,GAAKN,GAAO,SAAS,GAAGM,GAAU,KAAK,EAAE,EAE1G,KAAAP,EACA,SAAAH,EACA,SAAAD,EACC,GAAIJ,IAAc,OAAS,CAAE,UAAW,EAAM,EAC9C,GAAGe,CAAA,EARC,YAAYC,CAAK,EAAA,CAUzB,CACH,CAAA,CAAA,CACF,EAIJnB,EAAc,YAAc,gBACtB,MAAAqB,EAAuBC,kBAAgBtB,CAAa"}

package/dist/chunks/conversationCard.component-BRJbMpwH.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),S=require("react"),u=require("./index-BQRnVsAg.js"),z=require("./card.component-BZxC19F_.js"),T=require("./timestamp.component-CrY5t68x.js"),y=require("./notificationCounter.component-gp2ULnY_.js"),C=require("./icon.component-Bhnf2n1O.js"),H=require("./heading.component-C_cdAGTd.js"),v=require("./text.component-CHpMvCFa.js"),I=require("./avatar.component-CqFsGMt6.js"),f=require("./tooltip.component-CATpCSkf.js"),b=require("./flex-BOU6tYUd.js"),l=require("./h-stack-D4MnHHRc.js"),B=require("./v-stack-Bz-79Toq.js"),E=require("./button.component-DAv5WxDc.js"),F=require("./menu.component-DylZiPAE.js"),W=require("./tag.component-CAWh9OYa.js"),h=require("./wrap-BzPamGsJ.js"),O=({avatars:t,max:n=1,onAvatarGroupClick:s,tooltipLabel:r})=>e.jsxRuntimeExports.jsx(f.Tooltip,{label:r||"",disabled:!r?.length,children:e.jsxRuntimeExports.jsx(b.Flex,{className:"ConversationCard__AvatarGroup",alignItems:"flex-start",justifyContent:"flex-start",children:n&&t.length>n?e.jsxRuntimeExports.jsx(I.Avatar,{onClick:a=>{a.stopPropagation(),s&&s(a)},cursor:"pointer",name:t.length.toString(),showTooltip:!1}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:t.map(a=>a)})})}),w=({avatarGroupProps:t,timestampProps:n,isHoveringCard:s,isCardPinned:r,title:a,showNotificationIndicator:d,subtitle:i})=>e.jsxRuntimeExports.jsxs(l.HStack,{className:"ConversationCard__Header","data-testid":"kibble-conversation-card-header",justify:"space-between",align:"flex-start",children:[e.jsxRuntimeExports.jsxs(l.HStack,{className:"ConversationCard__Header--Left","data-testid":"kibble-conversation-card-header-left",cursor:"pointer",children:[t&&e.jsxRuntimeExports.jsx(O,{...t,tooltipLabel:t?.tooltipLabel||a}),e.jsxRuntimeExports.jsxs(B.VStack,{className:"ConversationCard__HeaderText","data-testid":"kibble-conversation-card-header-text",justify:"center",align:"left",gap:"0",children:[e.jsxRuntimeExports.jsx(H.WrappedHeading,{className:"ConversationCard__HeaderText--Title","data-testid":"kibble-conversation-card-header-title",size:"sm",truncated:!0,children:a}),i&&e.jsxRuntimeExports.jsx(v.WrappedText,{className:"ConversationCard__HeaderText--Subtitle","data-testid":"kibble-conversation-card-header-subtitle",size:"sm",variant:"subtle",truncated:!0,children:i})]})]}),e.jsxRuntimeExports.jsxs(l.HStack,{className:"ConversationCard__Header--Right","data-testid":"kibble-conversation-card-header-right",visibility:s?"hidden":"visible",align:"center",gap:1,children:[e.jsxRuntimeExports.jsx(T.Timestamp,{...n}),d&&e.jsxRuntimeExports.jsx(u.Box,{as:"span",className:"ConversationCard__HeaderNotificationCounter","data-testid":"conversation-card-unread-indicator",children:e.jsxRuntimeExports.jsx(y.NotificationCounter,{size:"xs"})}),r&&e.jsxRuntimeExports.jsx(b.Flex,{"data-testid":"conversation-card-pinned-icon",children:e.jsxRuntimeExports.jsx(C.Icon,{size:"md",variant:"info",name:"pin"})})]})]}),M=({overlayProps:t,pinProps:n,headerMenuProps:s,isHovering:r,setIsHovering:a})=>{const{isOpenInOverlay:d,onOpenInOverlay:i}=t||{},{isPinned:o,onTogglePin:c}=n||{},{listProps:x}=s||{},m=o?"pinCancel":"pin";return e.jsxRuntimeExports.jsxs(l.HStack,{className:"ConversationCard__Menu","data-testid":"kibble-conversation-card-menu",gap:1,children:[t&&e.jsxRuntimeExports.jsx(E.Button,{className:"ConversationCard__OverlayButton","data-testid":"conversation-card-overlay-icon-button",variant:"secondarySubtle",borderRadius:"sm",...d&&{active:!0},onClick:()=>{i&&i(),r&&a(!1)},iconName:"popup",size:"sm"}),n&&e.jsxRuntimeExports.jsx(E.Button,{className:"ConversationCard__PinButton","data-testid":"conversation-card-pin-toggle-icon-button",variant:o?"secondarySubtleDestructive":"secondarySubtle",borderRadius:"sm",onClick:()=>{c&&c(!o),r&&a(!1)},iconName:m,size:"sm"}),s&&e.jsxRuntimeExports.jsx(F.Menu,{buttonProps:s.buttonProps||{variant:"secondarySubtle",size:"sm",borderRadius:"sm",iconName:"dotsVertical",hideCaret:!0,padding:0},closeOnSelect:!1,lazyMount:!0,...s,listProps:{...x,menuItems:[...n?[{"data-testid":"conversation-card-pin-toggle-dropdown-button",label:`${o?"Unpin":"Pin"} Conversation`,value:"PinConversation",variant:o?"danger":"default",leftElement:e.jsxRuntimeExports.jsx(C.Icon,{size:"md",variant:o?"danger":"default",name:m}),onSelect:()=>{c&&c(!o)}}]:[],...x?.menuItems||[]]}})]})},A=({tags:t})=>e.jsxRuntimeExports.jsx(u.Box,{className:"ConversationCard__Tags",mt:3,children:e.jsxRuntimeExports.jsx(h.Wrap,{gap:"6px",children:t.map(n=>{const{tooltipContent:s,...r}=n;let a=e.jsxRuntimeExports.jsx(W.Tag,{...r,size:"sm",textTransform:"capitalize"});return s&&(a=e.jsxRuntimeExports.jsx(f.Tooltip,{label:s,placement:"top",children:e.jsxRuntimeExports.jsx(u.Box,{children:a})})),e.jsxRuntimeExports.jsx(h.WrapItem,{children:a},n.label)})})}),L=({iconProps:t,content:n,contentProps:s})=>{const r=typeof n=="string"?e.jsxRuntimeExports.jsx(v.WrappedText,{className:"ConversationCard__FooterMessage","data-testid":"kibble-conversation-card-footer-message",size:"sm",variant:"subtle",...s,...t&&{ml:1},children:n}):n;return e.jsxRuntimeExports.jsxs(b.Flex,{className:"ConversationCard__Footer","data-testid":"kibble-conversation-card-footer",mt:3,alignItems:"center",children:[t&&e.jsxRuntimeExports.jsx(C.Icon,{size:"sm",variant:"subtle",...t}),r]})},V=({contentMenu:t,content:n,contentProps:s})=>{const r=typeof n=="string"?e.jsxRuntimeExports.jsx(v.WrappedText,{className:"ConversationCard__Content","data-testid":"kibble-conversation-card-content",truncated:!0,size:"sm",...s,children:n}):n;return e.jsxRuntimeExports.jsxs(l.HStack,{className:"ConversationCard__ContentContainer","data-testid":"kibble-conversation-card-content-container",mt:3,justifyContent:"space-between",alignItems:"center",children:[r,t&&e.jsxRuntimeExports.jsx(u.Box,{className:"ConversationCard__ContentMenu","data-testid":"kibble-conversation-card-content-menu",ml:"auto",children:t})]})},D=({allowHoverActions:t=!0,avatarGroupProps:n,content:s,contentProps:r,contentMenu:a,footerProps:d,headerMenuProps:i,headerProps:o,active:c,onClick:x,overlayProps:m,pinProps:_,shouldPreservePosition:k=!1,showNotificationIndicator:R,tags:g})=>{const{isPinned:N}=_||{},[p,j]=S.useState(!1);return e.jsxRuntimeExports.jsxs(z.Card,{className:"ConversationCard",id:"conversation-card-item","data-testid":"kibble-conversation-card",interactive:!0,active:c,size:"sm",fullWidth:!0,onClick:()=>{x&&x()},bg:R||c||p?"background.default":"background.alphaContrast.pressed",onMouseEnter:()=>{t&&j(!0)},onMouseLeave:()=>j(!1),pos:"relative",css:{overflowAnchor:k?"auto":"none"},children:[p&&e.jsxRuntimeExports.jsx(u.Box,{className:"ConversationCard__Menu--Container","data-testid":"kibble-conversation-card-menu-container",pos:"absolute",top:2,zIndex:"banner",right:2,bg:"background",borderRadius:"md",onClick:q=>q.stopPropagation(),children:e.jsxRuntimeExports.jsx(M,{overlayProps:m,pinProps:_,headerMenuProps:i,isHovering:p,setIsHovering:j})}),e.jsxRuntimeExports.jsx(w,{avatarGroupProps:n,isHoveringCard:p,isCardPinned:N,showNotificationIndicator:R,...o}),e.jsxRuntimeExports.jsx(V,{content:s,contentProps:r,contentMenu:a}),!!g?.length&&e.jsxRuntimeExports.jsx(A,{tags:g}),d&&e.jsxRuntimeExports.jsx(L,{...d})]})};exports.ConversationCard=D;
-//# sourceMappingURL=conversationCard.component-BRJbMpwH.js.map

package/dist/chunks/conversationCard.component-BRJbMpwH.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"conversationCard.component-BRJbMpwH.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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"}