diginet-core-ui 1.4.48-beta.3 → 1.4.48-beta.5

package/components/form-control/dropdown/index.js

@@ -61,6 +61,7 @@ const Dropdown = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference)
   });
   const {
     action = {},
+    allowInput,
     allowSearch,
     children,
     className,
@@ -256,6 +257,19 @@ const Dropdown = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference)
     } else if (e.key === 'ArrowDown' && dropdownListRef.current) {
       e.preventDefault();
       dropdownListRef.current.firstChild.focus();
+    } else if (!!allowInput && txtSearch && multiple && e.key === 'Enter') {
+      if (!Array.isArray(currentValue[unique])) currentValue[unique] = [];
+      const newValueArrState = [...valueMulti];
+      if (!newValueArrState.some(v => JSON.stringify(v) === JSON.stringify(txtSearch))) {
+        newValueArrState.push(txtSearch);
+      }
+      setValueMulti(newValueArrState);
+      !!onChange && onChange({
+        value: newValueArrState,
+        data: {
+          [valueExpr]: txtSearch
+        }
+      });
     }
   };
   const closeDropdown = (event, reason, value) => {
@@ -635,7 +649,7 @@ const Dropdown = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference)
           scrollHeight,
           offsetHeight
         } = e.target;
-        if (scrollHeight === Math.ceil(scrollTop) + offsetHeight && dropdownListRef.current) {
+        if (scrollHeight <= Math.ceil(scrollTop) + offsetHeight && dropdownListRef.current) {
           var _dropdownListRef$curr;
           const length = ((_dropdownListRef$curr = dropdownListRef.current.children) === null || _dropdownListRef$curr === void 0 ? void 0 : _dropdownListRef$curr.length) - ((vlObjDefaultState === null || vlObjDefaultState === void 0 ? void 0 : vlObjDefaultState.length) || 0);
           // dropdownListRef.current.removeEventListener('scroll', onLoadMoreHandler);
@@ -1158,6 +1172,27 @@ const Dropdown = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((inProps, reference)
             });
           }
           items.push(item);
+        } else if (allowInput && multiple) {
+          const displayText = vl;
+          let item;
+          if (typeof renderSelectedItem === 'function') {
+            item = renderSelectedItem({
+              data,
+              index
+            });
+          } else {
+            item = jsx(Chip, {
+              css: [parseWidth('100%'), parseMaxWidth('max-content')],
+              key: index,
+              startIcon: getIconFromData(data, true),
+              label: displayText,
+              size: 'medium',
+              disabled: disabled,
+              clearAble: !readOnly && !disabled,
+              onRemove: e => onRemove(e, vl)
+            });
+          }
+          items.push(item);
         }
       });
     }
@@ -1656,6 +1691,8 @@ Dropdown.propTypes = {
   }),
   /** If `true`, the input box for searching will be displayed. */
   allowSearch: PropTypes.bool,
+  /** If `true`, the input value will be added when user hit Enter. */
+  allowInput: PropTypes.bool,
   /** The content to be displayed inside the Dropdown box, such as TreeView. */
   children: PropTypes.node,
   /** The CSS class for the component. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "diginet-core-ui",
-  "version": "1.4.48-beta.3",
+  "version": "1.4.48-beta.5",
   "description": "",
   "main": "index.js",
   "license": "UNLICENSED",