next-helios-fe 1.8.66 → 1.8.67

package/package.json

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

package/src/components/dropdown/index.tsx

@@ -49,7 +49,7 @@ export const Dropdown: DropdownComponent = ({
             base: `min-w-40 w-full my-0.5 rounded-md text-sm text-left text-default ${
               childrenList.length > 0 && !header && itemList.length === 0
                 ? ""
-                : "px-4 py-2 hover:bg-secondary-light"
+                : "px-4 py-2"
             }`,
           },
         },
@@ -59,7 +59,7 @@ export const Dropdown: DropdownComponent = ({
       {header}
       {itemList}
       {childrenList.length > 0 && !header && itemList.length === 0 && (
-        <Dd.Item className="grid cursor-default" as="div">
+        <Dd.Item className="flex flex-col cursor-default" as="div">
           {children}
         </Dd.Item>
       )}

package/src/components/dropdown/item.tsx

@@ -5,15 +5,28 @@ import { Dropdown as Dd } from "flowbite-react";
 export interface ItemProps {
   children: React.ReactNode;
   active?: boolean;
+  as?: "button" | "title";
+  disabled?: boolean;
   onClick?: () => void;
 }
 
-export const Item: React.FC<ItemProps> = ({ children, active, onClick }) => {
+export const Item: React.FC<ItemProps> = ({
+  children,
+  active,
+  as,
+  disabled,
+  onClick,
+}) => {
   return (
     <Dd.Item
       className={`${
-        active && "bg-primary-transparent text-primary pointer-events-none"
+        active
+          ? "disabled:bg-primary-transparent disabled:text-primary"
+          : `disabled:text-disabled ${
+              as === "title" ? "" : "hover:bg-secondary-light"
+            }`
       }`}
+      disabled={active ? true : (disabled || as === "title") ?? false}
       onClick={onClick}
     >
       {children}

package/src/components/form/other/select.tsx

@@ -8,6 +8,7 @@ export interface SelectProps
   menus: {
     label: string;
     value: string;
+    variant?: "button" | "title";
     disabled?: boolean;
     [key: string]: any;
   }[];
@@ -167,6 +168,8 @@ export const Select: React.FC<SelectProps> = ({
                 <Dropdown.Item
                   key={index}
                   active={tempValue === item.value ? true : false}
+                  as={item.variant || "button"}
+                  disabled={item.disabled ?? false}
                   onClick={() => {
                     setTempValue(item.value);
                     if (rest.onChange) {