@xqmsg/ui-core 0.24.4 → 0.24.6

package/package.json

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

package/src/components/input/StackedInput/StackedInput.tsx

@@ -4,7 +4,6 @@ import { InputFieldProps } from '../InputTypes';
 
 export interface StackedInputProps extends InputFieldProps {
   isRequired?: boolean;
-  allowDefault?: boolean;
   leftElement?: React.ReactNode;
   rightElement?: React.ReactNode;
   variant?: string;
@@ -22,7 +21,6 @@ const StackedInput = React.forwardRef<HTMLInputElement, StackedInputProps>(
       rightElement,
       leftElement,
       defaultValue,
-      allowDefault,
       variant,
       label,
       ...props
@@ -44,12 +42,6 @@ const StackedInput = React.forwardRef<HTMLInputElement, StackedInputProps>(
           defaultValue={defaultValue}
           fontSize={isMobile ? '17px' : '13px'}
           variant={variant}
-          onKeyDown={e => {
-            if (e.key === 'Enter' && !allowDefault) {
-              e.stopPropagation();
-              e.preventDefault();
-            }
-          }}
         />
         {rightElement && rightElement}
       </InputGroup>

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/StackedTextarea/StackedTextarea.tsx

@@ -4,7 +4,6 @@ import { TextareaFieldProps } from '../InputTypes';
 
 export interface StackedTextareaProps extends TextareaFieldProps {
   isRequired?: boolean;
-  allowDefault?: boolean;
   variant: string;
   label?: string;
 }
@@ -15,7 +14,7 @@ export interface StackedTextareaProps extends TextareaFieldProps {
 const StackedTextarea = React.forwardRef<
   HTMLTextAreaElement,
   StackedTextareaProps
->(({ isRequired, allowDefault, variant, label, ...props }, _ref) => {
+>(({ isRequired, variant, label, ...props }, _ref) => {
   const isMobile = variant === 'mobile';
   if (isMobile) {
     return (
@@ -26,30 +25,11 @@ const StackedTextarea = React.forwardRef<
           variant={variant}
           fontSize="17px"
           placeholder={label ?? ''}
-          onKeyDown={e => {
-            if (e.key === 'Enter' && !allowDefault) {
-              e.stopPropagation();
-              e.preventDefault();
-            }
-          }}
         />
       </Flex>
     );
   }
-  return (
-    <Textarea
-      ref={_ref}
-      {...props}
-      variant={variant}
-      fontSize="13px"
-      onKeyDown={e => {
-        if (e.key === 'Enter' && !allowDefault) {
-          e.stopPropagation();
-          e.preventDefault();
-        }
-      }}
-    />
-  );
+  return <Textarea ref={_ref} {...props} variant={variant} fontSize="13px" />;
 });
 
 export default StackedTextarea;

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

@@ -47,11 +47,11 @@ export interface InputProps<T extends FieldValues = FieldValues>
   setError: UseFormSetError<T>;
   clearErrors: UseFormClearErrors<T>;
   leftElement?: React.ReactNode;
-  allowDefault?: boolean;
   rightElement?: React.ReactNode;
   variant?: string;
   separators?: string[];
   loadingOptions?: boolean;
+  truncatePillLength?: number;
 }
 
 /**
@@ -78,7 +78,6 @@ export function Input<T extends FieldValues>({
   disabled,
   rightElement,
   leftElement,
-  allowDefault,
   variant = 'default',
   onChange,
   setValue,
@@ -86,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),
@@ -113,7 +113,6 @@ export function Input<T extends FieldValues>({
             disabled={disabled}
             defaultValue={defaultValue}
             value={value}
-            allowDefault={allowDefault}
             variant={variant}
             label={label as string}
           />
@@ -235,6 +234,7 @@ export function Input<T extends FieldValues>({
             variant={variant}
             label={label}
             separators={separators}
+            truncatePillLength={truncatePillLength}
           />
         );
       case 'switch':

package/src/components/select/index.tsx

@@ -38,7 +38,6 @@ export interface SelectNativeProps<T extends FieldValues>
   setValue: UseFormSetValue<T>;
   setError: UseFormSetError<T>;
   clearErrors: UseFormClearErrors<T>;
-  allowDefault?: boolean;
 }
 
 /**