ikoncomponents 1.2.1 → 1.2.2

package/dist/ikoncomponents/image-cropper-upload/image-cropper/index.js

@@ -0,0 +1,87 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo, useEffect, useRef } from "react";
+import Cropper from "react-cropper";
+import "cropperjs/dist/cropper.css";
+const ImageCropperComponent = ({ src, onCroppedImage, aspectRatio, rotationAngle, zoomLevel, moveDirection }) => {
+    const cropperRef = useRef(null);
+    function onCrop(event) {
+        var _a;
+        const cropper = (_a = cropperRef.current) === null || _a === void 0 ? void 0 : _a.cropper;
+        if (cropper) {
+            //cropper.setDragMode('move');
+            const croppedCanvas = cropper.getCroppedCanvas();
+            const croppedImageUrl = croppedCanvas.toDataURL("image/webp"); // Data URL for preview
+            onCroppedImage(croppedImageUrl);
+        }
+        else {
+            console.log("Cropper instance is not available.");
+        }
+    }
+    ;
+    useEffect(() => {
+        var _a;
+        // Rotate the image whenever the rotation angle changes
+        const cropper = (_a = cropperRef.current) === null || _a === void 0 ? void 0 : _a.cropper;
+        if (cropper) {
+            cropper.rotate(rotationAngle); // Apply the rotation to the image
+        }
+    }, [rotationAngle]); // Effect will run whenever rotationAngle changes
+    useEffect(() => {
+        var _a;
+        // Zoom the image whenever the zoom level changes
+        const cropper = (_a = cropperRef.current) === null || _a === void 0 ? void 0 : _a.cropper;
+        if (cropper) {
+            const cropBoxData = cropper.getCropBoxData();
+            if (cropBoxData.width) {
+                console.log('Inside cropper scale');
+                cropper.scale(zoomLevel); // Apply the zoom level
+            }
+            // Apply zoom directly without using getZoom method
+        }
+    }, [zoomLevel]); // Effect will run whenever zoomLevel changes
+    // Move the image based on the moveDirection prop
+    useEffect(() => {
+        var _a;
+        const cropper = (_a = cropperRef.current) === null || _a === void 0 ? void 0 : _a.cropper;
+        if (cropper) {
+            // Make sure moveDirection is available before calling move
+            const cropBoxData = cropper.getCropBoxData();
+            if (cropBoxData.width) {
+                const { x, y } = moveDirection;
+                if (typeof x === "number" && typeof y === "number") {
+                    cropper.move(x, y); // Move the image
+                }
+            }
+        }
+    }, [moveDirection]); // This effect runs whenever moveDirection changes
+    useEffect(() => {
+        var _a;
+        const cropper = (_a = cropperRef.current) === null || _a === void 0 ? void 0 : _a.cropper;
+        if (cropper) {
+            cropper.setAspectRatio(aspectRatio); // Dynamically set the aspect ratio
+            if (aspectRatio === 1) {
+                // Get the displayed (canvas) dimensions of the image
+                const canvasData = cropper.getCanvasData();
+                const canvasWidth = canvasData.width; // Displayed width of the image
+                const canvasHeight = canvasData.height; // Displayed height of the image
+                const canvasLeft = canvasData.left; // Left offset of the image within the container
+                const canvasTop = canvasData.top; // Top offset of the image within the container
+                // Define the desired crop box dimensions
+                const cropBoxWidth = 200; // Desired crop box width
+                const cropBoxHeight = 100; // Desired crop box height
+                // Calculate the center position for the crop box
+                const left = canvasLeft + (canvasWidth - cropBoxWidth) / 2;
+                const top = canvasTop + (canvasHeight - cropBoxHeight) / 2;
+                // Set the crop box data
+                cropper.setCropBoxData({
+                    left: left,
+                    top: top,
+                    width: cropBoxWidth,
+                    height: cropBoxHeight,
+                });
+            }
+        }
+    }, [aspectRatio]); // Trigger this effect whenever aspectRatio changes
+    return (_jsx(Cropper, { src: src, style: { height: "100%", width: "100%", objectFit: "contain" }, guides: true, crop: onCrop, ref: cropperRef, dragMode: 'move', movable: true, zoomable: true, scalable: true, cropBoxMovable: true, cropBoxResizable: false }));
+};
+export const ImageCropper = memo(ImageCropperComponent);

package/dist/ikoncomponents/image-cropper-upload/index.d.ts

@@ -0,0 +1,27 @@
+import { ReactNode } from 'react';
+import { CropperUploadImagesInfoProps } from './utils';
+export interface ImageCropperContextProps {
+    originalImage: OriginalImageProps;
+    setOriginalImage: (originalImage: OriginalImageProps) => void;
+    aspectRatioWiseImages: AspectRatioWiseImagesProps;
+    setAspectRatioWiseImages: (aspectRatioWiseImages: AspectRatioWiseImagesProps) => void;
+}
+export interface AspectRatioWiseImagesProps {
+    landscape: string | null;
+    potrait: string | null;
+    icon: string | null;
+}
+export interface OriginalImageProps {
+    image: string | File | null;
+    name?: string;
+    description?: string;
+}
+export interface ImageCropperProps {
+    children: ReactNode;
+    uploadedImages: CropperUploadImagesInfoProps | null;
+    onCropperChange: (originalImage: OriginalImageProps, aspectRatioWiseImages: AspectRatioWiseImagesProps) => void;
+    modalOpen?: boolean;
+    onModalOpenChange?: (open: boolean) => void;
+}
+export declare function ImageCropperProvider({ children, uploadedImages, onCropperChange, modalOpen, onModalOpenChange }: ImageCropperProps): import("react/jsx-runtime").JSX.Element;
+export declare const useImageCropper: () => ImageCropperContextProps;

package/dist/ikoncomponents/image-cropper-upload/index.js

@@ -0,0 +1,49 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useContext, useEffect, useState } from 'react';
+import { CropperFormWithModal } from './cropper-form-with-modal';
+import { uploadedImagesToCropperImgObj } from './utils';
+const ImageCropperContext = createContext(undefined);
+export function ImageCropperProvider({ children, uploadedImages, onCropperChange, modalOpen, onModalOpenChange }) {
+    const [aspectRatioWiseImages, setAspectRatioWiseImages] = useState({
+        landscape: null,
+        potrait: null,
+        icon: null
+    });
+    const [originalImage, setOriginalImage] = useState({
+        image: null,
+        name: "",
+        description: "",
+    });
+    useEffect(() => {
+        async function updateCropperImages() {
+            if (!uploadedImages)
+                return; // Prevent unnecessary processing
+            try {
+                const res = await uploadedImagesToCropperImgObj(uploadedImages);
+                if (res) {
+                    // Check if state is different before updating
+                    setOriginalImage((prev) => JSON.stringify(prev) === JSON.stringify(res.originalImage) ? prev : res.originalImage);
+                    setAspectRatioWiseImages((prev) => JSON.stringify(prev) === JSON.stringify(res.aspectRatioWiseImages) ? prev : res.aspectRatioWiseImages);
+                }
+            }
+            catch (error) {
+                console.error("Error processing uploaded images:", error);
+            }
+        }
+        updateCropperImages();
+    }, [uploadedImages]); // Runs only when `uploadedImages` changes
+    return (_jsxs(ImageCropperContext.Provider, { value: {
+            originalImage,
+            setOriginalImage,
+            aspectRatioWiseImages,
+            setAspectRatioWiseImages
+        }, children: [children, modalOpen && onModalOpenChange && _jsx(CropperFormWithModal, { open: modalOpen, onOpenChange: onModalOpenChange, onCropperChange: onCropperChange })] }));
+}
+export const useImageCropper = () => {
+    const context = useContext(ImageCropperContext);
+    if (!context) {
+        throw new Error("useImageCropper must be used within a ImageCropperProvider");
+    }
+    return context;
+};

package/dist/ikoncomponents/image-cropper-upload/utils/index.d.ts

@@ -0,0 +1,16 @@
+import { AspectRatioWiseImagesProps, OriginalImageProps } from "..";
+import { FileinfoProps } from "../../../utils/api/file-upload/type";
+export interface CropperUploadImagesInfoProps {
+    originalImageInfo?: FileinfoProps | null;
+    imageName?: string;
+    imageDescription?: string;
+    landscapeImageInfo?: FileinfoProps | null;
+    portaitImageInfo?: FileinfoProps | null;
+    iconImageInfo?: FileinfoProps | null;
+}
+export interface UploadedImagesToCropperImgObjProps {
+    originalImage: OriginalImageProps;
+    aspectRatioWiseImages: AspectRatioWiseImagesProps;
+}
+export declare function imageCropperFilesUpload(originalImage: OriginalImageProps, aspectRatioWiseImages?: AspectRatioWiseImagesProps, resourceId?: string): Promise<CropperUploadImagesInfoProps | null>;
+export declare function uploadedImagesToCropperImgObj(uploadedImages: CropperUploadImagesInfoProps | null): Promise<UploadedImagesToCropperImgObjProps | null>;

package/dist/ikoncomponents/image-cropper-upload/utils/index.js

@@ -0,0 +1,73 @@
+import { base64FileUpload, singleFileUpload, } from "../../../utils/api/file-upload";
+import { getResourceUrl } from "../../../utils/actions/common/utils";
+export async function imageCropperFilesUpload(originalImage, aspectRatioWiseImages, resourceId) {
+    if (!originalImage.image) {
+        return null;
+    }
+    const originalImageInfo = await singleFileUpload(originalImage.image, resourceId);
+    const cropperUploadImagesInfo = {
+        originalImageInfo: originalImageInfo,
+        imageName: originalImage.name,
+        imageDescription: originalImage.description,
+        landscapeImageInfo: null,
+        portaitImageInfo: null,
+        iconImageInfo: null,
+    };
+    if (aspectRatioWiseImages) {
+        if (aspectRatioWiseImages.landscape) {
+            try {
+                cropperUploadImagesInfo["landscapeImageInfo"] = await base64FileUpload(aspectRatioWiseImages.landscape, originalImage.name + "_L.webp", "image/webp");
+            }
+            catch (error) {
+                console.error(error);
+            }
+        }
+        if (aspectRatioWiseImages.potrait) {
+            try {
+                cropperUploadImagesInfo["portaitImageInfo"] = await base64FileUpload(aspectRatioWiseImages.potrait, originalImage.name + "_P.webp", "image/webp");
+            }
+            catch (error) {
+                console.error(error);
+            }
+        }
+        if (aspectRatioWiseImages.icon) {
+            try {
+                cropperUploadImagesInfo["iconImageInfo"] = await base64FileUpload(aspectRatioWiseImages.icon, originalImage.name + "_I.webp", "image/webp");
+            }
+            catch (error) {
+                console.error(error);
+            }
+        }
+    }
+    return cropperUploadImagesInfo;
+}
+export async function uploadedImagesToCropperImgObj(uploadedImages) {
+    if (!uploadedImages) {
+        return null;
+    }
+    const originalImageUrl = uploadedImages.originalImageInfo
+        ? await getResourceUrl(uploadedImages.originalImageInfo)
+        : null;
+    const landscapeImageUrl = uploadedImages.landscapeImageInfo
+        ? await getResourceUrl(uploadedImages.landscapeImageInfo)
+        : null;
+    const portaitImageUrl = uploadedImages.portaitImageInfo
+        ? await getResourceUrl(uploadedImages.portaitImageInfo)
+        : null;
+    const iconImageUrl = uploadedImages.iconImageInfo
+        ? await getResourceUrl(uploadedImages.iconImageInfo)
+        : null;
+    const obj = {
+        originalImage: {
+            image: originalImageUrl,
+            name: uploadedImages.imageName,
+            description: uploadedImages.imageDescription,
+        },
+        aspectRatioWiseImages: {
+            landscape: landscapeImageUrl,
+            potrait: portaitImageUrl,
+            icon: iconImageUrl,
+        },
+    };
+    return obj;
+}

package/dist/ikoncomponents/main-layout/main-sidebar.d.ts

@@ -12,15 +12,11 @@ export interface Account {
 export interface Software {
     softwareId: string;
     softwareName: string;
-    softwareVersion: string;
-    softwareDescription: string;
-    accountId: string;
-    purchaseDate: string;
-    softwareOwnerId: string;
-    expiresOn: string | null;
-    active: boolean;
-    requestStatus: string | null;
-    softwareVisibility: 'PUBLIC' | 'PRIVATE' | 'RESTRICTED';
+    url: string;
+    icon: string;
+    visible: boolean;
+    defaultSoftware: boolean;
+    order: number;
 }
 export declare const MainSidebar: ({ baseUrl }: {
     baseUrl: string;

package/dist/ikoncomponents/main-layout/main-sidebar.js

@@ -48,7 +48,7 @@ export const MainSidebar = ({ baseUrl }) => {
         const fetchSubscribedSoftwares = async () => {
             try {
                 const accessToken = await getValidAccessToken();
-                const response = await axios.get(`${baseUrl}/platform/software-subscription/account`, {
+                const response = await axios.get(`${baseUrl}/platform/software/accessible/user`, {
                     headers: {
                         Authorization: `Bearer ${accessToken}`,
                     },
@@ -66,7 +66,7 @@ export const MainSidebar = ({ baseUrl }) => {
                                         setSelectedAccount(account);
                                     }, children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "h-6 w-6 rounded bg-primary/10 flex items-center justify-center", children: _jsx("span", { className: "text-xs font-medium text-primary", children: getInitials(account.accountName) }) }), _jsx("span", { className: "text-sm", children: account.accountName })] }), (selectedAccount === null || selectedAccount === void 0 ? void 0 : selectedAccount.accountId) === account.accountId && (_jsx(Check, { className: "h-4 w-4 text-primary" }))] }, account.accountId)))] })] }), _jsx("nav", { className: "flex flex-col gap-2", children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, className: 'h-5 w-5', children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-10 w-10", asChild: true, children: _jsxs(Link, { href: "/", children: [_jsx(Home, { className: "h-5 w-5" }), _jsx("span", { className: "sr-only", children: "Home" })] }) }) }), _jsx(TooltipContent, { side: "right", sideOffset: 5, children: "Home" })] }, "home") }), _jsx("nav", { className: "flex flex-col gap-2 flex-1", children: softwares.map((software) => {
                         const Icon = FolderCode;
-                        return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, className: 'h-5 w-5', children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-10 w-10", asChild: true, children: _jsxs(Link, { href: "/", children: [_jsx(Icon, { className: "h-5 w-5" }), _jsx("span", { className: "sr-only", children: software.softwareName })] }) }) }), _jsx(TooltipContent, { side: "right", sideOffset: 5, children: software.softwareName })] }, software.softwareName));
+                        return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, className: 'h-5 w-5', children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-10 w-10", asChild: true, children: _jsxs(Link, { href: software.url, children: [_jsx(Icon, { className: "h-5 w-5" }), _jsx("span", { className: "sr-only", children: software.softwareName })] }) }) }), _jsx(TooltipContent, { side: "right", sideOffset: 5, children: software.softwareName })] }, software.softwareName));
                     }) }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, className: 'h-5 w-5', children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-10 w-10", asChild: true, children: _jsxs(Link, { href: "/last-visited", children: [_jsx(Clock, { className: "h-5 w-5" }), _jsx("span", { className: "sr-only", children: "Last Visited" })] }) }) }), _jsx(TooltipContent, { side: "right", sideOffset: 5, children: "Last Visited" })] }, "last-visited"), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, className: 'h-5 w-5', children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-10 w-10", asChild: true, children: _jsxs(Link, { href: "/favourites", children: [_jsx(Heart, { className: "h-5 w-5" }), _jsx("span", { className: "sr-only", children: "Favourites" })] }) }) }), _jsx(TooltipContent, { side: "right", sideOffset: 5, children: "Favourites" })] }, "favourites"), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, className: 'h-5 w-5', children: _jsx(Button, { variant: "ghost", className: "h-10 w-10", asChild: true, children: _jsxs(Link, { href: "/settings", children: [_jsx(Settings, { className: "h-5 w-5" }), _jsx("span", { className: "sr-only", children: "Settings" })] }) }) }), _jsx(TooltipContent, { side: "right", sideOffset: 5, children: "Settings" })] }, "settings"), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-10 w-10 rounded-full", children: _jsxs(Avatar, { className: "h-8 w-8", children: [_jsx(AvatarImage, { src: user.avatar, alt: user.name }), _jsx(AvatarFallback, { className: "text-sm font-semibold", children: user.name.split(' ').map(n => n[0]).join('') })] }) }) }), _jsxs(DropdownMenuContent, { className: "w-55 p-0", side: 'right', sideOffset: 8, children: [_jsxs("div", { className: "flex items-start gap-3 p-4 bg-card", children: [_jsxs(Avatar, { className: "h-10 w-10 mt-1", children: [_jsx(AvatarImage, { src: user.avatar, alt: user.name }), _jsx(AvatarFallback, { className: "", children: user.name.split(' ').map(n => n[0]).join('') })] }), _jsxs("div", { className: "flex flex-col gap-0.5 flex-1 min-w-0", children: [_jsx("p", { className: "text-sm font-bold text-foreground blue-dark:text-muted-foreground truncate", children: user.name }), _jsx("p", { className: "text-xs text-muted-foreground truncate", children: user.email }), _jsx("p", { className: "text-sm text-muted-foreground font-semibold", children: user.role })] })] }), _jsx(DropdownMenuSeparator, { className: "my-0" }), _jsxs(DropdownMenuItem, { onClick: async () => {
                                         await clearAllCookieSession();
                                         redirect("/login.html");

package/dist/ikoncomponents/resource-spreadsheet/index.d.ts

@@ -1,21 +1,21 @@
-import * as React from "react";
-interface ResourceTableProps {
-    resourceDataWithAllocation: any[];
-    userMaps: UserMaps;
-    monthsRange: string[];
-}
-interface UserMaps {
-    userDetailsMap: {
-        [key: string]: {
-            name: string;
-        };
-    };
-    rolesMap: {
-        [key: string]: {
-            roleId: string;
-            roleName: string;
-        };
-    };
-}
-export declare const ResourceTable: React.FC<ResourceTableProps>;
-export {};
+import * as React from "react";
+interface ResourceTableProps {
+    resourceDataWithAllocation: any[];
+    userMaps: UserMaps;
+    monthsRange: string[];
+}
+interface UserMaps {
+    userDetailsMap: {
+        [key: string]: {
+            name: string;
+        };
+    };
+    rolesMap: {
+        [key: string]: {
+            roleId: string;
+            roleName: string;
+        };
+    };
+}
+export declare const ResourceTable: React.FC<ResourceTableProps>;
+export {};

package/dist/ikoncomponents/resource-spreadsheet/index.js

@@ -1,36 +1,36 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Card, CardContent } from "../../shadcn/card";
-import { Input } from "../../shadcn/input";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../shadcn/select";
-import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "../../shadcn/table";
-import { ChevronDown, ChevronRight } from "lucide-react";
-import * as React from "react";
-import { useFormContext } from "react-hook-form";
-const groupResourcesByTask = (resources) => {
-    const groupedMap = resources.reduce((acc, resource) => {
-        const taskId = resource.taskId;
-        if (!acc.has(taskId)) {
-            acc.set(taskId, {
-                taskId,
-                taskName: resource.taskName,
-                resources: []
-            });
-        }
-        acc.get(taskId).resources.push(resource);
-        return acc;
-    }, new Map());
-    return Array.from(groupedMap.values());
-};
-export const ResourceTable = ({ resourceDataWithAllocation, userMaps, monthsRange }) => {
-    const { setValue } = useFormContext();
-    const [expandedTasks, setExpandedTasks] = React.useState(new Set());
-    const groupedResources = groupResourcesByTask(resourceDataWithAllocation);
-    const toggleTask = (taskId) => {
-        setExpandedTasks((prev) => {
-            const newSet = new Set(prev);
-            newSet.has(taskId) ? newSet.delete(taskId) : newSet.add(taskId);
-            return newSet;
-        });
-    };
-    return (_jsx(Card, { className: "p-0 bg-background", children: _jsx(CardContent, { className: "p-0", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { className: "w-[300px] py-5", children: "Task Name" }), _jsx(TableHead, { className: "w-[200px] py-5", children: "Employee Name" }), _jsx(TableHead, { className: "w-[200px] py-5", children: "Role" }), monthsRange.map((month) => (_jsx(TableHead, { className: "w-[100px] py-5", children: month.replace("_", " ") }, month)))] }) }), _jsx(TableBody, { children: groupedResources.map((group) => (_jsxs(React.Fragment, { children: [_jsx(TableRow, { className: "cursor-pointer hover:bg-accent", onClick: () => toggleTask(group.taskId), children: _jsx(TableCell, { colSpan: 3 + monthsRange.length, children: _jsxs("div", { className: "flex items-center gap-2", children: [expandedTasks.has(group.taskId) ? _jsx(ChevronDown, { className: "h-4 w-4 text-primary" }) : _jsx(ChevronRight, { className: "h-4 w-4 text-primary" }), _jsx("span", { className: "font-medium", children: group.taskName })] }) }) }), expandedTasks.has(group.taskId) && group.resources.map((resource) => (_jsxs(TableRow, { className: "hover:bg-muted/30", children: [_jsx(TableCell, { className: "pl-8", children: _jsx(Input, { value: resource.taskName, disabled: true, className: "w-full bg-transparent border-0 px-0 disabled:opacity-100" }) }), _jsx(TableCell, { children: _jsxs(Select, { defaultValue: resource.resourceId, children: [_jsx(SelectTrigger, { className: "w-full bg-secondary dark:bg-secondary", children: _jsx(SelectValue, { placeholder: "Select employee" }) }), _jsx(SelectContent, { children: Object.entries(userMaps.userDetailsMap).map(([id, user]) => (_jsx(SelectItem, { value: id, children: user.name }, id))) })] }) }), _jsx(TableCell, { children: _jsxs(Select, { defaultValue: resource.gradeId.toString(), children: [_jsx(SelectTrigger, { className: "w-full bg-secondary dark:bg-secondary", children: _jsx(SelectValue, { placeholder: "Select role" }) }), _jsx(SelectContent, { children: Object.entries(userMaps.rolesMap).map(([id, role]) => (_jsx(SelectItem, { value: id, children: role.roleName }, id))) })] }) }), monthsRange.map((month) => (_jsx(TableCell, { children: _jsx(Input, { type: "number", min: "0", max: "1", step: "0.01", defaultValue: resource.allocation[month] || 0, className: "w-20" }) }, month)))] }, `${resource.taskId}-${resource.resourceId}`)))] }, group.taskId))) })] }) }) }));
-};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, CardContent } from "../../shadcn/card";
+import { Input } from "../../shadcn/input";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../shadcn/select";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "../../shadcn/table";
+import { ChevronDown, ChevronRight } from "lucide-react";
+import * as React from "react";
+import { useFormContext } from "react-hook-form";
+const groupResourcesByTask = (resources) => {
+    const groupedMap = resources.reduce((acc, resource) => {
+        const taskId = resource.taskId;
+        if (!acc.has(taskId)) {
+            acc.set(taskId, {
+                taskId,
+                taskName: resource.taskName,
+                resources: []
+            });
+        }
+        acc.get(taskId).resources.push(resource);
+        return acc;
+    }, new Map());
+    return Array.from(groupedMap.values());
+};
+export const ResourceTable = ({ resourceDataWithAllocation, userMaps, monthsRange }) => {
+    const { setValue } = useFormContext();
+    const [expandedTasks, setExpandedTasks] = React.useState(new Set());
+    const groupedResources = groupResourcesByTask(resourceDataWithAllocation);
+    const toggleTask = (taskId) => {
+        setExpandedTasks((prev) => {
+            const newSet = new Set(prev);
+            newSet.has(taskId) ? newSet.delete(taskId) : newSet.add(taskId);
+            return newSet;
+        });
+    };
+    return (_jsx(Card, { className: "p-0 bg-background", children: _jsx(CardContent, { className: "p-0", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { className: "w-[300px] py-5", children: "Task Name" }), _jsx(TableHead, { className: "w-[200px] py-5", children: "Employee Name" }), _jsx(TableHead, { className: "w-[200px] py-5", children: "Role" }), monthsRange.map((month) => (_jsx(TableHead, { className: "w-[100px] py-5", children: month.replace("_", " ") }, month)))] }) }), _jsx(TableBody, { children: groupedResources.map((group) => (_jsxs(React.Fragment, { children: [_jsx(TableRow, { className: "cursor-pointer hover:bg-accent", onClick: () => toggleTask(group.taskId), children: _jsx(TableCell, { colSpan: 3 + monthsRange.length, children: _jsxs("div", { className: "flex items-center gap-2", children: [expandedTasks.has(group.taskId) ? _jsx(ChevronDown, { className: "h-4 w-4 text-primary" }) : _jsx(ChevronRight, { className: "h-4 w-4 text-primary" }), _jsx("span", { className: "font-medium", children: group.taskName })] }) }) }), expandedTasks.has(group.taskId) && group.resources.map((resource) => (_jsxs(TableRow, { className: "hover:bg-muted/30", children: [_jsx(TableCell, { className: "pl-8", children: _jsx(Input, { value: resource.taskName, disabled: true, className: "w-full bg-transparent border-0 px-0 disabled:opacity-100" }) }), _jsx(TableCell, { children: _jsxs(Select, { defaultValue: resource.resourceId, children: [_jsx(SelectTrigger, { className: "w-full bg-secondary dark:bg-secondary", children: _jsx(SelectValue, { placeholder: "Select employee" }) }), _jsx(SelectContent, { children: Object.entries(userMaps.userDetailsMap).map(([id, user]) => (_jsx(SelectItem, { value: id, children: user.name }, id))) })] }) }), _jsx(TableCell, { children: _jsxs(Select, { defaultValue: resource.gradeId.toString(), children: [_jsx(SelectTrigger, { className: "w-full bg-secondary dark:bg-secondary", children: _jsx(SelectValue, { placeholder: "Select role" }) }), _jsx(SelectContent, { children: Object.entries(userMaps.rolesMap).map(([id, role]) => (_jsx(SelectItem, { value: id, children: role.roleName }, id))) })] }) }), monthsRange.map((month) => (_jsx(TableCell, { children: _jsx(Input, { type: "number", min: "0", max: "1", step: "0.01", defaultValue: resource.allocation[month] || 0, className: "w-20" }) }, month)))] }, `${resource.taskId}-${resource.resourceId}`)))] }, group.taskId))) })] }) }) }));
+};

package/dist/index.d.ts

@@ -80,6 +80,8 @@ export { FrameworkItemDropdown } from "./ikoncomponents/twolevel-dropdown";
 export type { FrameworkEntry, TreeNode, ParentEntry, ProcessedFrameworkData } from "./ikoncomponents/twolevel-dropdown";
 export { Widgets } from "./ikoncomponents/widgets";
 export type { WidgetProps, WidgetsFunctionProps } from "./ikoncomponents/widgets/type";
+export { BigCalendar } from "./ikoncomponents/big-calendar";
+export type { BigCalendarProps, ExtraParamsEvent, BigCalendarEventProps, BigCalenderToolbarProps } from "./ikoncomponents/big-calendar/type";
 export { BreadcrumbProvider, useBreadcrumb } from "./ikoncomponents/app-breadcrumb/BreadcrumbProvider";
 export type { BreadcrumbItemProps } from "./ikoncomponents/app-breadcrumb/BreadcrumbProvider";
 export { AppBreadcrumb, RenderAppBreadcrumb } from "./ikoncomponents/app-breadcrumb";
@@ -107,6 +109,18 @@ export type { SidebarNavSubItem, SidebarNavItem, SidebarNavContextType } from ".
 export { SidebarNavProvider, useSidebarNav } from "./ikoncomponents/main-layout/SidebarNavContext";
 export { MainLayout } from "./ikoncomponents/main-layout";
 export { ProviderWrapper } from "./ikoncomponents/provider-wrapper";
+export { ActivitySheet } from "./ikoncomponents/activity-sheet";
+export type { ActivityLogProps } from "./ikoncomponents/activity-sheet";
+export { ImageCropperProvider, useImageCropper } from "./ikoncomponents/image-cropper-upload";
+export type { ImageCropperProps, OriginalImageProps, AspectRatioWiseImagesProps, ImageCropperContextProps } from "./ikoncomponents/image-cropper-upload";
+export { ImageCropper } from "./ikoncomponents/image-cropper-upload/image-cropper";
+export type { CropperImgProps } from "./ikoncomponents/image-cropper-upload/image-cropper";
+export { CropperFormWithModal } from "./ikoncomponents/image-cropper-upload/cropper-form-with-modal";
+export { CropperForm } from "./ikoncomponents/image-cropper-upload/cropper-form";
+export { NewCropperImg } from "./ikoncomponents/image-cropper-upload/components/newCropper";
+export type { CropperImgProps as NewCropperImgProps } from "./ikoncomponents/image-cropper-upload/components/newCropper";
+export { NewImageForm } from "./ikoncomponents/image-cropper-upload/components/newImageUploadForm";
+export type { ImageFormProps } from "./ikoncomponents/image-cropper-upload/components/newImageUploadForm";
 export { ThemeProvider } from "./utils/theme-provider";
 export { RadiusProvider, useRadius } from "./utils/border-radius-provider";
 export { FontProvider, useFont } from "./utils/font-provider";

package/dist/index.js

@@ -72,6 +72,7 @@ export { TitleProgress } from "./ikoncomponents/title-progress";
 export { TooltipComponent } from "./ikoncomponents/tooltip";
 export { FrameworkItemDropdown } from "./ikoncomponents/twolevel-dropdown";
 export { Widgets } from "./ikoncomponents/widgets";
+export { BigCalendar } from "./ikoncomponents/big-calendar";
 export { BreadcrumbProvider, useBreadcrumb } from "./ikoncomponents/app-breadcrumb/BreadcrumbProvider";
 export { AppBreadcrumb, RenderAppBreadcrumb } from "./ikoncomponents/app-breadcrumb";
 export { FormComboboxInput } from "./ikoncomponents/form-fields/combobox-input";
@@ -94,6 +95,13 @@ export { NavMain } from "./ikoncomponents/main-layout/nav-main";
 export { SidebarNavProvider, useSidebarNav } from "./ikoncomponents/main-layout/SidebarNavContext";
 export { MainLayout } from "./ikoncomponents/main-layout";
 export { ProviderWrapper } from "./ikoncomponents/provider-wrapper";
+export { ActivitySheet } from "./ikoncomponents/activity-sheet";
+export { ImageCropperProvider, useImageCropper } from "./ikoncomponents/image-cropper-upload";
+export { ImageCropper } from "./ikoncomponents/image-cropper-upload/image-cropper";
+export { CropperFormWithModal } from "./ikoncomponents/image-cropper-upload/cropper-form-with-modal";
+export { CropperForm } from "./ikoncomponents/image-cropper-upload/cropper-form";
+export { NewCropperImg } from "./ikoncomponents/image-cropper-upload/components/newCropper";
+export { NewImageForm } from "./ikoncomponents/image-cropper-upload/components/newImageUploadForm";
 export { ThemeProvider } from "./utils/theme-provider";
 export { RadiusProvider, useRadius } from "./utils/border-radius-provider";
 export { FontProvider, useFont } from "./utils/font-provider";