@evinvest/uikit 0.31.0 → 0.33.0

package/dist/components/workspace-tab.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/workspace-tab.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../lib/cn\";\nimport { useControllableState } from \"../primitives/use-controllable-state\";\nimport {\n  WORKSPACE_TAB_BASE,\n  WORKSPACE_TAB_CLOSE,\n  WORKSPACE_TAB_LABEL,\n  WORKSPACE_TAB_SELECTED,\n  WORKSPACE_TAB_SPACER,\n  WORKSPACE_TAB_TRIGGER,\n  WORKSPACE_TABS_BASE,\n} from \"../generated/workspace-tab\";\nimport { UiIcon } from \"./ui-icons\";\n\ninterface WorkspaceTabsContextValue {\n  value: string;\n  setValue: (next: string) => void;\n  /** Values of the mounted tabs, in mount order. */\n  values: readonly string[];\n  register: (value: string) => () => void;\n}\n\nconst WorkspaceTabsContext = React.createContext<WorkspaceTabsContextValue | null>(null);\n\nfunction useWorkspaceTabs(): WorkspaceTabsContextValue {\n  const ctx = React.useContext(WorkspaceTabsContext);\n  if (!ctx) throw new Error(\"WorkspaceTab must be used within <WorkspaceTabs>\");\n  return ctx;\n}\n\nexport interface WorkspaceTabsProps extends Omit<React.ComponentProps<\"div\">, \"onChange\" | \"defaultValue\"> {\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n}\n\n/**\n * A row of open workspaces. Arrow keys move focus (Home/End jump); selecting is\n * Enter, Space or a click, so moving through the row never swaps the screen.\n */\nexport function WorkspaceTabs({\n  value,\n  defaultValue = \"\",\n  onValueChange,\n  className,\n  onKeyDown,\n  ...props\n}: WorkspaceTabsProps) {\n  const [active, setValue] = useControllableState<string>({\n    ...(value !== undefined ? { value } : {}),\n    defaultValue,\n    ...(onValueChange ? { onChange: onValueChange } : {}),\n  });\n  const [values, setValues] = React.useState<readonly string[]>([]);\n  const register = React.useCallback((v: string) => {\n    setValues((prev) => [...prev, v]);\n    return () => setValues((prev) => prev.filter((x) => x !== v));\n  }, []);\n  // Tabs come and go as workspaces open and close, so the order is read from the DOM at key time.\n  const move = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    const tabs = Array.from(e.currentTarget.querySelectorAll<HTMLElement>('[role=\"tab\"]'));\n    const at = tabs.indexOf(document.activeElement as HTMLElement);\n    if (at < 0) return;\n    const target =\n      e.key === \"ArrowRight\" ? (at + 1) % tabs.length\n      : e.key === \"ArrowLeft\" ? (at - 1 + tabs.length) % tabs.length\n      : e.key === \"Home\" ? 0\n      : e.key === \"End\" ? tabs.length - 1\n      : -1;\n    if (target < 0) return;\n    e.preventDefault();\n    tabs[target]?.focus();\n  };\n  return (\n    <WorkspaceTabsContext.Provider value={{ value: active, setValue, values, register }}>\n      <div\n        role=\"tablist\"\n        aria-orientation=\"horizontal\"\n        data-slot=\"workspace-tabs\"\n        className={cn(WORKSPACE_TABS_BASE, className)}\n        onKeyDown={(e) => {\n          onKeyDown?.(e);\n          if (!e.defaultPrevented) move(e);\n        }}\n        {...props}\n      />\n    </WorkspaceTabsContext.Provider>\n  );\n}\n\nexport interface WorkspaceTabProps extends Omit<React.ComponentProps<\"button\">, \"value\"> {\n  value: string;\n  /** Leading glyph; the layers glyph by default. */\n  icon?: React.ReactNode;\n  /** Adds a close button; Delete and Backspace on the tab close it too. */\n  onClose?: () => void;\n  /** Names the close button, e.g. \"Close Trading\". */\n  closeLabel?: string;\n}\n\nexport function WorkspaceTab({\n  value,\n  icon,\n  onClose,\n  closeLabel = \"Close tab\",\n  className,\n  children,\n  onClick,\n  onKeyDown,\n  ...props\n}: WorkspaceTabProps) {\n  const { value: active, setValue, values, register } = useWorkspaceTabs();\n  React.useEffect(() => register(value), [register, value]);\n  const selected = active === value;\n  // With no selected tab (nothing chosen yet, or the active one was just closed) the first tab\n  // takes the tab stop, or the row could not be entered from the keyboard.\n  const stop = selected || (!values.includes(active) && values[0] === value);\n  return (\n    <div\n      data-slot=\"workspace-tab\"\n      data-state={selected ? \"active\" : \"inactive\"}\n      className={cn(\n        WORKSPACE_TAB_BASE,\n        selected && WORKSPACE_TAB_SELECTED,\n        className,\n      )}\n    >\n      <button\n        type=\"button\"\n        role=\"tab\"\n        aria-selected={selected}\n        tabIndex={stop ? 0 : -1}\n        className={WORKSPACE_TAB_TRIGGER}\n        onClick={(e) => {\n          onClick?.(e);\n          setValue(value);\n        }}\n        onKeyDown={(e) => {\n          onKeyDown?.(e);\n          if (onClose && (e.key === \"Delete\" || e.key === \"Backspace\")) {\n            e.preventDefault();\n            // Hand focus to a neighbour first: the closed tab's button unmounts and focus would fall to <body>.\n            const tabs = Array.from(\n              e.currentTarget.closest('[role=\"tablist\"]')?.querySelectorAll<HTMLElement>('[role=\"tab\"]') ?? [],\n            );\n            const at = tabs.indexOf(e.currentTarget);\n            (tabs[at + 1] ?? tabs[at - 1])?.focus();\n            onClose();\n          }\n        }}\n        {...props}\n      >\n        {icon ?? <UiIcon name=\"layers\" />}\n        <span className={WORKSPACE_TAB_LABEL}>{children}</span>\n      </button>\n      {onClose ? (\n        <button\n          type=\"button\"\n          aria-label={closeLabel}\n          tabIndex={-1}\n          onClick={onClose}\n          className={WORKSPACE_TAB_CLOSE}\n        >\n          <UiIcon name=\"x\" />\n        </button>\n      ) : (\n        <span className={WORKSPACE_TAB_SPACER} aria-hidden />\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}