qt-ui-kit 1.0.31 → 1.0.33

package/dist/index.mjs

@@ -11168,9 +11168,6 @@ var require_lib7 = __commonJS({
   }
 });
 
-// src/components/organisms/preview_card/preview_card.tsx
-import { useState } from "react";
-
 // src/types/global.ts
 var IntegrationService = /* @__PURE__ */ ((IntegrationService5) => {
   IntegrationService5["SLACK"] = "slack";
@@ -13111,22 +13108,58 @@ function ExternalLink({
       case 16:
         return {
           viewBox: "0 0 16 16",
-          path: /* @__PURE__ */ jsx8("path", { d: "M6.66699 3.99996H4.00033C3.26395 3.99996 2.66699 4.59691 2.66699 5.33329V12C2.66699 12.7363 3.26395 13.3333 4.00033 13.3333H10.667C11.4034 13.3333 12.0003 12.7363 12.0003 12V9.33329M9.33366 2.66663H13.3337M13.3337 2.66663V6.66663M13.3337 2.66663L6.66699 9.33329", stroke: color, "stroke-width": "1.25", "stroke-linecap": "round", "stroke-linejoin": "round" })
+          path: /* @__PURE__ */ jsx8(
+            "path",
+            {
+              d: "M6.66699 3.99996H4.00033C3.26395 3.99996 2.66699 4.59691 2.66699 5.33329V12C2.66699 12.7363 3.26395 13.3333 4.00033 13.3333H10.667C11.4034 13.3333 12.0003 12.7363 12.0003 12V9.33329M9.33366 2.66663H13.3337M13.3337 2.66663V6.66663M13.3337 2.66663L6.66699 9.33329",
+              stroke: color,
+              strokeWidth: "1.25",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
         };
       case 20:
         return {
           viewBox: "0 0 20 20",
-          path: /* @__PURE__ */ jsx8("path", { d: "M8.33301 5.00004H4.99967C4.0792 5.00004 3.33301 5.74623 3.33301 6.66671V15C3.33301 15.9205 4.0792 16.6667 4.99967 16.6667H13.333C14.2535 16.6667 14.9997 15.9205 14.9997 15V11.6667M11.6663 3.33337H16.6663M16.6663 3.33337V8.33337M16.6663 3.33337L8.33301 11.6667", stroke: color, "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })
+          path: /* @__PURE__ */ jsx8(
+            "path",
+            {
+              d: "M8.33301 5.00004H4.99967C4.0792 5.00004 3.33301 5.74623 3.33301 6.66671V15C3.33301 15.9205 4.0792 16.6667 4.99967 16.6667H13.333C14.2535 16.6667 14.9997 15.9205 14.9997 15V11.6667M11.6663 3.33337H16.6663M16.6663 3.33337V8.33337M16.6663 3.33337L8.33301 11.6667",
+              stroke: color,
+              strokeWidth: "1.5",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
         };
       case 24:
         return {
           viewBox: "0 0 24 24",
-          path: /* @__PURE__ */ jsx8("path", { d: "M10 6H6C4.89543 6 4 6.89543 4 8V18C4 19.1046 4.89543 20 6 20H16C17.1046 20 18 19.1046 18 18V14M14 4H20M20 4V10M20 4L10 14", stroke: color, "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })
+          path: /* @__PURE__ */ jsx8(
+            "path",
+            {
+              d: "M10 6H6C4.89543 6 4 6.89543 4 8V18C4 19.1046 4.89543 20 6 20H16C17.1046 20 18 19.1046 18 18V14M14 4H20M20 4V10M20 4L10 14",
+              stroke: color,
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
         };
       case 36:
         return {
           viewBox: "0 0 36 36",
-          path: /* @__PURE__ */ jsx8("path", { d: "M15 9H9C7.34315 9 6 10.3431 6 12V27C6 28.6569 7.34315 30 9 30H24C25.6569 30 27 28.6569 27 27V21M21 6H30M30 6V15M30 6L15 21", stroke: color, "stroke-width": "2.25", "stroke-linecap": "round", "stroke-linejoin": "round" })
+          path: /* @__PURE__ */ jsx8(
+            "path",
+            {
+              d: "M15 9H9C7.34315 9 6 10.3431 6 12V27C6 28.6569 7.34315 30 9 30H24C25.6569 30 27 28.6569 27 27V21M21 6H30M30 6V15M30 6L15 21",
+              stroke: color,
+              strokeWidth: "2.25",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
         };
     }
   };
@@ -15091,7 +15124,11 @@ function CategoryIconButton({ icon, label, active }) {
 import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
 function PreviewCard({
   onRead,
+  read,
   onSelected,
+  selected,
+  onChecked,
+  checked,
   service,
   subjectLine,
   body,
@@ -15103,33 +15140,6 @@ function PreviewCard({
   urgencyLevel,
   alert
 }) {
-  const [selected, setSelected] = useState(false);
-  const [checked, setChecked] = useState(false);
-  const [read, setRead] = useState(false);
-  function intializeState() {
-  }
-  function toggleRead() {
-    if (onRead) {
-      try {
-        onRead();
-      } catch (e) {
-        console.log(`Failed to execute: onRead() | [${e}]`);
-        return;
-      }
-    }
-    setRead(!read);
-  }
-  function toggleSelected() {
-    if (onSelected) {
-      try {
-        onSelected();
-      } catch (e) {
-        console.log(`Failed to execute: onSelected() | [${e}]`);
-        return;
-      }
-    }
-    setSelected(!selected);
-  }
   function getColorVariant(urgency) {
     switch (urgency) {
       case "high" /* HIGH */:
@@ -15152,20 +15162,12 @@ function PreviewCard({
       ),
       onClick: (e) => {
         e.stopPropagation();
-        toggleSelected();
-        if (!read) {
-          toggleRead();
-        }
+        onRead && !read && onRead();
+        onSelected && onSelected();
       },
       children: [
         /* @__PURE__ */ jsxs12("div", { className: "flex flex-col gap-4 place-items-center", children: [
-          /* @__PURE__ */ jsx17(
-            SecondaryCheckBox,
-            {
-              active: checked,
-              onClick: () => setChecked(!checked)
-            }
-          ),
+          /* @__PURE__ */ jsx17(SecondaryCheckBox, { active: checked, onClick: onChecked }),
           /* @__PURE__ */ jsx17(BrandIcon, { service, size: 24 }),
           urgencyLevel && /* @__PURE__ */ jsx17(
             CategoryIconButton,
@@ -15652,7 +15654,7 @@ function MainNavButton({ icon, label, active, onClick }) {
             children: icon
           }
         ),
-        /* @__PURE__ */ jsx22("div", { className: "label-3-bold text-qtpurple-500", children: label })
+        /* @__PURE__ */ jsx22("div", { className: "label-3-bold text-qtpurple-500 select-none", children: label })
       ]
     }
   );
@@ -15711,7 +15713,7 @@ function CategoryIcon({ size = 24, icon, variant }) {
 }
 
 // src/components/organisms/emails/single_event.tsx
-import { useEffect, useState as useState2 } from "react";
+import { useEffect, useState } from "react";
 
 // src/components/organisms/intel_card/intel_card.tsx
 import clsx6 from "clsx";
@@ -15782,8 +15784,8 @@ function SingleEvent({
   body,
   startExpanded
 }) {
-  const [selected, setSelected] = useState2(false);
-  const [expanded, setExpanded] = useState2(false);
+  const [selected, setSelected] = useState(false);
+  const [expanded, setExpanded] = useState(false);
   useEffect(() => {
     if (startExpanded) {
       setExpanded(true);
@@ -15926,7 +15928,7 @@ function EmailBody({
 
 // src/components/organisms/chat_messages/chat_bubble/chat_bubble.tsx
 import clsx9 from "clsx";
-import { useEffect as useEffect2, useState as useState3 } from "react";
+import { useEffect as useEffect2, useState as useState2 } from "react";
 
 // src/components/atoms/emoji_pill/emoji_pill.tsx
 var import_emoji_dictionary = __toESM(require_lib7());
@@ -15958,9 +15960,9 @@ function ChatBubble({
   timestamp,
   emojis
 }) {
-  const [expanded, setExpanded] = useState3(false);
-  const [truncatedText, setTruncatedText] = useState3(false);
-  const [uniqueEmojis, setUniqueEmojis] = useState3(
+  const [expanded, setExpanded] = useState2(false);
+  const [truncatedText, setTruncatedText] = useState2(false);
+  const [uniqueEmojis, setUniqueEmojis] = useState2(
     /* @__PURE__ */ new Map()
   );
   const textLen = text?.length;
@@ -16407,12 +16409,12 @@ function Search({
 }
 
 // src/components/organisms/search_bar/search_bar.tsx
-import { useState as useState4, useEffect as useEffect3 } from "react";
+import { useState as useState3, useEffect as useEffect3 } from "react";
 import { jsx as jsx38, jsxs as jsxs26 } from "react/jsx-runtime";
 function SearchBar() {
-  const [query, setQuery] = useState4("");
-  const [state, setState] = useState4("inactive");
-  const [results, setResults] = useState4([]);
+  const [query, setQuery] = useState3("");
+  const [state, setState] = useState3("inactive");
+  const [results, setResults] = useState3([]);
   useEffect3(() => {
     if (query === "") {
       setState("inactive");