next-helios-fe 1.8.127 → 1.8.128

package/package.json

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

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

@@ -13,19 +13,16 @@ interface BigCalendarProps {
   options?: {
     showEventListFilter?: boolean;
     toolbar?: {
-      month?: {
-        show?: boolean
-      },
       week?: {
-        show?: boolean
-      },
+        show?: boolean;
+      };
       day?: {
-        show?: boolean
-      },
+        show?: boolean;
+      };
       list?: {
-        show?: boolean
-      },
-    }
+        show?: boolean;
+      };
+    };
   };
   eventList: {
     id: number | string;

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

@@ -6,9 +6,6 @@ import dayjs from "dayjs";
 interface ToolbarProps {
   toolbar: any;
   option?: {
-    month?: {
-      show?: boolean;
-    };
     week?: {
       show?: boolean;
     };
@@ -59,32 +56,30 @@ export const Toolbar: React.FC<ToolbarProps> = ({
         </span>
       </div>
       <div className="flex">
-        {option?.month?.show !== false && (
-          <button
-            type="button"
-            className={`px-4 py-1.5 text-primary hover:bg-primary-light ${
-              active === "month" ? "bg-primary-light" : "bg-primary-transparent"
-            } ${
-              option?.week?.show === false &&
-              option?.day?.show === false &&
-              option?.list?.show === false
-                ? "rounded-md"
-                : "rounded-l-md"
-            }`}
-            onClick={() => {
-              toolbar.onView("month");
-              setActive("month");
-            }}
-          >
-            Month
-          </button>
-        )}
+        <button
+          type="button"
+          className={`px-4 py-1.5 text-primary hover:bg-primary-light ${
+            active === "month" ? "bg-primary-light" : "bg-primary-transparent"
+          } ${
+            option?.week?.show === false &&
+            option?.day?.show === false &&
+            option?.list?.show === false
+              ? "rounded-md"
+              : "rounded-l-md"
+          }`}
+          onClick={() => {
+            toolbar.onView("month");
+            setActive("month");
+          }}
+        >
+          Month
+        </button>
         {option?.week?.show !== false && (
           <button
             type="button"
             className={`px-4 py-1.5 border-x border-primary/30 text-primary hover:bg-primary-light ${
               active === "week" ? "bg-primary-light" : "bg-primary-transparent"
-            } ${option?.month?.show === false && "rounded-l-md"} ${
+            } ${
               option?.day?.show === false &&
               option?.list?.show === false &&
               "rounded-r-md"
@@ -102,10 +97,6 @@ export const Toolbar: React.FC<ToolbarProps> = ({
             type="button"
             className={`px-4 py-1.5 border-r border-primary/30 text-primary hover:bg-primary-light ${
               active === "day" ? "bg-primary-light" : "bg-primary-transparent"
-            } ${
-              option?.month?.show === false &&
-              option?.week?.show === false &&
-              "rounded-l-md"
             } ${option?.list?.show === false && "rounded-r-md"}`}
             onClick={() => {
               toolbar.onView("day");
@@ -118,16 +109,10 @@ export const Toolbar: React.FC<ToolbarProps> = ({
         {option?.list?.show !== false && (
           <button
             type="button"
-            className={`px-3 py-1.5 text-primary hover:bg-primary-light ${
+            className={`px-3 py-1.5 rounded-r-md text-primary hover:bg-primary-light ${
               active === "agenda"
                 ? "bg-primary-light"
                 : "bg-primary-transparent"
-            } ${
-              option?.month?.show === false &&
-              option?.week?.show === false &&
-              option?.day?.show === false
-                ? "rounded-md"
-                : "rounded-r-md"
             }`}
             onClick={() => {
               toolbar.onView("agenda");

package/src/styles/big-calendar.scss

@@ -316,13 +316,12 @@ button.rbc-input::-moz-focus-inner {
 }
 
 .rbc-show-more {
-  background-color: rgba(255, 255, 255, 0.3);
   z-index: 4;
   font-weight: bold;
   font-size: 85%;
   height: auto;
   line-height: normal;
-  color: var(--color-primary-dark);
+  color: var(--color-primary);
 }
 .rbc-show-more:hover, .rbc-show-more:focus {
   color: var(--color-primary-dark);
@@ -427,7 +426,8 @@ button.rbc-input::-moz-focus-inner {
   position: absolute;
   z-index: 5;
   border: 1px solid var(--border-color-default);
-  background-color: #fff;
+  border-radius: 6px;
+  background-color: var(--background-primary);
   -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
           box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
   padding: 10px;