@wisemen/wise-crm-web 2.0.0-alpha.41 → 2.0.0-alpha.43

package/README.md

@@ -125,9 +125,25 @@ useWiseCrmConfig().init({
 | Field                                 | Description                                                                                                 |
 | ------------------------------------- | ----------------------------------------------------------------------------------------------------------- |
 | `key`                                 | Unique per entity; used to cache the badge's data.                                                          |
-| `getData`                             | Receives `{ uuid }` and resolves to the badge label. Resolve to `null` or `''` to hide the badge.            |
+| `getData`                             | Receives `{ uuid }` and resolves to the badge label, or to `{ label, color?, variant?, icon?, dot? }` when the style depends on the data. Resolve to `null` or an empty label to hide the badge. |
 | `color`, `variant`, `icon`, `dot`     | Optional, passed to `UIBadge`. Defaults match the built-in badges (`gray`, `translucent`).                  |
 
+Styles returned from `getData` override the ones on the badge, for example to color a score by its value:
+
+```ts
+{
+  key: 'credit-score',
+  getData: async ({ uuid }) => {
+    const { score, isHealthy } = await CreditService.getForBusiness(uuid)
+
+    return {
+      label: t('crm.business.badges.credit_score', { score }),
+      color: isHealthy ? 'success' : 'error',
+    }
+  },
+}
+```
+
 Type the arrays with `WiseCrmBusinessHeaderBadge`, `WiseCrmIndividualHeaderBadge` or `WiseCrmDealHeaderBadge`; `uuid` is then a `WiseCrmBusinessUuid`, `WiseCrmIndividualUuid` or `WiseCrmDealUuid`.
 
 - The label is rendered as is, so translate it in `getData`. Badges refetch when the locale changes. Long labels are truncated with a tooltip.

package/dist/{BusinessDetailView-CHKBpSrI.js → BusinessDetailView-DJKi210v.js}

@@ -1,8 +1,8 @@
 import { defineComponent as n, openBlock as o, createBlock as r, unref as s, withCtx as a, createVNode as u } from "vue";
 import { useRouteParams as m } from "@vueuse/router";
-import { _ as p } from "./index-DEBSTcsW.js";
+import { _ as p } from "./index-Hc4kvsaE.js";
 import { br as c } from "./uuid.util-SYJY4Bt5.js";
-import { _ } from "./CrmDetailView.vue_vue_type_script_setup_true_lang-Xwd_IT_R.js";
+import { _ } from "./CrmDetailView.vue_vue_type_script_setup_true_lang-C2Pnl58E.js";
 const x = /* @__PURE__ */ n({
   __name: "BusinessDetailView",
   props: {

package/dist/{CrmDetailView.vue_vue_type_script_setup_true_lang-Xwd_IT_R.js → CrmDetailView.vue_vue_type_script_setup_true_lang-C2Pnl58E.js}

@@ -1,7 +1,7 @@
-import { defineComponent as v, ref as h, unref as e, openBlock as d, createElementBlock as u, createElementVNode as t, renderSlot as x, createVNode as r, withCtx as f, Fragment as y, renderList as g, createBlock as w, toValue as m, createCommentVNode as b } from "vue";
+import { defineComponent as v, ref as h, unref as e, openBlock as d, createElementBlock as u, createElementVNode as t, renderSlot as x, createVNode as r, withCtx as f, Fragment as w, renderList as y, createBlock as g, toValue as m, createCommentVNode as b } from "vue";
 import { onKeyStroke as C } from "@vueuse/core";
 import { UITabsRouterLink as k, UITabsRouterLinkItem as R, UIIconButton as B } from "@wisemen/vue-core-design-system";
-import { h as E, j as I, $ as T, ad as V } from "./index-DEBSTcsW.js";
+import { h as E, j as I, $ as T, ad as V } from "./index-Hc4kvsaE.js";
 import { useRoute as $, RouterView as j } from "vue-router";
 class A {
   /**
@@ -19,7 +19,7 @@ class A {
     return !1;
   }
 }
-const H = { key: 0 }, U = { class: "flex h-dvh w-dvw flex-1 overflow-hidden" }, z = { class: "flex h-full min-w-100 flex-col" }, L = { class: "flex size-full flex-1 justify-center overflow-hidden bg-secondary" }, N = { class: "flex w-full flex-col" }, S = { class: "grid w-full grid-cols-3 p-lg" }, D = { class: "flex items-center justify-center" }, F = { class: "flex items-center justify-end" }, K = { class: "size-full overflow-y-auto" }, P = /* @__PURE__ */ v({
+const H = { key: 0 }, U = { class: "flex h-dvh w-dvw flex-1 overflow-hidden" }, z = { class: "flex h-full min-w-100 flex-col" }, L = { class: "flex size-full flex-1 justify-center overflow-hidden bg-secondary" }, N = { class: "flex w-full flex-col" }, S = { class: "grid w-full grid-cols-[1fr_auto_1fr] p-lg" }, D = { class: "flex min-w-0 items-center justify-center" }, F = { class: "flex items-center justify-end" }, K = { class: "size-full overflow-y-auto" }, P = /* @__PURE__ */ v({
   __name: "CrmDetailView",
   props: {
     entityType: {},
@@ -45,9 +45,12 @@ const H = { key: 0 }, U = { class: "flex h-dvh w-dvw flex-1 overflow-hidden" },
                 t("div", S, [
                   n[1] || (n[1] = t("div", null, null, -1)),
                   t("div", D, [
-                    r(e(k), { variant: "button-border" }, {
+                    r(e(k), {
+                      variant: "button-border",
+                      class: "min-w-0"
+                    }, {
                       default: f(() => [
-                        (d(!0), u(y, null, g(a.tabs, (s) => (d(), w(e(R), {
+                        (d(!0), u(w, null, y(a.tabs, (s) => (d(), g(e(R), {
                           key: m(s.label),
                           label: m(s.label),
                           to: {

package/dist/{DealCommunicationTabView-DsghmRPh.js → DealCommunicationTabView-BLGyQLSw.js}

@@ -1,7 +1,7 @@
 import { defineComponent as y, openBlock as t, createElementBlock as _, createElementVNode as s, createBlock as o, resolveDynamicComponent as x, unref as e, toDisplayString as p, createVNode as r, withCtx as n, createCommentVNode as f, Fragment as b, renderList as w, normalizeClass as k, computed as I } from "vue";
 import { useRouteParams as U } from "@vueuse/router";
 import { useOffsetInfiniteQuery as M } from "@wisemen/vue-core-api-utils";
-import { M as z, u as E, a as L, T as j, b as B, W as F, F as T, c as S, D as h, g as A, d as D, m as N, e as V, A as H } from "./index-DEBSTcsW.js";
+import { M as z, u as E, a as L, T as j, b as B, W as F, F as T, c as S, D as h, g as A, d as D, m as N, e as V, A as H } from "./index-Hc4kvsaE.js";
 import { UIIconButton as Q, UIEmptyState as q, UIBadge as P } from "@wisemen/vue-core-design-system";
 import { AnimatePresence as W, Motion as O } from "motion-v";
 import { AccordionRoot as R, AccordionItem as G, AccordionHeader as J, AccordionTrigger as K, AccordionContent as X } from "reka-ui";