ods-component-lib 1.18.197 → 1.18.198

package/dist/index.js

@@ -1655,7 +1655,7 @@ var useStyles = antdStyle.createStyles(function (_ref, props) {
     filterBodyWrapper: cx(grid, css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n          transition: grid-template-rows 0.3s;\n          grid-template-rows: ", ";\n        "])), props.open ? "1fr" : "0fr")),
     filterBody: cx(css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n          overflow: hidden;\n          width: 100%;\n        "])))),
     filterActionButtonsWrapper: cx(flex, css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n          width: 100%;\n          justify-content: flex-end;\n          gap: ", "px;\n        "])), token.sizeSM)),
-    filterTagsWrapper: cx(flex, css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n          align-items: center;\n          justify-content: center;\n          width: 85%;\n          max-width: 85%;\n          min-width: 85%;\n        "])))),
+    filterTagsWrapper: cx(flex, css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n          align-items: center;\n          justify-content: center;\n          width: 85%;\n          max-width: 85%;\n          min-width: 85%;\n          transition: opacity 0.3s;\n          opacity: ", ";\n        "])), props.open ? 0 : 1)),
     toggleButton: cx(flex),
     clearButton: cx(flex)
   };
@@ -1674,7 +1674,7 @@ var useFilterTagsStyles = antdStyle.createStyles(function (_ref3) {
   var css = _ref3.css,
     token = _ref3.token;
   return {
-    menu: css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n    width: 100%;\n    border: 0;\n    gap: ", "px;\n    position: relative;\n\n    &::after,\n    &::before {\n      display: none;\n    }\n\n    &.ant-menu-light.ant-menu-horizontal {\n      & > .ant-menu-item {\n        cursor: default;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin: 0;\n        top: unset;\n      }\n\n      & > .ant-menu-submenu {\n        &:hover {\n          &::after {\n            display: none;\n          }\n        }\n      }\n    }\n\n    &.ant-menu-light.ant-menu-horizontal > .ant-menu-item::after,\n    &.ant-menu-light.ant-menu-horizontal > .ant-menu-item:hover::after {\n      display: none;\n    }\n\n    &.ant-menu-light.ant-menu-horizontal\n      > .ant-menu-submenu\n      &.ant-menu-light.ant-menu-horizontal\n      > .ant-menu-item::after {\n      display: none;\n    }\n  "])), token.sizeXS)
+    menu: css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n    width: 100%;\n    border: 0;\n    gap: ", "px;\n    position: relative;\n\n    &::after,\n    &::before {\n      display: none;\n    }\n\n    &.ant-menu-light.ant-menu-horizontal {\n      & > .ant-menu-item {\n        cursor: default;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin: 0;\n        top: unset;\n      }\n\n      & > .ant-menu-submenu {\n        &:hover {\n          &::after {\n            display: none;\n          }\n        }\n      }\n    }\n\n    &.ant-menu-light.ant-menu-horizontal > .ant-menu-submenu-selected::after {\n      display: none;\n    }\n\n    &.ant-menu-light.ant-menu-horizontal > .ant-menu-item::after,\n    &.ant-menu-light.ant-menu-horizontal > .ant-menu-item:hover::after {\n      display: none;\n    }\n\n    &.ant-menu-light.ant-menu-horizontal\n      > .ant-menu-submenu\n      &.ant-menu-light.ant-menu-horizontal\n      > .ant-menu-item::after {\n      display: none;\n    }\n  "])), token.sizeXS)
   };
 });
 
@@ -1707,8 +1707,15 @@ var OdsFilterTagView = function OdsFilterTagView(_ref) {
     theme: {
       components: {
         Menu: {
+          horizontalLineHeight: "22px",
+          activeBarHeight: 0,
           itemPaddingInline: 0,
-          horizontalLineHeight: "22px"
+          itemHeight: 30,
+          itemMarginBlock: 0,
+          itemActiveBg: "transparent",
+          itemHoverBg: "transparent",
+          itemSelectedBg: "transparent",
+          subMenuItemBg: "transparent"
         },
         Tag: {
           marginXS: 0
@@ -1716,7 +1723,6 @@ var OdsFilterTagView = function OdsFilterTagView(_ref) {
       }
     }
   }, React__default.createElement(antd.Menu, {
-    expandIcon: React__default.createElement("div", null, React__default.createElement(outline.ChevronDownIcon, null)),
     defaultSelectedKeys: ["1"],
     mode: "horizontal",
     className: styles.menu
@@ -1761,14 +1767,8 @@ var OdsFilter = function OdsFilter(props) {
     }
   };
   var handleHideShowFilter = function handleHideShowFilter() {
-    if (hasAdvancedFilters) {
-      setShowAdvanceFilter(false);
-      setTimeout(function () {
-        setShowFilter(!showFilter);
-      }, 100);
-    } else {
-      setShowFilter(!showFilter);
-    }
+    setShowAdvanceFilter(false);
+    setShowFilter(!showFilter);
   };
   var onClearSearch = function onClearSearch() {
     if (props.onClickClear) {