@groupeactual/ui-kit 1.0.6 → 1.0.8

package/src/components/Form/AutoCompleteMulti/AutoCompleteMulti.tsx

@@ -65,7 +65,7 @@ const AutocompleteMultipleSelect = <T,>({
   const [inputValue, setInputValue] = useState('');
 
   const handleValueChange = (
-    event: React.SyntheticEvent<Element, Event>,
+    _event: React.SyntheticEvent<Element, Event>,
     newValue: T[]
   ) => {
     setValue(newValue);
@@ -76,7 +76,7 @@ const AutocompleteMultipleSelect = <T,>({
   };
 
   const handleInputChange = (
-    event: React.SyntheticEvent<Element, Event>,
+    _event: React.SyntheticEvent<Element, Event>,
     newInputValue: string
   ) => {
     setInputValue(newInputValue);
@@ -88,9 +88,14 @@ const AutocompleteMultipleSelect = <T,>({
   };
 
   const handleDeleteChip = (chipValue: T) => {
-    const newValue = value?.filter((val) => val !== chipValue);
-    if (onChange) onChange(newValue);
-    setValue(newValue);
+    const newValue = props?.value ?
+      props?.value?.filter((val) => val !== chipValue) :
+      value?.filter((val) => val !== chipValue);
+
+    if (newValue) {
+      if (onChange) onChange(newValue);
+      setValue(newValue);
+    }
   };
 
   const preventEventPropagation = (event: React.MouseEvent) => {
@@ -127,12 +132,12 @@ const AutocompleteMultipleSelect = <T,>({
           value={value}
           onChange={handleValueChange}
           onInputChange={handleInputChange}
+          inputValue={inputValue}
           {...props}
           placeholder={value.length || label === placeholder ? '' : placeholder}
           disableCloseOnSelect
           multiple
           disabled={disabled}
-          inputValue={inputValue}
           options={options}
           clearIcon={
             <>
@@ -154,10 +159,10 @@ const AutocompleteMultipleSelect = <T,>({
               size={color === 'success' ? 'md' : 'sm'}
             />
           }
-          renderTags={(value: T[]) => {
+          renderTags={(tag: T[]) => {
             return (
               <>
-                {value.map((selectedOption: T, index: number) => (
+                {tag.map((selectedOption: T, _index: number) => (
                   <Chip
                     key={getKeyValue(selectedOption)}
                     variant="filled"

package/src/components/Form/MultiSelect/MultiSelect.tsx

@@ -85,7 +85,7 @@ const MultiSelect = <T extends {}>({
   };
 
   const getFormControlClassName = useMemo(() => {
-    const classNames: string[] = ['DsSelect'];
+    const classNames: string[] = ['DsMultiSelect'];
 
     if (label === placeholder) {
       classNames.push('Select-mui');

package/src/components/Form/Select/Select.tsx

@@ -63,7 +63,7 @@ const Select = <T extends {}>({
   };
 
   const getFormControlClassName = useMemo(() => {
-    const classNames: string[] = [];
+    const classNames: string[] = ['DSSingleSelect'];
 
     if (label === placeholder) {
       classNames.push('Select-mui');