qt-ui-kit 1.0.98 → 1.0.99

package/dist/index.mjs

@@ -16119,7 +16119,7 @@ function SingleEvent({
         }
       },
       children: [
-        /* @__PURE__ */ jsxs21("div", { className: "flex gap-2 place-items-center", children: [
+        /* @__PURE__ */ jsxs21("div", { className: "flex gap-2 place-items-center w-min", children: [
           /* @__PURE__ */ jsx28(
             CategoryIcon,
             {
@@ -16441,8 +16441,8 @@ function ChatBubble({
             "div",
             {
               className: clsx9(
-                "h-[24px] w-[24px] rounded-t-md bg-qtneutral-500 text-qtneutral-200 flex place-items-center place-content-center font-bold text-xs",
-                outbound ? "rounded-bl-md" : "rounded-br-md"
+                "h-[24px] w-[24px] rounded-t-md flex place-items-center place-content-center label-1-bold",
+                outbound ? "rounded-bl-md bg-qtgreen-200 text-qtneutral-900" : "rounded-br-md bg-qtpurple-300 text-qtneutral-200"
               ),
               children: name ? name[0].toUpperCase() : ""
             }
@@ -17093,8 +17093,8 @@ function FilterNavButton({ icon, label, active, onClick }) {
 // src/components/organisms/filter_bar/filter_bar.tsx
 import { jsx as jsx44, jsxs as jsxs31 } from "react/jsx-runtime";
 function FilterBar({ buttons }) {
-  return /* @__PURE__ */ jsxs31("div", { className: "flex flex-col w-[54px] place-items-center gap-4", children: [
-    /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsxs31("div", { className: "flex h-full min-h-0 flex-col w-[54px] items-center gap-4", children: [
+    !buttons?.fires?.disabled && /* @__PURE__ */ jsx44(
       FilterNavButton,
       {
         icon: /* @__PURE__ */ jsx44(
@@ -17107,7 +17107,7 @@ function FilterBar({ buttons }) {
         onClick: buttons?.fires?.onClick
       }
     ),
-    /* @__PURE__ */ jsx44(
+    !buttons?.unread?.disabled && /* @__PURE__ */ jsx44(
       FilterNavButton,
       {
         icon: /* @__PURE__ */ jsx44(
@@ -17121,7 +17121,7 @@ function FilterBar({ buttons }) {
         onClick: buttons?.unread?.onClick
       }
     ),
-    /* @__PURE__ */ jsx44(
+    !buttons?.done?.disabled && /* @__PURE__ */ jsx44(
       FilterNavButton,
       {
         icon: /* @__PURE__ */ jsx44(
@@ -17137,95 +17137,96 @@ function FilterBar({ buttons }) {
       }
     ),
     /* @__PURE__ */ jsx44("hr", { className: "w-full border-0.5 text-qtneutral-700" }),
-    /* @__PURE__ */ jsx44(
-      FilterNavButton,
-      {
-        icon: /* @__PURE__ */ jsx44("div", { className: buttons?.slack?.active ? "" : "grayscale", children: /* @__PURE__ */ jsx44(SlackIcon, {}) }),
-        onClick: buttons?.slack?.onClick
-      }
-    ),
-    /* @__PURE__ */ jsx44(
-      FilterNavButton,
-      {
-        icon: /* @__PURE__ */ jsx44("div", { className: buttons?.google_mail?.active ? "" : "grayscale", children: /* @__PURE__ */ jsx44(GoogleMailIcon, {}) }),
-        onClick: buttons?.google_mail?.onClick
-      }
-    ),
-    /* @__PURE__ */ jsx44(
-      FilterNavButton,
-      {
-        icon: /* @__PURE__ */ jsx44("div", { className: buttons?.google_calendar?.active ? "" : "grayscale", children: /* @__PURE__ */ jsx44(GoogleCalendarIcon, {}) }),
-        onClick: buttons?.google_calendar?.onClick
-      }
-    ),
-    /* @__PURE__ */ jsx44(
-      FilterNavButton,
-      {
-        icon: /* @__PURE__ */ jsxs31("div", { className: buttons?.atlassian_jira?.active ? "" : "grayscale", children: [
-          /* @__PURE__ */ jsx44(AtlassianIcon, {}),
-          " "
-        ] }),
-        onClick: buttons?.atlassian_jira?.onClick
-      }
-    ),
-    /* @__PURE__ */ jsx44(
-      FilterNavButton,
-      {
-        icon: /* @__PURE__ */ jsxs31("div", { className: buttons?.microsoft_teams?.active ? "" : "grayscale", children: [
-          /* @__PURE__ */ jsx44(MicrosoftTeamsIcon, {}),
-          " "
-        ] }),
-        onClick: buttons?.microsoft_teams?.onClick
-      }
-    ),
-    /* @__PURE__ */ jsx44(
-      FilterNavButton,
-      {
-        icon: /* @__PURE__ */ jsxs31(
-          "div",
-          {
-            className: buttons?.microsoft_calendar?.active || buttons?.microsoft_mail?.active ? "" : "grayscale",
-            children: [
-              /* @__PURE__ */ jsx44(MicrosoftOutlookMailIcon, {}),
-              " "
-            ]
-          }
-        ),
-        onClick: buttons?.microsoft_mail?.onClick || buttons?.microsoft_calendar?.onClick
-      }
-    ),
-    /* @__PURE__ */ jsx44(
-      FilterNavButton,
-      {
-        icon: /* @__PURE__ */ jsxs31(
-          "div",
-          {
-            className: buttons?.clickup?.active || buttons?.clickup?.active ? "" : "grayscale",
-            children: [
-              /* @__PURE__ */ jsx44(ClickupIcon, {}),
-              " "
-            ]
-          }
-        ),
-        onClick: buttons?.clickup?.onClick
-      }
-    ),
-    /* @__PURE__ */ jsx44(
-      FilterNavButton,
-      {
-        icon: /* @__PURE__ */ jsxs31(
-          "div",
-          {
-            className: buttons?.asana?.active || buttons?.asana?.active ? "" : "grayscale",
-            children: [
-              /* @__PURE__ */ jsx44(AsanaIcon, {}),
-              " "
-            ]
-          }
-        ),
-        onClick: buttons?.asana?.onClick
-      }
-    ),
+    /* @__PURE__ */ jsxs31("div", { className: "flex-1 min-h-0 w-full overflow-y-auto flex flex-col gap-4 overscroll-contain [scrollbar-gutter:stable] pl-1", children: [
+      !buttons?.slack?.disabled && /* @__PURE__ */ jsx44(
+        FilterNavButton,
+        {
+          icon: /* @__PURE__ */ jsx44("div", { className: buttons?.slack?.active ? "" : "grayscale", children: /* @__PURE__ */ jsx44(SlackIcon, {}) }),
+          label: "slack",
+          onClick: buttons?.slack?.onClick
+        }
+      ),
+      !buttons?.google_mail?.disabled && /* @__PURE__ */ jsx44(
+        FilterNavButton,
+        {
+          icon: /* @__PURE__ */ jsx44("div", { className: buttons?.google_mail?.active ? "" : "grayscale", children: /* @__PURE__ */ jsx44(GoogleMailIcon, {}) }),
+          label: "Gmail",
+          onClick: buttons?.google_mail?.onClick
+        }
+      ),
+      !buttons?.google_calendar?.disabled && /* @__PURE__ */ jsx44(
+        FilterNavButton,
+        {
+          icon: /* @__PURE__ */ jsx44(
+            "div",
+            {
+              className: buttons?.google_calendar?.active ? "" : "grayscale",
+              children: /* @__PURE__ */ jsx44(GoogleCalendarIcon, {})
+            }
+          ),
+          label: "Gcal",
+          onClick: buttons?.google_calendar?.onClick
+        }
+      ),
+      !buttons?.atlassian_jira?.disabled && /* @__PURE__ */ jsx44(
+        FilterNavButton,
+        {
+          icon: /* @__PURE__ */ jsx44(
+            "div",
+            {
+              className: buttons?.atlassian_jira?.active ? "" : "grayscale",
+              children: /* @__PURE__ */ jsx44(AtlassianIcon, {})
+            }
+          ),
+          label: "Jira",
+          onClick: buttons?.atlassian_jira?.onClick
+        }
+      ),
+      !buttons?.microsoft_teams?.disabled && /* @__PURE__ */ jsx44(
+        FilterNavButton,
+        {
+          icon: /* @__PURE__ */ jsx44(
+            "div",
+            {
+              className: buttons?.microsoft_teams?.active ? "" : "grayscale",
+              children: /* @__PURE__ */ jsx44(MicrosoftTeamsIcon, {})
+            }
+          ),
+          label: "Teams",
+          onClick: buttons?.microsoft_teams?.onClick
+        }
+      ),
+      !(buttons?.microsoft_mail?.disabled || buttons?.microsoft_calendar?.disabled) && /* @__PURE__ */ jsx44(
+        FilterNavButton,
+        {
+          icon: /* @__PURE__ */ jsx44(
+            "div",
+            {
+              className: buttons?.microsoft_calendar?.active || buttons?.microsoft_mail?.active ? "" : "grayscale",
+              children: /* @__PURE__ */ jsx44(MicrosoftOutlookMailIcon, {})
+            }
+          ),
+          label: "Outlook",
+          onClick: buttons?.microsoft_mail?.onClick || buttons?.microsoft_calendar?.onClick
+        }
+      ),
+      !buttons?.clickup?.disabled && /* @__PURE__ */ jsx44(
+        FilterNavButton,
+        {
+          icon: /* @__PURE__ */ jsx44("div", { className: buttons?.clickup?.active ? "" : "grayscale", children: /* @__PURE__ */ jsx44(ClickupIcon, {}) }),
+          label: "ClickUp",
+          onClick: buttons?.clickup?.onClick
+        }
+      ),
+      !buttons?.asana?.disabled && /* @__PURE__ */ jsx44(
+        FilterNavButton,
+        {
+          icon: /* @__PURE__ */ jsx44("div", { className: buttons?.asana?.active ? "" : "grayscale", children: /* @__PURE__ */ jsx44(AsanaIcon, {}) }),
+          label: "Asana",
+          onClick: buttons?.asana?.onClick
+        }
+      )
+    ] }),
     /* @__PURE__ */ jsx44("hr", { className: "w-full border-0.5 text-qtneutral-700" }),
     /* @__PURE__ */ jsx44("div", { onClick: buttons?.more?.onClick, children: /* @__PURE__ */ jsx44(FilterNavButton, { icon: /* @__PURE__ */ jsx44(PlusLarge, { size: 36 }) }) })
   ] });