qt-ui-kit 1.0.114 → 1.0.115

package/dist/index.mjs

@@ -11172,17 +11172,28 @@ var require_lib7 = __commonJS({
 import { useState as useState2 } from "react";
 
 // src/types/global.ts
-var IntegrationService = /* @__PURE__ */ ((IntegrationService5) => {
-  IntegrationService5["SLACK"] = "slack";
-  IntegrationService5["GMAIL"] = "google_mail";
-  IntegrationService5["GCAL"] = "google_calendar";
-  IntegrationService5["MSTEAMS"] = "microsoft_teams";
-  IntegrationService5["MSMAIL"] = "microsoft_mail";
-  IntegrationService5["MSCAL"] = "microsoft_calendar";
-  IntegrationService5["AJIRA"] = "atlassian_jira";
-  IntegrationService5["CLKUP"] = "clickup";
-  IntegrationService5["ASANA"] = "asana";
-  return IntegrationService5;
+var FilterCategory = /* @__PURE__ */ ((FilterCategory2) => {
+  FilterCategory2["FIRES"] = "fires";
+  FilterCategory2["INSIGHTS"] = "insights";
+  FilterCategory2["NEW"] = "new";
+  FilterCategory2["DONE"] = "done";
+  return FilterCategory2;
+})(FilterCategory || {});
+var MoreFilter = /* @__PURE__ */ ((MoreFilter3) => {
+  MoreFilter3["MORE"] = "more";
+  return MoreFilter3;
+})(MoreFilter || {});
+var IntegrationService = /* @__PURE__ */ ((IntegrationService4) => {
+  IntegrationService4["SLACK"] = "slack";
+  IntegrationService4["GMAIL"] = "google_mail";
+  IntegrationService4["GCAL"] = "google_calendar";
+  IntegrationService4["MSTEAMS"] = "microsoft_teams";
+  IntegrationService4["MSMAIL"] = "microsoft_mail";
+  IntegrationService4["MSCAL"] = "microsoft_calendar";
+  IntegrationService4["AJIRA"] = "atlassian_jira";
+  IntegrationService4["CLKUP"] = "clickup";
+  IntegrationService4["ASANA"] = "asana";
+  return IntegrationService4;
 })(IntegrationService || {});
 var BaseIconName = /* @__PURE__ */ ((BaseIconName2) => {
   BaseIconName2["SEARCH"] = "search";
@@ -17277,160 +17288,116 @@ function FilterNavButton({ icon, label, active, onClick, totalItems }) {
 
 // src/components/organisms/filter_bar/filter_bar.tsx
 import { jsx as jsx45, jsxs as jsxs32 } from "react/jsx-runtime";
-function FilterBar({ buttons }) {
-  return /* @__PURE__ */ jsxs32("div", { className: "flex h-full min-h-0 flex-col w-[54px] items-center gap-4", children: [
-    !buttons?.fires?.disabled && /* @__PURE__ */ jsx45(
-      FilterNavButton,
+var CATEGORY_FILTERS = [
+  {
+    filter: "fires" /* FIRES */,
+    label: "Fires",
+    icon: (active) => /* @__PURE__ */ jsx45(FireIcon, { variant: active ? void 0 : "none" /* OUTLINED */ })
+  },
+  {
+    filter: "insights" /* INSIGHTS */,
+    label: "Q Insights",
+    icon: (active) => /* @__PURE__ */ jsx45(InsightsIcon, { variant: active ? void 0 : "none" /* OUTLINED */ })
+  },
+  {
+    filter: "new" /* NEW */,
+    label: "Unread",
+    icon: (active) => /* @__PURE__ */ jsx45(Mail, { size: 36, fillColor: active ? "#BFF4F6" : void 0 })
+  },
+  {
+    filter: "done" /* DONE */,
+    label: "Done",
+    icon: (active) => /* @__PURE__ */ jsx45(
+      CheckBox,
       {
-        icon: /* @__PURE__ */ jsx45(
-          FireIcon,
-          {
-            variant: buttons?.fires?.active ? void 0 : "none" /* OUTLINED */
-          }
-        ),
-        label: "Fires",
-        onClick: buttons?.fires?.onClick,
-        totalItems: buttons?.fires?.count
+        size: 36,
+        color: "#000000",
+        fillColor: active ? "#E8FE99" : void 0
       }
-    ),
-    !buttons?.insights?.disabled && /* @__PURE__ */ jsx45(
+    )
+  }
+];
+var INTEGRATION_FILTERS = [
+  { services: ["slack" /* SLACK */], label: "Slack", icon: /* @__PURE__ */ jsx45(SlackIcon, {}) },
+  {
+    services: ["google_mail" /* GMAIL */],
+    label: "Gmail",
+    icon: /* @__PURE__ */ jsx45(GoogleMailIcon, {})
+  },
+  {
+    services: ["google_calendar" /* GCAL */],
+    label: "Gcal",
+    icon: /* @__PURE__ */ jsx45(GoogleCalendarIcon, {})
+  },
+  {
+    services: ["atlassian_jira" /* AJIRA */],
+    label: "Jira",
+    icon: /* @__PURE__ */ jsx45(AtlassianIcon, {})
+  },
+  {
+    services: ["microsoft_teams" /* MSTEAMS */],
+    label: "Teams",
+    icon: /* @__PURE__ */ jsx45(MicrosoftTeamsIcon, {})
+  },
+  {
+    services: ["microsoft_mail" /* MSMAIL */, "microsoft_calendar" /* MSCAL */],
+    label: "Outlook",
+    icon: /* @__PURE__ */ jsx45(MicrosoftOutlookMailIcon, {})
+  },
+  {
+    services: ["clickup" /* CLKUP */],
+    label: "ClickUp",
+    icon: /* @__PURE__ */ jsx45(ClickupIcon, {})
+  },
+  { services: ["asana" /* ASANA */], label: "Asana", icon: /* @__PURE__ */ jsx45(AsanaIcon, {}) }
+];
+function FilterBar({ buttons }) {
+  const renderCategoryButton = ({ filter, label, icon }) => {
+    const config = buttons?.[filter];
+    if (config?.disabled) return null;
+    return /* @__PURE__ */ jsx45(
       FilterNavButton,
       {
-        icon: /* @__PURE__ */ jsx45(
-          InsightsIcon,
-          {
-            variant: buttons?.insights?.active ? void 0 : "none" /* OUTLINED */
-          }
-        ),
-        label: "Q Insights",
-        onClick: buttons?.insights?.onClick,
-        totalItems: buttons?.insights?.count
-      }
-    ),
-    !buttons?.unread?.disabled && /* @__PURE__ */ jsx45(
+        icon: icon(config?.active),
+        label,
+        onClick: config?.onClick,
+        totalItems: config?.count
+      },
+      filter
+    );
+  };
+  const renderIntegrationButton = ({
+    services,
+    label,
+    icon
+  }) => {
+    const configs = services.map((service) => buttons?.[service]);
+    const allDisabled = configs.every((c) => c?.disabled);
+    if (allDisabled) return null;
+    const anyActive = configs.some((c) => c?.active);
+    const onClick = configs.find((c) => c?.onClick)?.onClick;
+    return /* @__PURE__ */ jsx45(
       FilterNavButton,
       {
-        icon: /* @__PURE__ */ jsx45(
-          Mail,
-          {
-            size: 36,
-            fillColor: buttons?.unread?.active ? "#BFF4F6" : void 0
-          }
-        ),
-        label: "Unread",
-        onClick: buttons?.unread?.onClick,
-        totalItems: buttons?.unread?.count
-      }
-    ),
-    !buttons?.done?.disabled && /* @__PURE__ */ jsx45(
+        icon: /* @__PURE__ */ jsx45("div", { className: anyActive ? "" : "grayscale", children: icon }),
+        label,
+        onClick
+      },
+      services.join("-")
+    );
+  };
+  return /* @__PURE__ */ jsxs32("div", { className: "flex h-full w-[54px] min-h-0 flex-col items-center gap-4", children: [
+    CATEGORY_FILTERS.map(renderCategoryButton),
+    /* @__PURE__ */ jsx45("hr", { className: "w-full border-0.5 text-qtneutral-700" }),
+    /* @__PURE__ */ jsx45("div", { className: "flex-1 w-full min-h-0 min-w-[58px] overflow-y-auto flex flex-col items-center gap-4 overscroll-contain", children: INTEGRATION_FILTERS.map(renderIntegrationButton) }),
+    /* @__PURE__ */ jsx45("hr", { className: "w-full border-0.5 text-qtneutral-700" }),
+    /* @__PURE__ */ jsx45(
       FilterNavButton,
       {
-        icon: /* @__PURE__ */ jsx45(
-          CheckBox,
-          {
-            size: 36,
-            color: "#000000",
-            fillColor: buttons?.done?.active ? "#E8FE99" : void 0
-          }
-        ),
-        label: "Done",
-        onClick: buttons?.done?.onClick,
-        totalItems: buttons?.done?.count
+        icon: /* @__PURE__ */ jsx45(PlusLarge, { size: 36 }),
+        onClick: buttons?.more?.onClick
       }
-    ),
-    /* @__PURE__ */ jsx45("hr", { className: "w-full border-0.5 text-qtneutral-700" }),
-    /* @__PURE__ */ jsxs32("div", { className: "flex-1 min-h-0 w-full overflow-y-auto flex flex-col gap-4 overscroll-contain items-center min-w-[58px]", children: [
-      !buttons?.slack?.disabled && /* @__PURE__ */ jsx45(
-        FilterNavButton,
-        {
-          icon: /* @__PURE__ */ jsx45("div", { className: buttons?.slack?.active ? "" : "grayscale", children: /* @__PURE__ */ jsx45(SlackIcon, {}) }),
-          label: "slack",
-          onClick: buttons?.slack?.onClick
-        }
-      ),
-      !buttons?.google_mail?.disabled && /* @__PURE__ */ jsx45(
-        FilterNavButton,
-        {
-          icon: /* @__PURE__ */ jsx45("div", { className: buttons?.google_mail?.active ? "" : "grayscale", children: /* @__PURE__ */ jsx45(GoogleMailIcon, {}) }),
-          label: "Gmail",
-          onClick: buttons?.google_mail?.onClick
-        }
-      ),
-      !buttons?.google_calendar?.disabled && /* @__PURE__ */ jsx45(
-        FilterNavButton,
-        {
-          icon: /* @__PURE__ */ jsx45(
-            "div",
-            {
-              className: buttons?.google_calendar?.active ? "" : "grayscale",
-              children: /* @__PURE__ */ jsx45(GoogleCalendarIcon, {})
-            }
-          ),
-          label: "Gcal",
-          onClick: buttons?.google_calendar?.onClick
-        }
-      ),
-      !buttons?.atlassian_jira?.disabled && /* @__PURE__ */ jsx45(
-        FilterNavButton,
-        {
-          icon: /* @__PURE__ */ jsx45(
-            "div",
-            {
-              className: buttons?.atlassian_jira?.active ? "" : "grayscale",
-              children: /* @__PURE__ */ jsx45(AtlassianIcon, {})
-            }
-          ),
-          label: "Jira",
-          onClick: buttons?.atlassian_jira?.onClick
-        }
-      ),
-      !buttons?.microsoft_teams?.disabled && /* @__PURE__ */ jsx45(
-        FilterNavButton,
-        {
-          icon: /* @__PURE__ */ jsx45(
-            "div",
-            {
-              className: buttons?.microsoft_teams?.active ? "" : "grayscale",
-              children: /* @__PURE__ */ jsx45(MicrosoftTeamsIcon, {})
-            }
-          ),
-          label: "Teams",
-          onClick: buttons?.microsoft_teams?.onClick
-        }
-      ),
-      !(buttons?.microsoft_mail?.disabled && buttons?.microsoft_calendar?.disabled) && /* @__PURE__ */ jsx45(
-        FilterNavButton,
-        {
-          icon: /* @__PURE__ */ jsx45(
-            "div",
-            {
-              className: buttons?.microsoft_calendar?.active || buttons?.microsoft_mail?.active ? "" : "grayscale",
-              children: /* @__PURE__ */ jsx45(MicrosoftOutlookMailIcon, {})
-            }
-          ),
-          label: "Outlook",
-          onClick: buttons?.microsoft_mail?.onClick || buttons?.microsoft_calendar?.onClick
-        }
-      ),
-      !buttons?.clickup?.disabled && /* @__PURE__ */ jsx45(
-        FilterNavButton,
-        {
-          icon: /* @__PURE__ */ jsx45("div", { className: buttons?.clickup?.active ? "" : "grayscale", children: /* @__PURE__ */ jsx45(ClickupIcon, {}) }),
-          label: "ClickUp",
-          onClick: buttons?.clickup?.onClick
-        }
-      ),
-      !buttons?.asana?.disabled && /* @__PURE__ */ jsx45(
-        FilterNavButton,
-        {
-          icon: /* @__PURE__ */ jsx45("div", { className: buttons?.asana?.active ? "" : "grayscale", children: /* @__PURE__ */ jsx45(AsanaIcon, {}) }),
-          label: "Asana",
-          onClick: buttons?.asana?.onClick
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx45("hr", { className: "w-full border-0.5 text-qtneutral-700" }),
-    /* @__PURE__ */ jsx45("div", { onClick: buttons?.more?.onClick, children: /* @__PURE__ */ jsx45(FilterNavButton, { icon: /* @__PURE__ */ jsx45(PlusLarge, { size: 36 }) }) })
+    )
   ] });
 }
 
@@ -17789,8 +17756,10 @@ export {
   EventState,
   EventType,
   FilterBar,
+  FilterCategory,
   IntegrationService,
   Modal,
+  MoreFilter,
   NavBar,
   PreviewCard,
   SearchBar,