@activecollab/components 2.0.397 → 2.0.399

package/dist/cjs/presentation/whiteboard/elements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"elements.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_glyphs","_Dot","_IconButton","_Icons","_List","_Menu","_Tooltip","_colors","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","a","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","l","iterator","u","next","done","return","isArray","ELEMENT_FILL","exports","ELEMENT_STROKE","ELEMENT_TEXT","STICKY_FILL","SELECTION_BLUE","COLOR_PALETTE","FONT_SIZE_OPTIONS","THICKNESS_OPTIONS","OPACITY_OPTIONS","RADIUS_OPTIONS","ELEMENT_BODIES","COLOR_OPTIONS","values","colors","map","entry","id","color","textColor","defaultShapeState","type","fill","fillOpacity","stroke","strokeOpacity","strokeWidth","strokeDash","undefined","borderRadius","fontSize","bold","italic","underline","strikethrough","align","withOpacity","opacityPct","alpha","startsWith","parseInt","g","b","concat","replace","shapeBorder","state","lineStyle","stickyGradient","opacity","main","faded","Math","max","GRID_LEVELS","label","dotSpacing","snapStep","gridLevel","_GRID_LEVELS$find","find","level","CANVAS_ELEMENTS","kind","initialType","x","y","width","height","INITIAL_SHAPES","reduce","acc","element","INITIAL_POSITIONS","snapValue","step","round","StyledCanvasLayer","styled","div","withConfig","displayName","componentId","StyledCanvasElement","StyledSticky","StyledHandles","RESIZE_DIRECTIONS","ResizeHandles","createElement","onMouseDown","event","stopPropagation","direction","key","className","ArrowRefreshIcon","StyledFormattingToolbar","StyledToolbarButton","button","StyledToolbarLink","withComponent","StyledFontSizeValue","span","stopClick","SUBMENU_SHADOW","StyledColorPopover","WHEEL_SIZE","WHEEL_RADIUS","StyledColorWheel","ColorWheel","_ref","onColorChange","onClick","rect","currentTarget","getBoundingClientRect","dx","clientX","left","dy","clientY","top","distance","sqrt","angle","atan2","PI","hue","saturation","min","StyledSwatchRow","ColorSwatchRow","_ref2","selectedColor","includeTransparent","onSelect","onAddClick","CircleSlashIcon","style","backgroundColor","PlusGlyph","SHAPE_TYPE_ICON","rectangle","SquareGlyph","roundedRectangle","RoundedRectangleIcon","circle","CircleIcon","triangle","TriangleIcon","SHAPE_TYPE_OPTIONS","BORDER_STYLE_OPTIONS","ToolbarActions","_ref3","locked","onToggleLock","onDelete","Fragment","Tooltip","title","LockIcon","TrashIcon","ShapeTypeMenu","_ref4","onChange","_useState","useState","_useState2","open","setOpen","Menu","onOpen","onClose","position","target","IconButton","variant","active","List","padding","tabIndex","option","ListItem","AlignmentMenu","_ref5","_ALIGN_OPTIONS$find","disabled","_useState3","_useState4","selected","ALIGN_OPTIONS","icon","ToolbarColorSwatch","_ref6","_useState5","_useState6","_useState7","_useState8","wheelOpen","setWheelOpen","isTransparent","current","Dot","size","ToolbarTextControls","_ref7","styleFlags","onFontSize","onToggleStyle","onAlign","MinusGlyph","STYLE_OPTIONS","ShapeFormattingToolbar","_ref8","_element$align","onUpdate","PostitFormattingToolbar","_ref9","renderShapeBody","def","display","overflow","points","strokeDasharray","border","TextAlignLeftIcon","TextAlignCenterIcon","TextAlignRightIcon","TextAlignJustifyIcon","TextStyleBoldIcon","TextStyleItalicIcon","TextStyleUnderlineIcon","TextStyleStrikeIcon"],"sources":["../../../../src/presentation/whiteboard/elements.tsx"],"sourcesContent":["import React, { ReactElement, useState } from \"react\";\n\nimport styled from \"styled-components\";\n\nimport { MinusGlyph, PlusGlyph, SquareGlyph } from \"./glyphs\";\nimport { Dot } from \"../../components/Dot\";\nimport { IconButton } from \"../../components/IconButton\";\nimport {\n  ArrowRefreshIcon,\n  CircleIcon,\n  CircleSlashIcon,\n  LockIcon,\n  RoundedRectangleIcon,\n  TextAlignCenterIcon,\n  TextAlignJustifyIcon,\n  TextAlignLeftIcon,\n  TextAlignRightIcon,\n  TextStyleBoldIcon,\n  TextStyleItalicIcon,\n  TextStyleStrikeIcon,\n  TextStyleUnderlineIcon,\n  TrashIcon,\n  TriangleIcon,\n} from \"../../components/Icons\";\nimport { List, ListItem } from \"../../components/List\";\nimport { Menu } from \"../../components/Menu\";\nimport { Tooltip } from \"../../components/Tooltip\";\nimport { colors } from \"../../utils/colors\";\n\n/* ------------------------------------------------------------------ */\n/* Canvas elements (1:1 with new-activecollab-front                    */\n/* src/components/Whiteboards/ — constants.js, ShapeElement.jsx,       */\n/* PostitElement.jsx, ResizableWrapper.jsx, ResizeHandles.jsx,         */\n/* FormattingToolbarContainer.jsx + the two formatting toolbars)       */\n/* ------------------------------------------------------------------ */\n\n/* element colors are canvas DATA (app constants), not theme — hardcoded */\nexport const ELEMENT_FILL = \"#ffffff\";\nexport const ELEMENT_STROKE = \"#374151\";\nexport const ELEMENT_TEXT = \"#1f2937\";\nexport const STICKY_FILL = \"#fbbf24\";\nexport const SELECTION_BLUE = \"#3b82f6\";\n\n/* COLOR_PALETTE from toolbar/colorPalette.js (submenu swatch rows) */\nexport const COLOR_PALETTE = [\n  \"#ffffff\",\n  \"#3b82f6\",\n  \"#ef4444\",\n  \"#10b981\",\n  \"#f59e0b\",\n  \"#8b5cf6\",\n  \"#f97316\",\n  \"#06b6d4\",\n  \"#84cc16\",\n  \"#ec4899\",\n  \"#6b7280\",\n];\n\n/* Discrete option sets for the right Inspector — mirror the app's fixed\n   font-size ladder and the border-thickness steps offered in the toolbar. */\nexport const FONT_SIZE_OPTIONS = [\n  10, 13, 16, 20, 24, 30, 36, 48, 72, 96, 144, 216, 288,\n];\nexport const THICKNESS_OPTIONS = [1, 2, 3, 4, 5];\n\nexport const OPACITY_OPTIONS = [10, 20, 30, 40, 50, 60, 70, 80, 90, 100];\n\n/* Corner radii scaled to the board: shapes are drawn at ~100–300px, so the jump\n   from a crisp corner to a pill reads across 0–64px. */\nexport const RADIUS_OPTIONS = [0, 4, 8, 12, 16, 24, 32, 48, 64];\n\n/* Element bodies are HTML, as the API returns them (the `body` field). The\n   Inspector renders them read-only; when a body is empty the field is omitted.\n   Mock the three cases across the canvas: a short body (shape-rounded, the\n   default selection), a long one that scrolls (shape-circle), and none at all\n   (shape-triangle / sticky). */\nexport const ELEMENT_BODIES: Record<string, string> = {\n  \"shape-rounded\": \"<p>Marks the <strong>Kickoff</strong> phase.</p>\",\n  \"shape-circle\":\n    \"<p>The <strong>discovery</strong> loop for this initiative.</p><p>We collect signals from support, sales and analytics, then cluster them into themes before committing to a direction.</p><ul><li>Owner: research</li><li>Inputs: interviews, tickets, funnel data</li><li>Output: a prioritised opportunity list</li></ul><p>See the <em>retro notes</em> and last quarter's readout for the full context and prior decisions.</p>\",\n};\n\n/* Named-colour options for the Inspector fill/stroke pickers, built from the\n   design system's shared data colours (utils/colors). Shaped for the DS Select\n   (id + name + color + textColor) so it renders the standard dot-and-radio menu\n   used by the label dialogs. */\nexport const COLOR_OPTIONS = Object.values(colors).map((entry) => ({\n  id: entry.color,\n  name: entry.name,\n  color: entry.color,\n  textColor: entry.color,\n}));\n\nexport type ShapeType =\n  | \"rectangle\"\n  | \"roundedRectangle\"\n  | \"circle\"\n  | \"triangle\";\n\nexport type TextAlign = \"left\" | \"center\" | \"right\" | \"justify\";\n\n/* per-shape editable state (the app bakes opacity into rgba via\n   hexToRgba/parseOpacity; the mock keeps opacity separate and rebuilds\n   the color when rendering) */\nexport interface ShapeElementState {\n  type: ShapeType;\n  fill: string;\n  fillOpacity: number;\n  stroke: string;\n  strokeOpacity: number;\n  strokeWidth: number;\n  strokeDash?: \"5,5\" | \"2,2\";\n  borderRadius: number;\n  fontSize: number;\n  bold: boolean;\n  italic: boolean;\n  underline: boolean;\n  strikethrough: boolean;\n  textColor: string;\n  /* Text alignment — surfaced in the Inspector's Text group (the floating\n     toolbar does not expose it, so it defaults to left). */\n  align?: TextAlign;\n}\n\nexport const defaultShapeState = (type: ShapeType): ShapeElementState => ({\n  type,\n  fill: ELEMENT_FILL,\n  fillOpacity: 100,\n  stroke: ELEMENT_STROKE,\n  strokeOpacity: 100,\n  strokeWidth: 2,\n  strokeDash: undefined,\n  borderRadius: type === \"roundedRectangle\" ? 12 : 0,\n  fontSize: 16,\n  bold: false,\n  italic: false,\n  underline: false,\n  strikethrough: false,\n  textColor: ELEMENT_TEXT,\n  align: \"left\",\n});\n\n/* swatches are 6-digit hex, the color wheel returns hsl(...) */\nexport const withOpacity = (color: string, opacityPct: number): string => {\n  if (opacityPct >= 100) {\n    return color;\n  }\n\n  const alpha = opacityPct / 100;\n\n  if (color.startsWith(\"#\")) {\n    const r = parseInt(color.slice(1, 3), 16);\n    const g = parseInt(color.slice(3, 5), 16);\n    const b = parseInt(color.slice(5, 7), 16);\n\n    return `rgba(${r}, ${g}, ${b}, ${alpha})`;\n  }\n\n  if (color.startsWith(\"hsl(\")) {\n    return color.replace(\"hsl(\", \"hsla(\").replace(\")\", `, ${alpha})`);\n  }\n\n  return color;\n};\n\n/* getShapeBorder from ShapeElement.jsx */\nexport const shapeBorder = (state: ShapeElementState): string => {\n  if (state.strokeWidth === 0) {\n    return \"none\";\n  }\n\n  const lineStyle =\n    state.strokeDash === \"5,5\"\n      ? \"dashed\"\n      : state.strokeDash === \"2,2\"\n      ? \"dotted\"\n      : \"solid\";\n\n  return `${state.strokeWidth}px ${lineStyle} ${withOpacity(\n    state.stroke,\n    state.strokeOpacity\n  )}`;\n};\n\n/* PostitElement gradient: color → same color at ~87% alpha */\nexport const stickyGradient = (color: string, opacity = 100): string => {\n  const main = withOpacity(color, opacity);\n  const faded = withOpacity(color, Math.max(0, opacity - 13));\n\n  return `linear-gradient(135deg, ${main} 0%, ${faded} 100%)`;\n};\n\nexport type GridSize = \"off\" | \"small\" | \"large\";\n\n/* Grid config, aligned to the 8px design-system grid. dotSpacing drives the\n   dot layer; snapStep drives snapping — decoupled, so each level snaps finer\n   than its dots (Small: 16px dots / 8px snap; Large: 32px dots / 16px snap,\n   i.e. dots and half-dots). */\nexport const GRID_LEVELS: {\n  value: GridSize;\n  label: string;\n  dotSpacing: number | null;\n  snapStep: number | null;\n}[] = [\n  { value: \"off\", label: \"Off\", dotSpacing: null, snapStep: null },\n  { value: \"small\", label: \"Small\", dotSpacing: 16, snapStep: 8 },\n  { value: \"large\", label: \"Large\", dotSpacing: 32, snapStep: 16 },\n];\n\nexport const gridLevel = (value: GridSize): (typeof GRID_LEVELS)[number] =>\n  GRID_LEVELS.find((level) => level.value === value) ?? GRID_LEVELS[0];\n\nexport interface CanvasElementDef {\n  id: string;\n  kind: \"shape\" | \"sticky\";\n  initialType?: ShapeType;\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\n/* default sizes from DEFAULT_SHAPE_SIZES / DEFAULT_STICKY_SIZE; positions are\n   board-space pixels (top-left) so dragging can snap to the pixel grid */\nexport const CANVAS_ELEMENTS: CanvasElementDef[] = [\n  {\n    id: \"shape-circle\",\n    kind: \"shape\",\n    initialType: \"circle\",\n    x: 320,\n    y: 180,\n    width: 80,\n    height: 80,\n  },\n  {\n    id: \"shape-rounded\",\n    kind: \"shape\",\n    initialType: \"roundedRectangle\",\n    x: 560,\n    y: 300,\n    width: 100,\n    height: 60,\n  },\n  {\n    id: \"shape-triangle\",\n    kind: \"shape\",\n    initialType: \"triangle\",\n    x: 820,\n    y: 170,\n    width: 80,\n    height: 80,\n  },\n  {\n    id: \"sticky\",\n    kind: \"sticky\",\n    x: 430,\n    y: 430,\n    width: 120,\n    height: 120,\n  },\n];\n\nexport const INITIAL_SHAPES = CANVAS_ELEMENTS.reduce<\n  Record<string, ShapeElementState>\n>((acc, element) => {\n  if (element.kind === \"shape\" && element.initialType) {\n    acc[element.id] = defaultShapeState(element.initialType);\n  }\n\n  return acc;\n}, {});\n\nexport const INITIAL_POSITIONS = CANVAS_ELEMENTS.reduce<\n  Record<string, { x: number; y: number }>\n>((acc, element) => {\n  acc[element.id] = { x: element.x, y: element.y };\n\n  return acc;\n}, {});\n\nexport const snapValue = (value: number, step: number | null): number =>\n  step ? Math.round(value / step) * step : value;\n\n/* deselect happens on canvas-background click (layer under the bars) */\nexport const StyledCanvasLayer = styled.div`\n  position: absolute;\n  inset: 0;\n\n  /* the Link tool is armed: the next drag draws a card box */\n  &.drawing {\n    cursor: crosshair;\n  }\n`;\n\n/* ResizableWrapper: selected = 2px blue-500 ring @50%, hover = 4px\n   blue-400 ring @70% (Tailwind rings are box-shadows) */\nexport const StyledCanvasElement = styled.div`\n  position: absolute;\n  cursor: move;\n\n  &:hover:not(.selected) {\n    box-shadow: 0 0 0 4px rgba(96, 165, 250, 0.7);\n  }\n\n  &.selected {\n    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.5);\n  }\n\n  /* A StackedCard draws its own ring (from --sc-selection-ring, set on the\n     canvas to the board blue), so the wrapper's ring would double it. The card\n     is also auto-height: the wrapper sets width only and lets the box grow. */\n  &.is-card {\n    cursor: grab;\n    height: auto;\n\n    &:hover:not(.selected),\n    &.selected {\n      box-shadow: none;\n    }\n  }\n\n  /* fill/border/radius come from the element's editable state (inline) */\n  .shape-fill {\n    width: 100%;\n    height: 100%;\n    box-sizing: border-box;\n  }\n`;\n\n/* PostitElement: 12px padding, shadow-lg, 1deg tilt that straightens on\n   hover, diagonal gradient to ~87% alpha, Comic Sans */\nexport const StyledSticky = styled.div`\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n  padding: 12px;\n  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),\n    0 4px 6px -4px rgba(0, 0, 0, 0.1);\n  transform: rotate(1deg);\n  transition: transform 200ms;\n  font-family: \"Comic Sans MS\", cursive, system-ui, sans-serif;\n  line-height: 1.4;\n  word-break: break-word;\n  white-space: pre-wrap;\n\n  ${StyledCanvasElement}:hover & {\n    transform: rotate(0deg);\n  }\n`;\n\n/* ResizeHandles: 8 12px blue squares w/ 2px white border on the box,\n   plus the 24px rotate handle outside the bottom-left corner */\nexport const StyledHandles = styled.div`\n  .rh {\n    position: absolute;\n    width: 12px;\n    height: 12px;\n    box-sizing: border-box;\n    background-color: ${SELECTION_BLUE};\n    border: 2px solid #ffffff;\n    border-radius: 2px;\n    z-index: 10;\n\n    &:hover {\n      background-color: #2563eb;\n    }\n  }\n\n  .rh-nw {\n    top: -6px;\n    left: -6px;\n    cursor: nw-resize;\n  }\n  .rh-n {\n    top: -6px;\n    left: 50%;\n    margin-left: -6px;\n    cursor: n-resize;\n  }\n  .rh-ne {\n    top: -6px;\n    right: -6px;\n    cursor: ne-resize;\n  }\n  .rh-w {\n    top: 50%;\n    left: -6px;\n    margin-top: -6px;\n    cursor: w-resize;\n  }\n  .rh-e {\n    top: 50%;\n    right: -6px;\n    margin-top: -6px;\n    cursor: e-resize;\n  }\n  .rh-sw {\n    bottom: -6px;\n    left: -6px;\n    cursor: sw-resize;\n  }\n  .rh-s {\n    bottom: -6px;\n    left: 50%;\n    margin-left: -6px;\n    cursor: s-resize;\n  }\n  .rh-se {\n    bottom: -6px;\n    right: -6px;\n    cursor: se-resize;\n  }\n\n  .rotate-handle {\n    position: absolute;\n    bottom: -35px;\n    left: -35px;\n    width: 24px;\n    height: 24px;\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: #ffffff;\n    border: 2px solid ${SELECTION_BLUE};\n    border-radius: 50%;\n    cursor: grab;\n    z-index: 11;\n\n    svg {\n      width: 16px;\n      height: 16px;\n    }\n  }\n`;\n\nexport const RESIZE_DIRECTIONS = [\"nw\", \"n\", \"ne\", \"w\", \"e\", \"sw\", \"s\", \"se\"];\n\nexport const ResizeHandles = (): ReactElement => (\n  <StyledHandles onMouseDown={(event) => event.stopPropagation()}>\n    {RESIZE_DIRECTIONS.map((direction) => (\n      <span key={direction} className={`rh rh-${direction}`} />\n    ))}\n    <span className=\"rotate-handle\">\n      <ArrowRefreshIcon fill={SELECTION_BLUE} />\n    </span>\n  </StyledHandles>\n);\n\n/* FormattingToolbarContainer: Paper paper-2 (bg + 8px radius + shadow,\n   no border), 8px padding, 4px gap, centered 10px above the element */\nexport const StyledFormattingToolbar = styled.div`\n  position: absolute;\n  bottom: calc(100% + 10px);\n  left: 50%;\n  transform: translateX(-50%);\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 8px;\n  border-radius: 8px;\n  background-color: var(--page-paper-main);\n  box-shadow: var(--shadow-tertiary);\n  white-space: nowrap;\n  cursor: auto;\n  z-index: 20;\n\n  .tb-group {\n    position: relative;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    padding-right: 8px;\n    margin-right: 8px;\n    border-right: 1px solid var(--border-primary);\n  }\n\n  /* submenu/popover anchor around a single trigger */\n  .tb-rel {\n    position: relative;\n    display: inline-flex;\n  }\n\n  .divider {\n    width: 1px;\n    height: 20px;\n    background-color: var(--border-primary);\n    margin: 0 4px;\n    flex-shrink: 0;\n  }\n`;\n\n/* Button variant=\"option\" (idle) / \"tertiary\" (active), h-8 px-2 gap-1 */\nexport const StyledToolbarButton = styled.button`\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  height: 32px;\n  box-sizing: border-box;\n  padding: 0 8px;\n  border: 0;\n  border-radius: 8px;\n  background-color: transparent;\n  color: var(--color-secondary);\n  font-family: -apple-system, BlinkMacSystemFont, \"Roboto\", \"Helvetica Neue\",\n    Arial, sans-serif;\n  font-size: 14px;\n  cursor: pointer;\n\n  &:hover {\n    background-color: var(--color-theme-200);\n  }\n\n  &.active {\n    background-color: var(--color-theme-300);\n  }\n\n  &.icon-only {\n    width: 32px;\n    padding: 0;\n  }\n\n  &:disabled {\n    opacity: 0.45;\n    cursor: default;\n\n    &:hover {\n      background-color: transparent;\n    }\n  }\n\n  svg {\n    fill: currentColor;\n    flex-shrink: 0;\n  }\n\n  svg.i16 {\n    width: 16px;\n    height: 16px;\n  }\n\n  svg.i12 {\n    width: 12px;\n    height: 12px;\n  }\n`;\n\n/* Same chrome as a toolbar button, but an <a> — used where the action is a real\n   navigation (Visit). `withComponent` keeps the styles and swaps the element, so\n   the props type becomes the anchor's. */\nexport const StyledToolbarLink = styled(StyledToolbarButton.withComponent(\"a\"))`\n  text-decoration: none;\n`;\n\n/* font-mono min-w-[24px] text-xs readout between the stepper buttons */\nexport const StyledFontSizeValue = styled.span`\n  min-width: 24px;\n  text-align: center;\n  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;\n  font-size: 12px;\n  color: var(--color-secondary);\n`;\n\nexport const stopClick = (event: React.MouseEvent): void =>\n  event.stopPropagation();\n\n/* Shared drop shadow for the colour swatch popover / colour wheel that the\n   compact toolbar swatch trigger opens. */\nexport const SUBMENU_SHADOW =\n  \"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)\";\n\n/* ColorWheelPopover: beside the submenu (SHAPE_POPOVER_CLASS) or below\n   a toolbar trigger (sticky default class) */\nexport const StyledColorPopover = styled.div`\n  position: absolute;\n  box-sizing: border-box;\n  padding: 12px;\n  background-color: var(--page-paper-main);\n  border: 1px solid var(--border-primary);\n  border-radius: 8px;\n  box-shadow: ${SUBMENU_SHADOW};\n  z-index: 70;\n  cursor: auto;\n\n  &.beside {\n    top: 0;\n    left: 100%;\n    margin-left: 8px;\n  }\n\n  &.below {\n    top: 40px;\n    left: 0;\n  }\n`;\n\n/* ImprovedColorWheel: hue = angle from east (atan2), saturation = distance,\n   lightness 50 — the canvas wheel replicated with CSS gradients */\nexport const WHEEL_SIZE = 200;\nexport const WHEEL_RADIUS = WHEEL_SIZE / 2 - 5;\n\nexport const StyledColorWheel = styled.button`\n  display: block;\n  width: ${WHEEL_SIZE}px;\n  height: ${WHEEL_SIZE}px;\n  padding: 0;\n  border: 0;\n  border-radius: 50%;\n  cursor: crosshair;\n  box-shadow: ${SUBMENU_SHADOW};\n  background: radial-gradient(\n      circle closest-side,\n      #ffffff,\n      rgba(255, 255, 255, 0)\n    ),\n    conic-gradient(\n      from 90deg,\n      #ff0000,\n      #ffff00,\n      #00ff00,\n      #00ffff,\n      #0000ff,\n      #ff00ff,\n      #ff0000\n    );\n`;\n\nexport interface ColorWheelProps {\n  onColorChange: (color: string) => void;\n}\n\nexport const ColorWheel = ({\n  onColorChange,\n}: ColorWheelProps): ReactElement => (\n  <StyledColorWheel\n    onClick={(event) => {\n      const rect = event.currentTarget.getBoundingClientRect();\n      const dx = event.clientX - rect.left - WHEEL_SIZE / 2;\n      const dy = event.clientY - rect.top - WHEEL_SIZE / 2;\n      const distance = Math.sqrt(dx * dx + dy * dy);\n\n      if (distance > WHEEL_RADIUS) {\n        return;\n      }\n\n      let angle = Math.atan2(dy, dx);\n\n      if (angle < 0) {\n        angle += 2 * Math.PI;\n      }\n\n      const hue = Math.round((angle * 180) / Math.PI);\n      const saturation = Math.round(\n        Math.min(100, (distance / WHEEL_RADIUS) * 100)\n      );\n\n      onColorChange(`hsl(${hue}, ${saturation}%, 50%)`);\n    }}\n  />\n);\n\n/* ColorSwatchRow.jsx: 32px swatches + a \"+\" that opens the color wheel */\nexport const StyledSwatchRow = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n\n  .swatch {\n    width: 32px;\n    height: 32px;\n    box-sizing: border-box;\n    padding: 0;\n    border: 2px solid var(--border-primary);\n    border-radius: 4px;\n    cursor: pointer;\n\n    &:hover {\n      border-color: var(--color-theme-500);\n    }\n\n    &.selected {\n      box-shadow: 0 0 0 2px ${SELECTION_BLUE};\n    }\n  }\n\n  .swatch-add {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: var(--color-theme-200);\n    color: var(--color-secondary);\n  }\n`;\n\nexport interface ColorSwatchRowProps {\n  selectedColor?: string;\n  /* Adds a \"Transparent\" swatch (a CircleSlash chip) as the first option. Only\n     shape fill opts in — a sticky's colour is its whole point, and text colour\n     would render invisibly, so both leave this off. Matches the app's\n     `includeTransparent` on the shared ColorPicker. */\n  includeTransparent?: boolean;\n  onSelect: (color: string) => void;\n  onAddClick: () => void;\n}\n\nexport const ColorSwatchRow = ({\n  selectedColor,\n  includeTransparent,\n  onSelect,\n  onAddClick,\n}: ColorSwatchRowProps): ReactElement => (\n  <StyledSwatchRow>\n    {includeTransparent ? (\n      <button\n        type=\"button\"\n        className={\n          selectedColor === \"transparent\"\n            ? \"swatch swatch-add selected\"\n            : \"swatch swatch-add\"\n        }\n        aria-label=\"Transparent\"\n        onClick={() => onSelect(\"transparent\")}\n      >\n        <CircleSlashIcon width={20} height={20} fill=\"currentColor\" />\n      </button>\n    ) : null}\n    {COLOR_PALETTE.map((color) => (\n      <button\n        key={color}\n        type=\"button\"\n        className={selectedColor === color ? \"swatch selected\" : \"swatch\"}\n        style={{ backgroundColor: color }}\n        onClick={() => onSelect(color)}\n      />\n    ))}\n    <button type=\"button\" className=\"swatch swatch-add\" onClick={onAddClick}>\n      <PlusGlyph />\n    </button>\n  </StyledSwatchRow>\n);\n\nexport const SHAPE_TYPE_ICON: Record<ShapeType, ReactElement> = {\n  rectangle: <SquareGlyph />,\n  roundedRectangle: <RoundedRectangleIcon className=\"i16\" />,\n  circle: <CircleIcon className=\"i16\" />,\n  triangle: <TriangleIcon className=\"i16\" />,\n};\n\n/* The four shape types, in the order the shape-type menu lists them. */\nexport const SHAPE_TYPE_OPTIONS: { type: ShapeType; label: string }[] = [\n  { type: \"rectangle\", label: \"Rectangle\" },\n  { type: \"roundedRectangle\", label: \"Rounded Rectangle\" },\n  { type: \"circle\", label: \"Circle\" },\n  { type: \"triangle\", label: \"Triangle\" },\n];\n\n/* Stroke pattern options — now only the Inspector's Stroke group renders these\n   (the shape floating toolbar no longer edits stroke). Mirrors the app's\n   STROKE_PATTERN_OPTIONS dash enum: solid | dashed | dotted. */\nexport const BORDER_STYLE_OPTIONS: {\n  value?: ShapeElementState[\"strokeDash\"];\n  label: string;\n}[] = [\n  { value: undefined, label: \"Solid\" },\n  { value: \"5,5\", label: \"Dashed\" },\n  { value: \"2,2\", label: \"Dotted\" },\n];\n\n/* ── Shared floating-toolbar controls ───────────────────────────────────────\n   The floating toolbars were flattened this session to match the app: compact,\n   collapsed controls (single-button dropdowns) with uniform 4px spacing and a\n   single hairline separator only before Lock / Delete. These mirror the shared\n   controls in the app's Inspector/Controls (ShapeTypeMenu, AlignmentMenu,\n   ColorPicker compact, ToolbarActions). */\n\n/* ToolbarActions — the trailing block shared by EVERY floating toolbar:\n   separator → Lock → Delete, in the standard control colour (not red). Mirrors\n   app `toolbar/ToolbarActions.jsx`. */\nexport interface ToolbarActionsProps {\n  locked: boolean;\n  onToggleLock: () => void;\n  onDelete: () => void;\n}\n\nexport const ToolbarActions = ({\n  locked,\n  onToggleLock,\n  onDelete,\n}: ToolbarActionsProps): ReactElement => (\n  <>\n    <span className=\"divider\" />\n    <Tooltip title={locked ? \"Unlock\" : \"Lock\"}>\n      <StyledToolbarButton\n        className={locked ? \"icon-only active\" : \"icon-only\"}\n        aria-pressed={locked}\n        onClick={onToggleLock}\n      >\n        <LockIcon className=\"i16\" />\n      </StyledToolbarButton>\n    </Tooltip>\n    <Tooltip title=\"Delete\">\n      <StyledToolbarButton className=\"icon-only\" onClick={onDelete}>\n        <TrashIcon className=\"i16\" />\n      </StyledToolbarButton>\n    </Tooltip>\n  </>\n);\n\n/* ShapeTypeMenu — collapsed shape-type picker: one icon button showing the\n   current shape, opening a dropdown of the four types. Modeled on the app's\n   ShapeTypeMenu (DS Menu + List). */\nexport interface ToolbarShapeTypeMenuProps {\n  value: ShapeType;\n  onChange: (type: ShapeType) => void;\n}\n\nexport const ShapeTypeMenu = ({\n  value,\n  onChange,\n}: ToolbarShapeTypeMenuProps): ReactElement => {\n  const [open, setOpen] = useState(false);\n\n  return (\n    <Menu\n      open={open}\n      onOpen={() => setOpen(true)}\n      onClose={() => setOpen(false)}\n      position=\"bottom-start\"\n      target={\n        <IconButton\n          type=\"button\"\n          variant=\"text gray\"\n          active={open}\n          aria-label=\"Shape\"\n        >\n          {SHAPE_TYPE_ICON[value]}\n        </IconButton>\n      }\n    >\n      <List style={{ padding: \"8px 0\" }} tabIndex={-1}>\n        {SHAPE_TYPE_OPTIONS.map((option) => (\n          <ListItem\n            key={option.type}\n            aria-label={option.label}\n            onClick={() => {\n              onChange(option.type);\n              setOpen(false);\n            }}\n          >\n            {SHAPE_TYPE_ICON[option.type]}\n            {option.label}\n          </ListItem>\n        ))}\n      </List>\n    </Menu>\n  );\n};\n\n/* AlignmentMenu — collapsed alignment picker (single button + dropdown), the\n   compact-toolbar counterpart to the Inspector's expanded four-button row.\n   Mirrors the app's AlignmentMenu. */\nexport interface ToolbarAlignmentMenuProps {\n  value: TextAlign;\n  onChange: (align: TextAlign) => void;\n  disabled?: boolean;\n}\n\nexport const AlignmentMenu = ({\n  value,\n  onChange,\n  disabled,\n}: ToolbarAlignmentMenuProps): ReactElement => {\n  const [open, setOpen] = useState(false);\n  const selected =\n    ALIGN_OPTIONS.find((option) => option.value === value) ?? ALIGN_OPTIONS[0];\n\n  return (\n    <Menu\n      open={open}\n      onOpen={() => setOpen(true)}\n      onClose={() => setOpen(false)}\n      position=\"bottom-start\"\n      target={\n        <IconButton\n          type=\"button\"\n          variant=\"text gray\"\n          active={open}\n          disabled={disabled}\n          aria-label=\"Alignment\"\n        >\n          {selected.icon}\n        </IconButton>\n      }\n    >\n      <List style={{ padding: \"8px 0\" }} tabIndex={-1}>\n        {ALIGN_OPTIONS.map((option) => (\n          <ListItem\n            key={option.value}\n            aria-label={option.label}\n            onClick={() => {\n              onChange(option.value);\n              setOpen(false);\n            }}\n          >\n            {option.icon}\n            {option.label}\n          </ListItem>\n        ))}\n      </List>\n    </Menu>\n  );\n};\n\n/* Compact swatch-only colour trigger: a single dot (or a CircleSlash chip when\n   transparent) that opens a swatch popover. The Inspector's ColorPickerField\n   keeps the swatch + name; the floating toolbars use this swatch-only variant.\n   `includeTransparent` is passed through to the swatch row — shape fill opts\n   in, sticky fill and text colour do not. */\nexport interface ToolbarColorSwatchProps {\n  value: string;\n  includeTransparent?: boolean;\n  label: string;\n  onChange: (color: string) => void;\n}\n\nexport const ToolbarColorSwatch = ({\n  value,\n  includeTransparent,\n  label,\n  onChange,\n}: ToolbarColorSwatchProps): ReactElement => {\n  const [open, setOpen] = useState(false);\n  const [wheelOpen, setWheelOpen] = useState(false);\n  const isTransparent = value === \"transparent\";\n\n  return (\n    <span className=\"tb-rel\">\n      <Tooltip title={label}>\n        <StyledToolbarButton\n          className={open ? \"icon-only active\" : \"icon-only\"}\n          aria-label={label}\n          onClick={() => {\n            setOpen((current) => !current);\n            setWheelOpen(false);\n          }}\n        >\n          {isTransparent ? (\n            <CircleSlashIcon width={16} height={16} fill=\"currentColor\" />\n          ) : (\n            <Dot color={value} size={16} />\n          )}\n        </StyledToolbarButton>\n      </Tooltip>\n      {open ? (\n        <StyledColorPopover className=\"below\">\n          <ColorSwatchRow\n            selectedColor={value}\n            includeTransparent={includeTransparent}\n            onSelect={(color) => {\n              onChange(color);\n              setOpen(false);\n            }}\n            onAddClick={() => setWheelOpen((current) => !current)}\n          />\n          {wheelOpen ? (\n            <StyledColorPopover className=\"beside\">\n              <ColorWheel\n                onColorChange={(color) => {\n                  onChange(color);\n                  setOpen(false);\n                }}\n              />\n            </StyledColorPopover>\n          ) : null}\n        </StyledColorPopover>\n      ) : null}\n    </span>\n  );\n};\n\n/* The text controls shared by the shape and sticky toolbars: font-size stepper,\n   B / I / U / S, and the collapsed alignment menu. Same set the app's sticky\n   and shape toolbars share (font-size picker, TextStyleButtons, AlignmentMenu).\n   Kept generic so both element shapes can drive it. */\nexport interface ToolbarTextControlsProps {\n  fontSize: number;\n  styleFlags: {\n    bold: boolean;\n    italic: boolean;\n    underline: boolean;\n    strikethrough: boolean;\n  };\n  align: TextAlign;\n  onFontSize: (size: number) => void;\n  onToggleStyle: (key: TextStyleKey) => void;\n  onAlign: (align: TextAlign) => void;\n}\n\nexport const ToolbarTextControls = ({\n  fontSize,\n  styleFlags,\n  align,\n  onFontSize,\n  onToggleStyle,\n  onAlign,\n}: ToolbarTextControlsProps): ReactElement => (\n  <>\n    <Tooltip title=\"Decrease font size\">\n      <StyledToolbarButton\n        className=\"icon-only\"\n        aria-label=\"Decrease font size\"\n        onClick={() => onFontSize(Math.max(8, fontSize - 2))}\n      >\n        <MinusGlyph className=\"i16\" />\n      </StyledToolbarButton>\n    </Tooltip>\n    <StyledFontSizeValue>{fontSize}</StyledFontSizeValue>\n    <Tooltip title=\"Increase font size\">\n      <StyledToolbarButton\n        className=\"icon-only\"\n        aria-label=\"Increase font size\"\n        onClick={() => onFontSize(Math.min(96, fontSize + 2))}\n      >\n        <PlusGlyph className=\"i16\" />\n      </StyledToolbarButton>\n    </Tooltip>\n    {STYLE_OPTIONS.map((option) => (\n      <Tooltip key={option.key} title={option.label}>\n        <StyledToolbarButton\n          className={styleFlags[option.key] ? \"icon-only active\" : \"icon-only\"}\n          aria-label={option.label}\n          aria-pressed={styleFlags[option.key]}\n          onClick={() => onToggleStyle(option.key)}\n        >\n          {option.icon}\n        </StyledToolbarButton>\n      </Tooltip>\n    ))}\n    <AlignmentMenu value={align} onChange={onAlign} />\n  </>\n);\n\nexport interface ShapeFormattingToolbarProps {\n  element: ShapeElementState;\n  onUpdate: (partial: Partial<ShapeElementState>) => void;\n  onDelete: () => void;\n  locked: boolean;\n  onToggleLock: () => void;\n}\n\n/* ShapeFormattingToolbar — flat layout (was submenu-based): shape-type menu →\n   fill colour → the same text controls as the sticky toolbar → Lock / Delete.\n   Stroke is no longer edited here — it lives only in the Inspector's Stroke\n   group now. Mirrors the app's ShapeFormattingToolbar. */\nexport const ShapeFormattingToolbar = ({\n  element,\n  onUpdate,\n  onDelete,\n  locked,\n  onToggleLock,\n}: ShapeFormattingToolbarProps): ReactElement => (\n  <StyledFormattingToolbar onClick={stopClick} onMouseDown={stopClick}>\n    <ShapeTypeMenu\n      value={element.type}\n      onChange={(type) => onUpdate({ type })}\n    />\n    <ToolbarColorSwatch\n      value={element.fill}\n      includeTransparent\n      label=\"Fill color\"\n      onChange={(fill) => onUpdate({ fill })}\n    />\n    <ToolbarTextControls\n      fontSize={element.fontSize}\n      styleFlags={element}\n      align={element.align ?? \"left\"}\n      onFontSize={(fontSize) => onUpdate({ fontSize })}\n      onToggleStyle={(key) => onUpdate({ [key]: !element[key] })}\n      onAlign={(align) => onUpdate({ align })}\n    />\n    <ToolbarActions\n      locked={locked}\n      onToggleLock={onToggleLock}\n      onDelete={onDelete}\n    />\n  </StyledFormattingToolbar>\n);\n\nexport interface StickyTextStyle {\n  fontSize: number;\n  bold: boolean;\n  italic: boolean;\n  strikethrough: boolean;\n  underline: boolean;\n  align: TextAlign;\n  textColor: string;\n  color: string;\n  fillOpacity: number;\n}\n\nexport interface PostitFormattingToolbarProps {\n  value: StickyTextStyle;\n  onChange: (next: StickyTextStyle) => void;\n  onDelete: () => void;\n  locked: boolean;\n  onToggleLock: () => void;\n}\n\n/* PostitFormattingToolbar — flat layout: note (fill) colour → the shared text\n   controls (font-size, B/I/U/S, alignment menu) → Lock / Delete. The note's\n   colour is its whole point, so its fill swatch does NOT offer Transparent.\n   Mirrors the app's PostitFormattingToolbar. */\nexport const PostitFormattingToolbar = ({\n  value,\n  onChange,\n  onDelete,\n  locked,\n  onToggleLock,\n}: PostitFormattingToolbarProps): ReactElement => (\n  <StyledFormattingToolbar onClick={stopClick} onMouseDown={stopClick}>\n    <ToolbarColorSwatch\n      value={value.color}\n      label=\"Note color\"\n      onChange={(color) => onChange({ ...value, color })}\n    />\n    <ToolbarTextControls\n      fontSize={value.fontSize}\n      styleFlags={value}\n      align={value.align}\n      onFontSize={(fontSize) => onChange({ ...value, fontSize })}\n      onToggleStyle={(key) => onChange({ ...value, [key]: !value[key] })}\n      onAlign={(align) => onChange({ ...value, align })}\n    />\n    <ToolbarActions\n      locked={locked}\n      onToggleLock={onToggleLock}\n      onDelete={onDelete}\n    />\n  </StyledFormattingToolbar>\n);\n\n/* shape body per current (editable) type */\nexport const renderShapeBody = (\n  def: CanvasElementDef,\n  state: ShapeElementState,\n  /* Effective size — the Inspector can override the element's default width /\n     height, so the triangle polygon is drawn from the live size, not the def. */\n  width: number = def.width,\n  height: number = def.height\n): ReactElement =>\n  state.type === \"triangle\" ? (\n    /* TriangleElement: SVG polygon, apex top-center */\n    <svg\n      width=\"100%\"\n      height=\"100%\"\n      style={{ display: \"block\", overflow: \"visible\" }}\n    >\n      <polygon\n        points={`${width / 2},0 ${width},${height} 0,${height}`}\n        fill={withOpacity(state.fill, state.fillOpacity)}\n        stroke={withOpacity(state.stroke, state.strokeOpacity)}\n        strokeWidth={state.strokeWidth}\n        strokeDasharray={state.strokeDash}\n      />\n    </svg>\n  ) : (\n    <div\n      className=\"shape-fill\"\n      style={{\n        backgroundColor: withOpacity(state.fill, state.fillOpacity),\n        border: shapeBorder(state),\n        borderRadius: state.type === \"circle\" ? \"50%\" : state.borderRadius,\n      }}\n    />\n  );\n\nexport const ALIGN_OPTIONS: {\n  value: TextAlign;\n  label: string;\n  icon: ReactElement;\n}[] = [\n  { value: \"left\", label: \"Align Left\", icon: <TextAlignLeftIcon /> },\n  { value: \"center\", label: \"Align Center\", icon: <TextAlignCenterIcon /> },\n  { value: \"right\", label: \"Align Right\", icon: <TextAlignRightIcon /> },\n  { value: \"justify\", label: \"Justify\", icon: <TextAlignJustifyIcon /> },\n];\n\nexport type TextStyleKey = \"bold\" | \"italic\" | \"underline\" | \"strikethrough\";\n\nexport const STYLE_OPTIONS: {\n  key: TextStyleKey;\n  label: string;\n  icon: ReactElement;\n}[] = [\n  { key: \"bold\", label: \"Bold\", icon: <TextStyleBoldIcon /> },\n  { key: \"italic\", label: \"Italic\", icon: <TextStyleItalicIcon /> },\n  { key: \"underline\", label: \"Underline\", icon: <TextStyleUnderlineIcon /> },\n  {\n    key: \"strikethrough\",\n    label: \"Strikethrough\",\n    icon: <TextStyleStrikeIcon />,\n  },\n];\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/presentation/whiteboard/fileElement.js

@@ -0,0 +1,457 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useMockUpload = exports.revokeThumbnail = exports.renderFileThumbnail = exports.formatFileSize = exports.describeFile = exports.binaryFrom = exports.UPLOAD_TICK_MS = exports.UPLOAD_STEP = exports.StyledUploadCover = exports.StyledPlaceholderBox = exports.StyledHiddenFileInput = exports.StyledFileName = exports.StyledFileFallback = exports.StyledFileCard = exports.StyledDropOverlay = exports.PREPARING_MS = exports.MAX_UPLOAD_BYTES = exports.FileUploadCard = exports.FilePlaceholder = exports.FileFormattingToolbar = exports.FileElement = exports.FILE_SIZE_UNITS = exports.FILE_DEFAULT_WIDTH = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _elements = require("./elements");
+var _Icons = require("../../components/Icons");
+var _Loaders = require("../../components/Loaders");
+var _ProgressRing = require("../../components/ProgressRing");
+var _StackedCard = require("../../components/StackedCard");
+var _Tooltip = require("../../components/Tooltip");
+var _Typography = require("../../components/Typography");
+var _content = require("../stackedCard/content");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+/* ------------------------------------------------------------------ */
+/* File element — the upload lifecycle + the file card                 */
+/* ------------------------------------------------------------------ */
+
+/**
+ * The file card is the second element built on `StackedCard`, and it mirrors the
+ * card in a project's Files tab (`Folders/GridView/Items/File.js`): a thumbnail
+ * over a strip with the name, then size · date.
+ *
+ * Its lifecycle is the app's real upload lifecycle, which is two phases and not
+ * one — the distinction the ring alone doesn't tell you:
+ *
+ *   uploading   XHR progress 0–100. `ProgressRing radius={22} stroke={4}` with
+ *               the percentage, exactly as `Items/FileUpload.js` does it.
+ *   preparing   bytes are in, the server is generating the thumbnail. Progress
+ *               is no longer knowable, so the ring gives way to the
+ *               indeterminate `SpinnerLoader` at the same size — again as the
+ *               real card does at `progress === 100`.
+ *   ready       the thumbnail exists; the card renders it.
+ *   error       the upload failed: retry, same as the app's `ArrowRefreshIcon`.
+ *
+ * Both phases reserve the same box as the finished cover, so a card never
+ * reflows as it climbs — the discipline the unfurl ladder established.
+ */
+
+/* The Files-tab card is a fixed 208×208. On a canvas the width is the host's,
+   so 208 is only the default a click-placed card takes. */
+var FILE_DEFAULT_WIDTH = exports.FILE_DEFAULT_WIDTH = 208;
+
+/* Big enough to be worth refusing, so the error state is reachable: the server
+   enforces the real limits (and answers StorageOverusedError when full). */
+var MAX_UPLOAD_BYTES = exports.MAX_UPLOAD_BYTES = 25 * 1024 * 1024;
+var UPLOAD_TICK_MS = exports.UPLOAD_TICK_MS = 110;
+var UPLOAD_STEP = exports.UPLOAD_STEP = 9;
+/* How long the server spends making a thumbnail once the bytes have landed. */
+var PREPARING_MS = exports.PREPARING_MS = 1100;
+
+/** What the mock keeps about a picked file. */
+
+/** A file element on the board. Position lives in the shared positions map. */
+
+/* Angie.functions.format_file_size — two decimals, no space, lower-case k.
+   "1.20MB", not "1.2 MB". Reproduced exactly so the mock reads like the app. */
+var FILE_SIZE_UNITS = exports.FILE_SIZE_UNITS = [["TB", 1099511627776], ["GB", 1073741824], ["MB", 1048576], ["kB", 1024]];
+var formatFileSize = exports.formatFileSize = function formatFileSize(value) {
+  for (var _ref3 of FILE_SIZE_UNITS) {
+    var _ref2 = _slicedToArray(_ref3, 2);
+    var unit = _ref2[0];
+    var bytes = _ref2[1];
+    var inUnit = value / bytes;
+    if (inUnit > 0.9) {
+      return "".concat(inUnit.toFixed(2)).concat(unit);
+    }
+  }
+  return "".concat(Math.trunc(value), "B");
+};
+var describeFile = exports.describeFile = function describeFile(file) {
+  var dot = file.name.lastIndexOf(".");
+  var hasExtension = dot > 0;
+  return {
+    base: hasExtension ? file.name.slice(0, dot) : file.name,
+    extension: hasExtension ? file.name.slice(dot + 1) : "",
+    size: file.size,
+    mimeType: file.type,
+    // Images get a real thumbnail; the server would generate one for every type,
+    // but the mock can only show what the browser can already decode.
+    thumbnailUrl: file.type.startsWith("image/") ? URL.createObjectURL(file) : null
+  };
+};
+
+/* Object URLs are a manual allocation — release one whenever the file it stands
+   for stops being on the board. */
+var revokeThumbnail = exports.revokeThumbnail = function revokeThumbnail(file) {
+  if (file !== null && file !== void 0 && file.thumbnailUrl) {
+    URL.revokeObjectURL(file.thumbnailUrl);
+  }
+};
+
+/** The first actual file on a clipboard or a drop, or null if there is none. */
+var binaryFrom = exports.binaryFrom = function binaryFrom(data) {
+  if (!data) {
+    return null;
+  }
+  if (data.files && data.files.length > 0) {
+    return data.files[0];
+  }
+
+  // A screenshot paste arrives as an item, not in `files`.
+  for (var item of Array.from((_data$items = data.items) !== null && _data$items !== void 0 ? _data$items : [])) {
+    var _data$items;
+    if (item.kind === "file") {
+      var picked = item.getAsFile();
+      if (picked) {
+        return picked;
+      }
+    }
+  }
+  return null;
+};
+/**
+ * Drives one file through the upload lifecycle. Stands in for
+ * `useFileHandler` + the XHR in `utils/upload.jsx`: ticks progress to 100,
+ * hands over to the thumbnail phase, then resolves.
+ */
+var useMockUpload = exports.useMockUpload = function useMockUpload(file) {
+  var _useState = (0, _react.useState)("uploading"),
+    _useState2 = _slicedToArray(_useState, 2),
+    status = _useState2[0],
+    setStatus = _useState2[1];
+  var _useState3 = (0, _react.useState)(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    progress = _useState4[0],
+    setProgress = _useState4[1];
+  var timers = (0, _react.useRef)([]);
+  var ticker = (0, _react.useRef)(null);
+  var progressRef = (0, _react.useRef)(0);
+  var clearAll = (0, _react.useCallback)(function () {
+    timers.current.forEach(clearTimeout);
+    timers.current = [];
+    if (ticker.current) {
+      clearInterval(ticker.current);
+      ticker.current = null;
+    }
+  }, []);
+  var retry = (0, _react.useCallback)(function () {
+    clearAll();
+    progressRef.current = 0;
+    setProgress(0);
+    setStatus("uploading");
+    if (!file) {
+      return;
+    }
+    if (file.size > MAX_UPLOAD_BYTES) {
+      timers.current.push(setTimeout(function () {
+        return setStatus("error");
+      }, 700));
+      return;
+    }
+    ticker.current = setInterval(function () {
+      progressRef.current = Math.min(100, progressRef.current + UPLOAD_STEP);
+      setProgress(progressRef.current);
+      if (progressRef.current >= 100) {
+        clearAll();
+        // The bytes are up; the thumbnail is the server's job now.
+        setStatus("preparing");
+        timers.current.push(setTimeout(function () {
+          return setStatus("ready");
+        }, PREPARING_MS));
+      }
+    }, UPLOAD_TICK_MS);
+  }, [clearAll, file]);
+  (0, _react.useEffect)(function () {
+    retry();
+    return clearAll;
+  }, [retry, clearAll]);
+  return {
+    status,
+    progress,
+    retry
+  };
+};
+
+/* The card fills the box the board drew; height stays auto. */
+var StyledFileCard = exports.StyledFileCard = (0, _styledComponents.default)(_StackedCard.StackedCard).withConfig({
+  displayName: "fileElement__StyledFileCard",
+  componentId: "sc-1bsy8py-0"
+})(["&&{width:100%;}user-select:none;"]);
+
+/* The cover while uploading or preparing — the ring/spinner centred in the box
+   the finished thumbnail will occupy, so resolving never reflows the card. */
+var StyledUploadCover = exports.StyledUploadCover = _styledComponents.default.div.withConfig({
+  displayName: "fileElement__StyledUploadCover",
+  componentId: "sc-1bsy8py-1"
+})(["display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;height:100%;background-color:var(--color-theme-200);"]);
+
+/* No thumbnail (the browser can't decode a .zip): the clip plus the extension.
+   The real card has NO type-icon fallback — it renders a bare <img> and trusts
+   the server — so this is net-new and worth a decision. */
+var StyledFileFallback = exports.StyledFileFallback = _styledComponents.default.div.withConfig({
+  displayName: "fileElement__StyledFileFallback",
+  componentId: "sc-1bsy8py-2"
+})(["display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;height:100%;background-color:var(--color-theme-200);color:var(--color-theme-600);> svg{width:36px;height:36px;fill:var(--color-theme-500);}"]);
+
+/* Name row: the base name truncates, the extension never does — the same split
+   the real card makes with removeExtensionFromFileName. */
+var StyledFileName = exports.StyledFileName = _styledComponents.default.div.withConfig({
+  displayName: "fileElement__StyledFileName",
+  componentId: "sc-1bsy8py-3"
+})(["display:flex;align-items:baseline;min-width:0;width:100%;.file-base{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.file-ext{flex-shrink:0;}"]);
+
+/* The drop overlay, from directive.ang_drop_files.less: a near-opaque cover
+   with a 2px dashed primary border and "Drop here". The app sets 24px type for
+   a full-page target; on a card it reads at Body2. */
+var StyledDropOverlay = exports.StyledDropOverlay = _styledComponents.default.div.withConfig({
+  displayName: "fileElement__StyledDropOverlay",
+  componentId: "sc-1bsy8py-4"
+})(["position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;padding:8px;box-sizing:border-box;background-color:var(--page-paper-main);.drop-box{display:flex;align-items:center;justify-content:center;width:100%;height:100%;box-sizing:border-box;border:2px dashed var(--color-primary);border-radius:6px;}"]);
+var StyledHiddenFileInput = exports.StyledHiddenFileInput = _styledComponents.default.input.withConfig({
+  displayName: "fileElement__StyledHiddenFileInput",
+  componentId: "sc-1bsy8py-5"
+})(["display:none;"]);
+
+/* The placeholder reserves the same box the finished cover will occupy — the
+   cover's ratio, not a pixel height — so attaching a file does not resize the
+   card under the pointer. Placeholder's own fixed height is overridden here;
+   the descendant selector outranks its class. */
+var StyledPlaceholderBox = exports.StyledPlaceholderBox = _styledComponents.default.div.withConfig({
+  displayName: "fileElement__StyledPlaceholderBox",
+  componentId: "sc-1bsy8py-6"
+})(["width:100%;aspect-ratio:", ";> button{height:100%;}"], _content.COVER_RATIO_IMAGE);
+
+/* The interactive empty state, in the shared placeholder frame the other card
+   types use. Doubles as the drop target, like its copy promises. */
+var FilePlaceholder = exports.FilePlaceholder = function FilePlaceholder(props) {
+  return /*#__PURE__*/_react.default.createElement(StyledPlaceholderBox, null, /*#__PURE__*/_react.default.createElement(_content.Placeholder, _extends({
+    icon: /*#__PURE__*/_react.default.createElement(_Icons.AttachmentIcon, null),
+    label: "Drop a file or click to upload",
+    dashed: true,
+    "data-drag-through": ""
+  }, props)));
+};
+/* The file element's floating toolbar. The leading action is whatever the
+   current phase makes meaningful; Move to Trash is always available. */
+var FileFormattingToolbar = exports.FileFormattingToolbar = function FileFormattingToolbar(_ref4) {
+  var status = _ref4.status,
+    onPick = _ref4.onPick,
+    onCancel = _ref4.onCancel,
+    onRetry = _ref4.onRetry,
+    onDelete = _ref4.onDelete;
+  return /*#__PURE__*/_react.default.createElement(_elements.StyledFormattingToolbar, {
+    onMouseDown: _elements.stopClick,
+    onClick: _elements.stopClick
+  }, status === "placeholder" ? /*#__PURE__*/_react.default.createElement(_elements.StyledToolbarButton, {
+    type: "button",
+    onClick: onPick
+  }, /*#__PURE__*/_react.default.createElement(_Icons.UploadIcon, {
+    className: "i16"
+  }), "Upload") : null, status === "uploading" || status === "preparing" ? /*#__PURE__*/_react.default.createElement(_elements.StyledToolbarButton, {
+    type: "button",
+    onClick: onCancel
+  }, /*#__PURE__*/_react.default.createElement(_Icons.CancelCrossIcon, {
+    className: "i16"
+  }), "Cancel") : null, status === "error" ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_elements.StyledToolbarButton, {
+    type: "button",
+    onClick: onRetry
+  }, /*#__PURE__*/_react.default.createElement(_Icons.ArrowRefreshIcon, {
+    className: "i16"
+  }), "Retry"), /*#__PURE__*/_react.default.createElement(_elements.StyledToolbarButton, {
+    type: "button",
+    onClick: onCancel
+  }, /*#__PURE__*/_react.default.createElement(_Icons.CancelCrossIcon, {
+    className: "i16"
+  }), "Cancel")) : null, status === "ready" ? /*#__PURE__*/_react.default.createElement(_elements.StyledToolbarButton, {
+    type: "button"
+  }, /*#__PURE__*/_react.default.createElement(_Icons.DownloadIcon, {
+    className: "i16"
+  }), "Download") : null, /*#__PURE__*/_react.default.createElement("span", {
+    className: "divider"
+  }), /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    title: "Move to Trash"
+  }, /*#__PURE__*/_react.default.createElement(_elements.StyledToolbarButton, {
+    type: "button",
+    className: "icon-only",
+    onClick: onDelete
+  }, /*#__PURE__*/_react.default.createElement(_Icons.TrashIcon, {
+    className: "i16"
+  }))));
+};
+/**
+ * A file element with a file attached: the card runs the upload lifecycle and
+ * then renders the finished preview.
+ */
+var FileUploadCard = exports.FileUploadCard = function FileUploadCard(_ref5) {
+  var element = _ref5.element,
+    selected = _ref5.selected,
+    resize = _ref5.resize,
+    onCancel = _ref5.onCancel,
+    onDelete = _ref5.onDelete;
+  var file = element.file;
+  var upload = useMockUpload(file);
+  var ready = upload.status === "ready";
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(StyledFileCard, _extends({
+    selected: selected,
+    resizable: selected,
+    resizeAxis: "width",
+    resizeLabel: "Resize file card"
+  }, resize), /*#__PURE__*/_react.default.createElement(_StackedCard.StackedCardCover, {
+    aspectRatio: _content.COVER_RATIO_IMAGE
+  }, ready ? renderFileThumbnail(file) : /*#__PURE__*/_react.default.createElement(StyledUploadCover, null, upload.status === "uploading" ? /*#__PURE__*/_react.default.createElement(_ProgressRing.ProgressRing, {
+    progress: upload.progress,
+    radius: 22,
+    stroke: 4
+  }, /*#__PURE__*/_react.default.createElement(_Typography.Caption2, {
+    weight: "bold",
+    color: "secondary"
+  }, upload.progress, "%")) : null, upload.status === "preparing" ? /*#__PURE__*/_react.default.createElement(_Loaders.SpinnerLoader, {
+    radius: 22,
+    stroke: 4
+  }) : null, upload.status === "error" ? /*#__PURE__*/_react.default.createElement(_Icons.ArrowRefreshIcon, {
+    style: {
+      cursor: "pointer"
+    },
+    onClick: upload.retry
+  }) : null, /*#__PURE__*/_react.default.createElement(_Typography.Caption2, {
+    color: "tertiary"
+  }, upload.status === "uploading" ? "Uploading…" : null, upload.status === "preparing" ? "Preparing preview…" : null, upload.status === "error" ? "Upload failed" : null))), /*#__PURE__*/_react.default.createElement(_StackedCard.StackedCardRow, {
+    role: "title"
+  }, /*#__PURE__*/_react.default.createElement(StyledFileName, null, /*#__PURE__*/_react.default.createElement(_Typography.Caption1, {
+    weight: "bold",
+    className: "file-base"
+  }, file === null || file === void 0 ? void 0 : file.base), file !== null && file !== void 0 && file.extension ? /*#__PURE__*/_react.default.createElement(_Typography.Caption1, {
+    weight: "bold",
+    className: "file-ext"
+  }, ".", file.extension) : null)), /*#__PURE__*/_react.default.createElement(_StackedCard.StackedCardRow, {
+    role: "meta"
+  }, /*#__PURE__*/_react.default.createElement(_Typography.Caption2, {
+    color: "tertiary"
+  }, ready && file ? "".concat(formatFileSize(file.size), " \xB7 Just now") : " "))), selected ? /*#__PURE__*/_react.default.createElement(FileFormattingToolbar, {
+    status: upload.status,
+    onCancel: onCancel,
+    onRetry: upload.retry,
+    onDelete: onDelete
+  }) : null);
+};
+
+/* An image renders for real; anything else falls back to the clip + extension. */
+var renderFileThumbnail = exports.renderFileThumbnail = function renderFileThumbnail(file) {
+  return file !== null && file !== void 0 && file.thumbnailUrl ? /*#__PURE__*/_react.default.createElement("img", {
+    src: file.thumbnailUrl,
+    alt: ""
+  }) : /*#__PURE__*/_react.default.createElement(StyledFileFallback, null, /*#__PURE__*/_react.default.createElement(_Icons.AttachmentIcon, null), /*#__PURE__*/_react.default.createElement(_Typography.Caption2, {
+    color: "tertiary"
+  }, file !== null && file !== void 0 && file.extension ? file.extension.toUpperCase() : "FILE"));
+};
+/**
+ * The two shapes of a file element: an empty placeholder that can be clicked or
+ * dropped onto, and the uploading/ready card.
+ *
+ * A box drawn with the File tool opens the picker immediately. Dismissing the
+ * picker fires no change, so the card simply stays a placeholder — which is what
+ * makes Esc a no-op by construction rather than by handling.
+ */
+var FileElement = exports.FileElement = function FileElement(_ref6) {
+  var element = _ref6.element,
+    selected = _ref6.selected,
+    autoOpen = _ref6.autoOpen,
+    onPickFile = _ref6.onPickFile,
+    resize = _ref6.resize,
+    onCancel = _ref6.onCancel,
+    onDelete = _ref6.onDelete;
+  var inputRef = (0, _react.useRef)(null);
+  var _useState5 = (0, _react.useState)(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    dropping = _useState6[0],
+    setDropping = _useState6[1];
+  var openPicker = (0, _react.useCallback)(function () {
+    var _inputRef$current;
+    (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.click();
+  }, []);
+  (0, _react.useEffect)(function () {
+    if (autoOpen) {
+      openPicker();
+    }
+  }, [autoOpen, openPicker]);
+  var handleInputChange = (0, _react.useCallback)(function (event) {
+    var _event$target$files;
+    var picked = (_event$target$files = event.target.files) === null || _event$target$files === void 0 ? void 0 : _event$target$files[0];
+    if (picked) {
+      onPickFile(picked);
+    }
+    // Let the same file be chosen again after a cancel or a delete.
+    event.target.value = "";
+  }, [onPickFile]);
+  var handleDrop = (0, _react.useCallback)(function (event) {
+    event.preventDefault();
+    event.stopPropagation();
+    setDropping(false);
+    var dropped = binaryFrom(event.dataTransfer);
+    if (dropped) {
+      onPickFile(dropped);
+    }
+  }, [onPickFile]);
+  var input = /*#__PURE__*/_react.default.createElement(StyledHiddenFileInput, {
+    ref: inputRef,
+    type: "file",
+    onChange: handleInputChange
+  });
+  if (element.file != null) {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, input, /*#__PURE__*/_react.default.createElement(FileUploadCard, {
+      element: element,
+      selected: selected,
+      resize: resize,
+      onCancel: onCancel,
+      onDelete: onDelete
+    }));
+  }
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, input, /*#__PURE__*/_react.default.createElement(StyledFileCard, {
+    selected: selected,
+    "aria-label": "Empty file card"
+  }, /*#__PURE__*/_react.default.createElement(_StackedCard.StackedCardRow, {
+    role: "custom",
+    bleed: true
+    /* Marks this row as owning its own drops, so the board-level handler
+       stands aside and lets the card take the file. */,
+    "data-file-dropzone": "",
+    onDragEnter: function onDragEnter(event) {
+      event.preventDefault();
+      setDropping(true);
+    },
+    onDragOver: function onDragOver(event) {
+      return event.preventDefault();
+    },
+    onDragLeave: function onDragLeave(event) {
+      // Ignore the leaves fired when crossing onto a child.
+      if (!event.currentTarget.contains(event.relatedTarget)) {
+        setDropping(false);
+      }
+    },
+    onDrop: handleDrop
+  }, /*#__PURE__*/_react.default.createElement(FilePlaceholder, {
+    onClick: openPicker
+  }), dropping ? /*#__PURE__*/_react.default.createElement(StyledDropOverlay, null, /*#__PURE__*/_react.default.createElement("span", {
+    className: "drop-box"
+  }, /*#__PURE__*/_react.default.createElement(_Typography.Body2, {
+    color: "secondary"
+  }, "Drop here"))) : null)), selected ? /*#__PURE__*/_react.default.createElement(FileFormattingToolbar, {
+    status: "placeholder",
+    onPick: openPicker,
+    onDelete: onDelete
+  }) : null);
+};
+//# sourceMappingURL=fileElement.js.map