@xqmsg/ui-core 0.16.3 → 0.16.5

package/src/components/input/StackedPilledInput/index.tsx

@@ -25,7 +25,7 @@ export interface StackedPilledInputProps extends InputFieldProps {
 const StackedPilledInput = React.forwardRef<
   HTMLInputElement,
   StackedPilledInputProps
->(({ name, setValue, control, placeholder, disabled, clearErrors }, _ref) => {
+>(({ name, setValue, control, placeholder, disabled }, _ref) => {
   const watchedValue = useWatch({ control, name: name as string });
   const [lastestFormValueToArray, setLatestFormValueToArray] = useState<
     string[]
@@ -64,10 +64,11 @@ const StackedPilledInput = React.forwardRef<
 
   const onHandleKeyDown = (e: React.KeyboardEvent) => {
     if (
-      e.key === ' ' ||
-      e.key === 'Enter' ||
-      e.key === ',' ||
-      e.key === 'Tab'
+      (e.key === ' ' ||
+        e.key === 'Enter' ||
+        e.key === ',' ||
+        e.key === 'Tab') &&
+      localValue.length
     ) {
       if (
         e.key === 'Enter' &&
@@ -202,8 +203,6 @@ const StackedPilledInput = React.forwardRef<
   };
 
   const onBlur = () => {
-    clearErrors(name);
-
     if (localValue.trim().length) {
       const filteredUniqueValues = Array.from(
         new Set([...lastestFormValueToArray, ...localValue.trim().split(',')])

package/src/components/input/index.tsx

@@ -142,10 +142,12 @@ export function Input<T extends FieldValues>({
         return (
           <StackedTextarea
             className={`input-${inputType} ${className ?? ''}`}
+            aria-label={ariaLabel}
             name={name}
             id={name}
             placeholder={placeholder}
             maxLength={maxLength}
+            isRequired={isRequired}
             isInvalid={isInvalid}
             onChange={onChange}
             onBlur={onBlur}

package/src/index.tsx

@@ -12,6 +12,9 @@ export * from './components/button';
 // Google Button
 export * from './components/button/google';
 
+// Microsoft Button
+export * from './components/button/microsoft';
+
 // Loading Spinner
 export * from './components/button/spinner';