@archbase/components 4.0.35 → 4.0.36

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@archbase/components",
-  "version": "4.0.35",
+  "version": "4.0.36",
   "description": "UI Components for Archbase React v3 - Form editors, data visualization, and business components",
   "author": "Edson Martins <edsonmartins2005@gmail.com>",
   "license": "MIT",
@@ -118,9 +118,9 @@
     "vis-timeline": "^7.7.3",
     "xlsx": "^0.18.5",
     "yet-another-react-lightbox": "^3.21.0",
-    "@archbase/core": "4.0.35",
-    "@archbase/data": "4.0.35",
-    "@archbase/layout": "4.0.35"
+    "@archbase/core": "4.0.36",
+    "@archbase/data": "4.0.36",
+    "@archbase/layout": "4.0.36"
   },
   "devDependencies": {
     "@types/d3": "^7.4.3",

package/src/editors/ArchbaseAsyncSelect.tsx

@@ -135,6 +135,8 @@ export interface ArchbaseAsyncSelectProps<T, ID, O> {
 	converter?: (value: O) => any;
 	/** Function que busca o valor original antes de converter pelo valor de retorno do converter */
 	getConvertedOption?: (value: any) => Promise<O>;
+	/** Função que determina se uma opção individual está desabilitada */
+	isOptionDisabled?: (option: O) => boolean;
 }
 function buildOptions<O>(
 	initialOptions: O[],
@@ -210,7 +212,8 @@ export function ArchbaseAsyncSelect<T, ID, O>({
 	innerRef,
 	onSearchChange,
 	converter,
-	getConvertedOption
+	getConvertedOption,
+	isOptionDisabled,
   }: ArchbaseAsyncSelectProps<T, ID, O>) {
 	const forceUpdate = useForceUpdate();
 
@@ -539,7 +542,11 @@ export function ArchbaseAsyncSelect<T, ID, O>({
 				{filteredOptions.slice(0, limit ? limit : filteredOptions.length).map((option) => {
 					const {key, ...rest} = option
 					return (
-					<Combobox.Option value={option.value} key={option.key}>
+					<Combobox.Option
+						value={option.value}
+						key={option.key}
+						disabled={isOptionDisabled ? isOptionDisabled(option.origin) : false}
+					>
 						{ItemComponent ? <ItemComponent {...rest} /> : option.label}
 					</Combobox.Option>
 					)

package/src/editors/ArchbaseSelect.tsx

@@ -117,6 +117,8 @@ export interface ArchbaseSelectProps<T, ID, O> {
    * Por exemplo: (id) => fetchObjectById(id) para converter ID de volta ao objeto
    */
   getConvertedOption?: (value: any) => Promise<O>
+  /** Função que determina se uma opção individual está desabilitada */
+  isOptionDisabled?: (option: O) => boolean
 }
 
 function buildGroupOptions(
@@ -248,7 +250,8 @@ export function ArchbaseSelect<T, ID, O>({
   classNames,
   styles,
   converter,
-  getConvertedOption
+  getConvertedOption,
+  isOptionDisabled,
 }: ArchbaseSelectProps<T, ID, O>) {
   const forceUpdate = useForceUpdate();
 
@@ -282,7 +285,7 @@ export function ArchbaseSelect<T, ID, O>({
   const contextError = validationContext?.getError(fieldKey);
 
   const currentOptions: any[] = useMemo(() => {
-    return buildOptions<O>(
+    const opts = buildOptions<O>(
       options,
       initialOptions,
       children,
@@ -290,6 +293,19 @@ export function ArchbaseSelect<T, ID, O>({
       getOptionValue,
       optionsLabelField
     )
+    if (!isOptionDisabled) return opts
+    return opts.map((opt: any) => {
+      if (opt.group !== undefined) {
+        return {
+          ...opt,
+          items: opt.items.map((item: any) => ({
+            ...item,
+            disabled: isOptionDisabled(item.origin ?? item),
+          })),
+        }
+      }
+      return { ...opt, disabled: isOptionDisabled(opt.origin ?? opt) }
+    })
   }, [
     updateCounter,
     options,
@@ -297,7 +313,8 @@ export function ArchbaseSelect<T, ID, O>({
     children,
     getOptionLabel,
     getOptionValue,
-    optionsLabelField
+    optionsLabelField,
+    isOptionDisabled,
   ])
 
   const handleConverter = (value) => {