@alfadocs/ui-kit-debug 0.69.0 → 0.71.0

package/dist/_chunks/image-cropper-D9jqJy19.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-cropper-D9jqJy19.js","sources":["../../src/components/image-cropper/image-cropper.agent.ts","../../src/components/image-cropper/crop-geometry.ts","../../src/components/image-cropper/image-cropper.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — ImageCropper.                                          */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract. The crop is a  */\n/* rectangular region pick, so `range_pick` is the closest capability in  */\n/* the closed vocabulary.                                                 */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { ImageCropperHandle } from './image-cropper';\n\nconst RECT_SCHEMA = {\n  type: 'object',\n  properties: {\n    x: { type: 'number', minimum: 0, maximum: 1 },\n    y: { type: 'number', minimum: 0, maximum: 1 },\n    width: { type: 'number', minimum: 0, maximum: 1 },\n    height: { type: 'number', minimum: 0, maximum: 1 },\n  },\n  required: ['x', 'y', 'width', 'height'],\n} as const;\n\nexport const imageCropperAgent: AgentAdapter<ImageCropperHandle> = {\n  id: 'image-cropper',\n  capabilities: ['range_pick'],\n  state: {\n    crop: {\n      type: 'object',\n      descriptionKey: 'ui.agent.imageCropper.state.crop',\n      description:\n        'Current crop rectangle in normalised [0,1] coordinates: { x, y, width, height }.',\n      read: (handle) => handle.getCrop(),\n    },\n  },\n  actions: {\n    set_crop: {\n      safety: 'write',\n      argsType: '{ x: number; y: number; width: number; height: number }',\n      argsSchema: RECT_SCHEMA,\n      idempotent: true,\n      descriptionKey: 'ui.agent.imageCropper.actions.setCrop',\n      description:\n        'Set the crop rectangle (normalised [0,1]). Values are clamped to the image bounds and the minimum crop size.',\n      invoke: (\n        handle,\n        args: { x: number; y: number; width: number; height: number },\n      ) => {\n        handle.setCrop(args);\n      },\n    },\n    reset: {\n      safety: 'write',\n      idempotent: true,\n      descriptionKey: 'ui.agent.imageCropper.actions.reset',\n      description:\n        'Reset the crop to the centred default for the current aspect.',\n      invoke: (handle) => {\n        handle.reset();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'image-cropper',\n      description: 'Marks the ImageCropper wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","/* -------------------------------------------------------------------- */\n/* Crop geometry — pure helpers shared by the component + its tests.      */\n/*                                                                        */\n/* A crop is stored in NORMALISED coordinates (0–1) relative to the       */\n/* displayed image box, so it survives responsive resizes and is trivial  */\n/* for a consumer to map onto the natural-resolution bitmap server-side.  */\n/* -------------------------------------------------------------------- */\n\n/** Normalised crop rectangle (each field in the closed interval [0, 1]). */\nexport interface CropRect {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\nexport const clamp01 = (v: number): number => Math.min(1, Math.max(0, v));\n\n/**\n * Clamp a rectangle so it stays within the unit box and never shrinks below\n * `minSize` on either axis.\n */\nexport function clampRect(rect: CropRect, minSize: number): CropRect {\n  const width = Math.min(1, Math.max(minSize, rect.width));\n  const height = Math.min(1, Math.max(minSize, rect.height));\n  const x = Math.min(1 - width, Math.max(0, rect.x));\n  const y = Math.min(1 - height, Math.max(0, rect.y));\n  return { x, y, width, height };\n}\n\n/**\n * Coerce a rectangle's height to honour a pixel aspect ratio\n * (`width_px / height_px`), anchored at its top-inline-start corner. `boxW` /\n * `boxH` are the displayed image box's pixel dimensions. A non-positive aspect\n * or unmeasured box returns the rectangle unchanged.\n */\nexport function applyAspect(\n  rect: CropRect,\n  aspect: number | undefined,\n  boxW: number,\n  boxH: number,\n): CropRect {\n  if (!aspect || aspect <= 0 || boxW <= 0 || boxH <= 0) return rect;\n  // height_norm = (width_norm * boxW / aspect) / boxH\n  const height = (rect.width * boxW) / aspect / boxH;\n  return { ...rect, height };\n}\n\n/** A sensible centred default — an 80% box, aspect-coerced when one is set. */\nexport function defaultCrop(\n  aspect: number | undefined,\n  boxW: number,\n  boxH: number,\n): CropRect {\n  const base: CropRect = { x: 0.1, y: 0.1, width: 0.8, height: 0.8 };\n  const withAspect = applyAspect(base, aspect, boxW, boxH);\n  return clampRect(\n    {\n      ...withAspect,\n      // Re-centre vertically after the aspect coercion.\n      y: Math.max(0, (1 - withAspect.height) / 2),\n    },\n    0.05,\n  );\n}\n\n/** Round each field to whole percentages — used for the live-region readout. */\nexport function toPercent(rect: CropRect): {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n} {\n  return {\n    x: Math.round(rect.x * 100),\n    y: Math.round(rect.y * 100),\n    width: Math.round(rect.width * 100),\n    height: Math.round(rect.height * 100),\n  };\n}\n","import {\n  forwardRef,\n  useCallback,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type KeyboardEvent,\n  type PointerEvent as ReactPointerEvent,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { RotateCcw } from 'lucide-react';\nimport { composeRefs } from '../_shared/compose-refs';\nimport { useAgentRegistration } from '../../agent';\nimport { Button } from '../button';\nimport { imageCropperAgent } from './image-cropper.agent';\nimport {\n  applyAspect,\n  clampRect,\n  defaultCrop,\n  toPercent,\n  type CropRect,\n} from './crop-geometry';\n\n/** Agent-readiness curated handle for ImageCropper. */\nexport interface ImageCropperHandle {\n  getCrop: () => CropRect;\n  setCrop: (rect: CropRect) => void;\n  reset: () => void;\n  focus: () => void;\n}\n\nexport interface ImageCropperProps {\n  /** Source of the image to crop (object URL, data URL, or remote src). */\n  src: string;\n  /** Accessible description of the image being cropped (consumer-supplied). */\n  alt: string;\n  /** Pixel aspect ratio (width / height) to lock the crop to. Omit for free-form. */\n  aspect?: number;\n  /** Controlled crop rect in normalised [0,1] coordinates. Pair with onChange. */\n  value?: CropRect;\n  /** Uncontrolled initial crop rect. */\n  defaultValue?: CropRect;\n  /** Fires with the new normalised crop rect on every move/resize. */\n  onChange?: (rect: CropRect) => void;\n  /** Smallest crop edge as a fraction of the image (default 0.1). */\n  minSize?: number;\n  /** Normalised step applied per arrow-key press (default 0.02). */\n  keyboardStep?: number;\n  disabled?: boolean;\n  id?: string;\n  className?: string;\n  'aria-label'?: string;\n}\n\ntype Corner = 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end';\n\ninterface DragState {\n  mode: 'move' | 'resize';\n  corner?: Corner;\n  pointerX: number;\n  pointerY: number;\n  start: CropRect;\n  boxW: number;\n  boxH: number;\n}\n\nconst rootVariants = cva(\n  ['ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]'].join(' '),\n);\n\n// dir=\"ltr\" on the crop surface: the crop rectangle lives in IMAGE-BITMAP\n// space (a physical x/y offset into the picture), never document text flow, so\n// `inset-inline-*` resolves to physical left/top here — the same value-space\n// rationale the kit's numeric inputs use for their `dir=\"ltr\"`. The crop is\n// never mirrored under an RTL UI.\n//\n// The disabled cue dims ONLY the image surface (no text lives here), never the\n// helper/Reset text — dimming text would drop it below the contrast floor.\nconst surfaceVariants = cva(\n  'ds:relative ds:inline-block ds:max-w-full ds:overflow-hidden ds:rounded-[var(--radius-md)] ds:bg-[var(--muted)] ds:select-none ds:touch-none',\n  {\n    variants: {\n      disabled: {\n        true: 'ds:opacity-60 ds:pointer-events-none',\n        false: '',\n      },\n    },\n    defaultVariants: { disabled: false },\n  },\n);\n\nconst imageClass = 'ds:block ds:max-w-full ds:h-auto ds:pointer-events-none';\n\nconst cropBoxClass = [\n  'ds:absolute ds:box-border ds:cursor-move',\n  'ds:border-2 ds:border-[color:var(--ring)]',\n  'ds:shadow-[var(--shadow-md)]',\n  'ds:[inset-inline-start:var(--ic-x)] ds:[inset-block-start:var(--ic-y)]',\n  'ds:[inline-size:var(--ic-w)] ds:[block-size:var(--ic-h)]',\n  'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n  'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n].join(' ');\n\nconst handleBase =\n  'ds:absolute ds:size-[var(--spacing-md)] ds:rounded-full ds:bg-[var(--ring)] ds:border-2 ds:border-[color:var(--background)]';\n\nconst HANDLES: Array<{ corner: Corner; cls: string }> = [\n  {\n    corner: 'top-start',\n    cls: 'ds:[inset-block-start:0] ds:[inset-inline-start:0]',\n  },\n  {\n    corner: 'top-end',\n    cls: 'ds:[inset-block-start:0] ds:[inset-inline-end:0]',\n  },\n  {\n    corner: 'bottom-start',\n    cls: 'ds:[inset-block-end:0] ds:[inset-inline-start:0]',\n  },\n  {\n    corner: 'bottom-end',\n    cls: 'ds:[inset-block-end:0] ds:[inset-inline-end:0]',\n  },\n];\n\nfunction resizeByCorner(\n  start: CropRect,\n  corner: Corner,\n  dxN: number,\n  dyN: number,\n): CropRect {\n  switch (corner) {\n    case 'top-start':\n      return {\n        x: start.x + dxN,\n        y: start.y + dyN,\n        width: start.width - dxN,\n        height: start.height - dyN,\n      };\n    case 'top-end':\n      return {\n        x: start.x,\n        y: start.y + dyN,\n        width: start.width + dxN,\n        height: start.height - dyN,\n      };\n    case 'bottom-start':\n      return {\n        x: start.x + dxN,\n        y: start.y,\n        width: start.width - dxN,\n        height: start.height + dyN,\n      };\n    case 'bottom-end':\n    default:\n      return {\n        x: start.x,\n        y: start.y,\n        width: start.width + dxN,\n        height: start.height + dyN,\n      };\n  }\n}\n\nexport const ImageCropper = forwardRef<HTMLDivElement, ImageCropperProps>(\n  function ImageCropper(\n    {\n      src,\n      alt,\n      aspect,\n      value,\n      defaultValue,\n      onChange,\n      minSize = 0.1,\n      keyboardStep = 0.02,\n      disabled,\n      id,\n      className,\n      'aria-label': ariaLabel,\n    },\n    ref,\n  ) {\n    const { t } = useTranslation();\n    const reactId = useId();\n    const instructionsId = `${reactId}-instructions`;\n    const liveId = `${reactId}-live`;\n\n    const surfaceRef = useRef<HTMLDivElement | null>(null);\n    const rootRef = useRef<HTMLDivElement | null>(null);\n    const composedRootRef = composeRefs(ref, rootRef);\n    const cropBoxRef = useRef<HTMLDivElement | null>(null);\n    const dragRef = useRef<DragState | null>(null);\n    const touchedRef = useRef(false);\n\n    const isControlled = value !== undefined;\n    const [internal, setInternal] = useState<CropRect>(() =>\n      clampRect(defaultValue ?? defaultCrop(aspect, 0, 0), minSize),\n    );\n    const crop = isControlled\n      ? clampRect(value as CropRect, minSize)\n      : internal;\n\n    const commit = useCallback(\n      (next: CropRect) => {\n        touchedRef.current = true;\n        const clamped = clampRect(next, minSize);\n        if (!isControlled) setInternal(clamped);\n        onChange?.(clamped);\n      },\n      [isControlled, minSize, onChange],\n    );\n\n    const surfaceSize = (): { w: number; h: number } => {\n      const r = surfaceRef.current?.getBoundingClientRect();\n      return { w: r?.width ?? 0, h: r?.height ?? 0 };\n    };\n\n    // Re-centre / aspect-fit once the image lays out, but only while the crop\n    // is still the untouched default in uncontrolled mode.\n    const handleImageLoad = () => {\n      if (touchedRef.current || isControlled || defaultValue) return;\n      const { w, h } = surfaceSize();\n      setInternal(defaultCrop(aspect, w, h));\n    };\n\n    const endDrag = (event: ReactPointerEvent<HTMLElement>) => {\n      dragRef.current = null;\n      const el = event.currentTarget;\n      if (el.hasPointerCapture?.(event.pointerId)) {\n        el.releasePointerCapture(event.pointerId);\n      }\n    };\n\n    const startMove = (event: ReactPointerEvent<HTMLDivElement>) => {\n      if (disabled) return;\n      const { w, h } = surfaceSize();\n      dragRef.current = {\n        mode: 'move',\n        pointerX: event.clientX,\n        pointerY: event.clientY,\n        start: crop,\n        boxW: w,\n        boxH: h,\n      };\n      event.currentTarget.setPointerCapture?.(event.pointerId);\n    };\n\n    const startResize = (\n      event: ReactPointerEvent<HTMLSpanElement>,\n      corner: Corner,\n    ) => {\n      if (disabled) return;\n      event.stopPropagation();\n      const { w, h } = surfaceSize();\n      dragRef.current = {\n        mode: 'resize',\n        corner,\n        pointerX: event.clientX,\n        pointerY: event.clientY,\n        start: crop,\n        boxW: w,\n        boxH: h,\n      };\n      // Capture on the crop box so move/up keep flowing while dragging a handle.\n      cropBoxRef.current?.setPointerCapture?.(event.pointerId);\n    };\n\n    const handlePointerMove = (event: ReactPointerEvent<HTMLDivElement>) => {\n      const drag = dragRef.current;\n      if (!drag || drag.boxW <= 0 || drag.boxH <= 0) return;\n      const dxN = (event.clientX - drag.pointerX) / drag.boxW;\n      const dyN = (event.clientY - drag.pointerY) / drag.boxH;\n      if (drag.mode === 'move') {\n        commit({ ...drag.start, x: drag.start.x + dxN, y: drag.start.y + dyN });\n      } else if (drag.corner) {\n        const raw = resizeByCorner(drag.start, drag.corner, dxN, dyN);\n        commit(applyAspect(raw, aspect, drag.boxW, drag.boxH));\n      }\n    };\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n      if (disabled) return;\n      const step = keyboardStep;\n      const { w, h } = surfaceSize();\n      let next: CropRect | null = null;\n      if (event.shiftKey) {\n        // Resize from the top-inline-start anchor.\n        if (event.key === 'ArrowRight')\n          next = { ...crop, width: crop.width + step };\n        else if (event.key === 'ArrowLeft')\n          next = { ...crop, width: crop.width - step };\n        else if (event.key === 'ArrowDown')\n          next = { ...crop, height: crop.height + step };\n        else if (event.key === 'ArrowUp')\n          next = { ...crop, height: crop.height - step };\n        if (next) next = applyAspect(next, aspect, w, h);\n      } else {\n        if (event.key === 'ArrowRight') next = { ...crop, x: crop.x + step };\n        else if (event.key === 'ArrowLeft')\n          next = { ...crop, x: crop.x - step };\n        else if (event.key === 'ArrowDown')\n          next = { ...crop, y: crop.y + step };\n        else if (event.key === 'ArrowUp') next = { ...crop, y: crop.y - step };\n      }\n      if (next) {\n        event.preventDefault();\n        commit(next);\n      }\n    };\n\n    const reset = useCallback(() => {\n      const { w, h } = surfaceSize();\n      touchedRef.current = false;\n      const next = defaultCrop(aspect, w, h);\n      if (!isControlled) setInternal(next);\n      onChange?.(next);\n    }, [aspect, isControlled, onChange]);\n\n    const agentHandle = useMemo<ImageCropperHandle>(\n      () => ({\n        getCrop: () => crop,\n        setCrop: (rect) => commit(rect),\n        reset,\n        focus: () => cropBoxRef.current?.focus(),\n      }),\n      [crop, commit, reset],\n    );\n    useAgentRegistration(imageCropperAgent, agentHandle, id);\n\n    const pct = toPercent(crop);\n    const cropStyle = {\n      // Inline style — permitted per 23-constraints §Runtime-computed dimensions\n      //   (CSS custom-property setters; the position/size rules live in CVA).\n      '--ic-x': `${crop.x * 100}%`,\n      '--ic-y': `${crop.y * 100}%`,\n      '--ic-w': `${crop.width * 100}%`,\n      '--ic-h': `${crop.height * 100}%`,\n    } as CSSProperties;\n\n    const cropLabel = ariaLabel ?? t('imageCropper.cropRegion');\n\n    return (\n      <div\n        ref={composedRootRef}\n        className={rootVariants({ className })}\n        data-component=\"image-cropper\"\n        data-component-id={id}\n      >\n        <div\n          ref={surfaceRef}\n          dir=\"ltr\"\n          className={surfaceVariants({ disabled: Boolean(disabled) })}\n        >\n          <img\n            src={src}\n            alt={alt}\n            className={imageClass}\n            onLoad={handleImageLoad}\n          />\n          {/* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- crop box is a keyboard-operable adjustable region (arrows move, Shift+arrows resize) with an accessible name + instructions; pointer/keydown handlers are intentional (cf. resizable separator) */}\n          <div\n            ref={cropBoxRef}\n            role=\"group\"\n            tabIndex={disabled ? -1 : 0}\n            aria-label={cropLabel}\n            aria-describedby={instructionsId}\n            aria-disabled={disabled || undefined}\n            className={cropBoxClass}\n            // eslint-disable-next-line react/forbid-dom-props -- runtime-computed crop geometry injected via --ic-x/y/w/h CSS variables (23-constraints §Runtime-computed dimensions); the inset/size rules live in the cropBox className\n            style={cropStyle}\n            onPointerDown={startMove}\n            onPointerMove={handlePointerMove}\n            onPointerUp={endDrag}\n            onPointerCancel={endDrag}\n            onKeyDown={handleKeyDown}\n          >\n            {HANDLES.map(({ corner, cls }) => (\n              <span\n                key={corner}\n                aria-hidden=\"true\"\n                className={`${handleBase} ${cls}`}\n                onPointerDown={(event) => startResize(event, corner)}\n              />\n            ))}\n          </div>\n        </div>\n\n        <div className=\"ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]\">\n          <p\n            id={instructionsId}\n            className=\"type-body-sm ds:text-muted-foreground\"\n          >\n            {t('imageCropper.instructions')}\n          </p>\n          <Button\n            type=\"button\"\n            intent=\"outline\"\n            size=\"sm\"\n            disabled={disabled}\n            onClick={reset}\n          >\n            <RotateCcw aria-hidden=\"true\" className=\"ds:size-4\" />\n            {t('imageCropper.reset')}\n          </Button>\n        </div>\n\n        {/* Polite live region: announces the crop geometry as text so the\n            verdict is never conveyed by the visual box alone. */}\n        <p id={liveId} role=\"status\" aria-live=\"polite\" className=\"ds:sr-only\">\n          {t('imageCropper.announcement', {\n            x: pct.x,\n            y: pct.y,\n            width: pct.width,\n            height: pct.height,\n          })}\n        </p>\n      </div>\n    );\n  },\n);\n\nImageCropper.displayName = 'ImageCropper';\n"],"names":["RECT_SCHEMA","imageCropperAgent","handle","args","clamp01","v","clampRect","rect","minSize","width","height","x","applyAspect","aspect","boxW","boxH","defaultCrop","withAspect","toPercent","rootVariants","cva","surfaceVariants","imageClass","cropBoxClass","handleBase","HANDLES","resizeByCorner","start","corner","dxN","dyN","ImageCropper","forwardRef","src","alt","value","defaultValue","onChange","keyboardStep","disabled","id","className","ariaLabel","ref","t","useTranslation","reactId","useId","instructionsId","liveId","surfaceRef","useRef","rootRef","composedRootRef","composeRefs","cropBoxRef","dragRef","touchedRef","isControlled","internal","setInternal","useState","crop","commit","useCallback","next","clamped","surfaceSize","r","_a","handleImageLoad","w","h","endDrag","event","el","startMove","_b","startResize","handlePointerMove","drag","raw","handleKeyDown","step","reset","agentHandle","useMemo","useAgentRegistration","pct","cropStyle","cropLabel","jsxs","jsx","cls","Button","RotateCcw"],"mappings":"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"}