@antscorp/antsomi-ui 2.0.2 → 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>>>;
@@ -204,6 +208,7 @@ export declare const LazyIcon: {
         backgroundColor?: string | undefined;
     } & import("react").RefAttributes<SVGSVGElement>>>;
     LocalMallIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
+    LongerIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     MapIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     MarkAsReadIcon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
     MarketingHub30Icon: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("../types").IconProps & import("react").RefAttributes<SVGSVGElement>>>;
@@ -333,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 }))),
@@ -208,6 +212,7 @@ export const LazyIcon = {
     ListIcon: lazy(() => import('../ListIcon').then(m => ({ default: m.ListIcon }))),
     LoadingIcon: lazy(() => import('../LoadingIcon').then(m => ({ default: m.LoadingIcon }))),
     LocalMallIcon: lazy(() => import('../LocalMallIcon').then(m => ({ default: m.LocalMallIcon }))),
+    LongerIcon: lazy(() => import('../LongerIcon').then(m => ({ default: m.LongerIcon }))),
     MapIcon: lazy(() => import('../MapIcon').then(m => ({ default: m.MapIcon }))),
     MarkAsReadIcon: lazy(() => import('../MarkAsReadIcon').then(m => ({ default: m.MarkAsReadIcon }))),
     MarketingHub30Icon: lazy(() => import('../MarketingHub30Icon').then(m => ({ default: m.MarketingHub30Icon }))),
@@ -339,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/LongerIcon.d.ts

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

package/es/components/icons/LongerIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const LongerIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { d: "M14.0156 17.0156V18.9844H3.98438V17.0156H14.0156ZM20.0156 9V11.0156H3.98438V9H20.0156ZM3.98438 15V12.9844H20.0156V15H3.98438ZM3.98438 5.01562H20.0156V6.98438H3.98438V5.01562Z", fill: "currentColor" })));
+});

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';
@@ -200,6 +204,7 @@ export { LinkManagementIcon } from './LinkManagementIcon';
 export { ListIcon } from './ListIcon';
 export { LoadingIcon } from './LoadingIcon';
 export { LocalMallIcon } from './LocalMallIcon';
+export { LongerIcon } from './LongerIcon';
 export { MapIcon } from './MapIcon';
 export { MarkAsReadIcon } from './MarkAsReadIcon';
 export { MarketingHub30Icon } from './MarketingHub30Icon';
@@ -329,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';
@@ -200,6 +204,7 @@ export { LinkManagementIcon } from './LinkManagementIcon';
 export { ListIcon } from './ListIcon';
 export { LoadingIcon } from './LoadingIcon';
 export { LocalMallIcon } from './LocalMallIcon';
+export { LongerIcon } from './LongerIcon';
 export { MapIcon } from './MapIcon';
 export { MarkAsReadIcon } from './MarkAsReadIcon';
 export { MarketingHub30Icon } from './MarketingHub30Icon';
@@ -329,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) {
@@ -64,6 +78,8 @@ export const AdvancedPicker = props => {
         },
         date: dayjs().tz(timezone).format(format),
         dateDisplay: dayjs().tz(timezone).format(format),
+        // date: dayjs(propsDate).tz(timezone).format(format),
+        // dateDisplay: dayjs(propsDate).tz(timezone).format(format),
     });
     const { isOpen, option, date, dateDisplay } = state;
     const isShowFixed = option.dateType.value === 'fixed' || onlyShowFixed;
@@ -146,9 +162,17 @@ export const AdvancedPicker = props => {
         }
     }, [option, format, timezone]);
     useDeepCompareEffect(() => {
+        const DEFAULT_OPTION = onlyShowFixed
+            ? {
+                dateType: 'fixed',
+                calculationDate: 'days',
+                calculationType: 'minus',
+                value: 0,
+            }
+            : {};
         try {
-            if (propsOption) {
-                const { dateType, calculationType, calculationDate, value = 0 } = propsOption || {};
+            if (propsOption || onlyShowFixed) {
+                const { dateType, calculationType, calculationDate, value = 0, } = propsOption || DEFAULT_OPTION;
                 const newDateTypes = DATE_TYPES;
                 const newDateType = newDateTypes.find(dType => dType.value === dateType);
                 const newCalculationType = CALCULATION_TYPES.find(calType => calType.value === calculationType);
@@ -333,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();
@@ -363,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' ||
@@ -373,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),
@@ -383,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" })));
 });