gbs-add-block 0.0.19 → 0.0.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gbs-add-block",
-  "version": "0.0.19",
+  "version": "0.0.21",
   "description": "React Component Library",
   "files": [
     "index.js",

package/source/components/datepicker/index.tsx

@@ -13,7 +13,7 @@ import type { DatePickerProps } from "./types";
 
 export const DatePicker = ({
   placeholder = undefined,
-  selectedDate: initialSelectedDate = new Date(),
+  selectedDateValue,
   minDate = null,
   maxDate = null,
   yearLimitStart = 50,
@@ -25,15 +25,25 @@ export const DatePicker = ({
   const [currentMonth, setCurrentMonth] = useState(new Date().getMonth());
   const [currentYear, setCurrentYear] = useState(new Date().getFullYear());
   const [days, setDays] = useState<any>([]);
-  const [selectedDate, setSelectedDate] = useState(initialSelectedDate);
+  const [selectedDate, setSelectedDate] = useState<any>(
+    selectedDateValue ? selectedDateValue : new Date()
+  );
   const [hasMounted, setHasMounted] = useState(false);
   const [showPlaceHolder, setShowPlaceHolder] = useState<string | undefined>(
-    placeholder
+    selectedDateValue ? undefined : placeholder
   );
 
   const dateRef = useRef<HTMLDivElement>(null);
   const today = new Date();
 
+  useEffect(() => {
+    if (selectedDateValue) {
+      setSelectedDate(selectedDateValue);
+      setCurrentMonth(selectedDateValue.getMonth());
+      setCurrentYear(selectedDateValue.getFullYear());
+    }
+  }, [selectedDateValue]);
+
   // This useEffect will ensure the server and client
   // rendererd date will not mismatch
   useEffect(() => {
@@ -131,14 +141,8 @@ export const DatePicker = ({
           elements={calender}
           svgClass={"stroke-black fill-none dark:stroke-white"}
         />
-        {showPlaceHolder ? (
-          <div className="flex flex-col text-left">
-            <span className="text-gray-500 text-xs">{showPlaceHolder}</span>
-            <div className="text-sm">{new Date().toLocaleDateString()}</div>
-          </div>
-        ) : (
-          <span>{selectedDate.toLocaleDateString()}</span>
-        )}
+
+        {showPlaceHolder ? showPlaceHolder : selectedDate.toLocaleDateString()}
       </button>
 
       {showDatepicker && (
@@ -240,9 +244,9 @@ export const DatePicker = ({
                 const isDisabled: any =
                   (minDate && day < minDate) || (maxDate && day > maxDate);
                 const isSelected =
-                  day.getDate() === selectedDate.getDate() &&
-                  day.getMonth() === selectedDate.getMonth() &&
-                  day.getFullYear() === selectedDate.getFullYear();
+                  day.getDate() === selectedDate?.getDate() &&
+                  day.getMonth() === selectedDate?.getMonth() &&
+                  day.getFullYear() === selectedDate?.getFullYear();
 
                 return (
                   <button
@@ -251,7 +255,7 @@ export const DatePicker = ({
                     onClick={() => !isDisabled && selectDate(day)}
                     disabled={isDisabled}
                     className={`text-center p-1 w-8 h-8 cursor-pointer rounded-md hover:bg-gray-200 transition duration-150 ease-in-out ${
-                      isSelected ? "bg-black text-white hover:bg-gray-800" : ""
+                      isSelected ? "bg-black text-white hover:bg-gray-800 " : ""
                     } ${
                       isDisabled
                         ? "bg-gray-100 text-gray-400 cursor-not-allowed"

package/source/components/datepicker/types.ts

@@ -1,6 +1,6 @@
 export type DatePickerProps = {
   placeholder?: string | undefined;
-  selectedDate?: Date;
+  selectedDateValue?: Date;
   minDate?: Date | null;
   maxDate?: Date | null;
   yearLimitStart?: number;

package/source/components/uploader/Uploader.tsx

@@ -14,7 +14,8 @@ import Icon from "../icon/Icon";
 import { GetFileIcon } from "./uploaderIcon";
 import AestheticProcessingAnimationWithStyles from "./ProgressAnimation";
 import { sendFiles } from "./uploaderService";
-import { cloudDownload } from "../../icon/iconPaths";
+import { cloudDownload } from "../icon/iconPaths";
+import type { FileUploadProps } from "./types";
 
 export const FileUploader = ({
   showImagePreview = false,
@@ -22,15 +23,15 @@ export const FileUploader = ({
   onChange,
   selectedFiles = [],
   accept,
-  fileCount,
+  fileCount = 1,
   disabled = false,
   inputFileSize, // Max file size in MB
   startUpload = false,
   apiURL = "",
-  chunk_size = "",
+  chunk_size = 1024 * 1024,
   uploadedFileIdArray = () => {},
   fileData = [],
-}: any) => {
+}: FileUploadProps) => {
   const [files, setFiles] = useState<any[]>([]);
   const [previewUrls, setPreviewUrls] = useState<{ [key: string]: string }>({});
   const [isDragging, setIsDragging] = useState(false);
@@ -93,7 +94,7 @@ export const FileUploader = ({
     }
 
     // File size validation
-    const validFiles: File[] = [];
+    const validFiles: any = [];
     const newErrors: string[] = [];
 
     updatedFiles.forEach((file) => {
@@ -111,7 +112,7 @@ export const FileUploader = ({
     if (validFiles.length > 0) {
       setFiles(validFiles);
       setPreviewUrls({});
-      validFiles.forEach((file) => {
+      validFiles.forEach((file: any) => {
         if (showImagePreview && file.type.startsWith("image/")) {
           const reader = new FileReader();
           reader.onload = () => {
@@ -132,7 +133,7 @@ export const FileUploader = ({
 
   // Removes the file from file array
   const removeFile = (index: number) => {
-    const updatedFiles = files.filter((_, i) => i !== index);
+    const updatedFiles: any = files.filter((_, i) => i !== index);
     setFiles(updatedFiles);
     setPreviewUrls((prevPreviews) => {
       const { [files[index].name]: _, ...rest } = prevPreviews;

package/source/components/uploader/types.ts

@@ -0,0 +1,15 @@
+export type FileUploadProps = {
+  showImagePreview?: boolean;
+  multiple?: boolean;
+  onChange: (files: FileList | null) => void;
+  selectedFiles?: File[];
+  accept?: string;
+  fileCount?: number;
+  disabled?: boolean;
+  inputFileSize?: number;
+  startUpload?: boolean;
+  apiURL?: string;
+  chunk_size?: number;
+  uploadedFileIdArray?: (ids: string[]) => void;
+  fileData?: File[];
+};