cr-ui-lib 1.1.109 → 1.1.111

package/dist/index.d.mts

@@ -218,6 +218,7 @@ declare const SingleListInput: React$1.FC<SingleListInputProps>;
 declare type Option = {
     id: string;
     name: string;
+    isDisabled?: boolean;
 };
 declare type SingleSelectDropdownProps = {
     label?: string;
@@ -252,9 +253,10 @@ declare type SingleSelectDropdownProps = {
     displayContainerClass?: string;
     selectedColorDropdownItem?: string;
     uniqueSearch?: boolean;
+    emptyMessageClass?: string;
 };
 declare function SingleSelectDropdown({ label, value, onChange, options, placeholder, onScrollToEnd, onSearch, hasMore, isLoading, searchable, searchDebounceMs, requiresSearch, minSearchLength, emptyMessage, loadingMessage, searchPlaceholder, disabled, hasIcon, buttonClass, labelClass, displayItemClass, displayMainClass, hasSearchIcon, searchInputClass, placeholderSearchClass, usePortal, // default true
-iconClass, placeholderClass, displayContainerClass, selectedColorDropdownItem, uniqueSearch, }: SingleSelectDropdownProps): JSX.Element;
+iconClass, placeholderClass, displayContainerClass, selectedColorDropdownItem, uniqueSearch, emptyMessageClass, }: SingleSelectDropdownProps): JSX.Element;
 
 interface SelectionButton {
     data: string[];

package/dist/index.d.ts

@@ -218,6 +218,7 @@ declare const SingleListInput: React$1.FC<SingleListInputProps>;
 declare type Option = {
     id: string;
     name: string;
+    isDisabled?: boolean;
 };
 declare type SingleSelectDropdownProps = {
     label?: string;
@@ -252,9 +253,10 @@ declare type SingleSelectDropdownProps = {
     displayContainerClass?: string;
     selectedColorDropdownItem?: string;
     uniqueSearch?: boolean;
+    emptyMessageClass?: string;
 };
 declare function SingleSelectDropdown({ label, value, onChange, options, placeholder, onScrollToEnd, onSearch, hasMore, isLoading, searchable, searchDebounceMs, requiresSearch, minSearchLength, emptyMessage, loadingMessage, searchPlaceholder, disabled, hasIcon, buttonClass, labelClass, displayItemClass, displayMainClass, hasSearchIcon, searchInputClass, placeholderSearchClass, usePortal, // default true
-iconClass, placeholderClass, displayContainerClass, selectedColorDropdownItem, uniqueSearch, }: SingleSelectDropdownProps): JSX.Element;
+iconClass, placeholderClass, displayContainerClass, selectedColorDropdownItem, uniqueSearch, emptyMessageClass, }: SingleSelectDropdownProps): JSX.Element;
 
 interface SelectionButton {
     data: string[];

package/dist/index.js

@@ -3496,7 +3496,8 @@ function SingleSelectDropdown({
   placeholderClass = "",
   displayContainerClass = "",
   selectedColorDropdownItem = "text-[#131414]",
-  uniqueSearch = false
+  uniqueSearch = false,
+  emptyMessageClass = "px-2 py-2 text-sm text-gray-500"
 }) {
   const [isOpen, setIsOpen] = React.useState(false);
   const [searchTerm, setSearchTerm] = React.useState("");
@@ -3577,7 +3578,7 @@ function SingleSelectDropdown({
         minSearchLength >= 3 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-400 mt-1", children: "Search from large dataset" })
       ] });
     }
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-2 py-2 text-sm text-gray-500", children: !isLoading && options.length === 0 && emptyMessage });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: emptyMessageClass, children: !isLoading && options.length === 0 && emptyMessage });
   };
   const handleClickOutside = (event) => {
     if (dropdownRef.current && !dropdownRef.current.contains(event.target) && portalRef.current && !portalRef.current.contains(event.target)) {
@@ -3739,9 +3740,11 @@ function SingleSelectDropdown({
                     {
                       className: tailwindMerge.twMerge(
                         `h-[40px] px-2 py-2 my-1 text-sm cursor-pointer select-none rounded-md hover:bg-gray-100 ${opt.id === value ? "bg-[#ECF3F7] font-semibold" + selectedColorDropdownItem : "text-[#131414]"}`,
+                        opt.isDisabled ? "opacity-50" : "",
                         displayItemClass
                       ),
                       onClick: () => {
+                        if (opt.isDisabled) return;
                         onChange(opt.id);
                         setIsOpen(false);
                         if (uniqueSearch) {