@arbidocs/blocks 0.3.185 → 0.4.0

package/dist/chunk-VLCY46K6.cjs

@@ -0,0 +1,82 @@
+"use client";
+'use strict';
+
+var lucideReact = require('lucide-react');
+var ui = require('@arbidocs/react/ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/collaboration/sharing/ShareControl.tsx
+var DEFAULT_SHARE_CONTROL_LABELS = {
+  share: "Share",
+  shared: "Shared",
+  private: "Private",
+  mixed: "Partly shared"
+};
+function ShareControl({
+  state,
+  onToggle,
+  disabled = false,
+  disabledTooltip,
+  tooltip,
+  variant = "outline",
+  compact = false,
+  showState = true,
+  className,
+  labels,
+  testId,
+  stateTestId
+}) {
+  const l = { ...DEFAULT_SHARE_CONTROL_LABELS, ...labels };
+  const stateLabel = state === "shared" ? l.shared : state === "mixed" ? l.mixed : l.private;
+  const tooltipText = disabled ? disabledTooltip : tooltip ?? l.share;
+  const button = /* @__PURE__ */ jsxRuntime.jsxs(
+    ui.Button,
+    {
+      type: "button",
+      variant,
+      size: compact ? "icon" : "sm",
+      disabled,
+      "aria-label": l.share,
+      "aria-pressed": state === "mixed" ? "mixed" : state === "shared",
+      "data-slot": "share-button",
+      "data-testid": testId,
+      onClick: (e) => {
+        e.stopPropagation();
+        onToggle(state !== "shared");
+      },
+      className: "pointer-coarse:min-h-11 pointer-coarse:min-w-11",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Share2, { className: "size-4" }),
+        !compact && /* @__PURE__ */ jsxRuntime.jsx("span", { children: l.share })
+      ]
+    }
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-slot": "share-control",
+      className: ui.cn("inline-flex shrink-0 items-center gap-2", className),
+      children: [
+        tooltipText ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Tooltip, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.TooltipTrigger, { asChild: true, onFocusCapture: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex", children: button }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.TooltipContent, { children: tooltipText })
+        ] }) : button,
+        showState && /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            "data-slot": "share-state",
+            "data-state": state,
+            "data-testid": stateTestId,
+            className: "inline-flex h-6 items-center rounded-full bg-muted px-2 text-xs font-medium text-muted-foreground",
+            children: stateLabel
+          }
+        )
+      ]
+    }
+  );
+}
+
+exports.DEFAULT_SHARE_CONTROL_LABELS = DEFAULT_SHARE_CONTROL_LABELS;
+exports.ShareControl = ShareControl;
+//# sourceMappingURL=chunk-VLCY46K6.cjs.map
+//# sourceMappingURL=chunk-VLCY46K6.cjs.map

package/dist/chunk-VLCY46K6.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/collaboration/sharing/ShareControl.tsx"],"names":["jsxs","Button","jsx","Share2","cn","Tooltip","TooltipTrigger","TooltipContent"],"mappings":";;;;;;;AAeO,IAAM,4BAAA,GAAmD;AAAA,EAC9D,KAAA,EAAO,OAAA;AAAA,EACP,MAAA,EAAQ,QAAA;AAAA,EACR,OAAA,EAAS,SAAA;AAAA,EACT,KAAA,EAAO;AACT;AA8BO,SAAS,YAAA,CAAa;AAAA,EAC3B,KAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,eAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA,GAAU,SAAA;AAAA,EACV,OAAA,GAAU,KAAA;AAAA,EACV,SAAA,GAAY,IAAA;AAAA,EACZ,SAAA;AAAA,EACA,MAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAA,EAAsB;AACpB,EAAA,MAAM,CAAA,GAAI,EAAE,GAAG,4BAAA,EAA8B,GAAG,MAAA,EAAO;AACvD,EAAA,MAAM,UAAA,GAAa,UAAU,QAAA,GAAW,CAAA,CAAE,SAAS,KAAA,KAAU,OAAA,GAAU,CAAA,CAAE,KAAA,GAAQ,CAAA,CAAE,OAAA;AACnF,EAAA,MAAM,WAAA,GAAc,QAAA,GAAW,eAAA,GAAmB,OAAA,IAAW,CAAA,CAAE,KAAA;AAE/D,EAAA,MAAM,MAAA,mBACJA,eAAA;AAAA,IAACC,SAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,QAAA;AAAA,MACL,OAAA;AAAA,MACA,IAAA,EAAM,UAAU,MAAA,GAAS,IAAA;AAAA,MACzB,QAAA;AAAA,MACA,cAAY,CAAA,CAAE,KAAA;AAAA,MACd,cAAA,EAAc,KAAA,KAAU,OAAA,GAAU,OAAA,GAAU,KAAA,KAAU,QAAA;AAAA,MACtD,WAAA,EAAU,cAAA;AAAA,MACV,aAAA,EAAa,MAAA;AAAA,MACb,OAAA,EAAS,CAAC,CAAA,KAAM;AACd,QAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,QAAA,QAAA,CAAS,UAAU,QAAQ,CAAA;AAAA,MAC7B,CAAA;AAAA,MACA,SAAA,EAAU,iDAAA;AAAA,MAEV,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAACC,kBAAA,EAAA,EAAO,WAAU,QAAA,EAAS,CAAA;AAAA,QAC1B,CAAC,OAAA,oBAAWD,cAAA,CAAC,MAAA,EAAA,EAAM,YAAE,KAAA,EAAM;AAAA;AAAA;AAAA,GAC9B;AAGF,EAAA,uBACEF,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,eAAA;AAAA,MACV,SAAA,EAAWI,KAAA,CAAG,yCAAA,EAA2C,SAAS,CAAA;AAAA,MAEjE,QAAA,EAAA;AAAA,QAAA,WAAA,mCACEC,UAAA,EAAA,EAEC,QAAA,EAAA;AAAA,0BAAAH,cAAA,CAACI,iBAAA,EAAA,EAAe,OAAA,EAAO,IAAA,EAAC,cAAA,EAAgB,CAAC,CAAA,KAAM,CAAA,CAAE,eAAA,EAAgB,EAC/D,QAAA,kBAAAJ,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,aAAA,EAAe,kBAAO,CAAA,EACxC,CAAA;AAAA,0BACAA,cAAA,CAACK,qBAAgB,QAAA,EAAA,WAAA,EAAY;AAAA,SAAA,EAC/B,CAAA,GAEA,MAAA;AAAA,QAED,SAAA,oBACCL,cAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,WAAA,EAAU,aAAA;AAAA,YACV,YAAA,EAAY,KAAA;AAAA,YACZ,aAAA,EAAa,WAAA;AAAA,YACb,SAAA,EAAU,mGAAA;AAAA,YAET,QAAA,EAAA;AAAA;AAAA;AACH;AAAA;AAAA,GAEJ;AAEJ","file":"chunk-VLCY46K6.cjs","sourcesContent":["import { Share2 } from 'lucide-react'\nimport { Button, Tooltip, TooltipContent, TooltipTrigger, cn } from '@arbidocs/react/ui'\nimport { testIdOr } from '../../chat/test-id'\n\n/** Visibility of the selection: every item shared, none shared, or a mix. */\nexport type ShareState = 'shared' | 'private' | 'mixed'\n\n/** Every fixed string of the share control. Pass a partial `labels` to translate or reword. */\nexport interface ShareControlLabels {\n  share: string\n  shared: string\n  private: string\n  mixed: string\n}\n\nexport const DEFAULT_SHARE_CONTROL_LABELS: ShareControlLabels = {\n  share: 'Share',\n  shared: 'Shared',\n  private: 'Private',\n  mixed: 'Partly shared',\n}\n\nexport interface ShareControlProps {\n  state: ShareState\n  /** `true` = make visible to the workspace, `false` = make private again. */\n  onToggle: (shouldShare: boolean) => void\n  disabled?: boolean\n  /** Tooltip while disabled (why the user cannot change visibility). */\n  disabledTooltip?: string\n  /** What a click does in the current state (tooltip). Falls back to the label. */\n  tooltip?: string\n  /** `outline` for a header, `ghost` inside a floating bar. */\n  variant?: 'outline' | 'ghost'\n  /** Icon-only button (narrow headers); the accessible name stays \"Share\". */\n  compact?: boolean\n  /** Show the muted state pill (\"Shared\" / \"Private\") after the button. */\n  showState?: boolean\n  className?: string\n  labels?: Partial<ShareControlLabels>\n  /** Test id of the button (the app passes the current id). */\n  testId?: string\n  /** Test id of the state pill. */\n  stateTestId?: string\n}\n\n/**\n * Share control: an outline (or ghost) \"Share\" button that flips visibility, with the current\n * state spelled out in a muted pill. Neutral tones only: sharing is a plain state, not an AI\n * moment, so there is no accent or cyan switch that could read as \"on\" while its label reads \"off\".\n */\nexport function ShareControl({\n  state,\n  onToggle,\n  disabled = false,\n  disabledTooltip,\n  tooltip,\n  variant = 'outline',\n  compact = false,\n  showState = true,\n  className,\n  labels,\n  testId,\n  stateTestId,\n}: ShareControlProps) {\n  const l = { ...DEFAULT_SHARE_CONTROL_LABELS, ...labels }\n  const stateLabel = state === 'shared' ? l.shared : state === 'mixed' ? l.mixed : l.private\n  const tooltipText = disabled ? disabledTooltip : (tooltip ?? l.share)\n\n  const button = (\n    <Button\n      type=\"button\"\n      variant={variant}\n      size={compact ? 'icon' : 'sm'}\n      disabled={disabled}\n      aria-label={l.share}\n      aria-pressed={state === 'mixed' ? 'mixed' : state === 'shared'}\n      data-slot=\"share-button\"\n      data-testid={testId}\n      onClick={(e) => {\n        e.stopPropagation()\n        onToggle(state !== 'shared')\n      }}\n      className=\"pointer-coarse:min-h-11 pointer-coarse:min-w-11\"\n    >\n      <Share2 className=\"size-4\" />\n      {!compact && <span>{l.share}</span>}\n    </Button>\n  )\n\n  return (\n    <div\n      data-slot=\"share-control\"\n      className={cn('inline-flex shrink-0 items-center gap-2', className)}\n    >\n      {tooltipText ? (\n        <Tooltip>\n          {/* A disabled button swallows pointer events, so the tooltip hangs off a wrapper. */}\n          <TooltipTrigger asChild onFocusCapture={(e) => e.stopPropagation()}>\n            <span className=\"inline-flex\">{button}</span>\n          </TooltipTrigger>\n          <TooltipContent>{tooltipText}</TooltipContent>\n        </Tooltip>\n      ) : (\n        button\n      )}\n      {showState && (\n        <span\n          data-slot=\"share-state\"\n          data-state={state}\n          data-testid={stateTestId}\n          className=\"inline-flex h-6 items-center rounded-full bg-muted px-2 text-xs font-medium text-muted-foreground\"\n        >\n          {stateLabel}\n        </span>\n      )}\n    </div>\n  )\n}\n"]}