@antscorp/antsomi-ui 1.3.5-beta.905 → 1.3.5-beta.907

package/es/components/molecules/SearchPopover/SearchPopover.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Popover } from 'antd';
-import { Icon } from '../../atoms';
 import './styles.scss';
 import clsx from 'clsx';
 import { StyledInput } from './styled';
 import { translate, translations } from '@antscorp/antsomi-ui/es/locales';
+import { SearchIcon } from '../../icons';
 export const SearchPopover = (props) => {
     const { inputSearchProps = {}, ...popoverProps } = props;
     const { overlayClassName, arrow = false, children, content, trigger = ['click'], ...restPopoverProps } = popoverProps;
-    return (_jsx(Popover, { trigger: trigger, arrow: arrow, destroyTooltipOnHide: true, ...restPopoverProps, overlayClassName: clsx('search-popover-overlay', overlayClassName), overlay: true, content: _jsxs(_Fragment, { children: [_jsx(StyledInput, { placeholder: inputSearchProps?.placeholder || `${translate(translations.global.search)}`, bordered: false, ...inputSearchProps, addonAfter: _jsx(Icon, { type: "icon-ants-search-2" }), withWrapper: false }), content] }), children: children }));
+    return (_jsx(Popover, { trigger: trigger, arrow: arrow, destroyTooltipOnHide: true, ...restPopoverProps, overlayClassName: clsx('search-popover-overlay', overlayClassName), overlay: true, content: _jsxs(_Fragment, { children: [_jsx(StyledInput, { placeholder: inputSearchProps?.placeholder || `${translate(translations.global.search)}`, bordered: false, ...inputSearchProps, addonAfter: _jsx(SearchIcon, {}), withWrapper: false }), content] }), children: children }));
 };

package/es/components/molecules/SearchPopover/styled.js

@@ -1,27 +1,36 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import styled from 'styled-components';
 import { Input } from '../../atoms';
+import { THEME } from '@antscorp/antsomi-ui/es/constants';
 export const StyledInput = styled(props => _jsx(Input, { ...props })) `
   &.antsomi-input-group-wrapper {
     padding: 8px 10px;
     border-bottom: 1px solid var(--divider-1);
 
-    .antsomi-input {
-      padding-left: 0;
-      padding-right: 0;
-    }
+    .antsomi-input-wrapper {
+      display: flex;
+      align-items: center;
+      gap: 4px;
+
+      .antsomi-input {
+        padding-left: 0;
+        padding-right: 0;
+      }
 
-    .antsomi-input-group-addon {
-      border: none;
-      background: transparent;
-      font-size: 20px;
-      padding: 0;
-      min-width: 25px;
+      .antsomi-input-group-addon {
+        display: flex;
+        align-items: center;
+        border: none;
+        background: transparent;
+        font-size: 20px;
+        padding: 0;
+        min-width: 25px;
 
-      > i {
-        font-size: 24px;
-        color: #595959;
-        cursor: pointer;
+        > svg {
+          font-size: 24px;
+          color: ${THEME.token?.colorIcon};
+          cursor: pointer;
+        }
       }
     }
   }

package/es/components/molecules/TagifyInput/TagifyInput.js

@@ -390,6 +390,11 @@ const TagifyInput = forwardRef((props, ref) => {
                 throw new Error('Tagify instance is not initialized');
             }
         },
+        reset() {
+            if (tagifyRef.current) {
+                tagifyRef.current.removeAllTags();
+            }
+        },
     }), [onInjectTagAtCaret, placeCaretAfterNode]);
     const onTagItemClick = useCallback((event) => {
         event.stopPropagation();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "1.3.5-beta.905",
+  "version": "1.3.5-beta.907",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",
@@ -133,13 +133,13 @@
     "remark-gfm-alias-story": "npm:remark-gfm@4.0.0",
     "socket.io-client": "^4.7.5",
     "string-replace-to-array": "^2.1.0",
+    "styled-components": "^5.3.9",
     "swiper": "^11.0.7",
     "tui-image-editor": "^3.15.3",
     "uniqid": "^5.4.0",
     "use-context-selector": "^1.4.4",
     "use-image": "^1.1.1",
     "use-immer": "^0.4.1",
-    "styled-components": "^5.3.9",
     "zustand": "^4.5.2"
   },
   "devDependencies": {
@@ -229,7 +229,7 @@
     "react-router-dom": "5.1.0 || 6.14.2",
     "sass": "^1.77.8",
     "sass-loader": "^16.0.1",
-    "storybook": "8.4.2",
+    "storybook": "^8.4.6",
     "style-loader": "^4.0.0",
     "terser-webpack-plugin": "^5.3.10",
     "ts-loader": "^9.5.1",