@djangocfg/ui-tools 2.1.335 → 2.1.336

package/dist/{chunk-SSUOENAZ.mjs.map → chunk-KNEQRUBA.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/FloatingToolbar/hooks/useScrollIsolation.ts","../src/components/FloatingToolbar/index.tsx","../src/components/FloatingToolbar/actions/CopyAction.tsx","../src/components/FloatingToolbar/actions/DownloadAction.tsx","../src/components/FloatingToolbar/actions/ExpandAction.tsx","../src/components/FloatingToolbar/actions/FullscreenAction.tsx"],"names":["useState","jsx","BUTTON_CLASS","Button"],"mappings":"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","file":"chunk-SSUOENAZ.mjs","sourcesContent":["'use client';\n\nimport { useCallback, useEffect, useState } from 'react';\n\nconst UNLOCKED_CLASS = 'scroll-unlocked';\n\n/**\n * Scroll isolation — prevents the container from capturing wheel scroll\n * until the user explicitly clicks inside it (like Google Maps).\n *\n * Locked (overlay visible): wheel events on container scroll the PAGE.\n * Unlocked: normal scroll inside the container.\n *\n * Unlock: click anywhere inside the container.\n * Re-lock: click outside the container.\n *\n * When unlocked, adds `scroll-unlocked` class to the container element\n * so it can be styled (e.g. focus ring) via CSS.\n */\nexport function useScrollIsolation(\n  ref: React.RefObject<HTMLElement | null>,\n  enabled: boolean,\n) {\n  const [locked, setLocked] = useState(true);\n\n  const unlock = useCallback(() => setLocked(false), []);\n\n  // Re-lock when clicking outside the container\n  useEffect(() => {\n    if (!enabled) return;\n\n    const handleDocClick = (e: MouseEvent) => {\n      const el = ref.current;\n      if (!el) return;\n      if (!el.contains(e.target as Node)) {\n        setLocked(true);\n      }\n    };\n\n    document.addEventListener('click', handleDocClick, true);\n    return () => document.removeEventListener('click', handleDocClick, true);\n  }, [enabled, ref]);\n\n  // Toggle class on container to allow CSS-driven focus ring\n  useEffect(() => {\n    const el = ref.current;\n    if (!el || !enabled) return;\n    if (locked) {\n      el.classList.remove(UNLOCKED_CLASS);\n    } else {\n      el.classList.add(UNLOCKED_CLASS);\n    }\n    return () => el.classList.remove(UNLOCKED_CLASS);\n  }, [locked, enabled, ref]);\n\n  // Reset to locked when feature toggled on\n  useEffect(() => {\n    if (enabled) setLocked(true);\n  }, [enabled]);\n\n  return { locked, unlock };\n}\n","'use client';\n\nimport React, { useState } from 'react';\n\nimport './FloatingToolbar.css';\nimport { useScrollIsolation } from './hooks/useScrollIsolation';\n\nexport interface FloatingToolbarProps {\n  /** Ref to the container element the toolbar anchors to */\n  containerRef: React.RefObject<HTMLElement | null>;\n  /** Action buttons to render (right side) */\n  children: React.ReactNode;\n  /** Optional label shown left of the buttons (e.g. language badge) */\n  label?: React.ReactNode;\n  /** Where to anchor relative to the container (default: bottom-right) */\n  position?: 'top-right' | 'bottom-right';\n  /** Offset from the edge in px (default: 8) */\n  offset?: number;\n  /** z-index (default: 30) */\n  zIndex?: number;\n  /**\n   * Block wheel scroll inside the container until user clicks into it.\n   * Re-locks when mouse leaves. Like Google Maps scroll isolation.\n   * @default true\n   */\n  scrollIsolation?: boolean;\n}\n\n/**\n * Toolbar is anchored with `position: absolute` inside the container (PrettyCode, etc.).\n * `position: fixed` + viewport coordinates breaks embedded layouts (e.g. chat composer overlap).\n */\nexport const FloatingToolbar: React.FC<FloatingToolbarProps> = ({\n  containerRef,\n  children,\n  label,\n  position = 'bottom-right',\n  offset = 8,\n  zIndex = 30,\n  scrollIsolation = true,\n}) => {\n  const { locked, unlock } = useScrollIsolation(containerRef, scrollIsolation);\n  const [overlayHovered, setOverlayHovered] = useState(false);\n\n  const overlay =\n    scrollIsolation && locked ? (\n      <div\n        onClick={unlock}\n        onMouseEnter={() => setOverlayHovered(true)}\n        onMouseLeave={() => setOverlayHovered(false)}\n        style={{\n          position: 'absolute',\n          inset: 0,\n          zIndex: zIndex - 1,\n          cursor: 'pointer',\n          background: overlayHovered ? 'rgba(0,0,0,0.04)' : 'transparent',\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          transition: 'background 150ms',\n        }}\n      >\n        {overlayHovered && (\n          <span\n            style={{\n              fontSize: '0.75rem',\n              padding: '0.25rem 0.625rem',\n              borderRadius: '9999px',\n              background: 'rgba(0,0,0,0.55)',\n              color: '#fff',\n              pointerEvents: 'none',\n              userSelect: 'none',\n            }}\n          >\n            Click to scroll\n          </span>\n        )}\n      </div>\n    ) : null;\n\n  const positionStyle: React.CSSProperties =\n    position === 'bottom-right'\n      ? { bottom: offset, right: offset }\n      : { top: offset, right: offset };\n\n  const toolbar = (\n    <div\n      className=\"flex items-center gap-1\"\n      style={{\n        position: 'absolute',\n        ...positionStyle,\n        zIndex,\n      }}\n    >\n      {label && (\n        <>\n          {label}\n          <div className=\"w-px h-4 bg-border/50 mx-0.5\" />\n        </>\n      )}\n      {children}\n    </div>\n  );\n\n  return (\n    <>\n      {overlay}\n      {toolbar}\n    </>\n  );\n};\n","'use client';\n\nimport React from 'react';\nimport { CopyButton } from '@djangocfg/ui-core/components';\n\ninterface CopyActionProps {\n  value: string;\n  title?: string;\n}\n\nconst BUTTON_CLASS = 'h-6 w-6 rounded-sm bg-muted/80 hover:bg-muted border border-border/50 backdrop-blur-sm';\n\nexport const CopyAction: React.FC<CopyActionProps> = ({ value, title = 'Copy' }) => (\n  <CopyButton\n    value={value}\n    variant=\"ghost\"\n    size=\"icon\"\n    className={BUTTON_CLASS}\n    iconClassName=\"h-3 w-3\"\n    title={title}\n  />\n);\n","'use client';\n\nimport { Download } from 'lucide-react';\nimport React from 'react';\n\nimport { Button } from '@djangocfg/ui-core/components';\n\ninterface DownloadActionProps {\n  value: string;\n  filename?: string;\n  mimeType?: string;\n  title?: string;\n}\n\nconst BUTTON_CLASS = 'h-6 w-6 rounded-sm bg-muted/80 hover:bg-muted border border-border/50 backdrop-blur-sm';\n\nexport const DownloadAction: React.FC<DownloadActionProps> = ({\n  value,\n  filename = 'download.txt',\n  mimeType = 'text/plain',\n  title = 'Download',\n}) => {\n  const handleDownload = () => {\n    const blob = new Blob([value], { type: mimeType });\n    const url = URL.createObjectURL(blob);\n    const a = document.createElement('a');\n    a.href = url;\n    a.download = filename;\n    document.body.appendChild(a);\n    a.click();\n    document.body.removeChild(a);\n    URL.revokeObjectURL(url);\n  };\n\n  return (\n    <Button\n      variant=\"ghost\"\n      size=\"icon\"\n      onClick={handleDownload}\n      className={BUTTON_CLASS}\n      title={title}\n    >\n      <Download className=\"h-3 w-3\" />\n    </Button>\n  );\n};\n","'use client';\n\nimport { ChevronDown, ChevronUp } from 'lucide-react';\nimport React from 'react';\n\nimport { Button } from '@djangocfg/ui-core/components';\n\ninterface ExpandActionProps {\n  isExpanded: boolean;\n  onToggle: () => void;\n}\n\nconst BUTTON_CLASS = 'h-6 w-6 rounded-sm bg-muted/80 hover:bg-muted border border-border/50 backdrop-blur-sm';\n\nexport const ExpandAction: React.FC<ExpandActionProps> = ({ isExpanded, onToggle }) => (\n  <Button\n    variant=\"ghost\"\n    size=\"icon\"\n    onClick={onToggle}\n    className={BUTTON_CLASS}\n    title={isExpanded ? 'Collapse All' : 'Expand All'}\n  >\n    {isExpanded ? <ChevronUp className=\"h-3 w-3\" /> : <ChevronDown className=\"h-3 w-3\" />}\n  </Button>\n);\n","'use client';\n\nimport { Maximize2, Minimize2 } from 'lucide-react';\nimport React from 'react';\n\nimport { Button } from '@djangocfg/ui-core/components';\n\ninterface FullscreenActionProps {\n  isFullscreen?: boolean;\n  onToggle: () => void;\n  title?: string;\n}\n\nconst BUTTON_CLASS = 'h-6 w-6 rounded-sm bg-muted/80 hover:bg-muted border border-border/50 backdrop-blur-sm';\n\nexport const FullscreenAction: React.FC<FullscreenActionProps> = ({\n  isFullscreen = false,\n  onToggle,\n  title,\n}) => (\n  <Button\n    variant=\"ghost\"\n    size=\"icon\"\n    onClick={onToggle}\n    className={BUTTON_CLASS}\n    title={title ?? (isFullscreen ? 'Exit fullscreen' : 'Fullscreen')}\n  >\n    {isFullscreen ? <Minimize2 className=\"h-3 w-3\" /> : <Maximize2 className=\"h-3 w-3\" />}\n  </Button>\n);\n"]}
+{"version":3,"sources":["../src/components/FloatingToolbar/hooks/useScrollIsolation.ts","../src/components/FloatingToolbar/index.tsx","../src/components/FloatingToolbar/actions/CopyAction.tsx","../src/components/FloatingToolbar/actions/DownloadAction.tsx","../src/components/FloatingToolbar/actions/ExpandAction.tsx","../src/components/FloatingToolbar/actions/FullscreenAction.tsx"],"names":["useState","jsx","BUTTON_CLASS","Button"],"mappings":"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","file":"chunk-KNEQRUBA.mjs","sourcesContent":["'use client';\n\nimport { useCallback, useEffect, useState } from 'react';\n\nconst UNLOCKED_CLASS = 'scroll-unlocked';\n\n/**\n * Scroll isolation — prevents the container from capturing wheel scroll\n * until the user explicitly clicks inside it (like Google Maps).\n *\n * Locked (overlay visible): wheel events on container scroll the PAGE.\n * Unlocked: normal scroll inside the container.\n *\n * Unlock: click anywhere inside the container.\n * Re-lock: click outside the container.\n *\n * When unlocked, adds `scroll-unlocked` class to the container element\n * so it can be styled (e.g. focus ring) via CSS.\n */\nexport function useScrollIsolation(\n  ref: React.RefObject<HTMLElement | null>,\n  enabled: boolean,\n) {\n  const [locked, setLocked] = useState(true);\n\n  const unlock = useCallback(() => setLocked(false), []);\n\n  // Re-lock when clicking outside the container\n  useEffect(() => {\n    if (!enabled) return;\n\n    const handleDocClick = (e: MouseEvent) => {\n      const el = ref.current;\n      if (!el) return;\n      if (!el.contains(e.target as Node)) {\n        setLocked(true);\n      }\n    };\n\n    document.addEventListener('click', handleDocClick, true);\n    return () => document.removeEventListener('click', handleDocClick, true);\n  }, [enabled, ref]);\n\n  // Toggle class on container to allow CSS-driven focus ring\n  useEffect(() => {\n    const el = ref.current;\n    if (!el || !enabled) return;\n    if (locked) {\n      el.classList.remove(UNLOCKED_CLASS);\n    } else {\n      el.classList.add(UNLOCKED_CLASS);\n    }\n    return () => el.classList.remove(UNLOCKED_CLASS);\n  }, [locked, enabled, ref]);\n\n  // Reset to locked when feature toggled on\n  useEffect(() => {\n    if (enabled) setLocked(true);\n  }, [enabled]);\n\n  return { locked, unlock };\n}\n","'use client';\n\nimport React, { useState } from 'react';\n\nimport './FloatingToolbar.css';\nimport { useScrollIsolation } from './hooks/useScrollIsolation';\n\nexport interface FloatingToolbarProps {\n  /** Ref to the container element the toolbar anchors to */\n  containerRef: React.RefObject<HTMLElement | null>;\n  /** Action buttons to render (right side) */\n  children: React.ReactNode;\n  /** Optional label shown left of the buttons (e.g. language badge) */\n  label?: React.ReactNode;\n  /** Where to anchor relative to the container (default: bottom-right) */\n  position?: 'top-right' | 'bottom-right';\n  /** Offset from the edge in px (default: 8) */\n  offset?: number;\n  /** z-index (default: 30) */\n  zIndex?: number;\n  /**\n   * Block wheel scroll inside the container until user clicks into it.\n   * Re-locks when mouse leaves. Like Google Maps scroll isolation.\n   * @default true\n   */\n  scrollIsolation?: boolean;\n}\n\n/**\n * Toolbar is anchored with `position: absolute` inside the container (PrettyCode, etc.).\n * `position: fixed` + viewport coordinates breaks embedded layouts (e.g. chat composer overlap).\n */\nexport const FloatingToolbar: React.FC<FloatingToolbarProps> = ({\n  containerRef,\n  children,\n  label,\n  position = 'bottom-right',\n  offset = 8,\n  zIndex = 30,\n  scrollIsolation = true,\n}) => {\n  const { locked, unlock } = useScrollIsolation(containerRef, scrollIsolation);\n  const [overlayHovered, setOverlayHovered] = useState(false);\n\n  const overlay =\n    scrollIsolation && locked ? (\n      <div\n        onClick={unlock}\n        onMouseEnter={() => setOverlayHovered(true)}\n        onMouseLeave={() => setOverlayHovered(false)}\n        style={{\n          position: 'absolute',\n          inset: 0,\n          zIndex: zIndex - 1,\n          cursor: 'pointer',\n          background: overlayHovered ? 'rgba(0,0,0,0.04)' : 'transparent',\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          transition: 'background 150ms',\n        }}\n      >\n        {overlayHovered && (\n          <span\n            style={{\n              fontSize: '0.75rem',\n              padding: '0.25rem 0.625rem',\n              borderRadius: '9999px',\n              background: 'rgba(0,0,0,0.55)',\n              color: '#fff',\n              pointerEvents: 'none',\n              userSelect: 'none',\n            }}\n          >\n            Click to scroll\n          </span>\n        )}\n      </div>\n    ) : null;\n\n  const positionStyle: React.CSSProperties =\n    position === 'bottom-right'\n      ? { bottom: offset, right: offset }\n      : { top: offset, right: offset };\n\n  const toolbar = (\n    <div\n      className=\"flex items-center gap-1\"\n      style={{\n        position: 'absolute',\n        ...positionStyle,\n        zIndex,\n      }}\n    >\n      {label && (\n        <>\n          {label}\n          <div className=\"w-px h-4 bg-border/50 mx-0.5\" />\n        </>\n      )}\n      {children}\n    </div>\n  );\n\n  return (\n    <>\n      {overlay}\n      {toolbar}\n    </>\n  );\n};\n","'use client';\n\nimport React from 'react';\nimport { CopyButton } from '@djangocfg/ui-core/components';\n\ninterface CopyActionProps {\n  value: string;\n  title?: string;\n}\n\nconst BUTTON_CLASS = 'h-6 w-6 rounded-sm bg-muted/80 hover:bg-muted border border-border/50 backdrop-blur-sm';\n\nexport const CopyAction: React.FC<CopyActionProps> = ({ value, title = 'Copy' }) => (\n  <CopyButton\n    value={value}\n    variant=\"ghost\"\n    size=\"icon\"\n    className={BUTTON_CLASS}\n    iconClassName=\"h-3 w-3\"\n    title={title}\n  />\n);\n","'use client';\n\nimport { Download } from 'lucide-react';\nimport React from 'react';\n\nimport { Button } from '@djangocfg/ui-core/components';\n\ninterface DownloadActionProps {\n  value: string;\n  filename?: string;\n  mimeType?: string;\n  title?: string;\n}\n\nconst BUTTON_CLASS = 'h-6 w-6 rounded-sm bg-muted/80 hover:bg-muted border border-border/50 backdrop-blur-sm';\n\nexport const DownloadAction: React.FC<DownloadActionProps> = ({\n  value,\n  filename = 'download.txt',\n  mimeType = 'text/plain',\n  title = 'Download',\n}) => {\n  const handleDownload = () => {\n    const blob = new Blob([value], { type: mimeType });\n    const url = URL.createObjectURL(blob);\n    const a = document.createElement('a');\n    a.href = url;\n    a.download = filename;\n    document.body.appendChild(a);\n    a.click();\n    document.body.removeChild(a);\n    URL.revokeObjectURL(url);\n  };\n\n  return (\n    <Button\n      variant=\"ghost\"\n      size=\"icon\"\n      onClick={handleDownload}\n      className={BUTTON_CLASS}\n      title={title}\n    >\n      <Download className=\"h-3 w-3\" />\n    </Button>\n  );\n};\n","'use client';\n\nimport { ChevronDown, ChevronUp } from 'lucide-react';\nimport React from 'react';\n\nimport { Button } from '@djangocfg/ui-core/components';\n\ninterface ExpandActionProps {\n  isExpanded: boolean;\n  onToggle: () => void;\n}\n\nconst BUTTON_CLASS = 'h-6 w-6 rounded-sm bg-muted/80 hover:bg-muted border border-border/50 backdrop-blur-sm';\n\nexport const ExpandAction: React.FC<ExpandActionProps> = ({ isExpanded, onToggle }) => (\n  <Button\n    variant=\"ghost\"\n    size=\"icon\"\n    onClick={onToggle}\n    className={BUTTON_CLASS}\n    title={isExpanded ? 'Collapse All' : 'Expand All'}\n  >\n    {isExpanded ? <ChevronUp className=\"h-3 w-3\" /> : <ChevronDown className=\"h-3 w-3\" />}\n  </Button>\n);\n","'use client';\n\nimport { Maximize2, Minimize2 } from 'lucide-react';\nimport React from 'react';\n\nimport { Button } from '@djangocfg/ui-core/components';\n\ninterface FullscreenActionProps {\n  isFullscreen?: boolean;\n  onToggle: () => void;\n  title?: string;\n}\n\nconst BUTTON_CLASS = 'h-6 w-6 rounded-sm bg-muted/80 hover:bg-muted border border-border/50 backdrop-blur-sm';\n\nexport const FullscreenAction: React.FC<FullscreenActionProps> = ({\n  isFullscreen = false,\n  onToggle,\n  title,\n}) => (\n  <Button\n    variant=\"ghost\"\n    size=\"icon\"\n    onClick={onToggle}\n    className={BUTTON_CLASS}\n    title={title ?? (isFullscreen ? 'Exit fullscreen' : 'Fullscreen')}\n  >\n    {isFullscreen ? <Minimize2 className=\"h-3 w-3\" /> : <Maximize2 className=\"h-3 w-3\" />}\n  </Button>\n);\n"]}