@grasp-labs/ds-microfrontends-integration 0.24.1 → 0.24.3

package/dist/components/groups/GroupGuard.d.ts

@@ -0,0 +1,31 @@
+import { ReactNode } from 'react';
+export type GroupGuardProps = {
+    children: ReactNode;
+    requiredGroups: string | string[];
+    fallback?: ReactNode;
+};
+/**
+ * GroupGuard component that conditionally renders children based on user groups.
+ *
+ * @param requiredGroups - Single group name or array of group names. If array, user needs all groups.
+ * @param fallback - Optional component to render when access is denied
+ *
+ * @example
+ * ```tsx
+ * // User needs admin group
+ * <GroupGuard requiredGroups="admin">
+ *   <AdminPanel />
+ * </GroupGuard>
+ *
+ * // User needs all of these groups
+ * <GroupGuard requiredGroups={['admin', 'moderator']}>
+ *   <ModeratedContent />
+ * </GroupGuard>
+ *
+ * // With fallback
+ * <GroupGuard requiredGroups="admin" fallback={<AccessDenied />}>
+ *   <AdminPanel />
+ * </GroupGuard>
+ * ```
+ */
+export declare const GroupGuard: ({ children, requiredGroups, fallback, }: GroupGuardProps) => ReactNode;

package/dist/components/groups/GroupsProvider.d.ts

@@ -55,7 +55,7 @@ export declare const GroupsProvider: ({ children, groups, hasGroup: hasGroupOver
  * }
  *
  * if (hasGroup(['admin', 'moderator'])) {
- *   // User has at least one of these groups
+ *   // User has all of these groups
  * }
  * ```
  */

package/dist/components/groups/index.d.ts

@@ -1,2 +1,2 @@
 export * from './GroupsProvider';
-export * from './RouteGuard';
+export * from './GroupGuard';