@activecollab/components 2.0.397 → 2.0.399

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

@@ -0,0 +1 @@
+{"version":3,"file":"elements.js","names":["React","useState","styled","MinusGlyph","PlusGlyph","SquareGlyph","Dot","IconButton","ArrowRefreshIcon","CircleIcon","CircleSlashIcon","LockIcon","RoundedRectangleIcon","TextAlignCenterIcon","TextAlignJustifyIcon","TextAlignLeftIcon","TextAlignRightIcon","TextStyleBoldIcon","TextStyleItalicIcon","TextStyleStrikeIcon","TextStyleUnderlineIcon","TrashIcon","TriangleIcon","List","ListItem","Menu","Tooltip","colors","ELEMENT_FILL","ELEMENT_STROKE","ELEMENT_TEXT","STICKY_FILL","SELECTION_BLUE","COLOR_PALETTE","FONT_SIZE_OPTIONS","THICKNESS_OPTIONS","OPACITY_OPTIONS","RADIUS_OPTIONS","ELEMENT_BODIES","COLOR_OPTIONS","Object","values","map","entry","id","color","name","textColor","defaultShapeState","type","fill","fillOpacity","stroke","strokeOpacity","strokeWidth","strokeDash","undefined","borderRadius","fontSize","bold","italic","underline","strikethrough","align","withOpacity","opacityPct","alpha","startsWith","r","parseInt","slice","g","b","replace","shapeBorder","state","lineStyle","stickyGradient","opacity","main","faded","Math","max","GRID_LEVELS","value","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","div","withConfig","displayName","componentId","StyledCanvasElement","StyledSticky","StyledHandles","RESIZE_DIRECTIONS","ResizeHandles","createElement","onMouseDown","event","stopPropagation","direction","key","className","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","style","backgroundColor","SHAPE_TYPE_ICON","rectangle","roundedRectangle","circle","triangle","SHAPE_TYPE_OPTIONS","BORDER_STYLE_OPTIONS","ToolbarActions","_ref3","locked","onToggleLock","onDelete","Fragment","title","ShapeTypeMenu","_ref4","onChange","_useState","open","setOpen","onOpen","onClose","position","target","variant","active","padding","tabIndex","option","AlignmentMenu","_ref5","_ALIGN_OPTIONS$find","disabled","_useState2","selected","ALIGN_OPTIONS","icon","ToolbarColorSwatch","_ref6","_useState3","_useState4","wheelOpen","setWheelOpen","isTransparent","current","size","ToolbarTextControls","_ref7","styleFlags","onFontSize","onToggleStyle","onAlign","STYLE_OPTIONS","ShapeFormattingToolbar","_ref8","_element$align","onUpdate","PostitFormattingToolbar","_ref9","_extends","renderShapeBody","def","display","overflow","points","strokeDasharray","border"],"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/esm/presentation/whiteboard/fileElement.d.ts

@@ -0,0 +1,113 @@
+import React, { ReactElement } from "react";
+import { CardResizeHandlers } from "./linkElement";
+/**
+ * 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.
+ */
+export declare const FILE_DEFAULT_WIDTH = 208;
+export declare const MAX_UPLOAD_BYTES: number;
+export declare const UPLOAD_TICK_MS = 110;
+export declare const UPLOAD_STEP = 9;
+export declare const PREPARING_MS = 1100;
+/** What the mock keeps about a picked file. */
+export interface PickedFile {
+    /** Name without the extension — truncates on its own. */
+    base: string;
+    /** Extension without the dot; never truncated, as in the real card. */
+    extension: string;
+    size: number;
+    mimeType: string;
+    /** An object URL, so an image really renders. Null for everything else. */
+    thumbnailUrl: string | null;
+}
+/** A file element on the board. Position lives in the shared positions map. */
+export interface FileElementDef {
+    id: string;
+    width: number;
+    /** null while the card is an empty placeholder waiting for a file. */
+    file: PickedFile | null;
+}
+export declare const FILE_SIZE_UNITS: [string, number][];
+export declare const formatFileSize: (value: number) => string;
+export declare const describeFile: (file: File) => PickedFile;
+export declare const revokeThumbnail: (file: PickedFile | null) => void;
+/** The first actual file on a clipboard or a drop, or null if there is none. */
+export declare const binaryFrom: (data: DataTransfer | null) => File | null;
+export type UploadStatus = "uploading" | "preparing" | "ready" | "error";
+export interface UploadController {
+    status: UploadStatus;
+    /** 0–100, as the app's XHR reports it. Only meaningful while uploading. */
+    progress: number;
+    retry: () => void;
+}
+/**
+ * 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.
+ */
+export declare const useMockUpload: (file: PickedFile | null) => UploadController;
+export declare const StyledFileCard: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("../..").IStackedCardProps & React.RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledUploadCover: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledFileFallback: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledFileName: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledDropOverlay: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledHiddenFileInput: import("styled-components").StyledComponent<"input", any, {}, never>;
+export declare const StyledPlaceholderBox: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const FilePlaceholder: (props: React.ButtonHTMLAttributes<HTMLButtonElement>) => ReactElement;
+export interface FileToolbarProps {
+    status: UploadStatus | "placeholder";
+    onPick?: () => void;
+    onCancel?: () => void;
+    onRetry?: () => void;
+    onDelete: () => void;
+}
+export declare const FileFormattingToolbar: ({ status, onPick, onCancel, onRetry, onDelete, }: FileToolbarProps) => ReactElement;
+export interface FileUploadCardProps {
+    element: FileElementDef;
+    selected: boolean;
+    resize: CardResizeHandlers;
+    onCancel: () => void;
+    onDelete: () => void;
+}
+/**
+ * A file element with a file attached: the card runs the upload lifecycle and
+ * then renders the finished preview.
+ */
+export declare const FileUploadCard: ({ element, selected, resize, onCancel, onDelete, }: FileUploadCardProps) => ReactElement;
+export declare const renderFileThumbnail: (file: PickedFile | null) => ReactElement;
+export interface FileElementProps {
+    element: FileElementDef;
+    selected: boolean;
+    /** Open the file picker as soon as a freshly drawn placeholder lands. */
+    autoOpen: boolean;
+    onPickFile: (file: File) => void;
+    resize: CardResizeHandlers;
+    onCancel: () => void;
+    onDelete: () => void;
+}
+/**
+ * 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.
+ */
+export declare const FileElement: ({ element, selected, autoOpen, onPickFile, resize, onCancel, onDelete, }: FileElementProps) => ReactElement;
+//# sourceMappingURL=fileElement.d.ts.map

package/dist/esm/presentation/whiteboard/fileElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fileElement.d.ts","sourceRoot":"","sources":["../../../../src/presentation/whiteboard/fileElement.tsx"],"names":[],"mappings":"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"}