@infinilabs/doc-detail 0.0.2 → 0.0.3

package/dist/doc-detail.js

@@ -85926,7 +85926,14 @@ const G2t = (n) => {
     }
   );
 }, { Text: V3 } = lJ, GPt = (n) => {
-  const { data: t, i18n: e, extraButtons: r, className: i, ...a } = n, [o, s] = Ic(!1), l = [
+  const {
+    data: t,
+    i18n: e,
+    extraButtons: r,
+    className: i,
+    openSourceButtonProps: a,
+    ...o
+  } = n, [s, l] = Ic(!1), u = [
     {
       label: e?.labels?.type ?? "Type",
       value: t?.type
@@ -85952,7 +85959,7 @@ const G2t = (n) => {
     "div",
     {
       className: LPt("flex flex-col h-full overflow-hidden", i),
-      ...a,
+      ...o,
       children: [
         /* @__PURE__ */ co("div", { children: [
           /* @__PURE__ */ ae("img", { src: t?.icon, className: "size-6 mr-3 float-left" }),
@@ -85977,7 +85984,7 @@ const G2t = (n) => {
                   {
                     className: "pl-2 min-w-3 size-3 hover:text-primary transition cursor-pointer",
                     onClick: () => {
-                      s((u) => !u);
+                      l((c) => !c);
                     }
                   }
                 )
@@ -85993,6 +86000,7 @@ const G2t = (n) => {
                 onClick: () => {
                   window.open(t.url);
                 },
+                ...a,
                 children: e?.buttons?.openSource ?? "Open Source"
               }
             )
@@ -86004,22 +86012,22 @@ const G2t = (n) => {
             className: "bg-black/3 dark:bg-white/4 rounded-lg overflow-hidden",
             initial: !1,
             animate: {
-              height: o ? "auto" : 0,
-              opacity: o ? 1 : 0,
-              marginBottom: o ? "1rem" : 0
+              height: s ? "auto" : 0,
+              opacity: s ? 1 : 0,
+              marginBottom: s ? "1rem" : 0
             },
-            children: /* @__PURE__ */ ae("div", { className: "flex flex-wrap gap-row-2 p-4", children: l.map((u) => {
-              const { label: c, value: h } = u;
+            children: /* @__PURE__ */ ae("div", { className: "flex flex-wrap gap-row-2 p-4", children: u.map((c) => {
+              const { label: h, value: f } = c;
               return /* @__PURE__ */ co(
                 "div",
                 {
                   className: "w-1/2 inline-flex items-center <sm:w-full",
                   children: [
-                    /* @__PURE__ */ ae(V3, { type: "secondary", className: "w-24", children: c }),
-                    /* @__PURE__ */ ae("span", { className: "text-3.5", children: h ?? "-" })
+                    /* @__PURE__ */ ae(V3, { type: "secondary", className: "w-24", children: h }),
+                    /* @__PURE__ */ ae("span", { className: "text-3.5", children: f ?? "-" })
                   ]
                 },
-                c
+                h
               );
             }) })
           }

package/dist/index.d.ts

@@ -67,6 +67,7 @@ declare interface DocDetailProps extends HTMLAttributes<HTMLDivElement> {
         };
     };
     extraButtons?: ReactNode[];
+    openSourceButtonProps?: ActionButtonProps;
 }
 
 declare type MetadataContentType = "image" | "video" | "markdown" | "pdf" | "docx" | "pptx" | "xlsx";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@infinilabs/doc-detail",
   "private": false,
-  "version": "0.0.2",
+  "version": "0.0.3",
   "type": "module",
   "main": "dist/doc-detail.cjs",
   "module": "dist/doc-detail.js",

package/src/components/DocDetail/index.tsx

@@ -12,7 +12,7 @@ import { useState, type FC, type HTMLAttributes, type ReactNode } from "react";
 import Preview from "./components/Preview";
 import AIInterpretation from "./components/AIInterpretation";
 import { cn } from "@/utils/cn";
-import ActionButton from "../ActionButton";
+import ActionButton, { type ActionButtonProps } from "../ActionButton";
 
 const { Text } = Typography;
 
@@ -83,10 +83,18 @@ export interface DocDetailProps extends HTMLAttributes<HTMLDivElement> {
     };
   };
   extraButtons?: ReactNode[];
+  openSourceButtonProps?: ActionButtonProps;
 }
 
 const DocDetail: FC<DocDetailProps> = (props) => {
-  const { data, i18n, extraButtons, className, ...rest } = props;
+  const {
+    data,
+    i18n,
+    extraButtons,
+    className,
+    openSourceButtonProps,
+    ...rest
+  } = props;
 
   const [visibleMore, setVisibleMore] = useState(false);
 
@@ -153,6 +161,7 @@ const DocDetail: FC<DocDetailProps> = (props) => {
             onClick={() => {
               window.open(data.url);
             }}
+            {...openSourceButtonProps}
           >
             {i18n?.buttons?.openSource ?? "Open Source"}
           </ActionButton>