ikon-react-components-lib 1.0.6 → 1.0.8

package/dist/index.d.ts

@@ -10,6 +10,7 @@ import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
 import { Column } from '@tanstack/react-table';
 import { ColumnDef } from '@tanstack/react-table';
 import { Command as Command_2 } from 'cmdk';
+import { ComponentType } from 'react';
 import { Control } from 'react-hook-form';
 import { ControllerProps } from 'react-hook-form';
 import { DayButton } from 'react-day-picker';
@@ -27,12 +28,10 @@ import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
 import { InputHTMLAttributes } from 'react';
 import { JSX } from 'react/jsx-runtime';
 import * as LabelPrimitive from '@radix-ui/react-label';
-import { LucideIcon } from 'lucide-react';
 import { LucideProps } from 'lucide-react';
 import { Matcher } from 'react-day-picker';
 import { MemoExoticComponent } from 'react';
 import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
-import { OTPInput } from 'input-otp';
 import { PaginationState } from '@tanstack/react-table';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
@@ -40,11 +39,12 @@ import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import * as React_2 from 'react';
 import { ReactNode } from 'react';
 import { RefAttributes } from 'react';
+import { RenderProps } from 'input-otp';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import * as SliderPrimitive from '@radix-ui/react-slider';
-import * as Slot from '@radix-ui/react-slot';
+import { Slot } from '@radix-ui/react-slot';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
 import { Table as Table_2 } from '@tanstack/react-table';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
@@ -111,31 +111,33 @@ export declare function Alert({ className, variant, ...props }: React_2.Componen
 
 export declare function AlertDescription({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
-export declare function AlertDialog({ ...props }: React_2.ComponentProps<typeof AlertDialogPrimitive.Root>): JSX.Element;
-
-export declare function AlertDialogAction({ className, variant, size, ...props }: React_2.ComponentProps<typeof AlertDialogPrimitive.Action> & Pick<React_2.ComponentProps<typeof Button>, "variant" | "size">): JSX.Element;
+export declare const AlertDialog: {
+    (props: React_2.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Root>): JSX.Element;
+    displayName: string;
+};
 
-export declare function AlertDialogCancel({ className, variant, size, ...props }: React_2.ComponentProps<typeof AlertDialogPrimitive.Cancel> & Pick<React_2.ComponentProps<typeof Button>, "variant" | "size">): JSX.Element;
+export declare const AlertDialogAction: React_2.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
 
-export declare function AlertDialogContent({ className, size, ...props }: React_2.ComponentProps<typeof AlertDialogPrimitive.Content> & {
-    size?: "default" | "sm";
-}): JSX.Element;
+export declare const AlertDialogCancel: React_2.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
 
-export declare function AlertDialogDescription({ className, ...props }: React_2.ComponentProps<typeof AlertDialogPrimitive.Description>): JSX.Element;
+export declare const AlertDialogContent: React_2.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare function AlertDialogFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+export declare const AlertDialogDescription: React_2.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React_2.RefAttributes<HTMLParagraphElement>, "ref"> & React_2.RefAttributes<HTMLParagraphElement>>;
 
-export declare function AlertDialogHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+export declare const AlertDialogFooter: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare function AlertDialogMedia({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+export declare const AlertDialogHeader: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare function AlertDialogOverlay({ className, ...props }: React_2.ComponentProps<typeof AlertDialogPrimitive.Overlay>): JSX.Element;
+export declare const AlertDialogOverlay: React_2.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare function AlertDialogPortal({ ...props }: React_2.ComponentProps<typeof AlertDialogPrimitive.Portal>): JSX.Element;
+export declare const AlertDialogPortal: {
+    (props: React_2.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Portal>): JSX.Element;
+    displayName: string;
+};
 
-export declare function AlertDialogTitle({ className, ...props }: React_2.ComponentProps<typeof AlertDialogPrimitive.Title>): JSX.Element;
+export declare const AlertDialogTitle: React_2.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React_2.RefAttributes<HTMLHeadingElement>, "ref"> & React_2.RefAttributes<HTMLHeadingElement>>;
 
-export declare function AlertDialogTrigger({ ...props }: React_2.ComponentProps<typeof AlertDialogPrimitive.Trigger>): JSX.Element;
+export declare const AlertDialogTrigger: React_2.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTriggerProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
 
 export declare function AlertTitle({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
@@ -171,18 +173,10 @@ declare interface AssistantComponentProps {
     currentUserDetails: UserData;
 }
 
-export declare function Avatar({ className, size, ...props }: React_2.ComponentProps<typeof AvatarPrimitive.Root> & {
-    size?: "default" | "sm" | "lg";
-}): JSX.Element;
-
-export declare function AvatarBadge({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
+export declare function Avatar({ className, ...props }: React_2.ComponentProps<typeof AvatarPrimitive.Root>): JSX.Element;
 
 export declare function AvatarFallback({ className, ...props }: React_2.ComponentProps<typeof AvatarPrimitive.Fallback>): JSX.Element;
 
-export declare function AvatarGroup({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
-
-export declare function AvatarGroupCount({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
-
 export declare function AvatarImage({ className, ...props }: React_2.ComponentProps<typeof AvatarPrimitive.Image>): JSX.Element;
 
 export declare const axiosInstance: AxiosInstance;
@@ -192,7 +186,7 @@ export declare function Badge({ className, variant, asChild, ...props }: React_2
 }): JSX.Element;
 
 export declare const badgeVariants: (props?: ({
-    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    variant?: "default" | "destructive" | "outline" | "secondary" | "verified" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 export declare function BigCalendar({ events, extraParamsEvent, extraTools }: BigCalendarProps): JSX.Element;
@@ -266,7 +260,7 @@ export declare interface ButtonProps extends default_2.ButtonHTMLAttributes<HTML
 
 export declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "dashed" | null | undefined;
-    size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | "smIcon" | "circular" | "lgIcon" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 export declare interface ButtonWithTooltipProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
@@ -358,6 +352,17 @@ export declare function CommandSeparator({ className, ...props }: React_2.Compon
 
 export declare function CommandShortcut({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
 
+declare interface ConfigProps {
+    IKON_BASE_API_URL: string;
+    IKON_PLATFORM_API_URL: string;
+    IKON_AUTH_API_URL: string;
+    IKON_USER_API_URL: string;
+    IKON_ACCOUNT_API_URL: string;
+    LOGIN_PAGE_URL: string;
+    IKON_PLATFORM_UI_URL: string;
+    IKON_PLATFORM_PROFILE_URL: string;
+}
+
 export declare const convertFileToObject: (file: File) => Promise<FileObjType>;
 
 export declare interface CookieSessionOptionsProps {
@@ -487,9 +492,7 @@ declare interface DialogContextProps {
 
 export declare function DialogDescription({ className, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Description>): JSX.Element;
 
-export declare function DialogFooter({ className, showCloseButton, children, ...props }: React_2.ComponentProps<"div"> & {
-    showCloseButton?: boolean;
-}): JSX.Element;
+export declare function DialogFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
 export declare function DialogHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
@@ -729,7 +732,7 @@ export declare interface FormComboboxItemProps {
     disabled?: ((...args: any) => boolean) | boolean;
 }
 
-export declare function FormControl({ ...props }: React_2.ComponentProps<typeof Slot.Root>): JSX.Element;
+export declare function FormControl({ ...props }: React_2.ComponentProps<typeof Slot>): JSX.Element;
 
 export declare function FormDateInput({ formControl, name, label, placeholder, dateFormat, calendarDateDisabled, formDescription, disabled, }: FormDateInputProps): JSX.Element;
 
@@ -801,6 +804,8 @@ declare interface FrameworkItemDropdownProps {
     className?: string;
 }
 
+export declare const getConfig: () => ConfigProps;
+
 export declare function getCookieSession(sessionName: string): string | undefined;
 
 export declare const getDataTableColumnTitle: (column: any) => any;
@@ -890,17 +895,41 @@ export declare interface ImageFormProps {
 
 export declare function Input({ className, type, ...props }: React_2.ComponentProps<"input">): JSX.Element;
 
-export declare function InputOTP({ className, containerClassName, ...props }: React_2.ComponentProps<typeof OTPInput> & {
+export declare const InputOTP: React_2.ForwardRefExoticComponent<(Omit<Omit<React_2.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
+    value?: string;
+    onChange?: (newValue: string) => unknown;
+    maxLength: number;
+    textAlign?: "left" | "center" | "right";
+    onComplete?: (...args: any[]) => unknown;
+    pushPasswordManagerStrategy?: "increase-width" | "none";
+    pasteTransformer?: (pasted: string) => string;
     containerClassName?: string;
-}): JSX.Element;
+    noScriptCSSFallback?: string | null;
+} & {
+    render: (props: RenderProps) => React_2.ReactNode;
+    children?: never;
+} & React_2.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React_2.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
+    value?: string;
+    onChange?: (newValue: string) => unknown;
+    maxLength: number;
+    textAlign?: "left" | "center" | "right";
+    onComplete?: (...args: any[]) => unknown;
+    pushPasswordManagerStrategy?: "increase-width" | "none";
+    pasteTransformer?: (pasted: string) => string;
+    containerClassName?: string;
+    noScriptCSSFallback?: string | null;
+} & {
+    render?: never;
+    children: React_2.ReactNode;
+} & React_2.RefAttributes<HTMLInputElement>, "ref">) & React_2.RefAttributes<HTMLInputElement>>;
 
-export declare function InputOTPGroup({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+export declare const InputOTPGroup: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare function InputOTPSeparator({ ...props }: React_2.ComponentProps<"div">): JSX.Element;
+export declare const InputOTPSeparator: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare function InputOTPSlot({ index, className, ...props }: React_2.ComponentProps<"div"> & {
+export declare const InputOTPSlot: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     index: number;
-}): JSX.Element;
+} & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare interface ISVGProps extends React_2.SVGProps<SVGSVGElement> {
     size?: number;
@@ -951,7 +980,9 @@ export declare function NavigationMenuList({ className, ...props }: React_2.Comp
 
 export declare function NavigationMenuTrigger({ className, children, ...props }: React_2.ComponentProps<typeof NavigationMenuPrimitive.Trigger>): JSX.Element;
 
-export declare const navigationMenuTriggerStyle: (props?: ClassProp | undefined) => string;
+export declare const navigationMenuTriggerStyle: (props?: ({
+    variant?: "default" | null | undefined;
+} & ClassProp) | undefined) => string;
 
 export declare function NavigationMenuViewport({ className, ...props }: React_2.ComponentProps<typeof NavigationMenuPrimitive.Viewport>): JSX.Element;
 
@@ -1008,12 +1039,6 @@ export declare function PopoverAnchor({ ...props }: React_2.ComponentProps<typeo
 
 export declare function PopoverContent({ className, align, sideOffset, ...props }: React_2.ComponentProps<typeof PopoverPrimitive.Content>): JSX.Element;
 
-export declare function PopoverDescription({ className, ...props }: React_2.ComponentProps<"p">): JSX.Element;
-
-export declare function PopoverHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
-
-export declare function PopoverTitle({ className, ...props }: React_2.ComponentProps<"h2">): JSX.Element;
-
 export declare function PopoverTrigger({ ...props }: React_2.ComponentProps<typeof PopoverPrimitive.Trigger>): JSX.Element;
 
 export declare interface ProcessedFrameworkData {
@@ -1024,7 +1049,12 @@ export declare interface ProcessedFrameworkData {
     }>;
 }
 
-export declare function Progress({ className, value, ...props }: React_2.ComponentProps<typeof ProgressPrimitive.Root>): JSX.Element;
+export declare function Progress({ className, value, indicatorColor, ...props }: ProgressProps): JSX.Element;
+
+declare interface ProgressProps extends React_2.ComponentProps<typeof ProgressPrimitive.Root> {
+    value?: number;
+    indicatorColor?: string;
+}
 
 declare interface Props {
     parentDivProps?: any;
@@ -1125,7 +1155,7 @@ export declare function SearchInput({ className, ...props }: any): JSX.Element;
 
 export declare function Select({ ...props }: React_2.ComponentProps<typeof SelectPrimitive.Root>): JSX.Element;
 
-export declare function SelectContent({ className, children, position, align, ...props }: React_2.ComponentProps<typeof SelectPrimitive.Content>): JSX.Element;
+export declare function SelectContent({ className, children, position, ...props }: React_2.ComponentProps<typeof SelectPrimitive.Content>): JSX.Element;
 
 export declare function SelectGroup({ ...props }: React_2.ComponentProps<typeof SelectPrimitive.Group>): JSX.Element;
 
@@ -1165,9 +1195,8 @@ export declare function SheetComponent({ buttonText, buttonIcon, buttonStyle, sh
     closeButton?: boolean;
 }): JSX.Element;
 
-export declare function SheetContent({ className, children, side, showCloseButton, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Content> & {
+export declare function SheetContent({ className, children, side, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Content> & {
     side?: "top" | "right" | "bottom" | "left";
-    showCloseButton?: boolean;
 }): JSX.Element;
 
 export declare function SheetDescription({ className, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Description>): JSX.Element;
@@ -1269,11 +1298,13 @@ export declare interface SidebarNavContextType {
 
 export declare interface SidebarNavItem {
     title: string;
-    url: string;
-    icon?: LucideIcon;
+    url?: string;
+    icon?: ComponentType<{
+        className?: string;
+    }>;
+    items?: SidebarNavItem[];
     isActive?: boolean;
     default?: boolean;
-    items?: SidebarNavSubItem[];
     header?: ReactNode;
     footer?: ReactNode;
 }
@@ -1302,7 +1333,7 @@ export declare function SidebarTrigger({ className, onClick, ...props }: React_2
 
 export declare function SimpleWidget({ title, iconName, iconSize, iconClass, primaryText, secondaryText, mainClassName, loading, loadingMessage }: Props_3): JSX.Element;
 
-export declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
+export declare function Skeleton({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
 
 export declare function SkeletonWidget({ count }: {
     count: number;
@@ -1320,9 +1351,9 @@ export declare interface Software {
     order: number;
 }
 
-export declare function Switch({ className, size, ...props }: React_2.ComponentProps<typeof SwitchPrimitive.Root> & {
-    size?: "sm" | "default";
-}): JSX.Element;
+export declare type StepStatus = "OUTSTANDING" | "IN PROGRESS" | "COMPLETED";
+
+export declare function Switch({ className, ...props }: React_2.ComponentProps<typeof SwitchPrimitive.Root>): JSX.Element;
 
 export declare interface TabArray {
     tabName: string;
@@ -1361,15 +1392,11 @@ export declare interface TabProps {
     isSeperatePage?: boolean;
 }
 
-export declare function Tabs({ className, orientation, ...props }: React_2.ComponentProps<typeof TabsPrimitive.Root>): JSX.Element;
+export declare function Tabs({ className, ...props }: React_2.ComponentProps<typeof TabsPrimitive.Root>): JSX.Element;
 
 export declare function TabsContent({ className, ...props }: React_2.ComponentProps<typeof TabsPrimitive.Content>): JSX.Element;
 
-export declare function TabsList({ className, variant, ...props }: React_2.ComponentProps<typeof TabsPrimitive.List> & VariantProps<typeof tabsListVariants>): JSX.Element;
-
-export declare const tabsListVariants: (props?: ({
-    variant?: "line" | "default" | null | undefined;
-} & ClassProp) | undefined) => string;
+export declare function TabsList({ className, ...props }: React_2.ComponentProps<typeof TabsPrimitive.List>): JSX.Element;
 
 export declare function TabsTrigger({ className, ...props }: React_2.ComponentProps<typeof TabsPrimitive.Trigger>): JSX.Element;
 
@@ -1487,6 +1514,26 @@ export declare interface WidgetsFunctionProps {
     widgetData: WidgetProps[];
 }
 
+export declare function Workflow({ name, steps, style }: WorkflowProps): JSX.Element;
+
+declare type WorkflowProps = {
+    name: string;
+    title?: string;
+    steps: WorkflowStep[];
+    onDropdownSelect?: (stepId: string, value: string) => void;
+    style?: React_2.CSSProperties;
+};
+
+export declare type WorkflowStep = {
+    id?: string;
+    title: string;
+    status: StepStatus;
+    dropdownOptions?: React_2.ReactNode[];
+    selectedOption?: string;
+    owner?: string;
+    createdAt?: string;
+};
+
 export declare function WorkInProgress(): JSX.Element;
 
 export { }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ikon-react-components-lib",
   "private": false,
-  "version": "1.0.6",
+  "version": "1.0.8",
   "type": "module",
   "main": "./dist/ikon-react-components-lib.cjs.js",
   "module": "./dist/ikon-react-components-lib.es.js",
@@ -82,6 +82,7 @@
     "use-debounce": "^10.1.1",
     "uuid": "^13.0.0",
     "vaul": "^1.1.2",
+    "webfontloader": "^1.6.28",
     "xlsx": "^0.18.5",
     "zod": "^4.3.6",
     "zxcvbn": "^4.4.2"
@@ -94,6 +95,7 @@
     "@types/react": "^19.2.7",
     "@types/react-big-calendar": "^1.16.3",
     "@types/react-dom": "^19.2.3",
+    "@types/webfontloader": "^1.6.38",
     "@types/zxcvbn": "^4.4.5",
     "@vitejs/plugin-react": "^5.1.1",
     "autoprefixer": "^10.4.24",