@xqmsg/ui-core 0.24.5 → 0.24.7

package/dist/ui-core.esm.js

@@ -1272,7 +1272,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(Flex, {
     key: label,
     borderRadius: 'full',
@@ -1291,7 +1293,7 @@ var Token = function Token(_ref) {
     fontSize: isMobile ? '17px' : '13px',
     pr: "4px"
   }, truncate(label.trim(), {
-    length: 15,
+    length: truncateLength,
     omission: '...'
   })), /*#__PURE__*/React__default.createElement(Close, {
     boxSize: isMobile ? '17px' : '11px',
@@ -1356,7 +1358,8 @@ var StackedMultiSelect = /*#__PURE__*/React__default.forwardRef(function (_ref2,
     }
   }, [boundingClientRect]);
   useOnClickOutside(dropdownRef, function () {
-    return setIsFocussed(false);
+    setSearchValue('');
+    setIsFocussed(false);
   });
   // gets latest watched form value (common delimited) from RHF state and creates a list
   useEffect(function () {
@@ -1604,7 +1607,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 = useWatch({
     control: control,
     name: name
@@ -1793,7 +1797,7 @@ var StackedPilledInput = /*#__PURE__*/React__default.forwardRef(function (_ref2,
       }
     },
     ref: scrollRef,
-    zIndex: 100,
+    zIndex: 99,
     onKeyDown: onHandleKeyDown
   }, lastestFormValueToArray.length ? lastestFormValueToArray.map(function (label, index) {
     return /*#__PURE__*/React__default.createElement(Box, {
@@ -1813,7 +1817,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(Text$2, {
     color: colors.label.secondary.light,
@@ -1932,7 +1937,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':
@@ -2061,7 +2067,8 @@ function Input(_ref) {
           maxLength: maxLength,
           variant: variant,
           label: label,
-          separators: separators
+          separators: separators,
+          truncatePillLength: truncatePillLength
         });
       case 'switch':
         return /*#__PURE__*/React__default.createElement(StackedSwitch, {