next-helios-fe 1.8.0 → 1.8.2

package/package.json

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

package/src/components/form/index.tsx

@@ -22,7 +22,7 @@ import {
   type MultipleSelectProps,
 } from "./other/multipleSelect";
 import { Autocomplete, type AutocompleteProps } from "./other/autocomplete";
-import { Rate, type RateProps } from "./other/rate";
+import { Rating, type RatingProps } from "./other/rating";
 import { Emoji, type EmojiProps } from "./other/emoji";
 
 interface FormProps extends React.FormHTMLAttributes<HTMLFormElement> {
@@ -49,7 +49,7 @@ interface FormComponent extends React.FC<FormProps> {
   Select: React.FC<SelectProps>;
   MultipleSelect: React.FC<MultipleSelectProps>;
   Autocomplete: React.FC<AutocompleteProps>;
-  Rate: React.FC<RateProps>;
+  Rating: React.FC<RatingProps>;
   Emoji: React.FC<EmojiProps>;
 }
 
@@ -86,5 +86,5 @@ Form.Textarea = Textarea;
 Form.Select = Select;
 Form.MultipleSelect = MultipleSelect;
 Form.Autocomplete = Autocomplete;
-Form.Rate = Rate;
+Form.Rating = Rating;
 Form.Emoji = Emoji;

package/src/components/form/other/{rate.tsx → rating.tsx}

@@ -2,7 +2,7 @@
 import React, { useState, useEffect } from "react";
 import { Icon } from "@iconify/react";
 
-export interface RateProps extends React.InputHTMLAttributes<HTMLInputElement> {
+export interface RatingProps extends React.InputHTMLAttributes<HTMLInputElement> {
   label?: string;
   description?: string;
   options?: {
@@ -10,7 +10,7 @@ export interface RateProps extends React.InputHTMLAttributes<HTMLInputElement> {
   };
 }
 
-export const Rate: React.FC<RateProps> = ({
+export const Rating: React.FC<RatingProps> = ({
   options,
   label,
   description,

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

@@ -8,6 +8,7 @@ export interface SelectProps
   menus: {
     label: string;
     value: string;
+    disabled?: boolean;
     [key: string]: any;
   }[];
   label?: string;
@@ -144,24 +145,47 @@ export const Select: React.FC<SelectProps> = ({
                 <span className="px-4 py-1">No data found</span>
               </div>
             ) : (
-              menus.map((item, index) => (
-                <button
-                  key={index}
-                  type="button"
-                  className="min-w-40 w-full my-0.5 px-4 py-2 rounded-md text-sm text-left hover:bg-secondary-light disabled:bg-primary-transparent disabled:text-primary"
-                  disabled={tempValue === item.value}
-                  onClick={() => {
-                    setTempValue(item.value);
-                    if (rest.onChange) {
-                      rest.onChange({
-                        target: { value: item.value } as HTMLSelectElement,
-                      } as any);
-                    }
-                  }}
-                >
-                  {item.label}
-                </button>
-              ))
+              menus.map((item, index) => {
+                if (tempValue === item.value) {
+                  return (
+                    <button
+                      key={index}
+                      type="button"
+                      className="min-w-40 w-full my-0.5 px-4 py-2 rounded-md text-sm text-left hover:bg-secondary-light disabled:bg-primary-transparent disabled:text-primary"
+                      disabled
+                      onClick={() => {
+                        setTempValue(item.value);
+                        if (rest.onChange) {
+                          rest.onChange({
+                            target: { value: item.value } as HTMLSelectElement,
+                          } as any);
+                        }
+                      }}
+                    >
+                      {item.label}
+                    </button>
+                  );
+                } else {
+                  return (
+                    <button
+                      key={index}
+                      type="button"
+                      className="min-w-40 w-full my-0.5 px-4 py-2 rounded-md text-sm text-left hover:bg-secondary-light disabled:text-slate-400"
+                      disabled={item.disabled}
+                      onClick={() => {
+                        setTempValue(item.value);
+                        if (rest.onChange) {
+                          rest.onChange({
+                            target: { value: item.value } as HTMLSelectElement,
+                          } as any);
+                        }
+                      }}
+                    >
+                      {item.label}
+                    </button>
+                  );
+                }
+              })
             )}
           </div>
         </Dropdown>