Merge pull request #690 from strapi/enh/required-combobox

Pass the required prop to the combobox FieldLabel

Author: Gustav Hansen

packages/strapi-design-system/src/Combobox/Combobox.js

@@ -20,25 +20,27 @@ import { KeyboardKeys } from '../helpers/keyboardKeys';
 import { VisuallyHidden } from '../VisuallyHidden';
 
 export const Combobox = ({
+  children: nodes,
   clearLabel,
+  creatable,
   createMessage,
   disabled,
-  hint,
   error,
+  hasMoreItems,
+  hint,
   label,
-  value,
-  onChange,
-  placeholder,
-  creatable,
+  labelAction,
   loading,
   loadingMessage,
+  noOptionsMessage,
+  onChange,
+  onClear,
   onCreateOption,
   onInputChange,
   onLoadMore,
-  noOptionsMessage,
-  hasMoreItems,
-  children: nodes,
-  onClear,
+  placeholder,
+  required,
+  value,
   ...props
 }) => {
   const getInputValueFromNodes = () =>
@@ -250,7 +252,11 @@ export const Combobox = ({
         {value}
       </VisuallyHidden>
       <Stack spacing={label || hint || error ? 1 : 0}>
-        {label && <FieldLabel id={labelId}>{label}</FieldLabel>}
+        {label && (
+          <FieldLabel action={labelAction} required={required} id={labelId}>
+            {label}
+          </FieldLabel>
+        )}
         <MainRow ref={containerRef} $disabled={disabled} hasError={error}>
           <InputContainer wrap="wrap">
             {!inputValue && value && (
@@ -396,6 +402,7 @@ Combobox.propTypes = {
   hasMoreItems: PropTypes.bool,
   hint: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.arrayOf(PropTypes.node)]),
   label: PropTypes.string,
+  labelAction: PropTypes.element,
   loading: PropTypes.bool,
   loadingMessage: PropTypes.string,
   noOptionsMessage: PropTypes.func,