next-helios-fe 1.8.26 → 1.8.28

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-helios-fe",
-  "version": "1.8.26",
+  "version": "1.8.28",
   "description": "",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/components/calendar/big-calendar/index.tsx

@@ -11,7 +11,7 @@ const localizer = dayjsLocalizer(dayjs);
 interface BigCalendarProps {
   title?: string;
   options?: {
-    eventListFilter?: boolean;
+    showEventListFilter?: boolean;
   };
   eventList: {
     id: number | string;
@@ -23,7 +23,7 @@ interface BigCalendarProps {
     color?: string;
     [key: string]: any;
   }[];
-  sideBarComponent?: React.ReactNode;
+  sidebarComponent?: React.ReactNode;
   onSelectEvent?: (event: any) => void;
 }
 
@@ -31,7 +31,7 @@ export const BigCalendar: React.FC<BigCalendarProps> = ({
   title,
   options,
   eventList,
-  sideBarComponent,
+  sidebarComponent,
   onSelectEvent,
 }) => {
   const [active, setActive] = useState<string>("month");
@@ -74,10 +74,10 @@ export const BigCalendar: React.FC<BigCalendarProps> = ({
 
   return (
     <div className="flex w-full h-full lg:divide-x">
-      {(sideBarComponent || options?.eventListFilter) && (
+      {(sidebarComponent || options?.showEventListFilter) && (
         <div className="hidden lg:flex flex-col w-72 h-full divide-y">
-          {sideBarComponent}
-          {options?.eventListFilter && (
+          {sidebarComponent}
+          {options?.showEventListFilter && (
             <Event
               title={title}
               eventList={modifiedEventList}

package/src/components/table/index.tsx

@@ -142,7 +142,7 @@ export const Table: TableComponentProps = ({
             }
           });
       });
-  }, [header, data]);
+  }, [data]);
 
   const handleExportData = (dataTitle: string, data: any[]) => {
     const fileName = `${dataTitle}_${dayjs().format("YYYY-MM-DD_HH-mm-ss")}`;
@@ -335,6 +335,7 @@ export const Table: TableComponentProps = ({
                                 options={{ disableHover: true }}
                                 label={value}
                                 checked={categoryFilter.includes(value)}
+                                readOnly
                               />
                             </div>
                           </Dropdown.Item>
@@ -371,6 +372,7 @@ export const Table: TableComponentProps = ({
                 {filter?.find((filterItem) => filterItem.key === item.key)
                   ?.value && (
                   <button
+                    type="button"
                     className="absolute right-0 rounded-full text-disabled hover:bg-secondary-light"
                     onClick={() => {
                       setFilter(
@@ -408,6 +410,7 @@ export const Table: TableComponentProps = ({
                   ? true
                   : false
               }
+              readOnly
               onClick={(e) => {
                 if (
                   selected?.find((selectedItem) => selectedItem.id === item.id)
@@ -556,6 +559,7 @@ export const Table: TableComponentProps = ({
                           options={{ disableHover: true }}
                           label={item.title}
                           checked={!excludedColumn?.includes(item.key)}
+                          readOnly
                         />
                       </div>
                     </Dropdown.Item>