@collabkit/pro-theme-cashboard - npm Package Compare versions

Comparing version 1.0.0 to 1.0.1

dist/collabkit-cashboard.js

@@ -1,2 +0,2 @@
-import { Comment as d, Profile as w, Thread as x, usePopoverThread as y, Popover as p, Scrollable as b, CommentList as f, useComposer as S, Composer as h, Button as m } from "@collabkit/react";
+import { Comment as d, Profile as g, Thread as m, usePopoverThread as y, Popover as l, Scrollable as f, CommentList as u, useComposer as S, Composer as x, Button as b } from "@collabkit/react";
 import P from "react";
@@ -167,3 +167,3 @@ const j = {
 };
-var l = { exports: {} }, s = {};
+var c = { exports: {} }, h = {};
 /**
@@ -178,23 +178,23 @@ * @license React
  */
-var C = P, E = Symbol.for("react.element"), k = Symbol.for("react.fragment"), _ = Object.prototype.hasOwnProperty, z = C.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, R = { key: !0, ref: !0, __self: !0, __source: !0 };
-function u(r, o, a) {
-  var t, i = {}, c = null, g = null;
-  a !== void 0 && (c = "" + a), o.key !== void 0 && (c = "" + o.key), o.ref !== void 0 && (g = o.ref);
-  for (t in o)
-    _.call(o, t) && !R.hasOwnProperty(t) && (i[t] = o[t]);
-  if (r && r.defaultProps)
-    for (t in o = r.defaultProps, o)
-      i[t] === void 0 && (i[t] = o[t]);
-  return { $$typeof: E, type: r, key: c, ref: g, props: i, _owner: z.current };
+var C = P, E = Symbol.for("react.element"), k = Symbol.for("react.fragment"), _ = Object.prototype.hasOwnProperty, N = C.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, z = { key: !0, ref: !0, __self: !0, __source: !0 };
+function v(o, r, a) {
+  var t, i = {}, p = null, s = null;
+  a !== void 0 && (p = "" + a), r.key !== void 0 && (p = "" + r.key), r.ref !== void 0 && (s = r.ref);
+  for (t in r)
+    _.call(r, t) && !z.hasOwnProperty(t) && (i[t] = r[t]);
+  if (o && o.defaultProps)
+    for (t in r = o.defaultProps, r)
+      i[t] === void 0 && (i[t] = r[t]);
+  return { $$typeof: E, type: o, key: p, ref: s, props: i, _owner: N.current };
 }
-s.Fragment = k;
-s.jsx = u;
-s.jsxs = u;
-(function(r) {
-  r.exports = s;
-})(l);
-const F = l.exports.Fragment, e = l.exports.jsx, n = l.exports.jsxs;
-function v({
-  hideProfile: r,
-  showResolveThreadButton: o,
+h.Fragment = k;
+h.jsx = v;
+h.jsxs = v;
+(function(o) {
+  o.exports = h;
+})(c);
+const R = c.exports.Fragment, e = c.exports.jsx, n = c.exports.jsxs;
+function w({
+  hideProfile: o,
+  showResolveThreadButton: r,
   commentId: a
@@ -206,4 +206,4 @@ }) {
       className: "flex gap-3 relative",
-      children: [!r && /* @__PURE__ */ n(F, {
-        children: [/* @__PURE__ */ e(w.Avatar, {}), /* @__PURE__ */ n("div", {
+      children: [!o && /* @__PURE__ */ n(R, {
+        children: [/* @__PURE__ */ e(g.Avatar, {}), /* @__PURE__ */ n("div", {
           className: "flex flex-col mb-3",
@@ -214,3 +214,3 @@ children: [/* @__PURE__ */ e(d.CreatorName, {}), /* @__PURE__ */ e(d.Timestamp, {})]
         className: "absolute top-0 right-0 flex",
-        children: [o && /* @__PURE__ */ e(x.ResolveIconButton, {}), /* @__PURE__ */ e(d.MoreMenu, {})]
+        children: [r && /* @__PURE__ */ e(m.ResolveIconButton, {}), /* @__PURE__ */ e(d.MoreMenu, {})]
       })]
@@ -222,10 +222,10 @@ }), /* @__PURE__ */ e(d.Body, {}), /* @__PURE__ */ e(d.Editor, {
 }
-function T() {
+function B() {
   return /* @__PURE__ */ e("div", {
     className: "bg-white rounded-lg w-[270px] border border-solid border-cb-bg3 shadow-cb-standard hover:shadow-cb-high",
-    children: /* @__PURE__ */ e(b, {
+    children: /* @__PURE__ */ e(f, {
       autoScroll: "bottom",
-      children: /* @__PURE__ */ e(f, {
-        renderComment: (r) => /* @__PURE__ */ e(v, {
-          ...r
+      children: /* @__PURE__ */ e(u, {
+        renderComment: (o) => /* @__PURE__ */ e(w, {
+          ...o
         })
@@ -236,27 +236,32 @@ })
 }
-function B({
+function F({
+  hasThread: o,
   hideThread: r
 }) {
   const {
-    canSend: o,
-    send: a,
-    hasMentions: t
-  } = S();
+    canSend: a,
+    send: t,
+    hasMentions: i
+  } = S(), p = o ? "border-t border-cb-bg3" : "border-t border-transparent";
   return /* @__PURE__ */ n("div", {
     className: "bg-white rounded-lg w-[270px] border border-solid border-cb-bg3 shadow-cb-high",
-    children: [/* @__PURE__ */ e(b, {
+    children: [/* @__PURE__ */ e(f, {
       autoScroll: "bottom",
-      children: /* @__PURE__ */ e(f, {
-        renderComment: (i) => /* @__PURE__ */ e(v, {
-          ...i
+      children: /* @__PURE__ */ e(u, {
+        className: "flex flex-col py-4 gap-2 empty:p-0",
+        renderComment: (s) => /* @__PURE__ */ e(w, {
+          ...s
         })
       })
-    }), /* @__PURE__ */ e(h.Root, {
-      className: "border-t border-cb-bg3 pt-4 px-4",
-      children: /* @__PURE__ */ e(h.Editor, {
-        placeholder: /* @__PURE__ */ e(h.Placeholder, {
+    }), /* @__PURE__ */ n(x.Root, {
+      className: `${p} pt-4 px-4`,
+      children: [!o && /* @__PURE__ */ n("div", {
+        className: "flex items-center gap-3 mb-3",
+        children: [/* @__PURE__ */ e(g.Avatar, {}), /* @__PURE__ */ e(g.Name, {})]
+      }), /* @__PURE__ */ e(x.Editor, {
+        placeholder: /* @__PURE__ */ e(x.Placeholder, {
           children: "Comment or add others with @"
         })
-      })
-    }), t && /* @__PURE__ */ e("div", {
+      })]
+    }), i && /* @__PURE__ */ e("div", {
       className: "pt-2 px-4 text-sm",
@@ -266,11 +271,11 @@ children: "Your @mention will add people to this conversation and send an email."
       className: "flex gap-2 justify-end p-4 pt-3",
-      children: [/* @__PURE__ */ e(m, {
+      children: [/* @__PURE__ */ e(b, {
         text: "Cancel",
         type: "secondary",
         onPointerDown: r
-      }), /* @__PURE__ */ e(m, {
+      }), /* @__PURE__ */ e(b, {
         text: "Comment",
         type: "primary",
-        onPointerDown: a,
-        disabled: !o
+        onPointerDown: t,
+        disabled: !a
       })]
@@ -280,24 +285,24 @@ })]
 }
-function D(r) {
-  const o = y(r), {
+function D(o) {
+  const r = y(o), {
     objectId: a,
     lockScroll: t,
     ...i
-  } = r;
-  return /* @__PURE__ */ n(p.Root, {
-    ...o,
-    children: [/* @__PURE__ */ e(p.Trigger, {
+  } = o;
+  return /* @__PURE__ */ n(l.Root, {
+    ...r,
+    children: [/* @__PURE__ */ e(l.Trigger, {
       ...i
-    }), /* @__PURE__ */ n(p.Portal, {
-      children: [/* @__PURE__ */ e(p.Preview, {
-        children: o.hasThread && /* @__PURE__ */ e(x.Provider, {
-          ...o,
-          children: /* @__PURE__ */ e(T, {})
+    }), /* @__PURE__ */ n(l.Portal, {
+      children: [/* @__PURE__ */ e(l.Preview, {
+        children: r.hasThread && /* @__PURE__ */ e(m.Provider, {
+          ...r,
+          children: /* @__PURE__ */ e(B, {})
         })
-      }), /* @__PURE__ */ e(p.Content, {
+      }), /* @__PURE__ */ e(l.Content, {
         lockScroll: t,
-        children: /* @__PURE__ */ e(x.Provider, {
-          ...o,
-          children: /* @__PURE__ */ e(B, {
-            ...o
+        children: /* @__PURE__ */ e(m.Provider, {
+          ...r,
+          children: /* @__PURE__ */ e(F, {
+            ...r
           })
@@ -304,0 +309,0 @@ })

package.json

 {
   "name": "@collabkit/pro-theme-cashboard",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "type": "module",
@@ -5,0 +5,0 @@ "files": [

No alert changes

Improved metrics

Total package byte prevSize

9552

3.24%

Lines of code

314

1.62%

No dependency changes