@antscorp/antsomi-ui 2.0.89 → 2.0.91

package/es/components/icons/AntsomiAIIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from './types';
+export declare const AntsomiAIIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/AntsomiAIIcon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const AntsomiAIIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (_jsxs("svg", { viewBox: "0 0 60 60", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, ref: ref, width: width, height: height, children: [_jsx("path", { d: "M33.0997 25.3651L25.1083 7.28243C24.8076 6.60574 24.3188 6.02572 23.6905 5.61755C23.0675 5.20939 22.3371 4.99457 21.596 4.99457C20.8548 4.99457 20.1244 5.20939 19.5014 5.61755C18.8784 6.02572 18.3844 6.60037 18.0836 7.28243L0.3285 47.4328C0.124418 47.8947 0.0116362 48.3888 0.000895095 48.8882C-0.00984604 49.3877 0.0760831 49.8925 0.258682 50.3598C0.441282 50.827 0.715181 51.2567 1.06427 51.6219C1.41335 51.9871 1.82689 52.2771 2.28876 52.4811C2.75063 52.6852 3.24472 52.7926 3.74955 52.8088C4.25439 52.8249 4.75385 52.7336 5.22646 52.551C5.69907 52.3684 6.12872 52.0998 6.48854 51.7508C6.84837 51.4017 7.14375 50.9881 7.34783 50.5316L21.5906 18.319L27.278 31.1761L33.0997 25.3651Z", fill: "#005EB8" }), _jsx("path", { d: "M42.8598 47.4328L37.6718 35.6874L31.8555 41.4823L35.8458 50.5102C36.2593 51.4393 37.022 52.1643 37.9725 52.5349C38.9231 52.9001 39.9811 52.8786 40.9102 52.4704C41.8394 52.0623 42.5698 51.2997 42.9403 50.3544C43.3109 49.4092 43.284 48.3566 42.8705 47.4275", fill: "#005EB8" }), _jsx("path", { d: "M42.063 20.4941C41.3433 19.7744 40.3659 19.3716 39.3509 19.3716C38.3358 19.3716 37.3584 19.7744 36.6387 20.4941L21.4991 35.5747L15.5378 29.6348L12.2188 37.1482L18.7816 43.6842C19.5012 44.4039 20.4787 44.8067 21.4937 44.8067C22.5088 44.8067 23.4862 44.4039 24.2059 43.6842L42.0576 25.8915C42.7773 25.1772 43.1801 24.1998 43.1801 23.1847C43.1801 22.1697 42.7773 21.1976 42.0576 20.4834L42.063 20.4941Z", fill: "#EF3340" }), _jsx("path", { d: "M16.6787 29.4307L12.5273 38.8185L6.71094 33.0236L10.8624 23.6359L16.6787 29.4307Z", fill: "#005EB8" }), _jsx("path", { d: "M57.004 49.8389C57.7881 49.8389 58.4164 49.2052 58.8837 47.9431L60.0007 48.1203C60.0007 48.5177 59.845 49.0279 59.5281 49.6617C59.2542 50.2524 58.9213 50.7465 58.5292 51.144C57.5088 52.2503 55.9782 52.8035 53.9427 52.8035C49.7483 52.8035 47.6484 50.8486 47.6484 46.9334V23.55C47.6484 21.3427 49.4368 19.5489 51.6495 19.5489C53.8568 19.5489 55.6506 21.3373 55.6506 23.55V47.8196C55.6506 49.1622 56.1017 49.8335 57.004 49.8335V49.8389Z", fill: "url(#paint0_linear_2513_39378)" }), _jsx("path", { d: "M51.4106 16.015C54.2284 16.015 56.5127 13.7307 56.5127 10.913C56.5127 8.09517 54.2284 5.81091 51.4106 5.81091C48.5929 5.81091 46.3086 8.09517 46.3086 10.913C46.3086 13.7307 48.5929 16.015 51.4106 16.015Z", fill: "#EF3340" })] }));
+});

package/es/components/icons/EmotionFeedbackIcon.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { IconProps } from './types';
+export declare const EmotionFeedbackIcon: React.ForwardRefExoticComponent<IconProps & {
+    iconHappyColor?: string | undefined;
+    iconSadColor?: string | undefined;
+} & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/EmotionFeedbackIcon.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const EmotionFeedbackIcon = forwardRef((props, ref) => {
+    const { iconHappyColor, iconSadColor } = props;
+    const { width, height } = useIcon(props);
+    return (_jsxs("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, ref: ref, width: width, height: height, children: [_jsx("path", { d: "M7.46387 2C11.0421 2 13.9414 4.89894 13.9414 8.4707C13.9414 8.62276 13.9332 8.77341 13.9229 8.92285C13.4325 9.0975 12.9645 9.31902 12.5254 9.58398C12.604 9.22531 12.6475 8.85305 12.6475 8.4707C12.6475 5.61074 10.3307 3.29401 7.4707 3.29395C4.6107 3.29395 2.29395 5.6107 2.29395 8.4707C2.29401 11.3307 4.61074 13.6475 7.4707 13.6475C8.13206 13.6474 8.76342 13.5208 9.34473 13.2949C9.15122 13.7675 9.00388 14.2636 8.90625 14.7773C8.44232 14.8828 7.9598 14.9414 7.46387 14.9414C3.89226 14.9413 1.00006 12.0423 1 8.4707C1 4.89902 3.89222 2.00014 7.46387 2Z", fill: iconSadColor || 'currentColor' }), _jsx("path", { d: "M7.4707 9.76465C8.72592 9.76469 9.82718 10.4161 10.46 11.3994C10.299 11.6014 10.1484 11.8117 10.0078 12.0293H9.70312C9.2502 11.2593 8.4283 10.7354 7.4707 10.7354C6.5131 10.7354 5.68477 11.2594 5.23828 12.0293H4.15723C4.67487 10.7028 5.96306 9.76465 7.4707 9.76465Z", fill: iconSadColor || 'currentColor' }), _jsx("path", { d: "M5.20605 5.88281C5.74188 5.88291 6.17654 6.31674 6.17676 6.85254C6.17676 7.38852 5.74202 7.82315 5.20605 7.82324C4.67001 7.82324 4.23535 7.38858 4.23535 6.85254C4.23557 6.31668 4.67015 5.88281 5.20605 5.88281Z", fill: iconSadColor || 'currentColor' }), _jsx("path", { d: "M9.73535 5.88281C10.2713 5.88281 10.7058 6.31668 10.7061 6.85254C10.7061 7.38858 10.2714 7.82324 9.73535 7.82324C9.19936 7.82319 8.76465 7.38855 8.76465 6.85254C8.76487 6.31672 9.19949 5.88287 9.73535 5.88281Z", fill: iconSadColor || 'currentColor' }), _jsx("path", { d: "M14.2971 17.529C14.7501 18.2988 15.572 18.8229 16.5295 18.8229C17.4871 18.8229 18.3155 18.2989 18.762 17.529H19.842C19.3243 18.8552 18.037 19.7936 16.5295 19.7936C15.0219 19.7936 13.7337 18.8554 13.2161 17.529H14.2971Z", fill: iconHappyColor || 'currentColor' }), _jsx("path", { d: "M14.2649 13.6461C14.8008 13.6463 15.2356 14.0809 15.2356 14.6169C15.2356 15.1528 14.8008 15.5874 14.2649 15.5876C13.7289 15.5876 13.2942 15.1529 13.2942 14.6169C13.2942 14.0808 13.7289 13.6461 14.2649 13.6461Z", fill: iconHappyColor || 'currentColor' }), _jsx("path", { d: "M18.7942 13.6461C19.3302 13.6461 19.7649 14.0808 19.7649 14.6169C19.7649 15.1529 19.3302 15.5876 18.7942 15.5876C18.2582 15.5875 17.8235 15.1529 17.8235 14.6169C17.8235 14.0808 18.2582 13.6462 18.7942 13.6461Z", fill: iconHappyColor || 'currentColor' }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.5227 9.76431C20.1009 9.76431 23.0002 12.6633 23.0002 16.235C23 19.8066 20.1008 22.7047 16.5227 22.7047C12.9512 22.7046 10.0591 19.8065 10.0588 16.235C10.0588 12.6633 12.951 9.76443 16.5227 9.76431ZM16.5295 11.0583C13.6695 11.0583 11.3528 13.375 11.3528 16.235C11.353 19.0948 13.6697 21.4108 16.5295 21.4108C19.3893 21.4107 21.706 19.0948 21.7063 16.235C21.7063 13.3751 19.3895 11.0583 16.5295 11.0583Z", fill: iconHappyColor || 'currentColor' }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.5227 9.76431C20.1009 9.76431 23.0002 12.6633 23.0002 16.235C23 19.8066 20.1008 22.7047 16.5227 22.7047C12.9512 22.7046 10.0591 19.8065 10.0588 16.235C10.0588 12.6633 12.951 9.76443 16.5227 9.76431ZM16.5295 11.0583C13.6695 11.0583 11.3528 13.375 11.3528 16.235C11.353 19.0948 13.6697 21.4108 16.5295 21.4108C19.3893 21.4107 21.706 19.0948 21.7063 16.235C21.7063 13.3751 19.3895 11.0583 16.5295 11.0583Z", fill: iconHappyColor || 'currentColor' })] }));
+});

package/es/components/icons/FeedbackRatingIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from './types';
+export declare const FeedbackRatingIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/FeedbackRatingIcon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const FeedbackRatingIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (_jsxs("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, ref: ref, width: width, height: height, children: [_jsx("path", { d: "M19.3058 16.2229L16.9275 15.1776C16.8461 15.14 16.7523 15.115 16.6521 15.115H16.2453V12.2984C16.2453 11.4346 15.5443 10.7336 14.6806 10.7336C13.8169 10.7336 13.1159 11.4346 13.1159 12.2984V17.3996L11.9455 17.1492C11.8266 17.1304 11.3071 17.0553 10.8628 17.4997L9.98653 18.3822L13.191 21.6307C13.4226 21.8686 13.7418 22 14.0735 22H18.173C18.7864 22 19.3058 21.5619 19.406 20.9547L19.9818 17.5498C20.0757 17.0115 19.8003 16.4732 19.3058 16.2229ZM18.173 20.7482H14.0735L11.7578 18.3822L14.3677 18.9393V12.2984C14.3677 12.1231 14.5054 11.9854 14.6806 11.9854C14.8558 11.9854 14.9935 12.1231 14.9935 12.2984V16.1665H16.0951L18.7488 17.3432L18.173 20.7482Z", fill: "currentColor" }), _jsx("path", { d: "M12.8444 7.08751L18.37 7.56427L16.2652 9.39032C15.8423 9.15932 15.3637 9.01754 14.8546 8.99116L15.3654 8.54851L11.9993 8.25597L10.685 5.15144L9.37845 8.24829L6.01226 8.54084L8.56398 10.7541L7.79556 14.0437L10.685 12.2987L11.369 12.7123V14.1486L10.685 13.7358L5.9355 16.6024L7.19601 11.1993L3 7.56427L8.5256 7.09518L10.685 2L12.8444 7.08751Z", fill: "currentColor" })] }));
+});

package/es/components/icons/LazyIcon/LazyIcon.d.ts

@@ -20,6 +20,7 @@ export declare const LazyIcon: {
     AnalyticsIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     AnlysisIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     AnlyticModelsIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
+    AntsomiAIIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     ArrowGrowIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     ArrowLineIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     ArticleIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
@@ -145,6 +146,10 @@ export declare const LazyIcon: {
     EmojiRamenDiningIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     EmojiReactionIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     EmojiSmileIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
+    EmotionFeedbackIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & {
+        iconHappyColor?: string | undefined;
+        iconSadColor?: string | undefined;
+    } & import("react").RefAttributes<SVGSVGElement>>>;
     ErrorIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     EventAttribute30Icon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     EventAttributeIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
@@ -168,6 +173,7 @@ export declare const LazyIcon: {
     ExportMenuIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     ExtendValueIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     FactCheckIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
+    FeedbackRatingIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     FileDownloadIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     FileTransferIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     FileUpload1Icon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
@@ -250,6 +256,7 @@ export declare const LazyIcon: {
     MoveToIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     MuteIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     NodeViewIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
+    NoteNewIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     NotificationIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     NotificationSettingIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     NotificationsActiveIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
@@ -310,6 +317,7 @@ export declare const LazyIcon: {
     ScheduleEmailDeliveryIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     ScreenshotMonitorIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     SearchIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
+    SearchNotFoundIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     SectionIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     Segments30Icon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     SegmentsIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
@@ -336,6 +344,7 @@ export declare const LazyIcon: {
     StoreIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     StudioTemplates30Icon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     SubtractRadiusIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
+    SummarizeIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     SupportAssistantIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     Survey30Icon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     SurveyDirectorProfileIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;

package/es/components/icons/LazyIcon/LazyIcon.js

@@ -20,6 +20,7 @@ export const LazyIcon = {
     AnalyticsIcon: lazy(() => import('../AnalyticsIcon').then(m => ({ default: m.AnalyticsIcon }))),
     AnlysisIcon: lazy(() => import('../AnlysisIcon').then(m => ({ default: m.AnlysisIcon }))),
     AnlyticModelsIcon: lazy(() => import('../AnlyticModelsIcon').then(m => ({ default: m.AnlyticModelsIcon }))),
+    AntsomiAIIcon: lazy(() => import('../AntsomiAIIcon').then(m => ({ default: m.AntsomiAIIcon }))),
     ArrowGrowIcon: lazy(() => import('../ArrowGrowIcon').then(m => ({ default: m.ArrowGrowIcon }))),
     ArrowLineIcon: lazy(() => import('../ArrowLineIcon').then(m => ({ default: m.ArrowLineIcon }))),
     ArticleIcon: lazy(() => import('../ArticleIcon').then(m => ({ default: m.ArticleIcon }))),
@@ -151,6 +152,7 @@ export const LazyIcon = {
     EmojiRamenDiningIcon: lazy(() => import('../EmojiRamenDiningIcon').then(m => ({ default: m.EmojiRamenDiningIcon }))),
     EmojiReactionIcon: lazy(() => import('../EmojiReactionIcon').then(m => ({ default: m.EmojiReactionIcon }))),
     EmojiSmileIcon: lazy(() => import('../EmojiSmileIcon').then(m => ({ default: m.EmojiSmileIcon }))),
+    EmotionFeedbackIcon: lazy(() => import('../EmotionFeedbackIcon').then(m => ({ default: m.EmotionFeedbackIcon }))),
     ErrorIcon: lazy(() => import('../ErrorIcon').then(m => ({ default: m.ErrorIcon }))),
     EventAttribute30Icon: lazy(() => import('../EventAttribute30Icon').then(m => ({ default: m.EventAttribute30Icon }))),
     EventAttributeIcon: lazy(() => import('../EventAttributeIcon').then(m => ({ default: m.EventAttributeIcon }))),
@@ -174,6 +176,7 @@ export const LazyIcon = {
     ExportMenuIcon: lazy(() => import('../ExportMenuIcon').then(m => ({ default: m.ExportMenuIcon }))),
     ExtendValueIcon: lazy(() => import('../ExtendValueIcon').then(m => ({ default: m.ExtendValueIcon }))),
     FactCheckIcon: lazy(() => import('../FactCheckIcon').then(m => ({ default: m.FactCheckIcon }))),
+    FeedbackRatingIcon: lazy(() => import('../FeedbackRatingIcon').then(m => ({ default: m.FeedbackRatingIcon }))),
     FileDownloadIcon: lazy(() => import('../FileDownloadIcon').then(m => ({ default: m.FileDownloadIcon }))),
     FileTransferIcon: lazy(() => import('../FileTransferIcon').then(m => ({ default: m.FileTransferIcon }))),
     FileUpload1Icon: lazy(() => import('../FileUpload1Icon').then(m => ({ default: m.FileUpload1Icon }))),
@@ -254,6 +257,7 @@ export const LazyIcon = {
     MoveToIcon: lazy(() => import('../MoveToIcon').then(m => ({ default: m.MoveToIcon }))),
     MuteIcon: lazy(() => import('../MuteIcon').then(m => ({ default: m.MuteIcon }))),
     NodeViewIcon: lazy(() => import('../NodeViewIcon').then(m => ({ default: m.NodeViewIcon }))),
+    NoteNewIcon: lazy(() => import('../NoteNewIcon').then(m => ({ default: m.NoteNewIcon }))),
     NotificationIcon: lazy(() => import('../NotificationIcon').then(m => ({ default: m.NotificationIcon }))),
     NotificationSettingIcon: lazy(() => import('../NotificationSettingIcon').then(m => ({ default: m.NotificationSettingIcon }))),
     NotificationsActiveIcon: lazy(() => import('../NotificationsActiveIcon').then(m => ({ default: m.NotificationsActiveIcon }))),
@@ -316,6 +320,7 @@ export const LazyIcon = {
     ScheduleEmailDeliveryIcon: lazy(() => import('../ScheduleEmailDeliveryIcon').then(m => ({ default: m.ScheduleEmailDeliveryIcon }))),
     ScreenshotMonitorIcon: lazy(() => import('../ScreenshotMonitorIcon').then(m => ({ default: m.ScreenshotMonitorIcon }))),
     SearchIcon: lazy(() => import('../SearchIcon').then(m => ({ default: m.SearchIcon }))),
+    SearchNotFoundIcon: lazy(() => import('../SearchNotFoundIcon').then(m => ({ default: m.SearchNotFoundIcon }))),
     SectionIcon: lazy(() => import('../SectionIcon').then(m => ({ default: m.SectionIcon }))),
     Segments30Icon: lazy(() => import('../Segments30Icon').then(m => ({ default: m.Segments30Icon }))),
     SegmentsIcon: lazy(() => import('../SegmentsIcon').then(m => ({ default: m.SegmentsIcon }))),
@@ -342,6 +347,7 @@ export const LazyIcon = {
     StoreIcon: lazy(() => import('../StoreIcon').then(m => ({ default: m.StoreIcon }))),
     StudioTemplates30Icon: lazy(() => import('../StudioTemplates30Icon').then(m => ({ default: m.StudioTemplates30Icon }))),
     SubtractRadiusIcon: lazy(() => import('../SubtractRadiusIcon').then(m => ({ default: m.SubtractRadiusIcon }))),
+    SummarizeIcon: lazy(() => import('../SummarizeIcon').then(m => ({ default: m.SummarizeIcon }))),
     SupportAssistantIcon: lazy(() => import('../SupportAssistantIcon').then(m => ({ default: m.SupportAssistantIcon }))),
     Survey30Icon: lazy(() => import('../Survey30Icon').then(m => ({ default: m.Survey30Icon }))),
     SurveyDirectorProfileIcon: lazy(() => import('../SurveyDirectorProfileIcon').then(m => ({ default: m.SurveyDirectorProfileIcon }))),

package/es/components/icons/NoteNewIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from './types';
+export declare const NoteNewIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/NoteNewIcon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const NoteNewIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, ref: ref, width: width, height: height, children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.17969 14.0781L16.7188 6.5L17.5 7.28125L9.92188 14.8203H9.17969V14.0781ZM20.3125 1.73438C20.1562 1.57812 19.9219 1.5 19.7266 1.5C19.4922 1.5 19.2969 1.57812 19.1406 1.73438L17.6172 3.25781L20.7422 6.38281L22.2656 4.85938C22.5781 4.54688 22.5781 4 22.2656 3.6875L20.3125 1.73438ZM19.8438 7.28125L16.7188 4.15625L7.5 13.375V16.5H10.625L19.8438 7.28125ZM17.9844 13V19.9844H4.01562V6.01562H11V4H4.01562C2.89062 4 2 4.89062 2 6.01562V19.9844C2 21.1094 2.89062 22 4.01562 22H17.9844C19.1094 22 20 21.1094 20 19.9844V13H17.9844Z", fill: "currentColor" }) }));
+});

package/es/components/icons/SearchNotFoundIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from './types';
+export declare const SearchNotFoundIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/SearchNotFoundIcon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const SearchNotFoundIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (_jsx("svg", { viewBox: "0 0 21 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, ref: ref, width: width, height: height, children: _jsx("path", { d: "M15.5156 11.5156L20.4844 16.4844L18.9844 17.9844L14.0156 13.0156V12.2188L13.7344 11.9375C13.1719 12.4375 12.5156 12.8281 11.7656 13.1094C11.0469 13.3594 10.2969 13.4844 9.51562 13.4844C9.32812 13.4844 9.15625 13.4844 9 13.4844V11.4688C9.09375 11.4688 9.17188 11.4844 9.23438 11.5156C9.32812 11.5156 9.42188 11.5156 9.51562 11.5156C10.3281 11.5156 11.0781 11.3125 11.7656 10.9062C12.4531 10.5 13 9.95312 13.4062 9.26562C13.8125 8.57812 14.0156 7.82812 14.0156 7.01562C14.0156 6.17188 13.8125 5.42188 13.4062 4.76562C13 4.07812 12.4531 3.53125 11.7656 3.125C11.0781 2.71875 10.3281 2.51562 9.51562 2.51562C8.73438 2.51562 8.01562 2.6875 7.35938 3.03125C6.73438 3.375 6.20312 3.85938 5.76562 4.48438C5.35938 5.07813 5.125 5.75 5.0625 6.5H3.04688C3.10938 5.375 3.4375 4.35937 4.03125 3.45312C4.625 2.54688 5.39062 1.82812 6.32812 1.29688C7.29688 0.765625 8.35938 0.5 9.51562 0.5C10.3906 0.5 11.2188 0.671875 12 1.01562C12.8125 1.35937 13.5156 1.82812 14.1094 2.42188C14.7031 3.01563 15.1562 3.70312 15.4688 4.48438C15.8125 5.26563 15.9844 6.10938 15.9844 7.01562C15.9844 7.79688 15.8438 8.5625 15.5625 9.3125C15.3125 10.0312 14.9375 10.6719 14.4375 11.2344L14.7188 11.5156H15.5156ZM6.46875 8.32812L7.17188 9.03125L4.6875 11.5156L7.17188 13.9531L6.46875 14.7031L3.98438 12.2188L1.54688 14.7031L0.796875 13.9531L3.28125 11.5156L0.796875 9.03125L1.54688 8.32812L3.98438 10.8125L6.46875 8.32812Z", fill: "#666666" }) }));
+});

package/es/components/icons/SummarizeIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from './types';
+export declare const SummarizeIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/SummarizeIcon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const SummarizeIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (_jsx("svg", { viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, ref: ref, width: width, height: height, children: _jsx("path", { d: "M7.5 20C6.97005 19.9984 6.46225 19.7872 6.08752 19.4125C5.71279 19.0377 5.50158 18.5299 5.5 18L5.51001 6C5.51 5.4713 5.71934 4.9641 6.09225 4.58931C6.46517 4.21452 6.9713 4.00264 7.5 4H17.5C18.0299 4.00158 18.5377 4.2128 18.9125 4.58753C19.2872 4.96227 19.4984 5.47005 19.5 6V18C19.4984 18.5299 19.2872 19.0377 18.9125 19.4125C18.5377 19.7872 18.0299 19.9984 17.5 20H7.5ZM7.5 18H17.5V6H7.5V18ZM8.5 16V14H10.5V16H8.5ZM11.5 15V14H15.5V15H11.5ZM8.5 13V11H10.5V13H8.5ZM11.5 12V11H15.5V12H11.5ZM8.5 10V8H10.5V10H8.5ZM11.5 9V8H15.5V9H11.5Z", fill: "currentColor" }) }));
+});

package/es/components/icons/index.d.ts

@@ -18,6 +18,7 @@ export { Analytics30Icon } from './Analytics30Icon';
 export { AnalyticsIcon } from './AnalyticsIcon';
 export { AnlysisIcon } from './AnlysisIcon';
 export { AnlyticModelsIcon } from './AnlyticModelsIcon';
+export { AntsomiAIIcon } from './AntsomiAIIcon';
 export { ArrowGrowIcon } from './ArrowGrowIcon';
 export { ArrowLineIcon } from './ArrowLineIcon';
 export { ArticleIcon } from './ArticleIcon';
@@ -143,6 +144,7 @@ export { EmojiPetFootIcon } from './EmojiPetFootIcon';
 export { EmojiRamenDiningIcon } from './EmojiRamenDiningIcon';
 export { EmojiReactionIcon } from './EmojiReactionIcon';
 export { EmojiSmileIcon } from './EmojiSmileIcon';
+export { EmotionFeedbackIcon } from './EmotionFeedbackIcon';
 export { ErrorIcon } from './ErrorIcon';
 export { EventAttribute30Icon } from './EventAttribute30Icon';
 export { EventAttributeIcon } from './EventAttributeIcon';
@@ -166,6 +168,7 @@ export { ExportHtmlIcon } from './ExportHtmlIcon';
 export { ExportMenuIcon } from './ExportMenuIcon';
 export { ExtendValueIcon } from './ExtendValueIcon';
 export { FactCheckIcon } from './FactCheckIcon';
+export { FeedbackRatingIcon } from './FeedbackRatingIcon';
 export { FileDownloadIcon } from './FileDownloadIcon';
 export { FileTransferIcon } from './FileTransferIcon';
 export { FileUpload1Icon } from './FileUpload1Icon';
@@ -246,6 +249,7 @@ export { MoreInfoIcon } from './MoreInfoIcon';
 export { MoveToIcon } from './MoveToIcon';
 export { MuteIcon } from './MuteIcon';
 export { NodeViewIcon } from './NodeViewIcon';
+export { NoteNewIcon } from './NoteNewIcon';
 export { NotificationIcon } from './NotificationIcon';
 export { NotificationSettingIcon } from './NotificationSettingIcon';
 export { NotificationsActiveIcon } from './NotificationsActiveIcon';
@@ -306,6 +310,7 @@ export { SaveIcon } from './SaveIcon';
 export { ScheduleEmailDeliveryIcon } from './ScheduleEmailDeliveryIcon';
 export { ScreenshotMonitorIcon } from './ScreenshotMonitorIcon';
 export { SearchIcon } from './SearchIcon';
+export { SearchNotFoundIcon } from './SearchNotFoundIcon';
 export { SectionIcon } from './SectionIcon';
 export { Segments30Icon } from './Segments30Icon';
 export { SegmentsIcon } from './SegmentsIcon';
@@ -332,6 +337,7 @@ export { StopRecordIcon } from './StopRecordIcon';
 export { StoreIcon } from './StoreIcon';
 export { StudioTemplates30Icon } from './StudioTemplates30Icon';
 export { SubtractRadiusIcon } from './SubtractRadiusIcon';
+export { SummarizeIcon } from './SummarizeIcon';
 export { SupportAssistantIcon } from './SupportAssistantIcon';
 export { Survey30Icon } from './Survey30Icon';
 export { SurveyDirectorProfileIcon } from './SurveyDirectorProfileIcon';

package/es/components/icons/index.js

@@ -18,6 +18,7 @@ export { Analytics30Icon } from './Analytics30Icon';
 export { AnalyticsIcon } from './AnalyticsIcon';
 export { AnlysisIcon } from './AnlysisIcon';
 export { AnlyticModelsIcon } from './AnlyticModelsIcon';
+export { AntsomiAIIcon } from './AntsomiAIIcon';
 export { ArrowGrowIcon } from './ArrowGrowIcon';
 export { ArrowLineIcon } from './ArrowLineIcon';
 export { ArticleIcon } from './ArticleIcon';
@@ -143,6 +144,7 @@ export { EmojiPetFootIcon } from './EmojiPetFootIcon';
 export { EmojiRamenDiningIcon } from './EmojiRamenDiningIcon';
 export { EmojiReactionIcon } from './EmojiReactionIcon';
 export { EmojiSmileIcon } from './EmojiSmileIcon';
+export { EmotionFeedbackIcon } from './EmotionFeedbackIcon';
 export { ErrorIcon } from './ErrorIcon';
 export { EventAttribute30Icon } from './EventAttribute30Icon';
 export { EventAttributeIcon } from './EventAttributeIcon';
@@ -166,6 +168,7 @@ export { ExportHtmlIcon } from './ExportHtmlIcon';
 export { ExportMenuIcon } from './ExportMenuIcon';
 export { ExtendValueIcon } from './ExtendValueIcon';
 export { FactCheckIcon } from './FactCheckIcon';
+export { FeedbackRatingIcon } from './FeedbackRatingIcon';
 export { FileDownloadIcon } from './FileDownloadIcon';
 export { FileTransferIcon } from './FileTransferIcon';
 export { FileUpload1Icon } from './FileUpload1Icon';
@@ -246,6 +249,7 @@ export { MoreInfoIcon } from './MoreInfoIcon';
 export { MoveToIcon } from './MoveToIcon';
 export { MuteIcon } from './MuteIcon';
 export { NodeViewIcon } from './NodeViewIcon';
+export { NoteNewIcon } from './NoteNewIcon';
 export { NotificationIcon } from './NotificationIcon';
 export { NotificationSettingIcon } from './NotificationSettingIcon';
 export { NotificationsActiveIcon } from './NotificationsActiveIcon';
@@ -306,6 +310,7 @@ export { SaveIcon } from './SaveIcon';
 export { ScheduleEmailDeliveryIcon } from './ScheduleEmailDeliveryIcon';
 export { ScreenshotMonitorIcon } from './ScreenshotMonitorIcon';
 export { SearchIcon } from './SearchIcon';
+export { SearchNotFoundIcon } from './SearchNotFoundIcon';
 export { SectionIcon } from './SectionIcon';
 export { Segments30Icon } from './Segments30Icon';
 export { SegmentsIcon } from './SegmentsIcon';
@@ -332,6 +337,7 @@ export { StopRecordIcon } from './StopRecordIcon';
 export { StoreIcon } from './StoreIcon';
 export { StudioTemplates30Icon } from './StudioTemplates30Icon';
 export { SubtractRadiusIcon } from './SubtractRadiusIcon';
+export { SummarizeIcon } from './SummarizeIcon';
 export { SupportAssistantIcon } from './SupportAssistantIcon';
 export { Survey30Icon } from './Survey30Icon';
 export { SurveyDirectorProfileIcon } from './SurveyDirectorProfileIcon';

package/es/components/molecules/ColorSetting/index.js

@@ -1,12 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // Molecules
 import { SettingWrapper } from '../SettingWrapper';
-import { ColorPicker, } from '@antscorp/antsomi-ui/es/components/molecules/ColorPicker';
 // Utils
 import { handleError } from '@antscorp/antsomi-ui/es/utils';
 import { Button, Icon, Text } from '@antscorp/antsomi-ui/es/components/atoms';
 // Styled
-import { ButtonPreset, PresetColor, PresetWrapper } from './styled';
+import { ButtonPreset, PresetColor, PresetWrapper, StyledColorPicker } from './styled';
 const PATH = '@antscorp/antsomi-ui/es/components/molecules/ColorSetting/index.tsx';
 const stylingCenter = {
     display: 'flex',
@@ -64,13 +63,5 @@ export const ColorSetting = props => {
     const presetColors = customColors ? (_jsxs("div", { children: [_jsxs("div", { style: stylingCenter, children: [_jsx(Text, { children: "Color Profile" }), !isHideBtnEdit && (_jsx(Button, { type: "primary", onClick: onClickEdit, children: "Edit" }))] }), _jsxs(PresetWrapper, { children: [_jsx(ButtonPreset, { shape: "circle", onClick: onClickAddNewPresetColor, children: _jsx(Icon, { type: "icon-ants-plus-slim", style: { fontSize: 14 } }) }), customColors && customColors.length
                         ? customColors.map((customColor, idx) => (_jsx(PresetColor, { color: customColor, onClick: () => onClickPresetColor(customColor), children: _jsx("div", { className: "__color", style: { backgroundColor: customColor } }) }, idx)))
                         : null] })] })) : null;
-    return (_jsx(SettingWrapper, { label: label, className: className, labelClassName: labelClassName, labelStyle: labelStyling, vertical: vertical, children: _jsx(ColorPicker, { ...restOf, color: color, presetColors: presetColors, onChange: onChange }) }));
-};
-ColorSetting.defaultProps = {
-    label: '',
-    labelClassName: '',
-    // customColors: [],
-    isHideBtnEdit: true,
-    callback: () => { },
-    onChange: () => { },
+    return (_jsx(SettingWrapper, { label: label, className: className, labelClassName: labelClassName, labelStyle: labelStyling, vertical: vertical, children: _jsx(StyledColorPicker, { ...restOf, color: color, presetColors: presetColors, onChange: onChange }) }));
 };

package/es/components/molecules/ColorSetting/styled.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const ColorSettingWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledColorPicker: import("styled-components").StyledComponent<import("react").FC<import("@antscorp/antsomi-ui/es/components/molecules/ColorPicker").ColorPickerProps>, any, {}, never>;
 export declare const PresetColor: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ButtonPreset: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").ButtonProps & import("react").RefAttributes<import("react").LegacyRef<HTMLElement>>>, any, {}, never>;
 export declare const PresetWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,10 +1,18 @@
 // Libraries
 import styled from 'styled-components';
+import { ColorPicker } from '@antscorp/antsomi-ui/es/components/molecules/ColorPicker';
 // Image
 import TransparentSvg from '@antscorp/antsomi-ui/es/assets/svg/transparent.svg';
 // Components
 import { Button } from '@antscorp/antsomi-ui/es/components/atoms/Button';
-export const ColorSettingWrapper = styled.div ``;
+export const StyledColorPicker = styled(ColorPicker) `
+  &.antsomi-color-picker {
+    .antsomi-popover-button {
+      display: flex;
+      align-items: center;
+    }
+  }
+`;
 export const PresetColor = styled.div `
   position: relative;
   width: 24px;

package/es/components/molecules/ItemNotFound/ItemNotFound.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+type TItemNotFoundProps = {
+    height?: string;
+};
+export declare const ItemNotFound: React.FC<TItemNotFoundProps>;
+export {};

package/es/components/molecules/ItemNotFound/ItemNotFound.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Flex } from 'antd';
+import { translate, translations } from '@antscorp/antsomi-locales';
+import { SearchNotFoundIcon } from '../../icons';
+import { ContainerModule } from './styled';
+export const ItemNotFound = props => {
+    const { height = '100%' } = props;
+    return (_jsx(ContainerModule, { "$height": height, children: _jsxs("div", { children: [_jsxs(Flex, { className: "item-title", align: "center", children: [_jsx("span", { className: "content-title", children: translate(translations._ERR_ITEM_NOT_FOUND, 'Item not found') }), _jsx(SearchNotFoundIcon, { className: "icon-title" })] }), _jsx("div", { className: "item-body", children: translate(translations._ERR_ITEM_NOT_FOUND_DES, 'Item does not exist or has been deleted') })] }) }));
+};

package/es/components/molecules/ItemNotFound/index.d.ts

@@ -0,0 +1 @@
+export { ItemNotFound } from './ItemNotFound';

package/es/components/molecules/ItemNotFound/index.js

@@ -0,0 +1 @@
+export { ItemNotFound } from './ItemNotFound';

package/es/components/molecules/ItemNotFound/styled.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const ContainerModule: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {
+    $height: string;
+}, never>;

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

@@ -0,0 +1,29 @@
+import { Flex } from 'antd';
+import styled from 'styled-components';
+export const ContainerModule = styled(Flex) `
+  height: ${props => (props.$height ? props.$height : '100%')};
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  gap: 5px;
+  .item-title {
+    display: flex;
+
+    .content-title {
+      font-size: 20px;
+      font-weight: bold;
+      color: #f29100;
+      margin-right: 5px;
+    }
+
+    .icon-title {
+      font-size: 24px;
+      color: #666666;
+    }
+  }
+
+  .item-body {
+    font-size: 12px;
+    color: #595959;
+  }
+`;

package/es/components/molecules/MatchAnySelect/MatchesAnySelect.js

@@ -23,10 +23,11 @@ import { MATCHES_ANY_THEME } from './constants';
 import { useDeepCompareEffect, useDeepCompareMemo, useIntersectionObserver, } from '@antscorp/antsomi-ui/es/hooks';
 // Utils
 import { flatTree, recursiveFindParents, recursiveSearchItems, } from '@antscorp/antsomi-ui/es/utils';
-import { getSelectedTreeData } from './utils';
+import { getSelectedTreeData, NUMBER_REGEX } from './utils';
 // Icons
 import { DataIcon, ErrorIcon, LongerIcon, WarningIcon } from '../../icons';
 import { translate, translations as translationsLocale } from '@antscorp/antsomi-locales';
+import { DATA_TYPES } from '../../organism/FilterSetting/constants';
 const initialState = {
     isOpenPopover: false,
     searchValue: '',
@@ -43,12 +44,15 @@ const { t } = i18nInstance;
 const { Text } = Typography;
 export function MatchesAny(props) {
     // Props
-    const { maxSelectedItem, maxLengthEachItem, objectName, loading = false, showExtendValue = true, selectedItems: selectedItemsProp, items, groupSelectProps, renderExtraValues, customItemRenders, listEmptyProps, selectedListEmptyProps, selectedTreeData: selectedTreeDataProp, searchValue = '', isExternalSearch, onApply = () => { }, onCancel = () => { }, onLoadMore = () => { }, onChangeSearch, ...restOfProps } = props;
+    const { dataType, maxSelectedItem, maxLengthEachItem, objectName, loading = false, showExtendValue = true, selectedItems: selectedItemsProp, items, groupSelectProps, renderExtraValues, customItemRenders, listEmptyProps, selectedListEmptyProps, selectedTreeData: selectedTreeDataProp, searchValue = '', isExternalSearch, onApply = () => { }, onCancel = () => { }, onLoadMore = () => { }, onChangeSearch, ...restOfProps } = props;
     // State
     const [state, setState] = useState(matchesAnyInitialState);
     const [maxItemsError, setMaxItemsError] = useState(false);
     const [itemOverMaxLength, setItemOverMaxLength] = useState(false);
     const [isApply, setIsApply] = useState(false);
+    const [isExistString, setIsExistString] = useState(false);
+    // If data type is number or array number filter data
+    const shouldFilterNumber = dataType === DATA_TYPES.NUMBER || dataType === DATA_TYPES.ARRAY_NUMBER;
     // Variables
     const { selectedItems, selectedTreeData, isShowLoadMoreEl, expandedKeys, selectedExpandedKeys } = state;
     const { icon: listEmptyIcon = _jsx(LongerIcon, {}), description: listEmptyDescription = (_jsx("div", { dangerouslySetInnerHTML: { __html: t(translations.matchesAnySelect.noData) } })), ...restListEmptyProps } = listEmptyProps || {};
@@ -60,8 +64,10 @@ export function MatchesAny(props) {
             : false;
         setMaxItemsError(!!isOverMaxSelected);
         setItemOverMaxLength(!!isSomeTextTooLong);
-        if (isApply && !isOverMaxSelected && !isSomeTextTooLong)
+        if (isApply && !isOverMaxSelected && !isSomeTextTooLong) {
             setIsApply(false);
+            setIsExistString(false);
+        }
     }, [selectedItems, maxSelectedItem, maxLengthEachItem, isApply]);
     // Refs
     const { ref: loadMoreRef } = useIntersectionObserver({
@@ -147,6 +153,7 @@ export function MatchesAny(props) {
             selectedExpandedKeys: newSelectedExpandKeys,
             selectedTreeData: newSelectedTreeData,
         }));
+        setIsExistString(false);
     };
     /**
      * Removes an item and its descendants from the list of selected items.
@@ -156,6 +163,7 @@ export function MatchesAny(props) {
      *
      */
     const onRemoveItem = (item) => {
+        setIsExistString(false);
         setState(prev => {
             const newSelectedItems = prev.selectedItems?.filter(selectedItem => {
                 if (item.children) {
@@ -174,9 +182,11 @@ export function MatchesAny(props) {
         });
     };
     const onRemoveAll = () => {
+        setIsExistString(false);
         setState(prev => ({ ...prev, selectedItems: [], selectedTreeData: [] }));
     };
     const onClickApply = () => {
+        setIsExistString(false);
         if (maxItemsError || itemOverMaxLength) {
             setIsApply(true);
             return;
@@ -313,6 +323,7 @@ export function MatchesAny(props) {
             .map(item => item.key);
         const newSelectedItems = uniqBy([...(state.selectedItems || []), ...flattenTreeData], 'key');
         const newSelectedTreeData = getSelectedTreeData(items || [], newSelectedItems || [], selectedTreeData);
+        setIsExistString(false);
         setState(prev => ({
             ...prev,
             selectedItems: newSelectedItems,
@@ -359,16 +370,21 @@ export function MatchesAny(props) {
         const availableExtendValues = extendValues?.filter(value => !selectedItems?.some(item => item.title === value));
         // If there are available values to add
         if (availableExtendValues) {
+            // check extendValues has string data type
+            const isExistString = shouldFilterNumber ? availableExtendValues.some(value => !NUMBER_REGEX.test(value)) : false;
             // Create new items in the format required (MatchesAnyItem)
             const newSelectedItems = [
                 ...(selectedItems || []),
-                ...availableExtendValues.map(value => ({
+                ...(isExistString
+                    ? availableExtendValues.filter(value => NUMBER_REGEX.test(value))
+                    : availableExtendValues).map(value => ({
                     key: value,
                     title: value,
                     isExtendValue: true, // Flag to indicate that this item is an extend value
                 })),
             ];
             const newSelectedTreeData = getSelectedTreeData(items || [], newSelectedItems || [], selectedTreeData || []);
+            setIsExistString(isExistString);
             setState(prev => ({
                 ...prev,
                 selectedItems: newSelectedItems,
@@ -376,10 +392,10 @@ export function MatchesAny(props) {
             }));
         }
     };
-    return (_jsx(ConfigProvider, { theme: MATCHES_ANY_THEME, children: _jsxs(MatchesAnyWrapper, { ...restOfProps, vertical: true, justify: "space-between", children: [_jsxs(Flex, { style: { width: '100%', height: '100%' }, children: [renderSelectList(), renderSelectedList()] }), _jsxs(Flex, { className: "matches-any__footer", align: "center", justify: "space-between", children: [_jsxs(Flex, { align: "center", gap: 10, children: [_jsx(Button, { type: "primary", disabled: isDisableApply, onClick: onClickApply, children: translate(translationsLocale._ACT_APPLY) }), _jsx(Button, { onClick: () => onCancel(), children: translate(translationsLocale._ACT_CANCEL) }), isApply && (maxItemsError || itemOverMaxLength) && (_jsxs(_Fragment, { children: [_jsx(Typography, { style: { color: globalToken?.colorError }, children: translate(translationsLocale._OPERATOR_MATCH_ANY_EX_VALUE_LIMIT) }), itemOverMaxLength && (_jsx(Button, { type: "text", onClick: handleClickRemoveInvalid, children: translate(translationsLocale._OPERATOR_MATCH_ANY_EX_VALUE_LIMIT_REMOVE_INV) }))] }))] }), showExtendValue && (_jsx(ExtendValuePopup, { getPopupContainer: trigger => trigger.parentElement || document.body, onApply: onApplyExtendValue, children: _jsx(Button, { icon: _jsx(Icon, { type: "icon-ants-empty-flag" }), children: t(translations.extendValue.title).toString() }) }))] })] }) }));
+    return (_jsx(ConfigProvider, { theme: MATCHES_ANY_THEME, children: _jsxs(MatchesAnyWrapper, { ...restOfProps, vertical: true, justify: "space-between", children: [_jsxs(Flex, { style: { width: '100%', height: '100%' }, children: [renderSelectList(), renderSelectedList()] }), _jsxs(Flex, { className: "matches-any__footer", align: "center", justify: "space-between", children: [_jsxs(Flex, { align: "center", gap: 10, children: [_jsx(Button, { type: "primary", disabled: isDisableApply, onClick: onClickApply, children: translate(translationsLocale._ACT_APPLY) }), _jsx(Button, { onClick: () => onCancel(), children: translate(translationsLocale._ACT_CANCEL) }), _jsxs("div", { children: [isApply && (maxItemsError || itemOverMaxLength) && (_jsx(Typography, { style: { color: globalToken?.colorError }, children: translate(translationsLocale._OPERATOR_MATCH_ANY_EX_VALUE_LIMIT) })), isExistString && (_jsx(Typography, { style: { color: globalToken?.orange6 }, children: translate(translationsLocale._OPERATOR_MATCH_ANY_EX_VALUE_VAL_NUM_VAL) }))] }), isApply && itemOverMaxLength && (_jsx(Button, { type: "text", onClick: handleClickRemoveInvalid, children: translate(translationsLocale._OPERATOR_MATCH_ANY_EX_VALUE_LIMIT_REMOVE_INV) }))] }), showExtendValue && (_jsx(ExtendValuePopup, { getPopupContainer: trigger => trigger.parentElement || document.body, shouldFilterNumber: shouldFilterNumber, onApply: onApplyExtendValue, children: _jsx(Button, { icon: _jsx(Icon, { type: "icon-ants-empty-flag" }), children: t(translations.extendValue.title).toString() }) }))] })] }) }));
 }
 export function MatchesAnySelect(props) {
-    const { maxSelectedItem, maxLengthEachItem, placeholder = 'Select an item', dropdownStyle, objectName, selectedItems, items, loading, popupClassName, groupSelectProps, renderExtraValues, customItemRenders, popoverProps, listEmptyProps, selectedListEmptyProps, selectedTreeData, error, onChangeSearch, onChange = () => { }, onLoadMore, ...restProps } = props;
+    const { dataType, maxSelectedItem, maxLengthEachItem, placeholder = 'Select an item', dropdownStyle, objectName, selectedItems, items, loading, popupClassName, groupSelectProps, renderExtraValues, customItemRenders, popoverProps, listEmptyProps, selectedListEmptyProps, selectedTreeData, error, onChangeSearch, onChange = () => { }, onLoadMore, ...restProps } = props;
     // State
     const [state, setState] = useState(initialState);
     // Variables
@@ -396,7 +412,7 @@ export function MatchesAnySelect(props) {
         onChange(selectedItems, selectedTreeData);
         setState(prev => ({ ...prev, isOpenPopover: false }));
     };
-    return (_jsx(Popover, { open: isOpenPopover, arrow: false, placement: "bottomLeft", content: _jsx(MatchesAny, { maxSelectedItem: maxSelectedItem, maxLengthEachItem: maxLengthEachItem, isExternalSearch: !!onChangeSearch, searchValue: state.searchValue, className: popupClassName, items: items, selectedItems: selectedItems, loading: loading, objectName: objectName, groupSelectProps: groupSelectProps, renderExtraValues: renderExtraValues, customItemRenders: customItemRenders, listEmptyProps: listEmptyProps, selectedListEmptyProps: selectedListEmptyProps, selectedTreeData: selectedTreeData, onChangeSearch: searchValue => {
+    return (_jsx(Popover, { open: isOpenPopover, arrow: false, placement: "bottomLeft", content: _jsx(MatchesAny, { maxSelectedItem: maxSelectedItem, maxLengthEachItem: maxLengthEachItem, dataType: dataType, isExternalSearch: !!onChangeSearch, searchValue: state.searchValue, className: popupClassName, items: items, selectedItems: selectedItems, loading: loading, objectName: objectName, groupSelectProps: groupSelectProps, renderExtraValues: renderExtraValues, customItemRenders: customItemRenders, listEmptyProps: listEmptyProps, selectedListEmptyProps: selectedListEmptyProps, selectedTreeData: selectedTreeData, onChangeSearch: searchValue => {
                 setState(prev => ({ ...prev, searchValue }));
                 if (onChangeSearch)
                     onChangeSearch(searchValue);

package/es/components/molecules/MatchAnySelect/components/ExtendValuePopup.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import { type PopoverProps } from '@antscorp/antsomi-ui/es/components/atoms';
 interface ExtendValuePopupProps extends PopoverProps {
     onApply?: (extendValues: string[]) => void;
+    shouldFilterNumber?: boolean;
 }
 export declare const ExtendValuePopup: React.FC<ExtendValuePopupProps>;
 export {};

package/es/components/molecules/MatchAnySelect/components/ExtendValuePopup.js

@@ -20,10 +20,13 @@ const TextArea = styled(props => _jsx(Input.TextArea, { ...props })) `
     border: 1px solid ${blue1} !important;
     border-radius: ${borderRadius}px;
   }
+  ::-webkit-input-placeholder {
+    opacity: 1 !important;
+  }
 `;
 export const ExtendValuePopup = props => {
     // Props
-    const { children, onApply = () => { }, ...restProps } = props;
+    const { shouldFilterNumber = false, children, onApply = () => { }, ...restProps } = props;
     // State
     const [state, setState] = useState({
         isOpenPopover: false,
@@ -49,5 +52,7 @@ export const ExtendValuePopup = props => {
             width: 500,
         }, trigger: ['click'], arrow: false, placement: "topRight", onOpenChange: () => setState(prev => ({ ...prev, isOpenPopover: !isOpenPopover })), ...restProps, content: _jsx(ApplyPopupContent, { title: t(translations.extendValue.title).toString(), applyButtonProps: {
                 disabled: !extendValues?.trim(),
-            }, onCancel: onClosePopover, onApply: () => form.submit(), children: _jsx(Form, { form: form, onFinish: onFinishSubmit, children: _jsx(Form.Item, { noStyle: true, name: "extendValues", children: _jsx(TextArea, { autoSize: false, bordered: false, rows: 9, placeholder: t(translations.extendValue.placeholder).toString() }) }) }) }), children: children }));
+            }, onCancel: onClosePopover, onApply: () => form.submit(), children: _jsx(Form, { form: form, onFinish: onFinishSubmit, children: _jsx(Form.Item, { noStyle: true, name: "extendValues", children: _jsx(TextArea, { autoSize: false, bordered: false, rows: 9, placeholder: t(shouldFilterNumber
+                            ? translations.extendValue.placeholderNumber
+                            : translations.extendValue.placeholder).toString() }) }) }) }), children: children }));
 };