@antscorp/antsomi-ui 2.0.3 → 2.0.4

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

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

package/es/components/icons/ArticleIcon.js

@@ -0,0 +1,10 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const ArticleIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 30 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("rect", { x: "7", y: "2", width: "16", height: "16", rx: "2", stroke: "#595959", strokeWidth: "2" }),
+        React.createElement("rect", { x: "10", y: "5", width: "10", height: "2", fill: "#EF3340" }),
+        React.createElement("rect", { x: "10", y: "9", width: "10", height: "2", fill: "#005EB8" }),
+        React.createElement("rect", { x: "10", y: "13", width: "7", height: "2", fill: "#7F7F7F" })));
+});

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

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

package/es/components/icons/CustomerInformationIcon.js

@@ -0,0 +1,13 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const CustomerInformationIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 30 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { d: "M1 15V13.75C1 13.75 2.188 11.25 6 11.25C9.812 11.25 11 13.75 11 13.75V15H1ZM3.5 7.5C3.5 7.00555 3.64662 6.52221 3.92133 6.11109C4.19603 5.69996 4.58646 5.37953 5.04327 5.19031C5.50009 5.00109 6.00278 4.95157 6.48773 5.04804C6.97268 5.1445 7.41813 5.38261 7.76776 5.73224C8.11739 6.08187 8.3555 6.52732 8.45197 7.01227C8.54843 7.49722 8.49891 7.99991 8.30969 8.45673C8.12047 8.91354 7.80004 9.30397 7.38892 9.57868C6.97779 9.85338 6.49445 10 6 10C5.33696 10 4.70108 9.7366 4.23224 9.26776C3.7634 8.79892 3.5 8.16304 3.5 7.5Z", fill: "#595959" }),
+        React.createElement("rect", { x: "14", y: "5", width: "5", height: "2", fill: "#005EB8" }),
+        React.createElement("rect", { x: "21", y: "5", width: "7", height: "2", fill: "#595959" }),
+        React.createElement("rect", { x: "14", y: "9", width: "5", height: "2", fill: "#005EB8" }),
+        React.createElement("rect", { x: "21", y: "9", width: "8", height: "2", fill: "#595959" }),
+        React.createElement("rect", { x: "14", y: "13", width: "5", height: "2", fill: "#005EB8" }),
+        React.createElement("rect", { x: "21", y: "13", width: "6", height: "2", fill: "#595959" })));
+});

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

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

package/es/components/icons/EditFilledIcon.js

@@ -0,0 +1,8 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const EditFilledIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { d: "M0 0h24v24H0z", fill: "none" }),
+        React.createElement("path", { d: "M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z" })));
+});

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

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

package/es/components/icons/ItemRecommendationIcon.js

@@ -0,0 +1,10 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const ItemRecommendationIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 30 22", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { d: "M19 10.5C19.7188 10.5 20.3438 11.0938 20.3438 11.8438V19.8438C20.3438 20.5625 19.7188 21.1562 19 21.1562H11C10.2812 21.1562 9.65625 20.5625 9.65625 19.8438V11.8438C9.65625 11.0938 10.2812 10.5 11 10.5H12.3438C12.3438 9.03125 13.5312 7.84375 15 7.84375C16.4688 7.84375 17.6562 9.03125 17.6562 10.5H19ZM15 9.15625C14.2812 9.15625 13.6562 9.78125 13.6562 10.5H16.3438C16.3438 9.78125 15.7188 9.15625 15 9.15625ZM19 19.8438V11.8438H17.6562V13.1562C17.6562 13.5312 17.375 13.8438 17 13.8438C16.625 13.8438 16.3438 13.5312 16.3438 13.1562V11.8438H13.6562V13.1562C13.6562 13.5312 13.375 13.8438 13 13.8438C12.625 13.8438 12.3438 13.5312 12.3438 13.1562V11.8438H11V19.8438H19Z", fill: "#595959" }),
+        React.createElement("path", { d: "M8 8.25L5.9375 9.5L6.48438 7.15625L4.67188 5.57812L7.0625 5.375L8 3.17188L8.9375 5.375L11.3281 5.57812L9.51562 7.15625L10.0625 9.5L8 8.25Z", fill: "#005EB8" }),
+        React.createElement("path", { d: "M15 5.25L12.9375 6.5L13.4844 4.15625L11.6719 2.57812L14.0625 2.375L15 0.171875L15.9375 2.375L18.3281 2.57812L16.5156 4.15625L17.0625 6.5L15 5.25Z", fill: "#005EB8" }),
+        React.createElement("path", { d: "M22 8.25L19.9375 9.5L20.4844 7.15625L18.6719 5.57812L21.0625 5.375L22 3.17188L22.9375 5.375L25.3281 5.57812L23.5156 7.15625L24.0625 9.5L22 8.25Z", fill: "#005EB8" })));
+});

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

@@ -22,6 +22,7 @@ export declare const LazyIcon: {
     AnlyticModelsIcon: 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>>>;
     AssignmentIndIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     AttachmentIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     AudioRecordIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
@@ -84,6 +85,7 @@ export declare const LazyIcon: {
     CursorIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     CurvedConnectorIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     CustomerIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
+    CustomerInformationIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     CustomerJourney30Icon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     CustomerJourneyIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     Customers30Icon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
@@ -120,6 +122,7 @@ export declare const LazyIcon: {
     DynamicFormIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     DynamicImageIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     DynamicTextIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
+    EditFilledIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     EditIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     ElbowConnectorIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     EmailTemplate30Icon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
@@ -191,6 +194,7 @@ export declare const LazyIcon: {
     InvisibleIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     InvitePeopleIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     IssueBugIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
+    ItemRecommendationIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     JourneyTactic30Icon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     JourneyTacticIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     LayerIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
@@ -334,6 +338,7 @@ export declare const LazyIcon: {
     Unknown30Icon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     UploadIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     UploadMenuIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
+    UserActivityIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     UserAttributesIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     UserIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     ValidateFormatIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;

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

@@ -22,6 +22,7 @@ export const LazyIcon = {
     AnlyticModelsIcon: lazy(() => import('../AnlyticModelsIcon').then(m => ({ default: m.AnlyticModelsIcon }))),
     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 }))),
     AssignmentIndIcon: lazy(() => import('../AssignmentIndIcon').then(m => ({ default: m.AssignmentIndIcon }))),
     AttachmentIcon: lazy(() => import('../AttachmentIcon').then(m => ({ default: m.AttachmentIcon }))),
     AudioRecordIcon: lazy(() => import('../AudioRecordIcon').then(m => ({ default: m.AudioRecordIcon }))),
@@ -90,6 +91,7 @@ export const LazyIcon = {
     CursorIcon: lazy(() => import('../CursorIcon').then(m => ({ default: m.CursorIcon }))),
     CurvedConnectorIcon: lazy(() => import('../CurvedConnectorIcon').then(m => ({ default: m.CurvedConnectorIcon }))),
     CustomerIcon: lazy(() => import('../CustomerIcon').then(m => ({ default: m.CustomerIcon }))),
+    CustomerInformationIcon: lazy(() => import('../CustomerInformationIcon').then(m => ({ default: m.CustomerInformationIcon }))),
     CustomerJourney30Icon: lazy(() => import('../CustomerJourney30Icon').then(m => ({ default: m.CustomerJourney30Icon }))),
     CustomerJourneyIcon: lazy(() => import('../CustomerJourneyIcon').then(m => ({ default: m.CustomerJourneyIcon }))),
     Customers30Icon: lazy(() => import('../Customers30Icon').then(m => ({ default: m.Customers30Icon }))),
@@ -126,6 +128,7 @@ export const LazyIcon = {
     DynamicFormIcon: lazy(() => import('../DynamicFormIcon').then(m => ({ default: m.DynamicFormIcon }))),
     DynamicImageIcon: lazy(() => import('../DynamicImageIcon').then(m => ({ default: m.DynamicImageIcon }))),
     DynamicTextIcon: lazy(() => import('../DynamicTextIcon').then(m => ({ default: m.DynamicTextIcon }))),
+    EditFilledIcon: lazy(() => import('../EditFilledIcon').then(m => ({ default: m.EditFilledIcon }))),
     EditIcon: lazy(() => import('../EditIcon').then(m => ({ default: m.EditIcon }))),
     ElbowConnectorIcon: lazy(() => import('../ElbowConnectorIcon').then(m => ({ default: m.ElbowConnectorIcon }))),
     EmailTemplate30Icon: lazy(() => import('../EmailTemplate30Icon').then(m => ({ default: m.EmailTemplate30Icon }))),
@@ -197,6 +200,7 @@ export const LazyIcon = {
     InvisibleIcon: lazy(() => import('../InvisibleIcon').then(m => ({ default: m.InvisibleIcon }))),
     InvitePeopleIcon: lazy(() => import('../InvitePeopleIcon').then(m => ({ default: m.InvitePeopleIcon }))),
     IssueBugIcon: lazy(() => import('../IssueBugIcon').then(m => ({ default: m.IssueBugIcon }))),
+    ItemRecommendationIcon: lazy(() => import('../ItemRecommendationIcon').then(m => ({ default: m.ItemRecommendationIcon }))),
     JourneyTactic30Icon: lazy(() => import('../JourneyTactic30Icon').then(m => ({ default: m.JourneyTactic30Icon }))),
     JourneyTacticIcon: lazy(() => import('../JourneyTacticIcon').then(m => ({ default: m.JourneyTacticIcon }))),
     LayerIcon: lazy(() => import('../LayerIcon').then(m => ({ default: m.LayerIcon }))),
@@ -340,6 +344,7 @@ export const LazyIcon = {
     Unknown30Icon: lazy(() => import('../Unknown30Icon').then(m => ({ default: m.Unknown30Icon }))),
     UploadIcon: lazy(() => import('../UploadIcon').then(m => ({ default: m.UploadIcon }))),
     UploadMenuIcon: lazy(() => import('../UploadMenuIcon').then(m => ({ default: m.UploadMenuIcon }))),
+    UserActivityIcon: lazy(() => import('../UserActivityIcon').then(m => ({ default: m.UserActivityIcon }))),
     UserAttributesIcon: lazy(() => import('../UserAttributesIcon').then(m => ({ default: m.UserAttributesIcon }))),
     UserIcon: lazy(() => import('../UserIcon').then(m => ({ default: m.UserIcon }))),
     ValidateFormatIcon: lazy(() => import('../ValidateFormatIcon').then(m => ({ default: m.ValidateFormatIcon }))),

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

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

package/es/components/icons/UserActivityIcon.js

@@ -0,0 +1,16 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const UserActivityIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 30 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("circle", { cx: "22", cy: "17", r: "3", fill: "#EF3340" }),
+        React.createElement("circle", { cx: "15", cy: "3", r: "3", fill: "#EF3340" }),
+        React.createElement("circle", { cx: "22", cy: "3", r: "2", fill: "#595959" }),
+        React.createElement("circle", { cx: "8", cy: "10", r: "2", fill: "#595959" }),
+        React.createElement("circle", { cx: "8", cy: "10", r: "3", fill: "#EF3340" }),
+        React.createElement("circle", { cx: "15", cy: "17", r: "2", fill: "#005EB8" }),
+        React.createElement("circle", { cx: "15", cy: "10", r: "2", fill: "#005EB8" }),
+        React.createElement("circle", { cx: "8", cy: "17", r: "1", fill: "#595959" }),
+        React.createElement("circle", { cx: "8", cy: "3", r: "1", fill: "#595959" }),
+        React.createElement("circle", { cx: "22", cy: "10", r: "2", fill: "#005EB8" })));
+});

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

@@ -20,6 +20,7 @@ export { AnlysisIcon } from './AnlysisIcon';
 export { AnlyticModelsIcon } from './AnlyticModelsIcon';
 export { ArrowGrowIcon } from './ArrowGrowIcon';
 export { ArrowLineIcon } from './ArrowLineIcon';
+export { ArticleIcon } from './ArticleIcon';
 export { AssignmentIndIcon } from './AssignmentIndIcon';
 export { AttachmentIcon } from './AttachmentIcon';
 export { AudioRecordIcon } from './AudioRecordIcon';
@@ -82,6 +83,7 @@ export { CropIcon } from './CropIcon';
 export { CursorIcon } from './CursorIcon';
 export { CurvedConnectorIcon } from './CurvedConnectorIcon';
 export { CustomerIcon } from './CustomerIcon';
+export { CustomerInformationIcon } from './CustomerInformationIcon';
 export { CustomerJourney30Icon } from './CustomerJourney30Icon';
 export { CustomerJourneyIcon } from './CustomerJourneyIcon';
 export { Customers30Icon } from './Customers30Icon';
@@ -118,6 +120,7 @@ export { DuplicateIcon } from './DuplicateIcon';
 export { DynamicFormIcon } from './DynamicFormIcon';
 export { DynamicImageIcon } from './DynamicImageIcon';
 export { DynamicTextIcon } from './DynamicTextIcon';
+export { EditFilledIcon } from './EditFilledIcon';
 export { EditIcon } from './EditIcon';
 export { ElbowConnectorIcon } from './ElbowConnectorIcon';
 export { EmailTemplate30Icon } from './EmailTemplate30Icon';
@@ -189,6 +192,7 @@ export { InteractiveIcon } from './InteractiveIcon';
 export { InvisibleIcon } from './InvisibleIcon';
 export { InvitePeopleIcon } from './InvitePeopleIcon';
 export { IssueBugIcon } from './IssueBugIcon';
+export { ItemRecommendationIcon } from './ItemRecommendationIcon';
 export { JourneyTactic30Icon } from './JourneyTactic30Icon';
 export { JourneyTacticIcon } from './JourneyTacticIcon';
 export { LayerIcon } from './LayerIcon';
@@ -330,6 +334,7 @@ export { UndoIcon } from './UndoIcon';
 export { Unknown30Icon } from './Unknown30Icon';
 export { UploadIcon } from './UploadIcon';
 export { UploadMenuIcon } from './UploadMenuIcon';
+export { UserActivityIcon } from './UserActivityIcon';
 export { UserAttributesIcon } from './UserAttributesIcon';
 export { UserIcon } from './UserIcon';
 export { ValidateFormatIcon } from './ValidateFormatIcon';

package/es/components/icons/index.js

@@ -20,6 +20,7 @@ export { AnlysisIcon } from './AnlysisIcon';
 export { AnlyticModelsIcon } from './AnlyticModelsIcon';
 export { ArrowGrowIcon } from './ArrowGrowIcon';
 export { ArrowLineIcon } from './ArrowLineIcon';
+export { ArticleIcon } from './ArticleIcon';
 export { AssignmentIndIcon } from './AssignmentIndIcon';
 export { AttachmentIcon } from './AttachmentIcon';
 export { AudioRecordIcon } from './AudioRecordIcon';
@@ -82,6 +83,7 @@ export { CropIcon } from './CropIcon';
 export { CursorIcon } from './CursorIcon';
 export { CurvedConnectorIcon } from './CurvedConnectorIcon';
 export { CustomerIcon } from './CustomerIcon';
+export { CustomerInformationIcon } from './CustomerInformationIcon';
 export { CustomerJourney30Icon } from './CustomerJourney30Icon';
 export { CustomerJourneyIcon } from './CustomerJourneyIcon';
 export { Customers30Icon } from './Customers30Icon';
@@ -118,6 +120,7 @@ export { DuplicateIcon } from './DuplicateIcon';
 export { DynamicFormIcon } from './DynamicFormIcon';
 export { DynamicImageIcon } from './DynamicImageIcon';
 export { DynamicTextIcon } from './DynamicTextIcon';
+export { EditFilledIcon } from './EditFilledIcon';
 export { EditIcon } from './EditIcon';
 export { ElbowConnectorIcon } from './ElbowConnectorIcon';
 export { EmailTemplate30Icon } from './EmailTemplate30Icon';
@@ -189,6 +192,7 @@ export { InteractiveIcon } from './InteractiveIcon';
 export { InvisibleIcon } from './InvisibleIcon';
 export { InvitePeopleIcon } from './InvitePeopleIcon';
 export { IssueBugIcon } from './IssueBugIcon';
+export { ItemRecommendationIcon } from './ItemRecommendationIcon';
 export { JourneyTactic30Icon } from './JourneyTactic30Icon';
 export { JourneyTacticIcon } from './JourneyTacticIcon';
 export { LayerIcon } from './LayerIcon';
@@ -330,6 +334,7 @@ export { UndoIcon } from './UndoIcon';
 export { Unknown30Icon } from './Unknown30Icon';
 export { UploadIcon } from './UploadIcon';
 export { UploadMenuIcon } from './UploadMenuIcon';
+export { UserActivityIcon } from './UserActivityIcon';
 export { UserAttributesIcon } from './UserAttributesIcon';
 export { UserIcon } from './UserIcon';
 export { ValidateFormatIcon } from './ValidateFormatIcon';

package/es/components/molecules/DatePicker/components/AdvancedPicker/AdvancedPicker.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { Dayjs } from 'dayjs';
 import { TAdvancedType, TCalculationType, TOperatorKey, TOption, TShowCalculationTypeCondition, ValueTypes } from './types';
 export interface AdvancedPickerProps {
     label?: string;
@@ -22,6 +23,28 @@ export interface AdvancedPickerProps {
     showTime?: boolean;
     timezone?: string;
     isViewMode?: boolean;
+    /**
+     *
+     * @example const disabledTime = (date?: Dayjs) => {
+        if (date?.get('date') !== 31)
+          return {
+            disabledHours: () => [],
+            disabledMinutes: () => [],
+            disabledSeconds: () => [],
+          };
+  
+        return {
+          disabledHours: () => range(0, 24).splice(4, 20),
+          disabledMinutes: () => range(30, 60),
+          disabledSeconds: () => [55, 56],
+        };
+      };
+     */
+    disabledTime?: (date?: Dayjs) => {
+        disabledHours: () => number[];
+        disabledMinutes: () => number[];
+        disabledSeconds: () => number[];
+    };
     /**
      * Only show fixed calendar (hide dynamic and )
      */

package/es/components/molecules/DatePicker/components/AdvancedPicker/AdvancedPicker.js

@@ -22,15 +22,29 @@ import { calculationDateAdvanced, getCellRender, getFormatDisplay, getPickerRend
 import { DatePickerCustomInput, DatePickerHeader, DropdownContent, DropdownHeader, DatePickerFooter, DropdownFooter, CalendarIconWrapper, InputStyled, TimeLabel, } from './styled';
 // Constants
 import { CALCULATION_DATES, CALCULATION_TYPES, DATE_TYPES, DEFAULT_DATE_FORMAT, VALUE_TYPES, ADVANCED_PICKER_TYPE, WEEK_ARR, QUARTER_PLACEHOLDER, WEEK_PLACEHOLDER, DAY_LABEL_SHORT, MONTH_LABEL_FULL, DAY_OF_MONTH, ANCHOR_LEAP_YEAR, GRANULARITY_MAPPING, } from './constants';
-import { THEME } from '@antscorp/antsomi-ui/es/constants';
+import { globalToken, THEME } from '@antscorp/antsomi-ui/es/constants';
 import { useOutsideClick } from '@antscorp/antsomi-ui/es/hooks/useOutsideClick';
+const isDisabledSpecificTime = (current, info, disabledTime, date) => {
+    if (typeof current !== 'number' || !disabledTime)
+        return false;
+    switch (info.subType) {
+        case 'hour':
+            return disabledTime(date).disabledHours().includes(current);
+        case 'minute':
+            return disabledTime(date).disabledMinutes().includes(current);
+        case 'second':
+            return disabledTime(date).disabledSeconds().includes(current);
+        default:
+            return false;
+    }
+};
 const PATH = '@antscorp/antsomi-ui/es/components/molecules/DatePicker/components/Advanced/DatePickerAdvanced.tsx';
 const { useToken } = theme;
 const { Text } = Typography;
 export const AdvancedPicker = props => {
     var _a, _b;
     // Props
-    const { label, inputStyle, popupStyle, dateTypeKeysShow, calculationTypeKeysShow, showCalculationTypeCondition, defaultDateTypeKey, valueType, option: propsOption, operatorKey, type, date: propsDate, format, formatInputDisplay, errorMessage, disableAfterDate, disableBeforeDate, showTime, disabled, timezone, isViewMode, onlyShowFixed, onUpdatedNewDate, onApply, } = props;
+    const { label, inputStyle, popupStyle, dateTypeKeysShow, calculationTypeKeysShow, showCalculationTypeCondition, defaultDateTypeKey, valueType, option: propsOption, operatorKey, type, date: propsDate, format, formatInputDisplay, errorMessage, disableAfterDate, disableBeforeDate, showTime, disabled, timezone, isViewMode, onlyShowFixed, disabledTime, onUpdatedNewDate, onApply, } = props;
     // Memo
     const newDateTypes = useMemo(() => {
         if (dateTypeKeysShow && dateTypeKeysShow.length) {
@@ -343,19 +357,20 @@ export const AdvancedPicker = props => {
             renderDropdownFooter()));
     };
     const cellRender = useCallback((current, info) => {
-        const onChangeDatePicker = (value) => {
-            try {
-                setState(state => (Object.assign(Object.assign({}, state), { date: dayjs(value).format(format) })));
-            }
-            catch (error) {
-                handleError(error, {
-                    path: PATH,
-                    name: 'onChangeDatePicker',
-                    args: { value },
-                });
-            }
-        };
-        return (React.createElement("div", { className: "antsomi-picker-cell-inner", style: { pointerEvents: 'all', width: '100%' }, onClick: e => {
+        const isDisabledTime = isDisabledSpecificTime(current, info, disabledTime, dayjs(date));
+        return (React.createElement("div", { className: "antsomi-picker-cell-inner", style: Object.assign({ pointerEvents: 'all', width: '100%' }, (isDisabledTime
+                ? {
+                    color: globalToken === null || globalToken === void 0 ? void 0 : globalToken.colorTextDisabled,
+                    opacity: 0.5,
+                    background: globalToken === null || globalToken === void 0 ? void 0 : globalToken.bw2,
+                    cursor: 'default',
+                }
+                : {})), onClick: e => {
+                if (isDisabledTime) {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    return;
+                }
                 if (info.type === 'time' && typeof current === 'number') {
                     e.preventDefault();
                     e.stopPropagation();
@@ -373,8 +388,10 @@ export const AdvancedPicker = props => {
                         default:
                             break;
                     }
-                    if (newDate)
-                        onChangeDatePicker(newDate);
+                    if (newDate) {
+                        setState(state => (Object.assign(Object.assign({}, state), { date: dayjs(newDate).format(format) })));
+                    }
+                    // if (newDate) onChangeDatePicker(newDate);
                     return;
                 }
                 if (info.type === 'decade' ||
@@ -383,9 +400,10 @@ export const AdvancedPicker = props => {
                     return;
                 e.preventDefault();
                 e.stopPropagation();
-                onChangeDatePicker(current);
+                setState(state => (Object.assign(Object.assign({}, state), { date: dayjs(current).format(format) })));
+                // onChangeDatePicker(current);
             } }, getCellRender(current, valueType, info)));
-    }, [valueType, format, date]);
+    }, [valueType, format, date, disabledTime]);
     if (isViewMode)
         return (React.createElement(Space, { direction: "vertical", size: 5, className: "antsomi-advanced-picker-container", ref: ref },
             !!label && typeof label === 'string' ? (React.createElement(Text, { style: { color: '#666666' } }, label)) : (label),
@@ -393,11 +411,7 @@ export const AdvancedPicker = props => {
     return (React.createElement(Space, { direction: "vertical", size: 5, className: "antsomi-advanced-picker-container", ref: onlyShowFixed ? undefined : ref },
         !!label && typeof label === 'string' ? (React.createElement(Text, { style: { color: '#666666' } }, label)) : (label),
         isShowFixed && !['WEEK', 'DAY_OF_WEEK', 'MONTH_DAY', 'DAY'].includes(valueType) ? (React.createElement(Tooltip, { title: selectedDateTitle },
-            React.createElement(DatePicker, { disabled: disabled, open: !disabled && isOpen, popupStyle: popupStyle, allowClear: false, inputReadOnly: true, style: Object.assign({ textOverflow: 'ellipsis' }, inputStyle), status: errorMessage ? 'error' : '', inputRender: () => (React.createElement(DatePickerCustomInput, { readOnly: true, placeholder: "Select Date", value: selectedDateTitle, onClick: () => toggleOpenDropdown() })), value: currDate, 
-                // style={{
-                //   width: 120,
-                // }}
-                disabledDate: disableDate, format: formatDisplay, showToday: false, popupClassName: clsx('antsomi-picker-dropdown__advanced', {
+            React.createElement(DatePicker, { disabled: disabled, open: !disabled && isOpen, popupStyle: popupStyle, allowClear: false, inputReadOnly: true, style: Object.assign({ textOverflow: 'ellipsis' }, inputStyle), status: errorMessage ? 'error' : '', inputRender: () => (React.createElement(DatePickerCustomInput, { readOnly: true, placeholder: "Select Date", value: selectedDateTitle, onClick: () => toggleOpenDropdown() })), value: currDate, disabledDate: disableDate, format: formatDisplay, showToday: false, popupClassName: clsx('antsomi-picker-dropdown__advanced', {
                     '--error': errorMessage,
                     'hide-picker-header': ['QUARTER', 'MONTH'].includes(valueType),
                     'only-show-time-picker': ['HOUR', 'MINUTE'].includes(valueType),

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

@@ -12,6 +12,7 @@ interface EditableNameProps {
     style?: React.CSSProperties;
     readonly?: boolean;
     maxLength?: number;
+    editIcon?: React.ReactNode;
     onBlur?: React.FocusEventHandler<HTMLInputElement>;
     onChange?: (value: string) => void;
 }

package/es/components/molecules/EditableName/EditableName.js

@@ -8,7 +8,7 @@ import { Spin } from '../../atoms';
 import { EditIcon } from '../../icons';
 export const EditableName = React.forwardRef((props, ref) => {
     var _a;
-    const { className, isLoading, required, error, value, style, readonly, maxLength = 255, onBlur, onChange, } = props;
+    const { className, isLoading, required, error, value, style, readonly, maxLength = 255, editIcon, onBlur, onChange, } = props;
     const defaultValue = useRef(props.defaultValue);
     const [inputWidth, setInputWidth] = useState(1);
     const [internalValue, setInternalValue] = useState(value || defaultValue.current || '');
@@ -70,10 +70,9 @@ export const EditableName = React.forwardRef((props, ref) => {
         isLoading ? (React.createElement(Spin, { indicatorSize: 20, style: { paddingLeft: '5px', marginLeft: '10px', alignSelf: 'center' } })) : null,
         (error || requiredError) && !isLoading ? (React.createElement("div", { className: "suffix-icon-error" },
             React.createElement(Tooltip, { title: error || requiredError },
-                React.createElement(Icon, { type: "icon-ants-warning-circle", style: { color: '#F44336', fontSize: '19.2px' } })))) : readonly ? null : (React.createElement("div", { className: "suffix-icon" },
-            React.createElement(EditIcon, { style: { color: (_a = THEME.token) === null || _a === void 0 ? void 0 : _a.blue7 }, onClick: () => {
-                    var _a;
-                    (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-                } }))),
+                React.createElement(Icon, { type: "icon-ants-warning-circle", style: { color: '#F44336', fontSize: '19.2px' } })))) : readonly ? null : (React.createElement("div", { className: "suffix-icon" }, editIcon || (React.createElement(EditIcon, { style: { color: (_a = THEME.token) === null || _a === void 0 ? void 0 : _a.blue7 }, onClick: () => {
+                var _a;
+                (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+            } })))),
         React.createElement("span", { ref: spanRef, className: "hidden-span" })));
 });

package/es/components/molecules/EditorTab/EditorTab.js

@@ -10,6 +10,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 // Lib
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import classnames from 'classnames';
+import { useInView } from 'react-intersection-observer';
 // Components
 import Icon from '@antscorp/icons/main';
 import { Button, Typography, Dropdown, ContentEditable, Modal, } from '@antscorp/antsomi-ui/es/components';
@@ -19,7 +20,7 @@ import { EditorTabStyled } from './styled';
 import { handleError } from '@antscorp/antsomi-ui/es/utils';
 const PATH = 'src/components/EditorTab/index.jsx';
 export const EditorTab = props => {
-    var _a, _b, _c, _d, _e;
+    var _a;
     const { listTab = [], activeId = '', showArrow, showDropdown, editNameOnConfigure, 
     // disabledScroll,
     onCloseTab, onClickRemoveTab, onConfirmRemove, onActiveTab, onAddTab, onConfigure, onSaveName, newTabText, showComposeNewQuery, className, leftBlockClassName, tabItemClassName, confirmOnRemoveTab, modalFuncProps, } = props;
@@ -28,17 +29,10 @@ export const EditorTab = props => {
     const [isEditable, setIsEditable] = useState();
     const [modal, contextModal] = Modal.useModal();
     // Ref
-    const [offsetWidth, setOffsetWidth] = useState(0);
-    const [scrollWidth, setScrollWidth] = useState(0);
     const leftBlockRef = useRef(null);
-    const isLeftBlockOverflow = ((_b = leftBlockRef.current) === null || _b === void 0 ? void 0 : _b.offsetWidth) && ((_c = leftBlockRef.current) === null || _c === void 0 ? void 0 : _c.scrollWidth)
-        ? ((_d = leftBlockRef.current) === null || _d === void 0 ? void 0 : _d.offsetWidth) < ((_e = leftBlockRef.current) === null || _e === void 0 ? void 0 : _e.scrollWidth)
-        : offsetWidth < scrollWidth;
-    useEffect(() => {
-        var _a, _b;
-        setOffsetWidth(((_a = leftBlockRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) || 0);
-        setScrollWidth(((_b = leftBlockRef.current) === null || _b === void 0 ? void 0 : _b.scrollWidth) || 0);
-    }, []);
+    const { ref: anchorLeftElRef, inView: anchorLeftElRefInView } = useInView();
+    const { ref: anchorRightElRef, inView: anchorRightElRefInView } = useInView();
+    const isLeftBlockOverflow = !anchorLeftElRefInView || !anchorRightElRefInView;
     useEffect(() => {
         if (listTab.length - arrTabs.length === 1) {
             setActiveTabId(listTab[listTab.length - 1].id);
@@ -104,7 +98,7 @@ export const EditorTab = props => {
             onActiveTab(tabId);
     }, [onActiveTab]);
     const handleCloseTab = (e, tab, idx) => __awaiter(void 0, void 0, void 0, function* () {
-        var _f, _g;
+        var _b, _c;
         e.stopPropagation();
         // if (arrTabs.length < 2) {
         //   return;
@@ -120,10 +114,10 @@ export const EditorTab = props => {
             return;
         if (activeTabId === tab.id) {
             if (idx === arrTabs.length - 1) {
-                handleActiveTab((_f = arrTabs[idx - 1]) === null || _f === void 0 ? void 0 : _f.id);
+                handleActiveTab((_b = arrTabs[idx - 1]) === null || _b === void 0 ? void 0 : _b.id);
             }
             else if (arrTabs.length > 1) {
-                handleActiveTab((_g = arrTabs[idx + 1]) === null || _g === void 0 ? void 0 : _g.id);
+                handleActiveTab((_c = arrTabs[idx + 1]) === null || _c === void 0 ? void 0 : _c.id);
             }
         }
         onCloseTab === null || onCloseTab === void 0 ? void 0 : onCloseTab(tab, idx, newTabs);
@@ -165,43 +159,46 @@ export const EditorTab = props => {
         contextModal,
         showArrow && isLeftBlockOverflow && (React.createElement("div", { className: "navigate-button", onClick: () => onClickArrow('left') },
             React.createElement(Icon, { type: "icon-ants-angle-left" }))),
-        React.createElement("div", { ref: leftBlockRef, className: classnames('left-block', leftBlockClassName), onWheel: onWheelLeftBlock }, arrTabs && arrTabs.length
-            ? arrTabs.map((tab, idx) => {
-                const { showIcon = true, showDropdown = true, hideRemoveOption, closable = true, } = tab;
-                return (React.createElement("div", { key: tab.id, onClick: () => handleActiveTab(tab.id), className: classnames('tab-item', tabItemClassName, {
-                        active: tab.id === activeTabId,
-                    }) },
-                    showIcon &&
-                        (tab.type === 'query' ? (React.createElement(Icon, { type: "icon-ants-material-outline-manage-search", overlayStyle: { fontSize: 21 } })) : (React.createElement(Icon, { type: "icon-ants-table-vertical", overlayStyle: { fontSize: 21 } }))),
-                    isEditable === tab.id ? (React.createElement(ContentEditable, { value: tab.name, onSave: newValue => {
-                            setIsEditable(undefined);
-                            onSaveName === null || onSaveName === void 0 ? void 0 : onSaveName(tab.id, newValue);
-                        } })) : (React.createElement(Typography.Text, { ellipsis: { tooltip: true } }, tab.name)),
-                    showDropdown ? (React.createElement(Dropdown, { menu: {
-                            items: [
-                                { label: 'Configure', key: 'configure', style: { minWidth: '135px' } },
-                                ...(hideRemoveOption
-                                    ? []
-                                    : [{ label: 'Remove', key: 'remove', style: { minWidth: '135px' } }]),
-                            ],
-                            onClick: (_a) => __awaiter(void 0, [_a], void 0, function* ({ key, domEvent }) {
-                                switch (key) {
-                                    case 'configure':
-                                        if (editNameOnConfigure)
-                                            setIsEditable(tab.id);
-                                        onConfigure === null || onConfigure === void 0 ? void 0 : onConfigure(tab.id);
-                                        break;
-                                    case 'remove':
-                                        yield handleCloseTab(domEvent, tab, idx);
-                                        break;
-                                    default:
-                                        break;
-                                }
-                            }),
-                        }, placement: "bottomLeft", trigger: ['click'], destroyPopupOnHide: true },
-                        React.createElement(Button, { icon: React.createElement(Icon, { type: "icon-ants-three-dot-vertical", overlayStyle: { fontSize: 12 } }), size: "small" }))) : closable ? (React.createElement(Button, { onClick: e => handleCloseTab(e, tab, idx), icon: React.createElement(Icon, { type: "icon-ants-remove-slim", overlayStyle: { fontSize: 12 } }), size: "small" })) : null));
-            })
-            : null),
+        React.createElement("div", { ref: leftBlockRef, className: classnames('left-block', leftBlockClassName), onWheel: onWheelLeftBlock },
+            React.createElement("div", { ref: anchorLeftElRef }),
+            arrTabs && arrTabs.length
+                ? arrTabs.map((tab, idx) => {
+                    const { showIcon = true, showDropdown = true, hideRemoveOption, closable = true, } = tab;
+                    return (React.createElement("div", { key: tab.id, onClick: () => handleActiveTab(tab.id), className: classnames('tab-item', tabItemClassName, {
+                            active: tab.id === activeTabId,
+                        }) },
+                        showIcon &&
+                            (tab.type === 'query' ? (React.createElement(Icon, { type: "icon-ants-material-outline-manage-search", overlayStyle: { fontSize: 21 } })) : (React.createElement(Icon, { type: "icon-ants-table-vertical", overlayStyle: { fontSize: 21 } }))),
+                        isEditable === tab.id ? (React.createElement(ContentEditable, { value: tab.name, onSave: newValue => {
+                                setIsEditable(undefined);
+                                onSaveName === null || onSaveName === void 0 ? void 0 : onSaveName(tab.id, newValue);
+                            } })) : (React.createElement(Typography.Text, { ellipsis: { tooltip: true } }, tab.name)),
+                        showDropdown ? (React.createElement(Dropdown, { menu: {
+                                items: [
+                                    { label: 'Configure', key: 'configure', style: { minWidth: '135px' } },
+                                    ...(hideRemoveOption
+                                        ? []
+                                        : [{ label: 'Remove', key: 'remove', style: { minWidth: '135px' } }]),
+                                ],
+                                onClick: (_a) => __awaiter(void 0, [_a], void 0, function* ({ key, domEvent }) {
+                                    switch (key) {
+                                        case 'configure':
+                                            if (editNameOnConfigure)
+                                                setIsEditable(tab.id);
+                                            onConfigure === null || onConfigure === void 0 ? void 0 : onConfigure(tab.id);
+                                            break;
+                                        case 'remove':
+                                            yield handleCloseTab(domEvent, tab, idx);
+                                            break;
+                                        default:
+                                            break;
+                                    }
+                                }),
+                            }, placement: "bottomLeft", trigger: ['click'], destroyPopupOnHide: true },
+                            React.createElement(Button, { icon: React.createElement(Icon, { type: "icon-ants-three-dot-vertical", overlayStyle: { fontSize: 12 } }), size: "small" }))) : closable ? (React.createElement(Button, { onClick: e => handleCloseTab(e, tab, idx), icon: React.createElement(Icon, { type: "icon-ants-remove-slim", overlayStyle: { fontSize: 12 } }), size: "small" })) : null));
+                })
+                : null,
+            React.createElement("div", { ref: anchorRightElRef })),
         showArrow && isLeftBlockOverflow && (React.createElement("div", { className: "navigate-button", onClick: () => onClickArrow('right') },
             React.createElement(Icon, { type: "icon-ants-angle-right" }))),
         showComposeNewQuery || newTabText ? (React.createElement(Button, { onClick: handleAddNew, className: "new-query-button" },