tcce-design-system-test 0.3.41 → 0.3.42

package/dist/tcce-design-system-components.d.ts

@@ -23,12 +23,15 @@ import { HTMLMotionProps } from 'motion/react';
 import { InputHTMLAttributes } from 'react';
 import { IStyledComponentBase } from 'styled-components/dist/types';
 import { JSX } from 'react/jsx-runtime';
+import { JSXElementConstructor } from 'react';
 import { KeyboardEvent as KeyboardEvent_2 } from 'react';
 import { LabelHTMLAttributes } from 'react';
 import { MemoExoticComponent } from 'react';
 import { MouseEventHandler } from 'react';
 import { PropsWithChildren } from 'react';
+import { ReactElement } from 'react';
 import { ReactNode } from 'react';
+import { ReactPortal } from 'react';
 import { RefAttributes } from 'react';
 import { RefObject } from 'react';
 import { RemixiconComponentType } from '@remixicon/react';
@@ -44,6 +47,22 @@ import { toast } from 'sonner';
 import { ToasterProps } from 'sonner';
 import { Updater } from '@tanstack/react-table';
 
+declare interface AbilityContextProps {
+    children: React.ReactNode;
+    initialAbilities?: UserAbilities;
+    user?: User;
+}
+
+export declare interface AbilityContextValue {
+    userAbilities: UserAbilities;
+    can: (requiredPermissions: string | string[], mode?: 'all' | 'any') => boolean;
+    updateAbilities: (abilities: UserAbilities) => void;
+    setAbilities: (abilities: UserAbilities) => void;
+    clearAbilities: () => void;
+}
+
+export declare const AbilityProvider: ({ children, initialAbilities, user }: AbilityContextProps) => JSX.Element;
+
 /**
  * Valid input types supported by the FormField component
  */
@@ -172,6 +191,15 @@ declare type ButtonSize = 'sm' | 'md' | 'lg';
 
 declare type ButtonVariant = 'primary' | 'secondary' | 'cancel' | 'outline';
 
+export declare const Can: ({ requiredPermissions, mode, children, fallback }: CanProps) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | ReactPortal | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | JSX.Element | null;
+
+export declare interface CanProps {
+    requiredPermissions: string | string[];
+    mode?: 'all' | 'any';
+    children: React.ReactNode;
+    fallback?: React.ReactNode;
+}
+
 export declare const Card: ({ variant, size, disabled, onClick, children, ...props }: CardProps) => JSX.Element;
 
 export declare const CardBody: ({ children, showDivider, ...props }: CardBodyProps) => JSX.Element;
@@ -2077,6 +2105,13 @@ export declare interface TooltipProps {
  */
 export declare type TooltipTrigger = 'hover' | 'click';
 
+export declare const useAbility: () => AbilityContextValue;
+
+/**
+ * Hook for permission checking directly
+ */
+export declare const useCan: (permissions: string | string[], mode?: "all" | "any") => boolean;
+
 export declare const useColumnFilter: (columnId: string) => {
     selectedValues: string[];
     handleChange: (values: string[]) => void;
@@ -2107,6 +2142,10 @@ export declare interface User {
     permissions?: Permission[];
 }
 
+export declare interface UserAbilities {
+    permissions: string[];
+}
+
 /**
  * User menu item configuration
  * Defines a single item in the user profile dropdown menu.