qt-ui-kit 1.0.98 → 1.0.99

package/dist/index.d.mts

@@ -168,6 +168,7 @@ type FilterButtonKey = "fires" | "unread" | "done" | "more" | IntegrationService
 type NavButtonConfig = {
     active?: boolean;
     onClick?: () => void;
+    disabled?: boolean;
 };
 type Props$1 = {
     buttons?: Partial<Record<FilterButtonKey, NavButtonConfig>>;

package/dist/index.d.ts

@@ -168,6 +168,7 @@ type FilterButtonKey = "fires" | "unread" | "done" | "more" | IntegrationService
 type NavButtonConfig = {
     active?: boolean;
     onClick?: () => void;
+    disabled?: boolean;
 };
 type Props$1 = {
     buttons?: Partial<Record<FilterButtonKey, NavButtonConfig>>;

package/dist/index.js

@@ -16147,7 +16147,7 @@ function SingleEvent({
         }
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex gap-2 place-items-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex gap-2 place-items-center w-min", children: [
           /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
             CategoryIcon,
             {
@@ -16469,8 +16469,8 @@ function ChatBubble({
             "div",
             {
               className: (0, import_clsx9.default)(
-                "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() : ""
             }
@@ -17121,8 +17121,8 @@ function FilterNavButton({ icon, label, active, onClick }) {
 // src/components/organisms/filter_bar/filter_bar.tsx
 var import_jsx_runtime44 = require("react/jsx-runtime");
 function FilterBar({ buttons }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex flex-col w-[54px] place-items-center gap-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex h-full min-h-0 flex-col w-[54px] items-center gap-4", children: [
+    !buttons?.fires?.disabled && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
       FilterNavButton,
       {
         icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
@@ -17135,7 +17135,7 @@ function FilterBar({ buttons }) {
         onClick: buttons?.fires?.onClick
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    !buttons?.unread?.disabled && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
       FilterNavButton,
       {
         icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
@@ -17149,7 +17149,7 @@ function FilterBar({ buttons }) {
         onClick: buttons?.unread?.onClick
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    !buttons?.done?.disabled && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
       FilterNavButton,
       {
         icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
@@ -17165,95 +17165,96 @@ function FilterBar({ buttons }) {
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("hr", { className: "w-full border-0.5 text-qtneutral-700" }),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-      FilterNavButton,
-      {
-        icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: buttons?.slack?.active ? "" : "grayscale", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(SlackIcon, {}) }),
-        onClick: buttons?.slack?.onClick
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-      FilterNavButton,
-      {
-        icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: buttons?.google_mail?.active ? "" : "grayscale", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(GoogleMailIcon, {}) }),
-        onClick: buttons?.google_mail?.onClick
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-      FilterNavButton,
-      {
-        icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: buttons?.google_calendar?.active ? "" : "grayscale", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(GoogleCalendarIcon, {}) }),
-        onClick: buttons?.google_calendar?.onClick
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-      FilterNavButton,
-      {
-        icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: buttons?.atlassian_jira?.active ? "" : "grayscale", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(AtlassianIcon, {}),
-          " "
-        ] }),
-        onClick: buttons?.atlassian_jira?.onClick
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-      FilterNavButton,
-      {
-        icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: buttons?.microsoft_teams?.active ? "" : "grayscale", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(MicrosoftTeamsIcon, {}),
-          " "
-        ] }),
-        onClick: buttons?.microsoft_teams?.onClick
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-      FilterNavButton,
-      {
-        icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
-          "div",
-          {
-            className: buttons?.microsoft_calendar?.active || buttons?.microsoft_mail?.active ? "" : "grayscale",
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(MicrosoftOutlookMailIcon, {}),
-              " "
-            ]
-          }
-        ),
-        onClick: buttons?.microsoft_mail?.onClick || buttons?.microsoft_calendar?.onClick
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-      FilterNavButton,
-      {
-        icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
-          "div",
-          {
-            className: buttons?.clickup?.active || buttons?.clickup?.active ? "" : "grayscale",
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(ClickupIcon, {}),
-              " "
-            ]
-          }
-        ),
-        onClick: buttons?.clickup?.onClick
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-      FilterNavButton,
-      {
-        icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
-          "div",
-          {
-            className: buttons?.asana?.active || buttons?.asana?.active ? "" : "grayscale",
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(AsanaIcon, {}),
-              " "
-            ]
-          }
-        ),
-        onClick: buttons?.asana?.onClick
-      }
-    ),
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("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__ */ (0, import_jsx_runtime44.jsx)(
+        FilterNavButton,
+        {
+          icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: buttons?.slack?.active ? "" : "grayscale", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(SlackIcon, {}) }),
+          label: "slack",
+          onClick: buttons?.slack?.onClick
+        }
+      ),
+      !buttons?.google_mail?.disabled && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        FilterNavButton,
+        {
+          icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: buttons?.google_mail?.active ? "" : "grayscale", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(GoogleMailIcon, {}) }),
+          label: "Gmail",
+          onClick: buttons?.google_mail?.onClick
+        }
+      ),
+      !buttons?.google_calendar?.disabled && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        FilterNavButton,
+        {
+          icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+            "div",
+            {
+              className: buttons?.google_calendar?.active ? "" : "grayscale",
+              children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(GoogleCalendarIcon, {})
+            }
+          ),
+          label: "Gcal",
+          onClick: buttons?.google_calendar?.onClick
+        }
+      ),
+      !buttons?.atlassian_jira?.disabled && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        FilterNavButton,
+        {
+          icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+            "div",
+            {
+              className: buttons?.atlassian_jira?.active ? "" : "grayscale",
+              children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(AtlassianIcon, {})
+            }
+          ),
+          label: "Jira",
+          onClick: buttons?.atlassian_jira?.onClick
+        }
+      ),
+      !buttons?.microsoft_teams?.disabled && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        FilterNavButton,
+        {
+          icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+            "div",
+            {
+              className: buttons?.microsoft_teams?.active ? "" : "grayscale",
+              children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(MicrosoftTeamsIcon, {})
+            }
+          ),
+          label: "Teams",
+          onClick: buttons?.microsoft_teams?.onClick
+        }
+      ),
+      !(buttons?.microsoft_mail?.disabled || buttons?.microsoft_calendar?.disabled) && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        FilterNavButton,
+        {
+          icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+            "div",
+            {
+              className: buttons?.microsoft_calendar?.active || buttons?.microsoft_mail?.active ? "" : "grayscale",
+              children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(MicrosoftOutlookMailIcon, {})
+            }
+          ),
+          label: "Outlook",
+          onClick: buttons?.microsoft_mail?.onClick || buttons?.microsoft_calendar?.onClick
+        }
+      ),
+      !buttons?.clickup?.disabled && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        FilterNavButton,
+        {
+          icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: buttons?.clickup?.active ? "" : "grayscale", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(ClickupIcon, {}) }),
+          label: "ClickUp",
+          onClick: buttons?.clickup?.onClick
+        }
+      ),
+      !buttons?.asana?.disabled && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        FilterNavButton,
+        {
+          icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: buttons?.asana?.active ? "" : "grayscale", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(AsanaIcon, {}) }),
+          label: "Asana",
+          onClick: buttons?.asana?.onClick
+        }
+      )
+    ] }),
     /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("hr", { className: "w-full border-0.5 text-qtneutral-700" }),
     /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { onClick: buttons?.more?.onClick, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(FilterNavButton, { icon: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(PlusLarge, { size: 36 }) }) })
   ] });