@eintrek/erp-shell 0.1.10 → 0.1.11

package/dist/navigation/app-layout-shell.d.ts

@@ -0,0 +1,59 @@
+import * as React from "react";
+/**
+ * Shape the shell needs from an organization to wire the URL `[code]` segment
+ * back to the active org id. Hosts already keep richer types around — this is
+ * deliberately the smallest subset to avoid leaking app-specific generics.
+ */
+export interface AppLayoutShellOrganization {
+    id: string | number;
+    code?: string | null;
+}
+export interface AppLayoutShellProps {
+    children: React.ReactNode;
+    /**
+     * The sidebar (app-specific, fed with the app's navigation data). Rendered
+     * inside a fixed positioning context — `closeOnNavigation` etc. is the
+     * sidebar's own concern; read layout state via `useSidebar()` if needed.
+     */
+    sidebar: React.ReactNode;
+    /** App-branded loading screen — shown while the session is loading or a
+     *  redirect is in flight. */
+    loadingComponent: React.ReactNode;
+    /** App-branded breadcrumb (the host wires in its label map). Defaults to
+     *  empty so apps that don't want one can skip it. */
+    breadcrumb?: React.ReactNode;
+    /** Optional wrapper around the page content — typically the app's
+     *  PermissionProvider, which feeds per-app permission rules into the
+     *  shared PermissionRulesContext. Identity function when omitted. */
+    permissionProvider?: (children: React.ReactNode) => React.ReactNode;
+    /**
+     * Active org id from the host's ERP context (cookie-backed). Used to detect
+     * URL-vs-context mismatch when the user opens a bookmark for a different
+     * org. Don't read it from a hook in the shell — each app composes its own
+     * ERP context on top of `useOrganizationIdState`.
+     */
+    organizationId: string | number | null | undefined;
+    /** Setter from the host's ERP context, used to sync URL → context when the
+     *  `[code]` segment doesn't match the cookie. */
+    setOrganizationId: (id: string | number | null) => Promise<void> | void;
+    /** Orgs the user belongs to — used to resolve URL `[code]` → org `id`. */
+    organizations: AppLayoutShellOrganization[];
+    /** Absolute path to redirect to when the session has no accessToken (e.g.
+     *  token refresh failed). The shell appends `?error=NoAccessToken&callbackUrl=…`. */
+    signInUrl: string;
+    /** Absolute path to redirect to when the URL has no `[code]` segment. */
+    selectOrganizationUrl: string;
+}
+/**
+ * Top-level app chrome: sticky header, sidebar slot, content gutter and the
+ * session/org-context plumbing that both Accounting and HR need. Apps wrap
+ * it inside their `SidebarProvider` (server-rendered with the cookie-backed
+ * `defaultOpen`) and their `ERPProvider`, then pass app-specific bits as
+ * props.
+ *
+ * The padding contract is deliberately owned here so future style tweaks
+ * (e.g. the recent left/right/bottom gutter pass) propagate to both apps via
+ * an erp-shell bump — domain components must NOT add their own root padding
+ * or content gets indented twice.
+ */
+export declare function AppLayoutShell({ children, sidebar, loadingComponent, breadcrumb, permissionProvider, organizationId, setOrganizationId, organizations, signInUrl, selectOrganizationUrl, }: AppLayoutShellProps): import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eintrek/erp-shell",
-  "version": "0.1.10",
+  "version": "0.1.11",
   "private": false,
   "type": "module",
   "description": "Shared frontend platform for ERP apps — HTTP client, providers, navigation, hooks.",
@@ -42,7 +42,7 @@
     "@rollup/plugin-typescript": "^12.1.2",
     "@tanstack/react-query": "^5.90.2",
     "@tanstack/react-query-devtools": "^5.90.2",
-    "@eintrek/erp-theme": "file:../erp-theme/eintrek-erp-theme-1.4.0.tgz",
+    "@eintrek/erp-theme": "^1.4.3",
     "@types/node": "^22.13.0",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",