ikoncomponents 1.5.5 → 1.5.7

package/templates/default/ikoncomponents/app-breadcrumb/index.tsx

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

package/templates/default/ikoncomponents/big-calendar/big-calender-event/index.tsx

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

package/templates/default/ikoncomponents/big-calendar/big-calender-toolbar/index.tsx

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