@xqmsg/ui-core 0.24.5 → 0.24.6

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.24.5",
+  "version": "0.24.6",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

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

@@ -20,6 +20,7 @@ export interface StackedPilledInputProps extends InputFieldProps {
   separators?: string[];
   variant?: string;
   label?: string;
+  truncatePillLength?: number;
 }
 
 /**
@@ -39,6 +40,7 @@ const StackedPilledInput = React.forwardRef<
       separators = ['Enter', ' ', ',', ';', 'Tab'],
       variant,
       label,
+      truncatePillLength,
     },
     _ref
   ) => {
@@ -332,6 +334,7 @@ const StackedPilledInput = React.forwardRef<
                         onRemoveTag(index);
                       }}
                       isMobile={isMobile}
+                      truncateLength={truncatePillLength}
                     />
                   </Box>
                 ))

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

@@ -8,10 +8,16 @@ export interface TokenProps {
   label: any;
   onDelete: any;
   isMobile?: boolean;
+  truncateLength?: number;
 }
 
 // For v1 we are truncating the label at 15 characters to avoid overflow
-const Token: React.FC<TokenProps> = ({ label, onDelete, isMobile = false }) => {
+const Token: React.FC<TokenProps> = ({
+  label,
+  onDelete,
+  isMobile = false,
+  truncateLength = 15,
+}) => {
   return (
     <Flex
       key={label}
@@ -33,7 +39,7 @@ const Token: React.FC<TokenProps> = ({ label, onDelete, isMobile = false }) => {
         pr="4px"
       >
         {truncate(label.trim(), {
-          length: 15,
+          length: truncateLength,
           omission: '...',
         })}
       </Text>

package/src/components/input/index.tsx

@@ -51,6 +51,7 @@ export interface InputProps<T extends FieldValues = FieldValues>
   variant?: string;
   separators?: string[];
   loadingOptions?: boolean;
+  truncatePillLength?: number;
 }
 
 /**
@@ -84,6 +85,7 @@ export function Input<T extends FieldValues>({
   clearErrors,
   separators,
   loadingOptions = false,
+  truncatePillLength,
 }: InputProps<T>) {
   function selectedInputField<T extends Element = Element>(
     onChange: ((e: ChangeEvent<T>) => void) | ((v?: string) => void),
@@ -232,6 +234,7 @@ export function Input<T extends FieldValues>({
             variant={variant}
             label={label}
             separators={separators}
+            truncatePillLength={truncatePillLength}
           />
         );
       case 'switch':