@orsetra/shared-ui 1.10.15 → 1.10.16

package/components/ui/project-selector-modal.tsx

@@ -39,6 +39,15 @@ export interface ProjectSelectorModalProps extends ProjectSelectorProps {
   title?: string
   description?: string
   currentProjectId?: string
+  /**
+   * Escape hatch shown next to "Create & Continue" only in the zero-business-unit state (this
+   * dialog otherwise can't be dismissed while no project is selected — see `onInteractOutside`
+   * below — so without this a user who can't or doesn't want to create one here has no way out).
+   * Omit to keep the dialog exactly as strict as before.
+   */
+  escapeHref?: string
+  /** Label for `escapeHref`. Defaults to "Go to main app". */
+  escapeLabel?: string
 }
 
 export function ProjectSelectorModal({
@@ -50,6 +59,8 @@ export function ProjectSelectorModal({
   getProjects,
   createProject,
   doInit,
+  escapeHref,
+  escapeLabel = "Go to main app",
 }: ProjectSelectorModalProps) {
   const [projects, setProjects] = React.useState<Project[]>([])
   const [loading, setLoading] = React.useState(true)
@@ -213,6 +224,14 @@ export function ProjectSelectorModal({
           )}
 
           <div className="flex items-center justify-end gap-3 pt-2">
+            {!loading && projects.length === 0 && escapeHref && (
+              <a
+                href={escapeHref}
+                className="inline-flex items-center justify-center rounded-none border border-ibm-gray-30 text-ibm-gray-100 hover:bg-ibm-gray-30 active:bg-ibm-gray-40 font-semibold h-10 px-4 text-base transition-colors mr-auto"
+              >
+                {escapeLabel}
+              </a>
+            )}
             <Button
               type="submit"
               className="rounded-none"

package/package.json

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