@arbidocs/blocks 0.5.119 → 0.5.121

package/dist/chunk-HYUKPHCT.cjs

@@ -0,0 +1,66 @@
+"use client";
+'use strict';
+
+var chunkSJSGSHIT_cjs = require('./chunk-SJSGSHIT.cjs');
+var ui = require('@arbidocs/react/ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+function FloatingPanel({
+  panelId,
+  mode,
+  title,
+  subtitle,
+  modeSwitcher,
+  children,
+  onPanelClick,
+  className
+}) {
+  const isRenderFunction = typeof children === "function";
+  const content = isRenderFunction ? children({ modeSwitcher }) : children;
+  const body = /* @__PURE__ */ jsxRuntime.jsx("div", { className: ui.cn("flex-1", isRenderFunction ? "overflow-hidden" : "overflow-auto p-3"), children: content });
+  if (mode === "popout") {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        "data-slot": "floating-panel",
+        className: ui.cn("flex h-screen flex-col bg-background text-foreground", className),
+        children: [
+          !isRenderFunction && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-shrink-0 items-start justify-between border-b border-border px-3 py-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [
+              title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2 text-base font-semibold text-primary", children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: title }) }),
+              subtitle && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: subtitle })
+            ] }),
+            modeSwitcher
+          ] }),
+          body
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-slot": "floating-panel",
+      "data-mode": mode,
+      className: ui.cn("flex h-full flex-col bg-background text-foreground", className),
+      onClick: onPanelClick,
+      children: [
+        !isRenderFunction && /* @__PURE__ */ jsxRuntime.jsx(
+          chunkSJSGSHIT_cjs.TabHeader,
+          {
+            tabs: [{ id: panelId, label: title }],
+            activeTabId: panelId,
+            onTabChange: () => {
+            },
+            rightContent: modeSwitcher
+          }
+        ),
+        body
+      ]
+    }
+  );
+}
+
+exports.FloatingPanel = FloatingPanel;
+//# sourceMappingURL=chunk-HYUKPHCT.cjs.map
+//# sourceMappingURL=chunk-HYUKPHCT.cjs.map

package/dist/chunk-HYUKPHCT.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/settings/FloatingPanel.tsx"],"names":["jsx","cn","jsxs","TabHeader"],"mappings":";;;;;;AA+BO,SAAS,aAAA,CAAc;AAAA,EAC5B,OAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AAAA,EACA,YAAA;AAAA,EACA;AACF,CAAA,EAAuB;AACrB,EAAA,MAAM,gBAAA,GAAmB,OAAO,QAAA,KAAa,UAAA;AAC7C,EAAA,MAAM,UAAU,gBAAA,GAAmB,QAAA,CAAS,EAAE,YAAA,EAAc,CAAA,GAAI,QAAA;AAEhE,EAAA,MAAM,IAAA,mBACJA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWC,KAAA,CAAG,UAAU,gBAAA,GAAmB,iBAAA,GAAoB,mBAAmB,CAAA,EACpF,QAAA,EAAA,OAAA,EACH,CAAA;AAGF,EAAA,IAAI,SAAS,QAAA,EAAU;AACrB,IAAA,uBACEC,eAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAU,gBAAA;AAAA,QACV,SAAA,EAAWD,KAAA,CAAG,sDAAA,EAAwD,SAAS,CAAA;AAAA,QAE9E,QAAA,EAAA;AAAA,UAAA,CAAC,gBAAA,oBACAC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iFAAA,EACb,QAAA,EAAA;AAAA,4BAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,8BAAA,EACZ,QAAA,EAAA;AAAA,cAAA,KAAA,mCACE,KAAA,EAAA,EAAI,SAAA,EAAU,gEACb,QAAA,kBAAAF,cAAA,CAAC,MAAA,EAAA,EAAM,iBAAM,CAAA,EACf,CAAA;AAAA,cAED,QAAA,oBAAYA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,iCAAiC,QAAA,EAAA,QAAA,EAAS;AAAA,aAAA,EACzE,CAAA;AAAA,YACC;AAAA,WAAA,EACH,CAAA;AAAA,UAED;AAAA;AAAA;AAAA,KACH;AAAA,EAEJ;AAEA,EAAA,uBACEE,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,gBAAA;AAAA,MACV,WAAA,EAAW,IAAA;AAAA,MACX,SAAA,EAAWD,KAAA,CAAG,oDAAA,EAAsD,SAAS,CAAA;AAAA,MAC7E,OAAA,EAAS,YAAA;AAAA,MAER,QAAA,EAAA;AAAA,QAAA,CAAC,gBAAA,oBACAD,cAAA;AAAA,UAACG,2BAAA;AAAA,UAAA;AAAA,YACC,MAAM,CAAC,EAAE,IAAI,OAAA,EAAS,KAAA,EAAO,OAAO,CAAA;AAAA,YACpC,WAAA,EAAa,OAAA;AAAA,YACb,aAAa,MAAM;AAAA,YAAC,CAAA;AAAA,YACpB,YAAA,EAAc;AAAA;AAAA,SAChB;AAAA,QAED;AAAA;AAAA;AAAA,GACH;AAEJ","file":"chunk-HYUKPHCT.cjs","sourcesContent":["import type { MouseEventHandler, ReactNode } from 'react'\nimport { cn } from '@arbidocs/react/ui'\nimport { TabHeader } from '../shell/TabHeader'\n\n/** Where a panel is placed: pinned beside the page, full width, floating, or its own window. */\nexport type FloatingPanelMode = 'docked' | 'main' | 'overlay' | 'popout'\n\nexport interface FloatingPanelControls {\n  /** The mode switcher + close button, for children that render their own header. */\n  modeSwitcher: ReactNode\n}\n\nexport interface FloatingPanelProps {\n  /** Stable id of the panel (also the id of its single header tab). */\n  panelId: string\n  mode: FloatingPanelMode\n  title: string\n  subtitle?: string\n  /** Mode switcher + close button, supplied by the host so it owns window management. */\n  modeSwitcher: ReactNode\n  /** Content, or a render function for children that embed `modeSwitcher` in their own header. */\n  children: ReactNode | ((controls: FloatingPanelControls) => ReactNode)\n  /** Click anywhere on the panel (the host tracks which panel is focused). */\n  onPanelClick?: MouseEventHandler<HTMLDivElement>\n  className?: string\n}\n\n/**\n * Presentational frame of a floating panel: header (title / tab + mode switcher) and scrolling\n * body. Placement and window management live in the host.\n */\nexport function FloatingPanel({\n  panelId,\n  mode,\n  title,\n  subtitle,\n  modeSwitcher,\n  children,\n  onPanelClick,\n  className,\n}: FloatingPanelProps) {\n  const isRenderFunction = typeof children === 'function'\n  const content = isRenderFunction ? children({ modeSwitcher }) : children\n\n  const body = (\n    <div className={cn('flex-1', isRenderFunction ? 'overflow-hidden' : 'overflow-auto p-3')}>\n      {content}\n    </div>\n  )\n\n  if (mode === 'popout') {\n    return (\n      <div\n        data-slot=\"floating-panel\"\n        className={cn('flex h-screen flex-col bg-background text-foreground', className)}\n      >\n        {!isRenderFunction && (\n          <div className=\"flex flex-shrink-0 items-start justify-between border-b border-border px-3 py-2\">\n            <div className=\"flex min-w-0 flex-1 flex-col\">\n              {title && (\n                <div className=\"flex items-center gap-2 text-base font-semibold text-primary\">\n                  <span>{title}</span>\n                </div>\n              )}\n              {subtitle && <span className=\"text-sm text-muted-foreground\">{subtitle}</span>}\n            </div>\n            {modeSwitcher}\n          </div>\n        )}\n        {body}\n      </div>\n    )\n  }\n\n  return (\n    <div\n      data-slot=\"floating-panel\"\n      data-mode={mode}\n      className={cn('flex h-full flex-col bg-background text-foreground', className)}\n      onClick={onPanelClick}\n    >\n      {!isRenderFunction && (\n        <TabHeader\n          tabs={[{ id: panelId, label: title }]}\n          activeTabId={panelId}\n          onTabChange={() => {}}\n          rightContent={modeSwitcher}\n        />\n      )}\n      {body}\n    </div>\n  )\n}\n"]}

package/dist/{chunk-NNUK5ZM7.cjs → chunk-JQLWKNJO.cjs}

@@ -3,15 +3,15 @@
 
 var chunk223D4727_cjs = require('./chunk-223D4727.cjs');
 var chunkSK6HQ46Q_cjs = require('./chunk-SK6HQ46Q.cjs');
-var chunkVLCY46K6_cjs = require('./chunk-VLCY46K6.cjs');
+var chunkTG2GM7WJ_cjs = require('./chunk-TG2GM7WJ.cjs');
 var chunkS237ORM3_cjs = require('./chunk-S237ORM3.cjs');
 var chunkII2OEXHW_cjs = require('./chunk-II2OEXHW.cjs');
 var chunkRL2HI6NP_cjs = require('./chunk-RL2HI6NP.cjs');
 var chunk6UZC4XVV_cjs = require('./chunk-6UZC4XVV.cjs');
-var chunkJV5TVUOU_cjs = require('./chunk-JV5TVUOU.cjs');
-var chunkE7TE2WVT_cjs = require('./chunk-E7TE2WVT.cjs');
 var chunkUDSHVNU3_cjs = require('./chunk-UDSHVNU3.cjs');
+var chunkJV5TVUOU_cjs = require('./chunk-JV5TVUOU.cjs');
 var chunkIPSHAMO2_cjs = require('./chunk-IPSHAMO2.cjs');
+var chunkZVEW3JBT_cjs = require('./chunk-ZVEW3JBT.cjs');
 var chunkULWRNGGE_cjs = require('./chunk-ULWRNGGE.cjs');
 var chunkPLIF5CUV_cjs = require('./chunk-PLIF5CUV.cjs');
 var classVarianceAuthority = require('class-variance-authority');
@@ -1629,16 +1629,23 @@ var ViewerFrame = ({
   footer,
   frameRef,
   className,
-  testIds
+  testIds,
+  bare = false,
+  overlay
 }) => /* @__PURE__ */ jsxRuntime.jsxs(
   "div",
   {
     ref: frameRef,
-    className: ui.cn("flex h-full w-full flex-col", className),
+    className: ui.cn(
+      "flex h-full w-full flex-col",
+      bare && "bg-black [&_[data-slot=pdf-scroller]]:bg-black",
+      className
+    ),
     "data-slot": "viewer-frame",
+    "data-bare": bare || void 0,
     "data-testid": chunkPLIF5CUV_cjs.testIdOr(testIds?.root, { testId: "document-viewer" }),
     children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sticky top-0 z-10 bg-background", children: [
+      !bare && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sticky top-0 z-10 bg-background", children: [
         header,
         compareRow && /* @__PURE__ */ jsxRuntime.jsx(
           "div",
@@ -1649,12 +1656,15 @@ var ViewerFrame = ({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
         {
-          className: "flex-1 overflow-hidden",
+          className: "relative flex-1 overflow-hidden",
           "data-testid": chunkPLIF5CUV_cjs.testIdOr(testIds?.content, { testId: `document-viewer-content-${contentId}` }),
-          children
+          children: [
+            children,
+            overlay
+          ]
         }
       ),
       footer
@@ -2102,21 +2112,13 @@ function DocTagBar({
             nextLabel: l.nextLabelPassage
           }
         ),
-        visibility && /* @__PURE__ */ jsxRuntime.jsxs(
-          "span",
+        visibility && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(
+          ui.SharingEntity,
           {
-            title: visibility === "shared" ? l.sharedWithMembers : l.privateToYou,
-            "data-testid": chunkPLIF5CUV_cjs.testIdOr(testIds?.visibility, { testId: "doc-visibility-chip" }),
-            className: ui.cn(
-              "ml-auto inline-flex shrink-0 items-center gap-1.5 rounded-full px-2 py-0.5 text-xs",
-              visibility === "shared" ? "bg-accent text-accent-foreground" : "bg-muted text-muted-foreground"
-            ),
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Share2, { className: "size-3 shrink-0" }),
-              visibility === "shared" ? l.shared : l.private
-            ]
+            shared: visibility === "shared",
+            "data-testid": chunkPLIF5CUV_cjs.testIdOr(testIds?.visibility, { testId: "doc-visibility-chip" })
           }
-        )
+        ) })
       ]
     }
   );
@@ -2265,7 +2267,7 @@ var DOCUMENT_GRID_CLASS = "w-full [&_.cell-empty]:text-muted-foreground [&_.ag-r
 function DocumentGrid({
   layout,
   presets,
-  GridComponent = chunkE7TE2WVT_cjs.GridView,
+  GridComponent = chunkZVEW3JBT_cjs.GridView,
   emptyWorkspace,
   showEmptyWorkspace,
   testId = "documents-grid",
@@ -4541,7 +4543,7 @@ function BulkActionsBar({
             ),
             divider,
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkVLCY46K6_cjs.ShareControl,
+              chunkTG2GM7WJ_cjs.ShareControl,
               {
                 state: shareState,
                 onToggle: onToggleShare,
@@ -7839,7 +7841,7 @@ function DocumentSearchList({
       /* @__PURE__ */ jsxRuntime.jsx(ui.CommandEmpty, { children: emptyMessage }),
       /* @__PURE__ */ jsxRuntime.jsx(ui.CommandGroup, { children: filtered.map((doc) => {
         const isCurrent = doc.external_id === currentId;
-        const Icon = ui.getFileTypeIcon(doc.file_name, { mime: doc.file_type });
+        const Icon = ui.getFileTypeIcon(doc.file_name, { mime: doc.file_type, folder: doc.folder });
         return /* @__PURE__ */ jsxRuntime.jsxs(
           ui.CommandItem,
           {
@@ -8252,5 +8254,5 @@ exports.visibilityAudience = visibilityAudience;
 exports.visibilityToggleTooltip = visibilityToggleTooltip;
 exports.visibleColumns = visibleColumns;
 exports.widthsMatch = widthsMatch;
-//# sourceMappingURL=chunk-NNUK5ZM7.cjs.map
-//# sourceMappingURL=chunk-NNUK5ZM7.cjs.map
+//# sourceMappingURL=chunk-JQLWKNJO.cjs.map
+//# sourceMappingURL=chunk-JQLWKNJO.cjs.map