From 8fc1f20b451da7798c655664d30747e405768486 Mon Sep 17 00:00:00 2001
From: Melloware <mellowaredev@gmail.com>
Date: Sun, 3 Sep 2023 07:54:43 -0400
Subject: [PATCH] Fix #4858: AutoComplete add required property (#4871)

---
 components/lib/autocomplete/AutoComplete.js   | 2 ++
 components/lib/autocomplete/autocomplete.d.ts | 9 +++++++--
 components/lib/passthrough/tailwind/index.js  | 2 --
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/components/lib/autocomplete/AutoComplete.js b/components/lib/autocomplete/AutoComplete.js
index aa9fb1344a..445f5a97c5 100644
--- a/components/lib/autocomplete/AutoComplete.js
+++ b/components/lib/autocomplete/AutoComplete.js
@@ -533,6 +533,7 @@ export const AutoComplete = React.memo(
                     style={props.inputStyle}
                     autoComplete="off"
                     readOnly={props.readOnly}
+                    required={props.required}
                     disabled={props.disabled}
                     placeholder={props.placeholder}
                     size={props.size}
@@ -621,6 +622,7 @@ export const AutoComplete = React.memo(
                     onKeyUp: props.onKeyUp,
                     placeholder: allowMoreValues ? props.placeholder : undefined,
                     readOnly: props.readOnly || !allowMoreValues,
+                    required: props.required,
                     role: 'combobox',
                     style: props.inputStyle,
                     tabIndex: props.tabIndex,
diff --git a/components/lib/autocomplete/autocomplete.d.ts b/components/lib/autocomplete/autocomplete.d.ts
index 76c65802d0..2c15f8c816 100755
--- a/components/lib/autocomplete/autocomplete.d.ts
+++ b/components/lib/autocomplete/autocomplete.d.ts
@@ -8,13 +8,13 @@
  *
  */
 import * as React from 'react';
+import { ButtonPassThroughOptions } from '../button/button';
 import { CSSTransitionProps } from '../csstransition';
+import { TooltipPassThroughOptions } from '../tooltip/tooltip';
 import { TooltipOptions } from '../tooltip/tooltipoptions';
 import { FormEvent } from '../ts-helpers';
 import { IconType, PassThroughType } from '../utils';
 import { VirtualScroller, VirtualScrollerPassThroughOptions, VirtualScrollerProps } from '../virtualscroller';
-import { ButtonPassThroughOptions } from '../button/button';
-import { TooltipPassThroughOptions } from '../tooltip/tooltip';
 
 export declare type AutoCompletePassThroughType<T> = PassThroughType<T, AutoCompletePassThroughMethodOptions>;
 
@@ -360,6 +360,11 @@ export interface AutoCompleteProps extends Omit<React.DetailedHTMLProps<React.HT
      * @defaultValue false
      */
     readOnly?: boolean | undefined;
+    /**
+     * When present, it specifies that an input field must be filled out before submitting the form.
+     * @defaultValue false
+     */
+    required?: boolean | undefined;
     /**
      * Icon of the remove chip element in multiple mode.
      */
diff --git a/components/lib/passthrough/tailwind/index.js b/components/lib/passthrough/tailwind/index.js
index a3358cd485..79647b4a35 100644
--- a/components/lib/passthrough/tailwind/index.js
+++ b/components/lib/passthrough/tailwind/index.js
@@ -1888,8 +1888,6 @@ const Tailwind = {
             className: classNames('outline-none', 'm-0 p-0 list-none')
         },
         menuitem: ({ context }) => {
-            console.log('context');
-
             return {
                 className: classNames(
                     'text-gray-700 dark:text-white/80 transition-shadow duration-200 border-none rounded-none',