@antscorp/antsomi-ui 1.3.5-beta.693 → 1.3.5-beta.695

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/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>>>;
@@ -192,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>>>;
@@ -335,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 }))),
@@ -198,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 }))),
@@ -341,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';
@@ -190,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';
@@ -331,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';
@@ -190,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';
@@ -331,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/Tree/Tree.d.ts

@@ -2,6 +2,7 @@
 import React from 'react';
 import { Tree as AntdTree } from 'antd';
 import type { TreeProps, TreeDataNode } from 'antd';
+declare const StandardTree: React.FC<TreeProps>;
 export declare const Tree: string & import("styled-components").StyledComponentBase<(<T extends import("rc-tree").BasicDataNode | TreeDataNode = TreeDataNode>(props: TreeProps<T> & {
     children?: React.ReactNode;
 } & React.RefAttributes<import("rc-tree").default<TreeDataNode>>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
@@ -22,5 +23,6 @@ export declare const Tree: string & import("styled-components").StyledComponentB
     };
 }, {}> & {
     DirectoryTree: typeof AntdTree.DirectoryTree;
+    StandardTree: typeof StandardTree;
 };
 export type { TreeProps, TreeDataNode };

package/es/components/molecules/Tree/Tree.js

@@ -10,17 +10,19 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from 'react';
+import { Tree as AntdTree } from 'antd';
 // styled
-import { StyledTree, StyledTreeDirectory } from './styled';
+import { StyledTreeDirectory } from './styled';
 // icon
 import { ExpandMoreIcon } from '../../icons';
 const StandardTree = props => {
-    const { switcherIcon = React.createElement(ExpandMoreIcon, null) } = props, restProps = __rest(props, ["switcherIcon"]);
-    return React.createElement(StyledTree, Object.assign({ switcherIcon: switcherIcon }, restProps));
+    const { switcherIcon = React.createElement(ExpandMoreIcon, { size: 20 }) } = props, restProps = __rest(props, ["switcherIcon"]);
+    return React.createElement(AntdTree, Object.assign({ switcherIcon: switcherIcon }, restProps));
+    // return <StyledTree switcherIcon={(props) => <ExpandMoreIcon size={20} />} {...restProps} />;
 };
-export const Tree = StandardTree;
+export const Tree = AntdTree;
 const DirectoryTree = props => {
-    const { switcherIcon = React.createElement(ExpandMoreIcon, null) } = props, restProps = __rest(props, ["switcherIcon"]);
+    const { switcherIcon = React.createElement(ExpandMoreIcon, { size: 20 }) } = props, restProps = __rest(props, ["switcherIcon"]);
     return React.createElement(StyledTreeDirectory, Object.assign({ switcherIcon: switcherIcon }, restProps));
 };
 Tree.DirectoryTree = DirectoryTree;

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

@@ -1,13 +1,16 @@
 import { Tree } from 'antd';
 import styled from 'styled-components';
 export const StyledTree = styled(Tree) `
+  /* .antsomi-tree-treenode.placement-right { */
   .antsomi-tree-treenode {
     .antsomi-tree-switcher {
       display: flex;
+      align-items: center;
+      justify-content: center;
       order: 10;
-      &_close {
+      /* &_close {
         transform: rotate(-90deg);
-      }
+      } */
     }
   }
 `;
@@ -16,6 +19,9 @@ export const StyledTreeDirectory = styled(Tree.DirectoryTree) `
     .antsomi-tree-switcher {
       display: flex;
       order: 10;
+      display: flex;
+      align-items: center;
+      justify-content: center;
       &_close {
         transform: rotate(-90deg);
       }

package/es/constants/theme.js

@@ -1,4 +1,4 @@
-var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5;
+var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6;
 // Types
 import { theme } from 'antd';
 // Variables
@@ -177,8 +177,10 @@ THEME.components = {
         borderRadiusSM: 5,
     },
     Tree: {
+        directoryNodeSelectedBg: 'transparent',
+        directoryNodeSelectedColor: (_w = THEME.token) === null || _w === void 0 ? void 0 : _w.colorText,
         controlInteractiveSize: 18,
-        colorBorder: (_w = THEME.token) === null || _w === void 0 ? void 0 : _w.colorPrimary,
+        colorBorder: (_x = THEME.token) === null || _x === void 0 ? void 0 : _x.colorPrimary,
         nodeHoverBg: 'transparent',
         lineWidth: 2,
         borderRadiusSM: 5,
@@ -196,7 +198,7 @@ THEME.components = {
         paddingMD: 0,
     },
     Tabs: {
-        itemColor: (_x = THEME.token) === null || _x === void 0 ? void 0 : _x.bw8,
+        itemColor: (_y = THEME.token) === null || _y === void 0 ? void 0 : _y.bw8,
         horizontalItemPadding: '17px 30px',
         horizontalItemGutter: 0,
         lineWidthBold: 3,
@@ -208,7 +210,7 @@ THEME.components = {
         lineHeight: 1.143,
         lineHeightLG: 1.143,
         lineHeightSM: 1.143,
-        itemHoverColor: (_y = THEME.token) === null || _y === void 0 ? void 0 : _y.colorPrimary,
+        itemHoverColor: (_z = THEME.token) === null || _z === void 0 ? void 0 : _z.colorPrimary,
     },
     Collapse: {
         headerBg: '#FFF',
@@ -216,13 +218,13 @@ THEME.components = {
         headerPadding: '15px 10px',
     },
     Switch: {
-        colorTextQuaternary: (_z = THEME.token) === null || _z === void 0 ? void 0 : _z.bw0,
-        colorTextTertiary: (_0 = THEME.token) === null || _0 === void 0 ? void 0 : _0.bw0,
+        colorTextQuaternary: (_0 = THEME.token) === null || _0 === void 0 ? void 0 : _0.bw0,
+        colorTextTertiary: (_1 = THEME.token) === null || _1 === void 0 ? void 0 : _1.bw0,
         handleSize: 8,
         handleSizeSM: 7,
         trackMinWidth: 27,
         trackHeight: 16,
-        handleBg: (_1 = THEME.token) === null || _1 === void 0 ? void 0 : _1.colorPrimary,
+        handleBg: (_2 = THEME.token) === null || _2 === void 0 ? void 0 : _2.colorPrimary,
     },
     Popover: {
         borderRadiusLG: 10,
@@ -234,11 +236,11 @@ THEME.components = {
         paddingXXS: 8,
         controlItemBgHover: '#F2F9FF',
         controlItemBgActive: '#DEEFFE',
-        colorPrimary: (_2 = THEME.token) === null || _2 === void 0 ? void 0 : _2.colorText,
+        colorPrimary: (_3 = THEME.token) === null || _3 === void 0 ? void 0 : _3.colorText,
         controlItemBgActiveHover: '#DEEFFE',
     },
     Tooltip: {
-        colorBgSpotlight: (_3 = THEME.token) === null || _3 === void 0 ? void 0 : _3.bw8,
+        colorBgSpotlight: (_4 = THEME.token) === null || _4 === void 0 ? void 0 : _4.bw8,
         fontSize: 11,
     },
     Menu: {
@@ -248,8 +250,8 @@ THEME.components = {
         itemMarginBlock: 5,
         itemBorderRadius: 5,
         subMenuItemBg: 'transparent',
-        itemDisabledColor: (_4 = THEME.token) === null || _4 === void 0 ? void 0 : _4.colorTextDisabled,
-        itemActiveBg: (_5 = THEME.token) === null || _5 === void 0 ? void 0 : _5.blue1_1,
+        itemDisabledColor: (_5 = THEME.token) === null || _5 === void 0 ? void 0 : _5.colorTextDisabled,
+        itemActiveBg: (_6 = THEME.token) === null || _6 === void 0 ? void 0 : _6.blue1_1,
     },
     Form: {
         itemMarginBottom: 15,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "1.3.5-beta.693",
+  "version": "1.3.5-beta.695",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",