@etus/ui 0.4.0-beta.14 → 0.4.0-beta.15

package/dist/components/navigation/WorkspaceDropdown/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/navigation/WorkspaceDropdown/WorkspaceDropdown.variants.ts","../../../../src/components/navigation/WorkspaceDropdown/WorkspaceDropdown.tsx"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["// WorkspaceDropdown/WorkspaceDropdown.variants.ts\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * WorkspaceDropdown style variants using CVA\n */\nexport const workspaceDropdownVariants = cva(\n  // Base styles\n  [],\n  {\n    variants: {\n      variant: {\n        default: \"\",\n        compact: \"\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nexport const workspaceTriggerVariants = cva(\n  [\n    \"flex w-full items-center gap-x-2.5 rounded-md\",\n    \"text-sm\",\n    \"border border-input bg-background\",\n    \"shadow-sm\",\n    \"hover:bg-accent hover:text-accent-foreground\",\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n    \"transition-all\",\n  ],\n  {\n    variants: {\n      variant: {\n        default: \"p-2\",\n        compact: \"p-1.5\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nexport const workspaceAvatarVariants = cva(\n  [\n    \"flex items-center justify-center rounded\",\n    \"text-xs font-medium text-white\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"size-7 p-1.5\",\n        md: \"size-8 p-2\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\nexport const workspaceInfoVariants = cva([\n  \"flex w-full items-center justify-between gap-x-4 truncate\",\n])\n\nexport const workspaceNameVariants = cva([\n  \"truncate whitespace-nowrap text-sm font-medium text-foreground\",\n])\n\nexport const workspaceRoleVariants = cva([\n  \"whitespace-nowrap text-left text-xs text-muted-foreground\",\n])\n\nexport const workspaceItemVariants = cva([\n  \"flex w-full items-center gap-x-2.5\",\n])\n\nexport type WorkspaceDropdownVariantProps = VariantProps<\n  typeof workspaceDropdownVariants\n>\n","// WorkspaceDropdown/WorkspaceDropdown.tsx\n\"use client\"\n\nimport type {\n  Workspace,\n  WorkspaceDropdownProps,\n  WorkspaceTriggerProps,\n} from \"./WorkspaceDropdown.types\"\n\nimport { ChevronsUpDownIcon, PlusIcon } from \"lucide-react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"../DropdownMenu\"\nimport {\n  workspaceAvatarVariants,\n  workspaceDropdownVariants,\n  workspaceInfoVariants,\n  workspaceItemVariants,\n  workspaceNameVariants,\n  workspaceRoleVariants,\n  workspaceTriggerVariants,\n} from \"./WorkspaceDropdown.variants\"\n\n/**\n * WorkspaceTrigger - Trigger button showing current workspace\n */\nfunction WorkspaceTrigger({\n  workspace,\n  variant = \"default\",\n  className,\n  ...props\n}: WorkspaceTriggerProps) {\n  return (\n    <button\n      className={cn(workspaceTriggerVariants({ variant }), className)}\n      data-slot=\"workspace-trigger\"\n      type=\"button\"\n      {...props}\n    >\n      <span\n        className={cn(\n          workspaceAvatarVariants({ size: variant === \"compact\" ? \"sm\" : \"md\" }),\n          workspace.color ?? \"bg-primary\"\n        )}\n        aria-hidden=\"true\"\n      >\n        {workspace.initials}\n      </span>\n      <div className={cn(workspaceInfoVariants())}>\n        <div className=\"truncate\">\n          <p className={cn(workspaceNameVariants())}>{workspace.name}</p>\n          {workspace.role && (\n            <p className={cn(workspaceRoleVariants())}>{workspace.role}</p>\n          )}\n        </div>\n        <ChevronsUpDownIcon\n          aria-hidden=\"true\"\n          className=\"size-5 shrink-0 text-muted-foreground\"\n        />\n      </div>\n    </button>\n  )\n}\n\n/**\n * WorkspaceItem - Single workspace item in the dropdown\n */\nfunction WorkspaceItem({ workspace }: { workspace: Workspace }) {\n  return (\n    <div className={cn(workspaceItemVariants())}>\n      <span\n        className={cn(\n          workspaceAvatarVariants(),\n          workspace.color ?? \"bg-primary\"\n        )}\n        aria-hidden=\"true\"\n      >\n        {workspace.initials}\n      </span>\n      <div>\n        <p className={cn(workspaceNameVariants())}>{workspace.name}</p>\n        {workspace.role && (\n          <p className={cn(workspaceRoleVariants())}>{workspace.role}</p>\n        )}\n      </div>\n    </div>\n  )\n}\n\n/**\n * WorkspaceDropdown - Workspace switcher dropdown\n *\n * Allows users to switch between workspaces and optionally add new ones.\n * Shows current workspace with avatar, name, and role.\n *\n * @example\n * ```tsx\n * // Basic usage\n * <WorkspaceDropdown\n *   selectedWorkspace={currentWorkspace}\n *   workspaces={allWorkspaces}\n *   onWorkspaceSelect={handleSelect}\n * />\n *\n * // With add workspace option\n * <WorkspaceDropdown\n *   selectedWorkspace={currentWorkspace}\n *   workspaces={allWorkspaces}\n *   onWorkspaceSelect={handleSelect}\n *   showAddWorkspace\n *   onAddWorkspace={() => openAddModal()}\n *   addWorkspaceLabel=\"Create workspace\"\n * />\n *\n * // Compact variant\n * <WorkspaceDropdown\n *   variant=\"compact\"\n *   selectedWorkspace={currentWorkspace}\n *   workspaces={allWorkspaces}\n *   onWorkspaceSelect={handleSelect}\n * />\n * ```\n */\nfunction WorkspaceDropdown({\n  selectedWorkspace,\n  workspaces,\n  onWorkspaceSelect,\n  onAddWorkspace,\n  addWorkspaceLabel = \"Add workspace\",\n  showAddWorkspace = false,\n  align = \"start\",\n  variant,\n  className,\n  ...props\n}: WorkspaceDropdownProps) {\n  return (\n    <div\n      className={cn(workspaceDropdownVariants({ variant }), className)}\n      data-slot=\"workspace-dropdown\"\n      {...props}\n    >\n      <DropdownMenu>\n        <DropdownMenuTrigger asChild>\n          <WorkspaceTrigger\n            variant={variant === \"compact\" ? \"compact\" : \"default\"}\n            workspace={selectedWorkspace}\n          />\n        </DropdownMenuTrigger>\n        <DropdownMenuContent align={align} className=\"min-w-60\">\n          <DropdownMenuLabel>\n            Workspaces ({workspaces.length})\n          </DropdownMenuLabel>\n          <DropdownMenuGroup>\n            {workspaces.map((workspace) => (\n              <DropdownMenuItem\n                key={workspace.id}\n                onClick={() => onWorkspaceSelect?.(workspace)}\n              >\n                <WorkspaceItem workspace={workspace} />\n              </DropdownMenuItem>\n            ))}\n          </DropdownMenuGroup>\n\n          {showAddWorkspace && (\n            <>\n              <DropdownMenuSeparator />\n              <DropdownMenuItem onClick={onAddWorkspace}>\n                <PlusIcon aria-hidden=\"true\" className=\"mr-2 size-4\" />\n                {addWorkspaceLabel}\n              </DropdownMenuItem>\n            </>\n          )}\n        </DropdownMenuContent>\n      </DropdownMenu>\n    </div>\n  )\n}\n\nWorkspaceDropdown.displayName = \"WorkspaceDropdown\"\nWorkspaceTrigger.displayName = \"WorkspaceTrigger\"\n\nexport { WorkspaceDropdown, WorkspaceItem, WorkspaceTrigger }\n"]}