iglooform 2.4.7 → 2.4.11

package/lib/example/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -31,9 +31,9 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
@@ -100,9 +100,8 @@ var Excample = function Excample(_ref) {
     }
   };
 
-  return (0, _jsxRuntime.jsxs)(_locale.LocaleProvider, Object.assign({
-    currentLang: currentLang
-  }, {
+  return (0, _jsxRuntime.jsxs)(_locale.LocaleProvider, {
+    currentLang: currentLang,
     children: [(0, _jsxRuntime.jsx)(_button.default, {
       onClick: function onClick() {
         setKey(key + 1);
@@ -124,17 +123,16 @@ var Excample = function Excample(_ref) {
       onChange: function onChange(e) {
         return setLang(e);
       }
-    }, void 0), (0, _jsxRuntime.jsx)("div", {
-      children: /*#__PURE__*/_react.default.cloneElement(children, _objectSpread(_objectSpread({}, rest), {}, {
-        onSubmit: handleSubmit
-      }))
-    }, key), result && (0, _jsxRuntime.jsx)(_reactJsonView.default, {
+    }, void 0), /*#__PURE__*/_react.default.cloneElement(children, _objectSpread(_objectSpread({}, rest), {}, {
+      onSubmit: handleSubmit,
+      key: key
+    })), result && (0, _jsxRuntime.jsx)(_reactJsonView.default, {
       src: result,
       displayDataTypes: false,
       name: false,
       displayObjectSize: false
     }, void 0)]
-  }), void 0);
+  }, void 0);
 };
 
 var _default = Excample;

package/lib/filter/checkBox.js

@@ -92,17 +92,14 @@ var CratetCheckBoxFilter = function CratetCheckBoxFilter(props) {
       setAllChoose(false);
     }
   }, [chooseed.length, allCanChoose]);
-  return (0, _jsxRuntime.jsxs)("div", Object.assign({
-    className: "igloo-form-filter-drop-down-container-content-group"
-  }, {
-    children: [(0, _jsxRuntime.jsxs)("div", Object.assign({
-      className: "igloo-form-filter-drop-down-container-content-group-title"
-    }, {
-      children: [(0, _jsxRuntime.jsx)(_typography.default, Object.assign({
-        level: "h4"
-      }, {
+  return (0, _jsxRuntime.jsxs)("div", {
+    className: "igloo-form-filter-drop-down-container-content-group",
+    children: [(0, _jsxRuntime.jsxs)("div", {
+      className: "igloo-form-filter-drop-down-container-content-group-title",
+      children: [(0, _jsxRuntime.jsx)(_typography.default, {
+        level: "h4",
         children: title
-      }), void 0), allChoose ? (0, _jsxRuntime.jsx)("span", Object.assign({
+      }, void 0), allChoose ? (0, _jsxRuntime.jsx)("span", {
         className: "igloo-form-filter-drop-down-container-content-group-title-action",
         onClick: function onClick() {
           valueConfirm({
@@ -110,16 +107,14 @@ var CratetCheckBoxFilter = function CratetCheckBoxFilter(props) {
             value: []
           });
           setAllChoose(false);
-        }
-      }, {
-        children: (0, _jsxRuntime.jsx)(_typography.default, Object.assign({
-          level: "h4"
-        }, {
+        },
+        children: (0, _jsxRuntime.jsx)(_typography.default, {
+          level: "h4",
           children: formatMessage({
             id: 'Unselect All'
           })
-        }), void 0)
-      }), void 0) : (0, _jsxRuntime.jsx)("span", Object.assign({
+        }, void 0)
+      }, void 0) : (0, _jsxRuntime.jsx)("span", {
         className: "igloo-form-filter-drop-down-container-content-group-title-action",
         onClick: function onClick() {
           valueConfirm({
@@ -127,17 +122,15 @@ var CratetCheckBoxFilter = function CratetCheckBoxFilter(props) {
             value: allCanChoose
           });
           setAllChoose(true);
-        }
-      }, {
-        children: (0, _jsxRuntime.jsx)(_typography.default, Object.assign({
-          level: "h4"
-        }, {
+        },
+        children: (0, _jsxRuntime.jsx)(_typography.default, {
+          level: "h4",
           children: formatMessage({
             id: 'Select All'
           })
-        }), void 0)
-      }), void 0)]
-    }), void 0), (0, _jsxRuntime.jsx)(_checkbox.default.Group, Object.assign({
+        }, void 0)
+      }, void 0)]
+    }, void 0), (0, _jsxRuntime.jsx)(_checkbox.default.Group, {
       value: handleFilterDisable(chooseed, disabled),
       style: {
         width: '100%'
@@ -147,34 +140,29 @@ var CratetCheckBoxFilter = function CratetCheckBoxFilter(props) {
           type: optionKey,
           value: e
         });
-      }
-    }, {
-      children: (0, _jsxRuntime.jsx)(_row.default, Object.assign({
-        gutter: [24, 16]
-      }, {
+      },
+      children: (0, _jsxRuntime.jsx)(_row.default, {
+        gutter: [24, 16],
         children: configList.map(function (item) {
-          return (0, _jsxRuntime.jsx)(_col.default, Object.assign({
-            span: item.span || 8
-          }, {
-            children: (0, _jsxRuntime.jsx)(_checkbox.default, Object.assign({
+          return (0, _jsxRuntime.jsx)(_col.default, {
+            span: item.span || 8,
+            children: (0, _jsxRuntime.jsx)(_checkbox.default, {
               value: item.value,
-              disabled: disabled === null || disabled === void 0 ? void 0 : disabled.includes(item.value)
-            }, {
-              children: (0, _jsxRuntime.jsx)(_typography.default, Object.assign({
-                level: "body1"
-              }, {
+              disabled: disabled === null || disabled === void 0 ? void 0 : disabled.includes(item.value),
+              children: (0, _jsxRuntime.jsx)(_typography.default, {
+                level: "body1",
                 children: item.label
-              }), void 0)
-            }), void 0)
-          }), item.value);
+              }, void 0)
+            }, void 0)
+          }, item.value);
         })
-      }), void 0)
-    }), String(timeKey.valueOf())), (0, _jsxRuntime.jsx)(_divider.default, {
+      }, void 0)
+    }, String(timeKey.valueOf())), (0, _jsxRuntime.jsx)(_divider.default, {
       style: {
         margin: '16px 0px'
       }
     }, void 0)]
-  }), optionKey);
+  }, optionKey);
 };
 
 var _default = CratetCheckBoxFilter;

package/lib/filter/customize.js

@@ -18,15 +18,14 @@ var CustomizeFilter = function CustomizeFilter(props) {
       value = props.value,
       onChange = props.onChange,
       render = props.render;
-  return (0, _jsxRuntime.jsxs)("div", Object.assign({
-    className: "igloo-form-filter-drop-down-container-content-group"
-  }, {
+  return (0, _jsxRuntime.jsxs)("div", {
+    className: "igloo-form-filter-drop-down-container-content-group",
     children: [render(value, onChange), (0, _jsxRuntime.jsx)(_divider.default, {
       style: {
         margin: '16px 0px'
       }
     }, void 0)]
-  }), optionKey);
+  }, optionKey);
 };
 
 var _default = CustomizeFilter;

package/lib/filter/index.d.ts

@@ -43,6 +43,7 @@ export interface IFilterProps {
     deleteAllTagsType?: 'closeAllCanDelete' | 'restFilters';
     searchInputDefault?: string | number;
     searchWithFilter?: boolean;
+    inputOnly?: boolean;
 }
 declare const FilterComponent: (props: IFilterProps) => JSX.Element;
 export default FilterComponent;

package/lib/filter/index.js

@@ -79,13 +79,13 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 var defaultFormat = 'DD / MM / YYYY';
 
@@ -388,7 +388,8 @@ var FilterComponent = function FilterComponent(props) {
       _props$searchWithFilt = props.searchWithFilter,
       searchWithFilter = _props$searchWithFilt === void 0 ? false : _props$searchWithFilt,
       searchInputDefault = props.searchInputDefault,
-      initValue = props.initValue;
+      initValue = props.initValue,
+      inputOnly = props.inputOnly;
   var filterTitle = props.filterTitle,
       _props$filterItems = props.filterItems,
       filterItems = _props$filterItems === void 0 ? [] : _props$filterItems; // id controller
@@ -543,11 +544,14 @@ var FilterComponent = function FilterComponent(props) {
   }, [JSON.stringify(filterItems)]); // 设置tag框 高度改变动效
 
   (0, _react.useLayoutEffect)(function () {
-    setTimeout(function () {
+    var timer = setTimeout(function () {
       var _heightRef$current;
 
       setOpenTagHeight((_heightRef$current = heightRef.current) === null || _heightRef$current === void 0 ? void 0 : _heightRef$current.offsetHeight);
     }, 0);
+    return function () {
+      return clearTimeout(timer);
+    };
   }, [inputExtend, JSON.stringify(confirmed)]); // 针对删除了所有可删除的filter tags情况，自动聚焦到seatch Input
 
   (0, _react.useLayoutEffect)(function () {
@@ -637,20 +641,18 @@ var FilterComponent = function FilterComponent(props) {
   }, [inputExtend]);
   var menu = (0, _jsxRuntime.jsx)(_menu.default, {
     children: (0, _jsxRuntime.jsxs)(_menu.default.Item, {
-      children: [(0, _jsxRuntime.jsxs)("div", Object.assign({
-        className: "igloo-form-filter-drop-down-container-content"
-      }, {
+      children: [(0, _jsxRuntime.jsxs)("div", {
+        className: "igloo-form-filter-drop-down-container-content",
         children: [(0, _jsxRuntime.jsxs)(_space.default, {
           children: [(0, _jsxRuntime.jsx)(_iglooicon.FilterOutlined, {
             style: {
               fontSize: '24px',
               color: '#666666'
             }
-          }, void 0), (0, _jsxRuntime.jsx)(_typography.default, Object.assign({
-            level: "h4"
-          }, {
+          }, void 0), (0, _jsxRuntime.jsx)(_typography.default, {
+            level: "h4",
             children: filterTitle
-          }), void 0)]
+          }, void 0)]
         }, void 0), (0, _jsxRuntime.jsx)(_divider.default, {
           style: {
             margin: '16px 0px'
@@ -729,13 +731,12 @@ var FilterComponent = function FilterComponent(props) {
               }, key);
           }
         })]
-      }), void 0), (0, _jsxRuntime.jsxs)("div", Object.assign({
+      }, void 0), (0, _jsxRuntime.jsxs)("div", {
         className: "igloo-form-filter-drop-down-footer",
         onClick: function onClick(e) {
           return e.stopPropagation();
-        }
-      }, {
-        children: [(0, _jsxRuntime.jsx)("span", Object.assign({
+        },
+        children: [(0, _jsxRuntime.jsx)("span", {
           onClick: function onClick() {
             setTimeout(function () {
               setTimeRangeType(-1);
@@ -744,19 +745,16 @@ var FilterComponent = function FilterComponent(props) {
                 value: _objectSpread({}, defaultOptions)
               });
             }, 10);
-          }
-        }, {
-          children: (0, _jsxRuntime.jsx)(_typography.default, Object.assign({
-            level: "h4"
-          }, {
+          },
+          children: (0, _jsxRuntime.jsx)(_typography.default, {
+            level: "h4",
             children: formatMessage({
               id: 'Reset All Filters'
             })
-          }), void 0)
-        }), void 0), (0, _jsxRuntime.jsxs)(_space.default, Object.assign({
-          size: 16
-        }, {
-          children: [(0, _jsxRuntime.jsx)("span", Object.assign({
+          }, void 0)
+        }, void 0), (0, _jsxRuntime.jsxs)(_space.default, {
+          size: 16,
+          children: [(0, _jsxRuntime.jsx)("span", {
             onClick: function onClick() {
               setDropVisible(false);
               dispatchOptionsChange({
@@ -764,16 +762,14 @@ var FilterComponent = function FilterComponent(props) {
                 value: confirmed
               });
               setTimeRangeType(confirmedTimeRange);
-            }
-          }, {
-            children: (0, _jsxRuntime.jsx)(_typography.default, Object.assign({
-              level: "h4"
-            }, {
+            },
+            children: (0, _jsxRuntime.jsx)(_typography.default, {
+              level: "h4",
               children: formatMessage({
                 id: 'Cancel'
               })
-            }), void 0)
-          }), void 0), (0, _jsxRuntime.jsx)(_button.default, Object.assign({
+            }, void 0)
+          }, void 0), (0, _jsxRuntime.jsx)(_button.default, {
             onClick: function onClick() {
               setDropVisible(false);
               setShowSearchInputDefault(false);
@@ -791,26 +787,23 @@ var FilterComponent = function FilterComponent(props) {
               } else {
                 setHighLightFilter(false);
               }
-            }
-          }, {
-            children: (0, _jsxRuntime.jsx)(_typography.default, Object.assign({
+            },
+            children: (0, _jsxRuntime.jsx)(_typography.default, {
               level: "h4",
               style: {
                 padding: '0px 35px'
-              }
-            }, {
+              },
               children: formatMessage({
                 id: 'Apply'
               })
-            }), void 0)
-          }), void 0)]
-        }), void 0)]
-      }), void 0)]
+            }, void 0)
+          }, void 0)]
+        }, void 0)]
+      }, void 0)]
     }, 1)
   }, void 0);
-  return (0, _jsxRuntime.jsxs)("div", Object.assign({
-    className: "".concat(showIdSelect ? 'igloo-form-filter-with-select' : 'igloo-form-filter')
-  }, {
+  return (0, _jsxRuntime.jsxs)("div", {
+    className: "".concat(showIdSelect ? 'igloo-form-filter-with-select' : 'igloo-form-filter'),
     children: [(0, _jsxRuntime.jsx)(_input.default, {
       ref: invisibleRef,
       style: {
@@ -819,7 +812,7 @@ var FilterComponent = function FilterComponent(props) {
         padding: '0px',
         border: '0px'
       }
-    }, void 0), showIdSelect && idKeyTypes.length !== 0 && (0, _jsxRuntime.jsx)(_select.default, Object.assign({
+    }, void 0), showIdSelect && idKeyTypes.length !== 0 && (0, _jsxRuntime.jsx)(_select.default, {
       className: "igloo-form-filter-id-select",
       onChange: function onChange(e) {
         return setIdName(String(e));
@@ -829,23 +822,19 @@ var FilterComponent = function FilterComponent(props) {
         style: {
           fontSize: 24
         }
-      }, void 0)
-    }, {
+      }, void 0),
       children: idKeyTypes.map(function (item) {
-        return (0, _jsxRuntime.jsx)(Option, Object.assign({
-          value: item.value
-        }, {
-          children: (0, _jsxRuntime.jsx)(_typography.default, Object.assign({
-            level: "body1"
-          }, {
+        return (0, _jsxRuntime.jsx)(Option, {
+          value: item.value,
+          children: (0, _jsxRuntime.jsx)(_typography.default, {
+            level: "body1",
             children: item.label
-          }), void 0)
-        }), item.value);
+          }, void 0)
+        }, item.value);
       })
-    }), void 0), (hightLightFilterButton || showDefaultOptions || stillHaveTagsToDelete) && !noFilters && !showSearchInputDefault && !showSearchInputWhenHasTag ? (0, _jsxRuntime.jsxs)("div", Object.assign({
-      className: "igloo-filter-tag-position-reference"
-    }, {
-      children: [(0, _jsxRuntime.jsxs)("div", Object.assign({
+    }, void 0), (hightLightFilterButton || showDefaultOptions || stillHaveTagsToDelete) && !noFilters && !showSearchInputDefault && !showSearchInputWhenHasTag ? (0, _jsxRuntime.jsxs)("div", {
+      className: "igloo-filter-tag-position-reference",
+      children: [(0, _jsxRuntime.jsxs)("div", {
         ref: heightRef,
         className: (0, _classnames.default)({
           'tag-defalut-container-hide-status': inputExtend,
@@ -859,26 +848,22 @@ var FilterComponent = function FilterComponent(props) {
           if (onlyHaveCanNotDeleteTags) {
             setShowSearchInputWhenHasTag(true);
           }
-        }
-      }, {
+        },
         children: [(0, _jsxRuntime.jsx)(_iglooicon.SearchOutlined, {
           className: 'search-icon'
-        }, void 0), (0, _jsxRuntime.jsxs)(_space.default, Object.assign({
+        }, void 0), (0, _jsxRuntime.jsxs)(_space.default, {
           size: [12, 8],
           className: "tag-container",
           style: {
             flex: '1'
-          }
-        }, {
+          },
           children: [_toConsumableArray(inputExtend ? choosedTags : maxTagsWhenClosed).map(function (item, index) {
-            return (0, _jsxRuntime.jsxs)("div", Object.assign({
-              className: "tag-card"
-            }, {
-              children: [(0, _jsxRuntime.jsx)(_typography.default, Object.assign({
-                level: "body3"
-              }, {
+            return (0, _jsxRuntime.jsxs)("div", {
+              className: "tag-card",
+              children: [(0, _jsxRuntime.jsx)(_typography.default, {
+                level: "body3",
                 children: item.label
-              }), void 0), !item.canNotDelete && (0, _jsxRuntime.jsx)(_iglooicon.CrossOutlined, {
+              }, void 0), !item.canNotDelete && (0, _jsxRuntime.jsx)(_iglooicon.CrossOutlined, {
                 className: "delete-icon",
                 onClick: function onClick(e) {
                   e.stopPropagation();
@@ -911,11 +896,11 @@ var FilterComponent = function FilterComponent(props) {
                   deleteSomeOne(confirmed, item, [statusCallBack, handleFilter]);
                 }
               }, void 0)]
-            }), index);
+            }, index);
           }), !oneLineCanShow && !inputExtend && (0, _jsxRuntime.jsx)("span", {
             children: "..."
           }, void 0)]
-        }), void 0), !onlyHaveCanNotDeleteTags && (0, _jsxRuntime.jsx)(_iglooicon.CrossOutlined, {
+        }, void 0), !onlyHaveCanNotDeleteTags && (0, _jsxRuntime.jsx)(_iglooicon.CrossOutlined, {
           className: "delete-all-icon",
           onClick: function onClick(e) {
             e.stopPropagation();
@@ -943,7 +928,7 @@ var FilterComponent = function FilterComponent(props) {
             }
           }
         }, void 0)]
-      }), void 0), (0, _jsxRuntime.jsxs)("div", Object.assign({
+      }, void 0), (0, _jsxRuntime.jsxs)("div", {
         ref: openStatusTagRef,
         className: (0, _classnames.default)('tag-extend-container-hide-status', {
           'igloo-form-filter-has-select-tag-container': showIdSelect,
@@ -959,26 +944,22 @@ var FilterComponent = function FilterComponent(props) {
           if (onlyHaveCanNotDeleteTags) {
             setShowSearchInputWhenHasTag(true);
           }
-        }
-      }, {
+        },
         children: [(0, _jsxRuntime.jsx)(_iglooicon.SearchOutlined, {
           className: 'search-icon'
-        }, void 0), (0, _jsxRuntime.jsx)(_space.default, Object.assign({
+        }, void 0), (0, _jsxRuntime.jsx)(_space.default, {
           size: [12, 8],
           className: "tag-container",
           style: {
             flex: '1'
-          }
-        }, {
+          },
           children: _toConsumableArray(inputExtend ? choosedTags : maxTagsWhenClosed).map(function (item, index) {
-            return (0, _jsxRuntime.jsxs)("div", Object.assign({
-              className: "tag-card"
-            }, {
-              children: [(0, _jsxRuntime.jsx)(_typography.default, Object.assign({
-                level: "body3"
-              }, {
+            return (0, _jsxRuntime.jsxs)("div", {
+              className: "tag-card",
+              children: [(0, _jsxRuntime.jsx)(_typography.default, {
+                level: "body3",
                 children: item.label
-              }), void 0), !item.canNotDelete && (0, _jsxRuntime.jsx)(_iglooicon.CrossOutlined, {
+              }, void 0), !item.canNotDelete && (0, _jsxRuntime.jsx)(_iglooicon.CrossOutlined, {
                 className: "delete-icon",
                 onClick: function onClick(e) {
                   e.stopPropagation();
@@ -1011,9 +992,9 @@ var FilterComponent = function FilterComponent(props) {
                   deleteSomeOne(confirmed, item, [statusCallBack, handleFilter]);
                 }
               }, void 0)]
-            }), index);
+            }, index);
           })
-        }), void 0), !onlyHaveCanNotDeleteTags && (0, _jsxRuntime.jsx)(_iglooicon.CrossOutlined, {
+        }, void 0), !onlyHaveCanNotDeleteTags && (0, _jsxRuntime.jsx)(_iglooicon.CrossOutlined, {
           className: "delete-all-icon",
           onClick: function onClick() {
             setTimeRangeType(-1);
@@ -1040,8 +1021,8 @@ var FilterComponent = function FilterComponent(props) {
             }
           }
         }, void 0)]
-      }), void 0)]
-    }), void 0) : (0, _jsxRuntime.jsx)(_input.default, {
+      }, void 0)]
+    }, void 0) : (0, _jsxRuntime.jsx)(_input.default, {
       ref: searchInput,
       value: searchInputValue,
       onChange: function onChange(e) {
@@ -1082,7 +1063,7 @@ var FilterComponent = function FilterComponent(props) {
         onFilter(value);
         typeof parentFilterCallBack === 'function' && parentFilterCallBack(value);
       }
-    }, void 0), (0, _jsxRuntime.jsx)(_dropdown.default, Object.assign({
+    }, void 0), !inputOnly && (0, _jsxRuntime.jsx)(_dropdown.default, {
       getPopupContainer: function getPopupContainer() {
         return dropDownContainerRef.current;
       },
@@ -1106,12 +1087,10 @@ var FilterComponent = function FilterComponent(props) {
           }
         }, 0);
       },
-      trigger: ['click']
-    }, {
-      children: (0, _jsxRuntime.jsx)("div", Object.assign({
-        className: "igloo-form-filter-button-container"
-      }, {
-        children: (0, _jsxRuntime.jsx)(_button.default, Object.assign({
+      trigger: ['click'],
+      children: (0, _jsxRuntime.jsx)("div", {
+        className: "igloo-form-filter-button-container",
+        children: (0, _jsxRuntime.jsx)(_button.default, {
           className: (0, _classnames.default)('igloo-form-filter-filter-button', {
             'igloo-form-filter-filter-button-active': dropVisible,
             'igloo-form-filter-filter-button-high-light': hightLightFilterButton
@@ -1123,26 +1102,23 @@ var FilterComponent = function FilterComponent(props) {
           }, void 0),
           onClick: function onClick() {
             setDropVisible(true);
-          }
-        }, {
-          children: (0, _jsxRuntime.jsx)("span", Object.assign({
-            className: "filter-text"
-          }, {
-            children: (0, _jsxRuntime.jsx)(_typography.default, Object.assign({
-              level: "body1"
-            }, {
+          },
+          children: (0, _jsxRuntime.jsx)("span", {
+            className: "filter-text",
+            children: (0, _jsxRuntime.jsx)(_typography.default, {
+              level: "body1",
               children: formatMessage({
                 id: 'Filter'
               })
-            }), void 0)
-          }), void 0)
-        }), void 0)
-      }), void 0)
-    }), void 0), (0, _jsxRuntime.jsx)("div", {
+            }, void 0)
+          }, void 0)
+        }, void 0)
+      }, void 0)
+    }, void 0), (0, _jsxRuntime.jsx)("div", {
       className: "igloo-form-filter-drop-down",
       ref: dropDownContainerRef
     }, void 0)]
-  }), void 0);
+  }, void 0);
 };
 
 var _default = FilterComponent;