ikoncomponents 1.5.5 → 1.5.7

package/README.md

@@ -1,36 +1,36 @@
-This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
-
-## Getting Started
-
-First, run the development server:
-
-```bash
-npm run dev
-# or
-yarn dev
-# or
-pnpm dev
-# or
-bun dev
-```
-
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
-
-You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
-
-This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
-
-## Learn More
-
-To learn more about Next.js, take a look at the following resources:
-
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
-
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
-
-## Deploy on Vercel
-
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
-
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.
+This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+
+This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.

package/dist/hooks/use-mobile.d.ts

@@ -0,0 +1 @@
+export declare function useIsMobile(): boolean;

package/dist/hooks/use-mobile.js

@@ -0,0 +1,15 @@
+import * as React from "react";
+const MOBILE_BREAKPOINT = 768;
+export function useIsMobile() {
+    const [isMobile, setIsMobile] = React.useState(undefined);
+    React.useEffect(() => {
+        const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+        const onChange = () => {
+            setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+        };
+        mql.addEventListener("change", onChange);
+        setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+        return () => mql.removeEventListener("change", onChange);
+    }, []);
+    return !!isMobile;
+}

package/dist/ikoncomponents/action-menu/index.d.ts

@@ -0,0 +1,5 @@
+import type { ActionMenuProps, ExtraActionParams } from "./type";
+export declare function ActionMenu({ actionMenus, extraActionParams, }: {
+    actionMenus: ActionMenuProps[];
+    extraActionParams?: ExtraActionParams;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/ikoncomponents/action-menu/index.js

@@ -0,0 +1,42 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, } from "../../shadcn/dropdown-menu";
+import { MoreHorizontal } from "lucide-react";
+import { IconButtonWithTooltip } from "../buttons";
+export function ActionMenu({ actionMenus, extraActionParams, }) {
+    const renderMenuItems = (items) => {
+        items = items.filter((item) => {
+            // biome-ignore lint/complexity/useOptionalChain: <explanation>
+            return ((item === null || item === void 0 ? void 0 : item.visibility) === undefined || item.visibility === true || (item.visibility && item.visibility(...((extraActionParams === null || extraActionParams === void 0 ? void 0 : extraActionParams.arguments) || []))));
+        });
+        if (items.length === 0) {
+            return _jsx(DropdownMenuItem, { className: "text-center", children: "No action available." });
+        }
+        return items.map((item, index) => {
+            if (item.type === "label") {
+                return _jsx(DropdownMenuLabel, { children: String(item.label) }, index);
+            }
+            if (item.type === "separator") {
+                return _jsx(DropdownMenuSeparator, {}, index);
+            }
+            if (item.type === "group" && item.items) {
+                return (_jsx(DropdownMenuGroup, { children: renderMenuItems(item.items) }, index));
+            }
+            if (item.items) {
+                return (_jsxs(DropdownMenuSub, { children: [_jsx(DropdownMenuSubTrigger, { children: String(item.label) }), _jsx(DropdownMenuPortal, { children: _jsx(DropdownMenuSubContent, { children: renderMenuItems(item.items) }) })] }, index));
+            }
+            let labelContent = "";
+            if (typeof item.label === "function") {
+                labelContent = item.label(...((extraActionParams === null || extraActionParams === void 0 ? void 0 : extraActionParams.arguments) || []));
+            }
+            else {
+                labelContent = item.label;
+            }
+            return (_jsxs(DropdownMenuItem, { disabled: item.disabled, onClick: () => 
+                // biome-ignore lint/complexity/useOptionalChain: <explanation>
+                item.onClick &&
+                    item.onClick(...((extraActionParams === null || extraActionParams === void 0 ? void 0 : extraActionParams.arguments) || [])), children: [item.icon && _jsx(item.icon, {}), labelContent] }, index));
+        });
+    };
+    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(IconButtonWithTooltip, { variant: "ghost", tooltipContent: "Actions", className: "h-8 w-8 p-0 border-0 bg-transparent text-foreground keross:text-white elevation-0 shadow-none hover:bg-transparent", children: _jsx(MoreHorizontal, {}) }) }), _jsx(DropdownMenuContent, { className: "w-56", align: "end", children: renderMenuItems(actionMenus) })] }));
+}

package/dist/ikoncomponents/action-menu/type.d.ts

@@ -0,0 +1,14 @@
+import type { LucideProps } from "lucide-react";
+import type { ForwardRefExoticComponent, RefAttributes } from "react";
+export interface ActionMenuProps {
+    items?: ActionMenuProps[];
+    type?: "sub" | "group" | "separator" | "label" | null;
+    label: ((...args: any) => string) | string;
+    icon?: ForwardRefExoticComponent<Omit<LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
+    disabled?: boolean;
+    visibility?: ((...args: any) => boolean) | boolean;
+    onClick?: (...args: any) => void;
+}
+export interface ExtraActionParams {
+    arguments?: any[];
+}

package/dist/ikoncomponents/action-menu/type.js

@@ -0,0 +1 @@
+export {};

package/dist/ikoncomponents/activity-sheet/index.d.ts

@@ -0,0 +1,11 @@
+export type ActivityLogProps = {
+    id: string;
+    activity: string;
+    updatedBy: string;
+    updatedOn: string;
+    source: string;
+    parentId: string;
+};
+export declare function ActivitySheet({ activityLogs }: {
+    activityLogs?: ActivityLogProps[];
+}): import("react/jsx-runtime").JSX.Element;

package/dist/ikoncomponents/activity-sheet/index.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AlignJustify } from "lucide-react";
+import { CustomTabs } from "../tabs";
+import { NoDataComponent } from "../no-data";
+import { UploadTab } from "../upload-tab";
+import { SheetComponent } from "../sheet";
+export function ActivitySheet({ activityLogs = [] }) {
+    const tabArray = [
+        {
+            tabName: "Activity",
+            tabId: "tab-activity",
+            default: true,
+            tabContent: _jsx("div", { className: "overflow-auto flex flex-col gap-2 h-full", children: activityLogs.length > 0 ? (activityLogs.map((log) => (_jsxs("div", { className: "border-b text-sm pb-2", children: [_jsx("p", { className: "font-medium pb-1", children: log.activity }), _jsxs("p", { className: "text-gray-500 pb-1", children: ["Updated On:", " ", _jsx("span", { className: "text-gray-700", children: new Date(log.updatedOn).toLocaleString() })] }), _jsxs("p", { className: "text-gray-500 pb-1", children: ["Updated By: ", _jsx("span", { className: "text-gray-700", children: log.updatedBy })] })] }, log.id)))) : (_jsx(NoDataComponent, { text: "No Activity Logs Available" })) })
+        }, {
+            tabName: "File Upload",
+            tabId: "tab-upload",
+            default: false,
+            tabContent: _jsx(UploadTab, {})
+        }
+    ];
+    return (_jsx(SheetComponent, { buttonText: "", buttonIcon: _jsx(AlignJustify, {}), sheetTitle: "", sheetContent: _jsx(CustomTabs, { tabArray: tabArray, tabListClass: '' }), closeButton: true }));
+}

package/dist/ikoncomponents/alert-dialog/dialog-context.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from "react";
+interface DialogContextProps {
+    openDialog: (options: DialogOptions) => void;
+    closeDialog: () => void;
+}
+interface DialogOptions {
+    title: string;
+    description: string;
+    onConfirm?: () => void;
+    onCancel?: () => void;
+    onThird?: () => void;
+    confirmText?: string;
+    cancelText?: string;
+    thirdOptionText?: string;
+    fontSize?: string;
+}
+export declare const useDialog: () => DialogContextProps;
+export declare const DialogProvider: React.FC<{
+    children: ReactNode;
+}>;
+export {};

package/dist/ikoncomponents/alert-dialog/dialog-context.js

@@ -0,0 +1,30 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useContext, useState } from "react";
+import { CustomAlertDialog } from "../alert-dialog";
+const DialogContext = createContext(undefined);
+export const useDialog = () => {
+    const context = useContext(DialogContext);
+    if (!context) {
+        throw new Error("useDialog must be used within a DialogProvider");
+    }
+    return context;
+};
+export const DialogProvider = ({ children }) => {
+    const [dialogOptions, setDialogOptions] = useState(null);
+    const openDialog = (options) => setDialogOptions(options);
+    const closeDialog = () => setDialogOptions(null);
+    return (_jsxs(DialogContext.Provider, { value: { openDialog, closeDialog }, children: [children, dialogOptions && (_jsx(CustomAlertDialog, { title: dialogOptions.title, description: dialogOptions.description, fontSize: dialogOptions.fontSize || "text-base", cancelText: dialogOptions.cancelText || "", confirmText: dialogOptions.confirmText || "", thirdOptionText: dialogOptions.thirdOptionText || "", onConfirm: () => {
+                    if (dialogOptions.onConfirm)
+                        dialogOptions.onConfirm();
+                    closeDialog();
+                }, onCancel: () => {
+                    if (dialogOptions.onCancel)
+                        dialogOptions.onCancel();
+                    closeDialog();
+                }, onThird: () => {
+                    if (dialogOptions.onThird)
+                        dialogOptions.onThird();
+                    closeDialog();
+                } }))] }));
+};

package/dist/ikoncomponents/alert-dialog/index.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+interface CustomAlertDialogProps {
+    title: string;
+    description?: string;
+    fontSize?: string;
+    cancelText?: string;
+    confirmText?: string;
+    thirdOptionText?: string;
+    onCancel?: () => void;
+    onConfirm?: () => void;
+    onThird?: () => void;
+}
+export declare const CustomAlertDialog: React.FC<CustomAlertDialogProps>;
+export {};

package/dist/ikoncomponents/alert-dialog/index.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, } from "../../shadcn/alert-dialog";
+export const CustomAlertDialog = ({ title, description, fontSize = "text-base", cancelText = "", // Default cancel button text
+confirmText = "", // Default confirm button text
+thirdOptionText = "", // Default third button text
+onCancel, // Optional callback for cancel action
+onConfirm, // Optional callback for confirm action
+onThird, // Optional callback for third action
+ }) => {
+    return (_jsx(AlertDialog, { open: true, children: _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { className: fontSize, children: title }), _jsx(AlertDialogDescription, { className: fontSize, children: description })] }), _jsxs(AlertDialogFooter, { children: [cancelText != "" && (_jsx(AlertDialogCancel, { onClick: () => {
+                                if (onCancel)
+                                    onCancel(); // Execute cancel callback if provided
+                            }, children: cancelText })), thirdOptionText != "" && (_jsx(AlertDialogAction, { className: "bg-blue-500", color: "black", onClick: () => {
+                                if (onThird)
+                                    onThird(); // Execute confirm callback if provided
+                            }, children: thirdOptionText })), confirmText != "" && (_jsx(AlertDialogAction, { onClick: () => {
+                                if (onConfirm)
+                                    onConfirm(); // Execute confirm callback if provided
+                            }, children: confirmText }))] })] }) }));
+};

package/dist/ikoncomponents/app-breadcrumb/BreadcrumbProvider.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+export interface BreadcrumbItemProps {
+    title: string;
+    href?: string;
+    level: number;
+}
+interface BreadcrumbContextType {
+    breadcrumbItems: BreadcrumbItemProps[];
+    addBreadcrumb: (item: BreadcrumbItemProps) => void;
+    backBreadcrumb: (item: BreadcrumbItemProps) => void;
+    addBreadcrumbItems: (items: BreadcrumbItemProps[], isReplace?: boolean) => void;
+    clearBreadcrumb: () => void;
+}
+export declare function BreadcrumbProvider({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useBreadcrumb(): BreadcrumbContextType;
+export {};

package/dist/ikoncomponents/app-breadcrumb/BreadcrumbProvider.js

@@ -0,0 +1,43 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useState } from 'react';
+// Create the context with a default value
+const BreadcrumbContext = createContext(undefined);
+// Create a provider component
+export function BreadcrumbProvider({ children }) {
+    const [breadcrumbItems, setBreadcrumbItems] = useState([]);
+    // Function to add a breadcrumb item
+    const addBreadcrumb = (item) => {
+        setBreadcrumbItems((prevItems) => {
+            const filterState = prevItems.filter((e) => e.level < item.level);
+            return [...filterState, item];
+        });
+    };
+    const addBreadcrumbItems = (items, isReplace) => {
+        if (isReplace) {
+            setBreadcrumbItems(items);
+        }
+        else {
+            setBreadcrumbItems((prevItems) => [...prevItems, ...items]);
+        }
+    };
+    // Function to go back in the breadcrumb
+    const backBreadcrumb = (item) => {
+        setBreadcrumbItems((prevItems) => {
+            const filterState = prevItems.filter((e) => e.level <= item.level);
+            return [...filterState];
+        });
+    };
+    const clearBreadcrumb = () => {
+        setBreadcrumbItems([]);
+    };
+    return (_jsx(BreadcrumbContext.Provider, { value: { breadcrumbItems, addBreadcrumb, backBreadcrumb, addBreadcrumbItems, clearBreadcrumb }, children: children }));
+}
+// Custom hook to use the BreadcrumbContext
+export function useBreadcrumb() {
+    const context = useContext(BreadcrumbContext);
+    if (!context) {
+        throw new Error('useBreadcrumb must be used within a BreadcrumbProvider');
+    }
+    return context;
+}

package/dist/ikoncomponents/app-breadcrumb/index.d.ts

@@ -0,0 +1,5 @@
+import { BreadcrumbItemProps } from "./BreadcrumbProvider";
+export declare function AppBreadcrumb(): import("react/jsx-runtime").JSX.Element | null;
+export declare function RenderAppBreadcrumb({ breadcrumb, }: {
+    breadcrumb: BreadcrumbItemProps;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/ikoncomponents/app-breadcrumb/index.js

@@ -0,0 +1,57 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import Link from "next/link";
+import { Fragment, useEffect, useMemo, useState } from "react";
+import { redirect } from "next/navigation";
+import { useBreadcrumb } from "./BreadcrumbProvider";
+import { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from "../../shadcn/breadcrumb";
+import { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, } from "../../shadcn/drawer";
+import { Button } from "../../shadcn/button";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "../../shadcn/dropdown-menu";
+import { useIsMobile } from "../../hooks/use-mobile";
+export function AppBreadcrumb() {
+    const { breadcrumbItems, backBreadcrumb } = useBreadcrumb();
+    const [open, setOpen] = useState(false);
+    const [itemToDisplay, setItemToDisplay] = useState(2);
+    const isMobile = useIsMobile();
+    useEffect(() => {
+        if (isMobile) {
+            setItemToDisplay(2);
+        }
+        else {
+            setItemToDisplay(4);
+        }
+    }, [isMobile]);
+    const breadcrumbObj = useMemo(() => {
+        return {
+            firstVisibleBreadcrumbList: breadcrumbItems.slice(0, 2),
+            hiddenBreadcrumbList: isMobile
+                ? breadcrumbItems.slice(2)
+                : breadcrumbItems.slice(2, itemToDisplay),
+            lastVisibleBreadcrumbList: breadcrumbItems.length > 2
+                ? breadcrumbItems.slice(2 -
+                    (breadcrumbItems.length < itemToDisplay
+                        ? breadcrumbItems.length
+                        : itemToDisplay))
+                : [],
+        };
+    }, [breadcrumbItems, itemToDisplay, isMobile]);
+    if (!breadcrumbObj || isMobile == undefined || itemToDisplay == null) {
+        return null;
+    }
+    return (_jsx(Breadcrumb, { children: _jsxs(BreadcrumbList, { children: [breadcrumbObj.firstVisibleBreadcrumbList.map((item, index) => index < breadcrumbItems.length - 1 ? (_jsxs(Fragment, { children: [_jsx(BreadcrumbItem, { children: !item.href ? (_jsx(BreadcrumbPage, { className: "max-w-20 truncate md:max-w-none", children: item.title })) : (_jsx(BreadcrumbLink, { className: "max-w-20 truncate md:max-w-none cursor-pointer", onClick: () => {
+                                    backBreadcrumb(item);
+                                    redirect(item.href);
+                                }, children: item.title })) }), _jsx(BreadcrumbSeparator, {}, "firstsep" + index)] }, "first" + index)) : (_jsx(BreadcrumbItem, { children: _jsx(BreadcrumbPage, { className: "max-w-20 truncate md:max-w-none", children: item.title }) }, "first" + index))), breadcrumbItems.length > itemToDisplay ? (_jsxs(_Fragment, { children: [_jsx(BreadcrumbItem, { children: !isMobile ? (_jsxs(DropdownMenu, { open: open, onOpenChange: setOpen, children: [_jsx(DropdownMenuTrigger, { className: "flex items-center gap-1", "aria-label": "Toggle menu", children: _jsx(BreadcrumbEllipsis, { className: "h-4 w-4" }) }), _jsx(DropdownMenuContent, { align: "start", children: breadcrumbObj.hiddenBreadcrumbList.map((item, index) => (_jsx(DropdownMenuItem, { children: !item.href ? (_jsx("span", { children: item.title })) : (_jsx(Link, { href: item.href ? item.href : "#", children: item.title })) }, index))) })] })) : (_jsxs(Drawer, { open: open, onOpenChange: setOpen, children: [_jsx(DrawerTrigger, { "aria-label": "Toggle Menu", children: _jsx(BreadcrumbEllipsis, { className: "h-4 w-4" }) }), _jsxs(DrawerContent, { children: [_jsxs(DrawerHeader, { className: "text-left", children: [_jsx(DrawerTitle, { children: "Navigate to" }), _jsx(DrawerDescription, { children: "Select a page to navigate to." })] }), _jsx("div", { className: "grid gap-1 px-2 lg:px-4", children: breadcrumbObj.hiddenBreadcrumbList.map((item, index) => (_jsx("div", { children: item.clickable == false ? (_jsx("span", { className: "py-1 text-sm", children: item.title })) : (_jsx(Link, { href: item.href ? item.href : "#", className: "py-1 text-sm", children: item.title })) }, index))) }), _jsx(DrawerFooter, { className: "pt-4", children: _jsx(DrawerClose, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Close" }) }) })] })] })) }), !isMobile && _jsx(BreadcrumbSeparator, {})] })) : null, !isMobile &&
+                    breadcrumbObj.lastVisibleBreadcrumbList.map((item, index) => index == breadcrumbObj.lastVisibleBreadcrumbList.length - 1 ? (_jsx(BreadcrumbItem, { children: _jsx(BreadcrumbPage, { className: "max-w-20 truncate md:max-w-none cursor-pointer", children: item.title }) }, "last" + index)) : (_jsxs(Fragment, { children: [_jsx(BreadcrumbItem, { children: !item.href ? (_jsx(BreadcrumbPage, { className: "max-w-20 truncate md:max-w-none", children: item.title })) : (_jsx(BreadcrumbLink, { className: "max-w-20 truncate md:max-w-none cursor-pointer", onClick: () => {
+                                        backBreadcrumb(item);
+                                        redirect(item.href);
+                                    }, children: item.title })) }), _jsx(BreadcrumbSeparator, {}, "lastsep" + index)] }, "last" + index)))] }, "BreadcrumbList1") }, "Breadcrumb1"));
+}
+export function RenderAppBreadcrumb({ breadcrumb, }) {
+    const { addBreadcrumb } = useBreadcrumb();
+    useEffect(() => {
+        addBreadcrumb(breadcrumb);
+    }, [breadcrumb]);
+    return _jsx(_Fragment, {});
+}

package/dist/ikoncomponents/big-calendar/big-calender-event/index.d.ts

@@ -0,0 +1,5 @@
+import { BigCalendarEventProps, ExtraParamsEvent } from "../type";
+export default function BigCalenderEvent({ event, extraParamsEvent }: {
+    event: BigCalendarEventProps;
+    extraParamsEvent?: ExtraParamsEvent;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/ikoncomponents/big-calendar/big-calender-event/index.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Eye, SquarePen } from "lucide-react";
+import { TooltipComponent as Tooltip } from "../../tooltip";
+// Custom event component
+export default function BigCalenderEvent({ event, extraParamsEvent }) {
+    return (_jsxs("div", { className: "custom-event flex flex-row justify-between", children: [_jsx("span", { className: "truncate w-auto", children: event.title }), _jsxs("span", { className: "flex flex-row gap-1", children: [((extraParamsEvent === null || extraParamsEvent === void 0 ? void 0 : extraParamsEvent.isEditableAll) || event.isEditable) &&
+                        _jsx(Tooltip, { tooltipContent: "Edit", children: _jsx("button", { className: "event-edit-button w-fit px-1", onClick: (e) => {
+                                    var _a;
+                                    e.stopPropagation(); // Prevent triggering other event handlers
+                                    (_a = extraParamsEvent === null || extraParamsEvent === void 0 ? void 0 : extraParamsEvent.onEditEventClick) === null || _a === void 0 ? void 0 : _a.call(extraParamsEvent, event);
+                                }, children: _jsx(SquarePen, { size: 16 }) }) }), _jsx(Tooltip, { tooltipContent: "View", children: _jsx("button", { className: "event-view-button w-fit px-1", onClick: (e) => {
+                                var _a;
+                                e.stopPropagation(); // Prevent triggering other event handlers
+                                (_a = extraParamsEvent === null || extraParamsEvent === void 0 ? void 0 : extraParamsEvent.onViewEventClick) === null || _a === void 0 ? void 0 : _a.call(extraParamsEvent, event);
+                            }, children: _jsx(Eye, { size: 16 }) }) })] })] }));
+}

package/dist/ikoncomponents/big-calendar/big-calender-toolbar/index.d.ts

@@ -0,0 +1,2 @@
+import { BigCalenderToolbarProps } from "../type";
+export default function BigCalenderToolbar({ onNavigate, onView, label, extraTools, view }: BigCalenderToolbarProps): import("react/jsx-runtime").JSX.Element;

package/dist/ikoncomponents/big-calendar/big-calender-toolbar/index.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Views } from "react-big-calendar";
+import { Fragment, useState } from "react";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import { ToggleGroup, ToggleGroupItem } from "../../../shadcn/toggle-group";
+// Custom toolbar component
+export default function BigCalenderToolbar({ onNavigate, onView, label, extraTools, view }) {
+    const [calViewsValue, setValue] = useState(view === Views.DAY ? "DAY" : view === Views.WEEK ? "WEEK" : "MONTH");
+    return (_jsx(_Fragment, { children: _jsxs("div", { className: "flex flex-col md:flex-row justify-between items-start md:items-center mb-3", children: [_jsxs(ToggleGroup, { type: "single", variant: 'outline', onValueChange: (value) => {
+                        switch (value) {
+                            case "PREV":
+                                onNavigate("PREV");
+                                break;
+                            case "NEXT":
+                                onNavigate("NEXT");
+                                break;
+                            case "TODAY":
+                                onNavigate("TODAY");
+                                break;
+                            default:
+                                break;
+                        }
+                    }, children: [_jsx(ToggleGroupItem, { className: "rounded-e-none", value: "PREV", children: _jsx(ChevronLeft, { size: 16 }) }), _jsx(ToggleGroupItem, { className: "rounded-none border-x", value: "NEXT", children: _jsx(ChevronRight, { size: 16 }) }), _jsx(ToggleGroupItem, { className: "rounded-s-none", value: "TODAY", children: "Today" })] }), _jsx("span", { className: "rbc-toolbar-label", children: label }), _jsxs("div", { className: "flex flex-row gap-2", children: [_jsxs(ToggleGroup, { type: "single", variant: 'outline', value: calViewsValue, onValueChange: (value) => {
+                                setValue(value);
+                                switch (value) {
+                                    case "DAY":
+                                        onView(Views.DAY);
+                                        break;
+                                    case "WEEK":
+                                        onView(Views.WEEK);
+                                        break;
+                                    case "MONTH":
+                                        onView(Views.MONTH);
+                                        break;
+                                    default:
+                                        break;
+                                }
+                            }, children: [_jsx(ToggleGroupItem, { className: 'rounded-e-none', value: "MONTH", children: "Month" }), _jsx(ToggleGroupItem, { className: 'rounded-none border-x-0', value: "WEEK", children: "Week" }), _jsx(ToggleGroupItem, { className: "rounded-s-none", value: "DAY", children: "Day" })] }), extraTools === null || extraTools === void 0 ? void 0 : extraTools.map((tool, index) => _jsx(Fragment, { children: tool }, index))] })] }) }));
+}

package/dist/ikoncomponents/big-calendar/index.d.ts

@@ -0,0 +1,3 @@
+import "react-big-calendar/lib/css/react-big-calendar.css";
+import { BigCalendarProps } from "./type";
+export declare function BigCalendar({ events, extraParamsEvent, extraTools }: BigCalendarProps): import("react/jsx-runtime").JSX.Element;

package/dist/ikoncomponents/big-calendar/index.js

@@ -0,0 +1,35 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { format, getDay, parse, startOfWeek } from "date-fns";
+import { Calendar, dateFnsLocalizer, Views } from "react-big-calendar";
+import "react-big-calendar/lib/css/react-big-calendar.css";
+import { useState } from "react";
+import BigCalenderToolbar from "./big-calender-toolbar";
+import BigCalenderEvent from "./big-calender-event";
+import { enUS } from 'date-fns/locale';
+// Localization settings
+const locales = {
+    "en-US": enUS,
+};
+const localizer = dateFnsLocalizer({
+    format,
+    parse,
+    startOfWeek,
+    getDay,
+    locales,
+});
+export function BigCalendar({ events, extraParamsEvent, extraTools }) {
+    const [view, setView] = useState((extraParamsEvent === null || extraParamsEvent === void 0 ? void 0 : extraParamsEvent.defaultView) === "day" ? Views.DAY :
+        (extraParamsEvent === null || extraParamsEvent === void 0 ? void 0 : extraParamsEvent.defaultView) === "week" ? Views.WEEK :
+            (extraParamsEvent === null || extraParamsEvent === void 0 ? void 0 : extraParamsEvent.defaultView) === "month" ? Views.MONTH :
+                (extraParamsEvent === null || extraParamsEvent === void 0 ? void 0 : extraParamsEvent.defaultView) === "work week" ? Views.WORK_WEEK :
+                    (extraParamsEvent === null || extraParamsEvent === void 0 ? void 0 : extraParamsEvent.defaultView) === "agenda" ? Views.AGENDA : Views.MONTH);
+    const [date, setDate] = useState(new Date());
+    return (_jsx(Calendar, { localizer: localizer, events: events || [], startAccessor: "start", endAccessor: "end", views: [Views.DAY, Views.WEEK, Views.MONTH], view: view, onView: (view) => setView(view), date: date, onNavigate: (date) => setDate(date), components: {
+            event: (props) => _jsx(BigCalenderEvent, { event: props.event, extraParamsEvent: extraParamsEvent }),
+            toolbar: (props) => _jsx(BigCalenderToolbar, Object.assign({}, props, { extraTools: extraTools, view: view })),
+        }, style: {
+            height: (extraParamsEvent === null || extraParamsEvent === void 0 ? void 0 : extraParamsEvent.height) || "100%",
+            margin: (extraParamsEvent === null || extraParamsEvent === void 0 ? void 0 : extraParamsEvent.margin) || "0px",
+        } }));
+}

package/dist/ikoncomponents/big-calendar/type.d.ts

@@ -0,0 +1,31 @@
+import { ReactNode } from "react";
+export interface BigCalendarProps {
+    events: BigCalendarEventProps[];
+    extraParamsEvent?: ExtraParamsEvent;
+    extraTools?: ReactNode[];
+    onDateClick?: (date: Date) => void;
+}
+export interface ExtraParamsEvent {
+    defaultView?: string;
+    isEditableAll?: boolean;
+    isViewable?: boolean;
+    onEditEventClick?: (event: BigCalendarEventProps) => void;
+    onViewEventClick?: (event: BigCalendarEventProps) => void;
+    height?: string;
+    margin?: string;
+}
+export interface BigCalendarEventProps extends Event {
+    title?: string;
+    isEditable?: boolean;
+    isViewable?: boolean;
+    start: Date;
+    end: Date;
+    onEventClick?: (event: any) => void;
+}
+export interface BigCalenderToolbarProps {
+    onNavigate: (view: any) => void;
+    onView: (view: any) => void;
+    label: string;
+    extraTools?: ReactNode[];
+    view: "month" | "week" | "work_week" | "day" | "agenda";
+}

package/dist/ikoncomponents/big-calendar/type.js

@@ -0,0 +1 @@
+export {};

package/dist/ikoncomponents/buttons/index.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { buttonVariants } from "../../shadcn/button";
+import { type VariantProps } from "class-variance-authority";
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    children: React.ReactNode;
+    asChild?: boolean;
+}
+export interface ButtonWithTooltipProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    children: React.ReactNode;
+    asChild?: boolean;
+    tooltipContent: string | React.ReactNode;
+}
+export declare function TextButton({ children, variant, asChild, size, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function TextButtonWithTooltip({ children, variant, asChild, size, tooltipContent, ...props }: ButtonWithTooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare function IconTextButton({ children, variant, asChild, size, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function IconTextButtonWithTooltip({ children, variant, size, asChild, tooltipContent, ...props }: ButtonWithTooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare function IconButton({ children, variant, size, asChild, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function IconButtonWithTooltip({ children, tooltipContent, asChild, variant, size, ...props }: ButtonWithTooltipProps): import("react/jsx-runtime").JSX.Element;

package/dist/ikoncomponents/buttons/index.js

@@ -0,0 +1,38 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TooltipComponent as Tooltip } from "../tooltip";
+import { Button } from "../../shadcn/button";
+export function TextButton(_a) {
+    var { children, variant, asChild = false, size } = _a, props = __rest(_a, ["children", "variant", "asChild", "size"]);
+    return (_jsx(Button, Object.assign({ variant: variant, size: size }, props, { asChild: asChild, children: children })));
+}
+export function TextButtonWithTooltip(_a) {
+    var { children, variant, asChild = false, size, tooltipContent } = _a, props = __rest(_a, ["children", "variant", "asChild", "size", "tooltipContent"]);
+    return (_jsx(Tooltip, { tooltipContent: tooltipContent, children: _jsx(TextButton, Object.assign({ variant: variant, size: size }, props, { asChild: asChild, children: children })) }));
+}
+export function IconTextButton(_a) {
+    var { children, variant, asChild = false, size } = _a, props = __rest(_a, ["children", "variant", "asChild", "size"]);
+    return (_jsx(Button, Object.assign({ variant: variant || "outline", size: size || "sm" }, props, { asChild: asChild, children: children })));
+}
+export function IconTextButtonWithTooltip(_a) {
+    var { children, variant, size, asChild = false, tooltipContent } = _a, props = __rest(_a, ["children", "variant", "size", "asChild", "tooltipContent"]);
+    return (_jsx(Tooltip, { tooltipContent: tooltipContent, children: _jsx(IconTextButton, Object.assign({ variant: variant, size: size }, props, { asChild: asChild, children: children })) }));
+}
+export function IconButton(_a) {
+    var { children, variant, size, asChild = false } = _a, props = __rest(_a, ["children", "variant", "size", "asChild"]);
+    return (_jsx(Button, Object.assign({ variant: variant || "outline", size: size || "icon" }, props, { asChild: asChild, children: children })));
+}
+export function IconButtonWithTooltip(_a) {
+    var { children, tooltipContent, asChild = false, variant, size } = _a, props = __rest(_a, ["children", "tooltipContent", "asChild", "variant", "size"]);
+    return (_jsx(Tooltip, { tooltipContent: tooltipContent, children: _jsx(IconButton, Object.assign({ variant: variant, size: size }, props, { asChild: asChild, children: children })) }));
+}