qt-ui-kit 1.0.33 → 1.0.35

package/dist/index.mjs

@@ -11168,6 +11168,9 @@ 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";
@@ -15123,12 +15126,10 @@ function CategoryIconButton({ icon, label, active }) {
 // src/components/organisms/preview_card/preview_card.tsx
 import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
 function PreviewCard({
-  onRead,
-  read,
+  eventID,
   onSelected,
-  selected,
+  unSelectable,
   onChecked,
-  checked,
   service,
   subjectLine,
   body,
@@ -15138,8 +15139,11 @@ function PreviewCard({
   date,
   onClickGoToSource,
   urgencyLevel,
-  alert
+  alert,
+  read
 }) {
+  const [selected, setSelected] = useState(false);
+  const [checked, setChecked] = useState(false);
   function getColorVariant(urgency) {
     switch (urgency) {
       case "high" /* HIGH */:
@@ -15152,6 +15156,21 @@ function PreviewCard({
         return void 0;
     }
   }
+  function toggleSelected() {
+    if (unSelectable) {
+      return;
+    }
+    setSelected(!selected);
+    if (onSelected) {
+      onSelected(eventID);
+    }
+  }
+  function toggleChecked() {
+    setChecked(!checked);
+    if (onChecked) {
+      onChecked(eventID);
+    }
+  }
   return /* @__PURE__ */ jsxs12(
     "div",
     {
@@ -15162,12 +15181,11 @@ function PreviewCard({
       ),
       onClick: (e) => {
         e.stopPropagation();
-        onRead && !read && onRead();
-        onSelected && onSelected();
+        toggleSelected();
       },
       children: [
         /* @__PURE__ */ jsxs12("div", { className: "flex flex-col gap-4 place-items-center", children: [
-          /* @__PURE__ */ jsx17(SecondaryCheckBox, { active: checked, onClick: onChecked }),
+          /* @__PURE__ */ jsx17(SecondaryCheckBox, { active: checked, onClick: toggleChecked }),
           /* @__PURE__ */ jsx17(BrandIcon, { service, size: 24 }),
           urgencyLevel && /* @__PURE__ */ jsx17(
             CategoryIconButton,
@@ -15713,7 +15731,7 @@ function CategoryIcon({ size = 24, icon, variant }) {
 }
 
 // src/components/organisms/emails/single_event.tsx
-import { useEffect, useState } from "react";
+import { useEffect, useState as useState2 } from "react";
 
 // src/components/organisms/intel_card/intel_card.tsx
 import clsx6 from "clsx";
@@ -15784,8 +15802,8 @@ function SingleEvent({
   body,
   startExpanded
 }) {
-  const [selected, setSelected] = useState(false);
-  const [expanded, setExpanded] = useState(false);
+  const [selected, setSelected] = useState2(false);
+  const [expanded, setExpanded] = useState2(false);
   useEffect(() => {
     if (startExpanded) {
       setExpanded(true);
@@ -15928,7 +15946,7 @@ function EmailBody({
 
 // src/components/organisms/chat_messages/chat_bubble/chat_bubble.tsx
 import clsx9 from "clsx";
-import { useEffect as useEffect2, useState as useState2 } from "react";
+import { useEffect as useEffect2, useState as useState3 } from "react";
 
 // src/components/atoms/emoji_pill/emoji_pill.tsx
 var import_emoji_dictionary = __toESM(require_lib7());
@@ -15960,9 +15978,9 @@ function ChatBubble({
   timestamp,
   emojis
 }) {
-  const [expanded, setExpanded] = useState2(false);
-  const [truncatedText, setTruncatedText] = useState2(false);
-  const [uniqueEmojis, setUniqueEmojis] = useState2(
+  const [expanded, setExpanded] = useState3(false);
+  const [truncatedText, setTruncatedText] = useState3(false);
+  const [uniqueEmojis, setUniqueEmojis] = useState3(
     /* @__PURE__ */ new Map()
   );
   const textLen = text?.length;
@@ -16409,12 +16427,12 @@ function Search({
 }
 
 // src/components/organisms/search_bar/search_bar.tsx
-import { useState as useState3, useEffect as useEffect3 } from "react";
+import { useState as useState4, useEffect as useEffect3 } from "react";
 import { jsx as jsx38, jsxs as jsxs26 } from "react/jsx-runtime";
 function SearchBar() {
-  const [query, setQuery] = useState3("");
-  const [state, setState] = useState3("inactive");
-  const [results, setResults] = useState3([]);
+  const [query, setQuery] = useState4("");
+  const [state, setState] = useState4("inactive");
+  const [results, setResults] = useState4([]);
   useEffect3(() => {
     if (query === "") {
       setState("inactive");