ikoncomponents 1.5.8 → 1.5.10

package/templates/default/ikoncomponents/upload-tab/index.tsx

@@ -1,237 +0,0 @@
-"use client";
-import { useState, useEffect } from "react";
-import { UploadIcon, X, FileWarning, Send } from "lucide-react";
-import { Button } from "../../shadcn/button";
-import { Input } from "../../shadcn/input";
-import { Label } from "../../shadcn/label";
-import { Progress } from "../../shadcn/progress";
-import { useForm } from "react-hook-form";
-import axios from "axios";
-
-import {
-  Form,
-  FormField,
-  FormItem,
-  FormLabel,
-  FormControl,
-  FormMessage,
-  FormDescription,
-} from "../../shadcn/form";
-import { NoDataComponent } from "../no-data";
-
-interface Entry {
-  text: string;
-  fileNames: string[];
-}
-
-interface FileDetails {
-  name: string;
-  url: string;
-  progress: number;
-  file: File;
-}
-
-export function UploadTab() {
-  const form = useForm<Entry>({
-    defaultValues: {
-      text: "",
-      fileNames: [],
-    },
-  });
-
-  const [inputValue, setInputValue] = useState("");
-  const [texts, setTexts] = useState<Entry[]>([]);
-  const [fileNames, setFileNames] = useState<FileDetails[]>([]); // Updated type
-  const [formattedDate, setFormattedDate] = useState("");
-  const [noFilesUploaded, setNoFilesUploaded] = useState(true);
-
-  const isUploading = fileNames.some((file) => file.progress < 100);
-
-  const simulateFileUpload = async (idx: number, file: FileDetails) => {
-    const formData = new FormData();
-    formData.append("file", file.file); // Use the actual file object
-
-    try {
-      const response = await axios.post("UPLOAD_ENDPOINT_URL", formData, {
-        onUploadProgress: (progressEvent) => {
-          const progress = Math.round(
-            (progressEvent.loaded * 100) / (progressEvent.total || 1)
-          );
-          setFileNames((prev) =>
-            prev.map((f, i) => (i === idx ? { ...f, progress } : f))
-          );
-        },
-      });
-
-      setFileNames((prev) =>
-        prev.map((f, i) =>
-          i === idx ? { ...f, url: response.data.url, progress: 100 } : f
-        )
-      );
-    } catch (error) {
-      console.error("Upload failed:", error);
-    }
-  };
-
-  useEffect(() => {
-    const currentDate = new Date();
-    const day = String(currentDate.getDate()).padStart(2, "0");
-    const month = String(currentDate.getMonth() + 1).padStart(2, "0");
-    const year = currentDate.getFullYear();
-
-    setFormattedDate(`${day}-${month}-${year}`);
-  }, []);
-
-  useEffect(() => {
-    fileNames.forEach((file, idx) => {
-      if (file.progress === 0) {
-        simulateFileUpload(idx, file);
-      }
-    });
-  }, [fileNames]);
-
-  const handleAddText = () => {
-    if (inputValue.trim() || fileNames.length > 0) {
-      const newEntry: Entry = {
-        text: inputValue.trim(),
-        fileNames: fileNames.map((file) => file.name),
-      };
-      setTexts([newEntry, ...texts]);
-      setInputValue("");
-      setFileNames([]);
-      setNoFilesUploaded(false);
-    }
-  };
-
-  const handleFileUpload = (e: React.ChangeEvent<HTMLInputElement>) => {
-    if (e.target.files) {
-      const uploadedFiles = Array.from(e.target.files).map((file) => ({
-        name: file.name,
-        url: "",
-        progress: 0,
-        file,
-      }));
-      setFileNames((prev) => [...prev, ...uploadedFiles]); // Type now matches correctly
-      setNoFilesUploaded(false);
-    }
-  };
-
-  const removeFile = (index: number) => {
-    const updatedFiles = fileNames.filter((_, idx) => idx !== index);
-    setFileNames(updatedFiles);
-    if (updatedFiles.length === 0 && texts.length === 0) {
-      setNoFilesUploaded(true);
-    }
-  };
-
-
-
-  return (
-    <>
-      {/* Container for the text list */}
-      <div className="flex flex-col h-full w-full gap-3">
-        <div className="flex-grow overflow-auto flex flex-col-reverse gap-2">
-          {noFilesUploaded && <NoDataComponent text="No files uploaded" />}
-          {fileNames.length > 0 && (
-            <div className="p-2 my-1 rounded-md border">
-              <p className="font-bold">Selected Files:</p>
-              {fileNames.map((file, idx) => (
-                <div key={idx} className="flex flex-col mb-2">
-                  <div className="flex items-center justify-between">
-                    <a
-                      href={file.url}
-                      download={file.name}
-                      className="text-sm text-blue-600 underline cursor-pointer"
-                    >
-                      {file.name}
-                    </a>
-                    <button
-                      onClick={() => removeFile(idx)}
-                      className="text-red-500 hover:text-red-800"
-                    >
-                      <X className="w-4 h-4" />
-                    </button>
-                  </div>
-                  <Progress value={file.progress} />
-                  <p className="text-xs text-gray-500">
-                    {file.progress}% uploaded
-                  </p>
-                </div>
-              ))}
-            </div>
-          )}
-          {texts.map((entry, index) => (
-            <div key={index} className="border-b text-sm pb-2">
-              {entry.fileNames.map((fileName, idx) => (
-                <p key={idx}>
-                  <a
-                    href={
-                      fileNames.find((file) => file.name === fileName)?.url ||
-                      "#"
-                    }
-                    download={fileName}
-                    className="text-sm text-blue-500 underline cursor-pointer"
-                  >
-                    {fileName}
-                  </a>
-                </p>
-              ))}
-              <p>{entry.text || "(No Text)"}</p>
-              <div className="flex justify-between">
-                <p>John Doe</p>
-                <p>{formattedDate}</p>
-              </div>
-            </div>
-          ))}
-        </div>
-        <Form {...form}>
-          <form onSubmit={form.handleSubmit(() => handleAddText())}>
-            <div className="flex flex-col">
-              <div className="flex items-center justify-center gap-2">
-                <div className="flex-1">
-                  <FormField
-                    name="text"
-                    render={({ field }) => (
-                      <FormItem>
-                        <FormControl>
-                          <Input
-                            id="text-input"
-                            type="text"
-                            value={inputValue}
-                            onChange={(e) => setInputValue(e.target.value)}
-                            placeholder="Type something..."
-                          />
-                        </FormControl>
-                        <FormMessage />
-                      </FormItem>
-                    )}
-                  />
-                </div>
-                <div className="flex items-center gap-2">
-                  <Label htmlFor="file-upload" className="sr-only">
-                    Upload Files
-                  </Label>
-                  <Button variant="outline" asChild>
-                    <label htmlFor="file-upload" className="cursor-pointer">
-                      <UploadIcon className="w-5 h-5" />
-                    </label>
-                  </Button>
-                  <Input
-                    id="file-upload"
-                    type="file"
-                    multiple
-                    onChange={handleFileUpload}
-                    className="hidden"
-                  />
-                </div>
-                <Button variant="outline" type="submit" disabled={isUploading}>
-                  <Send />
-                </Button>
-              </div>
-            </div>
-          </form>
-        </Form>
-      </div>
-    </>
-  );
-}

package/templates/default/ikoncomponents/widgets/index.tsx

@@ -1,81 +0,0 @@
-'use client'
-import * as React from "react";
-import { WidgetsFunctionProps } from "./type";
-import { Icon } from "../icon";
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../../shadcn/tooltip";
-import { Button } from "../../shadcn/button";
-
-export function Widgets({ widgetData }: WidgetsFunctionProps) {
-    const firstRowWidgets = widgetData.slice(0, 4);
-    const secondRowWidgets = widgetData.slice(4);
-
-    return (
-        <div className="flex flex-col gap-2">
-            <div className="flex flex-col md:flex-row gap-2">
-                {firstRowWidgets.map((widget) => (
-                    <div className="flex flex-1 flex-row justify-between border rounded-md p-2 border-l-4 border-l-primary" key={widget.id}>
-                        <div className="flex flex-col">
-                            <TooltipProvider>
-                                <Tooltip>
-                                    <TooltipTrigger className="cursor-default select-text">
-                                        <p className="font-medium max-w-[240px] truncate">{widget.widgetText}</p>
-                                    </TooltipTrigger>
-                                    <TooltipContent>
-                                        <p>{widget.widgetText}</p>
-                                    </TooltipContent>
-                                </Tooltip>
-                            </TooltipProvider>
-                            <div>
-                                {widget.onButtonClickfunc ?
-                                    <Button className="px-0" variant={"link"} onClick={() => widget.onButtonClickfunc?.({ id: widget.id })}>
-                                        {widget.widgetNumber}
-                                    </Button> :
-                                    <p className="inline-flex items-center justify-center px-0 py-2 text-sm font-medium border border-transparent rounded-md">
-                                        {widget.widgetNumber}
-                                    </p>
-                                }
-                            </div>
-                        </div>
-                        <div className="flex justify-end items-center">
-                            {widget.iconName && <Icon name={widget.iconName} />}
-                        </div>
-                    </div>
-                ))}
-            </div>
-
-            {secondRowWidgets.length > 0 && (
-                <div className="flex flex-col md:flex-row gap-2">
-                    {secondRowWidgets.map((widget) => (
-                        <div className="flex flex-1 flex-row justify-between border rounded-md p-2 border-l-4 border-l-primary" key={widget.id}>
-                            <div className="flex flex-col">
-                                <TooltipProvider>
-                                    <Tooltip>
-                                        <TooltipTrigger className="cursor-default select-text">
-                                            <p className="font-medium max-w-[240px] truncate">{widget.widgetText}</p>
-                                        </TooltipTrigger>
-                                        <TooltipContent>
-                                            <p>{widget.widgetText}</p>
-                                        </TooltipContent>
-                                    </Tooltip>
-                                </TooltipProvider>
-                                <div>
-                                    {widget.onButtonClickfunc ?
-                                        <Button className="px-0" variant={"link"} onClick={() => widget.onButtonClickfunc?.({ id: widget.id })}>
-                                            {widget.widgetNumber}
-                                        </Button> :
-                                        <p className="inline-flex items-center justify-center px-0 py-2 text-sm font-medium border border-transparent rounded-md">
-                                            {widget.widgetNumber}
-                                        </p>
-                                    }
-                                </div>
-                            </div>
-                            <div className="flex justify-end items-center">
-                                {widget.iconName && <Icon name={widget.iconName} />}
-                            </div>
-                        </div>
-                    ))}
-                </div>
-            )}
-        </div>
-    )
-}

package/templates/default/ikoncomponents/widgets/type.ts

@@ -1,11 +0,0 @@
-export interface WidgetProps {
-  id: string,
-  widgetText: string;
-  widgetNumber: string;
-  iconName?: string;
-  onButtonClickfunc?: (...params: (string | (Record<string, string>))[]) => void;
-};
-
-export interface WidgetsFunctionProps {
-  widgetData: WidgetProps[];
-}

package/templates/default/ikoncomponents/work-in-progress/index.tsx

@@ -1,16 +0,0 @@
-import React from "react";
-
-export function WorkInProgress() {
-    return (
-        <div className="flex h-full items-center justify-center">
-            <div className="bg-background text-forefround rounded-xl p-6 text-center max-w-md">
-                <div className="text-3xl font-bold mb-2 animate-pulse">
-                    🚧 Work in Progress
-                </div>
-                <p className="text-muted-foreground">
-                    We’re currently working on this section. Check back soon!
-                </p>
-            </div>
-        </div>
-    );
-}