@xqmsg/ui-core 0.23.1-rc.2 → 0.23.1-rc.3

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.23.1-rc.2",
+  "version": "0.23.1-rc.3",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

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

@@ -67,11 +67,7 @@ const StackedPilledInput = React.forwardRef<
 
       if (watchedValue !== undefined && watchedValue?.length) {
         setLatestFormValueToArray(
-          watchedValue
-            .split(';')
-            .join(',')
-            .split(',')
-            .filter(Boolean)
+          watchedValue.split(';').join(',').split(',').filter(Boolean)
         );
 
         if (latestTokenElement) {
@@ -87,10 +83,7 @@ const StackedPilledInput = React.forwardRef<
     const handleOnChange = (e: React.ChangeEvent<HTMLInputElement>) => {
       if (tokenIndex === null) {
         setLocalValue(
-          e.target.value
-            .trim()
-            .replace(',', '')
-            .replace(';', '').length
+          e.target.value.trim().replace(',', '').replace(';', '').length
             ? e.target.value
             : ''
         );
@@ -114,7 +107,7 @@ const StackedPilledInput = React.forwardRef<
           const filteredUniqueValues = Array.from(
             new Set(
               lastestFormValueToArray.filter(
-                value => value !== lastestFormValueToArray[tokenIndex]
+                (value) => value !== lastestFormValueToArray[tokenIndex]
               )
             )
           );
@@ -130,11 +123,7 @@ const StackedPilledInput = React.forwardRef<
         const filteredUniqueValues = Array.from(
           new Set([
             ...lastestFormValueToArray,
-            ...localValue
-              .trim()
-              .split(';')
-              .join(',')
-              .split(','),
+            ...localValue.trim().split(';').join(',').split(','),
           ])
         );
 
@@ -158,7 +147,7 @@ const StackedPilledInput = React.forwardRef<
           const filteredUniqueValues = Array.from(
             new Set(
               [...lastestFormValueToArray].filter(
-                value => value !== lastestFormValueToArray[tokenIndex]
+                (value) => value !== lastestFormValueToArray[tokenIndex]
               )
             )
           );
@@ -178,7 +167,7 @@ const StackedPilledInput = React.forwardRef<
             return setTokenIndex(lastestFormValueToArray.length - 1);
           }
 
-          setTokenIndex(prevTokenIndex => (prevTokenIndex as number) - 1);
+          setTokenIndex((prevTokenIndex) => (prevTokenIndex as number) - 1);
 
           const tokenElement = document.getElementById(
             `${name}_token_${tokenIndex}`
@@ -198,7 +187,7 @@ const StackedPilledInput = React.forwardRef<
           if (tokenIndex === lastestFormValueToArray.length - 1) {
             return setTokenIndex(null);
           }
-          setTokenIndex(prevTokenIndex => (prevTokenIndex as number) + 1);
+          setTokenIndex((prevTokenIndex) => (prevTokenIndex as number) + 1);
 
           const tokenElement = document.getElementById(
             `${name}_token_${tokenIndex}`

package/src/components/input/index.tsx

@@ -49,6 +49,7 @@ export interface InputProps<T extends FieldValues> extends ValidationProps {
   allowDefault?: boolean;
   rightElement?: React.ReactNode;
   variant: string;
+  separators?: string[];
 }
 
 /**
@@ -81,6 +82,7 @@ export function Input<T extends FieldValues>({
   setValue,
   setError,
   clearErrors,
+  separators,
 }: InputProps<T>) {
   const selectedInputField = (
     onChange: () => void,
@@ -227,6 +229,7 @@ export function Input<T extends FieldValues>({
             maxLength={maxLength}
             variant={variant}
             label={label}
+            separators={separators}
           />
         );
       case 'switch':