@xqmsg/ui-core 0.24.4 → 0.24.6

package/dist/components/input/StackedInput/StackedInput.d.ts

@@ -2,7 +2,6 @@ import React from 'react';
 import { InputFieldProps } from '../InputTypes';
 export interface StackedInputProps extends InputFieldProps {
     isRequired?: boolean;
-    allowDefault?: boolean;
     leftElement?: React.ReactNode;
     rightElement?: React.ReactNode;
     variant?: string;

package/dist/components/input/StackedPilledInput/index.d.ts

@@ -9,6 +9,7 @@ export interface StackedPilledInputProps extends InputFieldProps {
     separators?: string[];
     variant?: string;
     label?: string;
+    truncatePillLength?: number;
 }
 /**
  * A functional React component utilized to render the `StackedPilledInput` component.

package/dist/components/input/StackedTextarea/StackedTextarea.d.ts

@@ -2,7 +2,6 @@ import React from 'react';
 import { TextareaFieldProps } from '../InputTypes';
 export interface StackedTextareaProps extends TextareaFieldProps {
     isRequired?: boolean;
-    allowDefault?: boolean;
     variant: string;
     label?: string;
 }

package/dist/components/input/components/token/index.d.ts

@@ -3,6 +3,7 @@ export interface TokenProps {
     label: any;
     onDelete: any;
     isMobile?: boolean;
+    truncateLength?: number;
 }
 declare const Token: React.FC<TokenProps>;
 export default Token;

package/dist/components/input/index.d.ts

@@ -21,14 +21,14 @@ export interface InputProps<T extends FieldValues = FieldValues> extends Validat
     setError: UseFormSetError<T>;
     clearErrors: UseFormClearErrors<T>;
     leftElement?: React.ReactNode;
-    allowDefault?: boolean;
     rightElement?: React.ReactNode;
     variant?: string;
     separators?: string[];
     loadingOptions?: boolean;
+    truncatePillLength?: number;
 }
 /**
  * A functional React component utilized to render the `Input` component. Utilizes a switch statement
  * to render the correct input based on the `inputType`.
  */
-export declare function Input<T extends FieldValues>({ inputType, label, ariaLabel, className, placeholder, name, helperText, options, tooltipText, isInvalid, errorText, isRequired, maxLength, defaultValue, fullOptions, control, disabled, rightElement, leftElement, allowDefault, variant, onChange, setValue, setError, clearErrors, separators, loadingOptions, }: InputProps<T>): React.JSX.Element;
+export declare function Input<T extends FieldValues>({ inputType, label, ariaLabel, className, placeholder, name, helperText, options, tooltipText, isInvalid, errorText, isRequired, maxLength, defaultValue, fullOptions, control, disabled, rightElement, leftElement, variant, onChange, setValue, setError, clearErrors, separators, loadingOptions, truncatePillLength, }: InputProps<T>): React.JSX.Element;

package/dist/components/select/index.d.ts

@@ -20,7 +20,6 @@ export interface SelectNativeProps<T extends FieldValues> extends ValidationProp
     setValue: UseFormSetValue<T>;
     setError: UseFormSetError<T>;
     clearErrors: UseFormClearErrors<T>;
-    allowDefault?: boolean;
 }
 /**
  * A functional React component utilized to render the `SelectNative` component.

package/dist/ui-core.cjs.development.js

@@ -814,7 +814,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
-var _excluded = ["type", "isRequired", "rightElement", "leftElement", "defaultValue", "allowDefault", "variant", "label"];
+var _excluded = ["type", "isRequired", "rightElement", "leftElement", "defaultValue", "variant", "label"];
 /**
  * A functional React component utilized to render the `StackedInput` component.
  */
@@ -825,7 +825,6 @@ var StackedInput = /*#__PURE__*/React__default.forwardRef(function (_ref2, _ref)
     rightElement = _ref2.rightElement,
     leftElement = _ref2.leftElement,
     defaultValue = _ref2.defaultValue,
-    allowDefault = _ref2.allowDefault,
     variant = _ref2.variant,
     label = _ref2.label,
     props = _objectWithoutPropertiesLoose(_ref2, _excluded);
@@ -838,13 +837,7 @@ var StackedInput = /*#__PURE__*/React__default.forwardRef(function (_ref2, _ref)
     ref: _ref,
     defaultValue: defaultValue,
     fontSize: isMobile ? '17px' : '13px',
-    variant: variant,
-    onKeyDown: function onKeyDown(e) {
-      if (e.key === 'Enter' && !allowDefault) {
-        e.stopPropagation();
-        e.preventDefault();
-      }
-    }
+    variant: variant
   })), rightElement && rightElement);
 });
 
@@ -1222,13 +1215,12 @@ var StackedSelect = /*#__PURE__*/React__default.forwardRef(function (_ref2, _ref
   }));
 });
 
-var _excluded$2 = ["isRequired", "allowDefault", "variant", "label"];
+var _excluded$2 = ["isRequired", "variant", "label"];
 /**
  * A functional React component utilized to render the `StackedTextarea` component.
  */
 var StackedTextarea = /*#__PURE__*/React__default.forwardRef(function (_ref2, _ref) {
-  var allowDefault = _ref2.allowDefault,
-    variant = _ref2.variant,
+  var variant = _ref2.variant,
     label = _ref2.label,
     props = _objectWithoutPropertiesLoose(_ref2, _excluded$2);
   var isMobile = variant === 'mobile';
@@ -1238,26 +1230,14 @@ var StackedTextarea = /*#__PURE__*/React__default.forwardRef(function (_ref2, _r
     }, props, {
       variant: variant,
       fontSize: "17px",
-      placeholder: label != null ? label : '',
-      onKeyDown: function onKeyDown(e) {
-        if (e.key === 'Enter' && !allowDefault) {
-          e.stopPropagation();
-          e.preventDefault();
-        }
-      }
+      placeholder: label != null ? label : ''
     })));
   }
   return /*#__PURE__*/React__default.createElement(react.Textarea, Object.assign({
     ref: _ref
   }, props, {
     variant: variant,
-    fontSize: "13px",
-    onKeyDown: function onKeyDown(e) {
-      if (e.key === 'Enter' && !allowDefault) {
-        e.stopPropagation();
-        e.preventDefault();
-      }
-    }
+    fontSize: "13px"
   }));
 });
 
@@ -1299,7 +1279,9 @@ var Token = function Token(_ref) {
   var label = _ref.label,
     onDelete = _ref.onDelete,
     _ref$isMobile = _ref.isMobile,
-    isMobile = _ref$isMobile === void 0 ? false : _ref$isMobile;
+    isMobile = _ref$isMobile === void 0 ? false : _ref$isMobile,
+    _ref$truncateLength = _ref.truncateLength,
+    truncateLength = _ref$truncateLength === void 0 ? 15 : _ref$truncateLength;
   return /*#__PURE__*/React__default.createElement(react.Flex, {
     key: label,
     borderRadius: 'full',
@@ -1318,7 +1300,7 @@ var Token = function Token(_ref) {
     fontSize: isMobile ? '17px' : '13px',
     pr: "4px"
   }, lodash.truncate(label.trim(), {
-    length: 15,
+    length: truncateLength,
     omission: '...'
   })), /*#__PURE__*/React__default.createElement(Close, {
     boxSize: isMobile ? '17px' : '11px',
@@ -1631,7 +1613,8 @@ var StackedPilledInput = /*#__PURE__*/React__default.forwardRef(function (_ref2,
     _ref2$separators = _ref2.separators,
     separators = _ref2$separators === void 0 ? ['Enter', ' ', ',', ';', 'Tab'] : _ref2$separators,
     variant = _ref2.variant,
-    label = _ref2.label;
+    label = _ref2.label,
+    truncatePillLength = _ref2.truncatePillLength;
   var watchedValue = reactHookForm.useWatch({
     control: control,
     name: name
@@ -1840,7 +1823,8 @@ var StackedPilledInput = /*#__PURE__*/React__default.forwardRef(function (_ref2,
         e.preventDefault();
         onRemoveTag(index);
       },
-      isMobile: isMobile
+      isMobile: isMobile,
+      truncateLength: truncatePillLength
     }));
   }) : null, !lastestFormValueToArray.length && !isFocussed ? /*#__PURE__*/React__default.createElement(react.Text, {
     color: colors.label.secondary.light,
@@ -1951,7 +1935,6 @@ function Input(_ref) {
     disabled = _ref.disabled,
     rightElement = _ref.rightElement,
     leftElement = _ref.leftElement,
-    allowDefault = _ref.allowDefault,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'default' : _ref$variant,
     onChange = _ref.onChange,
@@ -1960,7 +1943,8 @@ function Input(_ref) {
     clearErrors = _ref.clearErrors,
     separators = _ref.separators,
     _ref$loadingOptions = _ref.loadingOptions,
-    loadingOptions = _ref$loadingOptions === void 0 ? false : _ref$loadingOptions;
+    loadingOptions = _ref$loadingOptions === void 0 ? false : _ref$loadingOptions,
+    truncatePillLength = _ref.truncatePillLength;
   function selectedInputField(onChange, onBlur, ref, value) {
     switch (inputType) {
       case 'text':
@@ -1981,7 +1965,6 @@ function Input(_ref) {
           disabled: disabled,
           defaultValue: defaultValue,
           value: value,
-          allowDefault: allowDefault,
           variant: variant,
           label: label
         });
@@ -2090,7 +2073,8 @@ function Input(_ref) {
           maxLength: maxLength,
           variant: variant,
           label: label,
-          separators: separators
+          separators: separators,
+          truncatePillLength: truncatePillLength
         });
       case 'switch':
         return /*#__PURE__*/React__default.createElement(StackedSwitch, {