@orsetra/shared-ui 1.10.9 → 1.10.10

package/components/ui/access-denied-state.tsx

@@ -0,0 +1,32 @@
+import * as React from "react"
+import { Lock } from "lucide-react"
+import { cn } from "../../lib/utils"
+
+export interface AccessDeniedStateProps {
+  resourceName: string
+  message?: string
+  className?: string
+}
+
+export function AccessDeniedState({ resourceName, message, className }: AccessDeniedStateProps) {
+  return (
+    <div
+      className={cn(
+        "flex flex-col md:flex-row items-center justify-center gap-8 md:gap-12 p-6 md:p-12 min-h-[450px] bg-white text-center md:text-left",
+        className
+      )}
+    >
+      <div className="flex-shrink-0 h-40 w-40 bg-red-50 flex items-center justify-center">
+        <Lock className="h-20 w-20 text-red-200" />
+      </div>
+      <div className="max-w-md">
+        <h2 className="text-xl md:text-2xl font-semibold text-ibm-gray-100 mb-3 text-center md:text-left">
+          Access denied
+        </h2>
+        <p className="text-ibm-gray-60 text-sm md:text-base leading-relaxed text-center md:text-left">
+          {message ?? `You don't have permission to view ${resourceName} in this business unit.`}
+        </p>
+      </div>
+    </div>
+  )
+}

package/components/ui/index.ts

@@ -24,6 +24,7 @@ export { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from './
 export { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel } from './alert-dialog'
 export { Alert, AlertTitle, AlertDescription } from './alert'
 export { AlertBanner, useAlertBanner, type AlertBannerProps, type AlertState } from './alert-banner'
+export { AccessDeniedState, type AccessDeniedStateProps } from './access-denied-state'
 export { ConfirmationDialog, type ConfirmationDialogProps } from './confirmation-dialog'
 export { AspectRatio } from './aspect-ratio'
 export { Badge } from './badge'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orsetra/shared-ui",
-  "version": "1.10.9",
+  "version": "1.10.10",
   "description": "Shared UI components for Orsetra platform",
   "main": "./index.ts",
   "types": "./index.ts",