@antscorp/antsomi-ui 1.9.5 → 1.9.7

package/es/components/molecules/TemplateSaveAs/components/ImageSlider/styled.js

@@ -1,4 +1,4 @@
-var _a, _b, _c, _d, _e, _f;
+var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
 // Libraries
 import styled, { css } from 'styled-components';
 import { Flex } from '@antscorp/antsomi-ui/es/components';
@@ -54,7 +54,7 @@ export const ImageSliderStyled = styled(Flex) `
   .image-resize-wrapper,
   .image-upload-zone {
     border: 1px solid ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.blue1_1};
-    border-radius: 5px;
+    border-radius: ${(_b = THEME.token) === null || _b === void 0 ? void 0 : _b.borderRadius}px;
     margin-top: 0;
     overflow: hidden;
   }
@@ -73,14 +73,14 @@ export const ImageSliderStyled = styled(Flex) `
     left: 0;
     width: ${props => `${props.$imageWidth}px`};
     height: ${props => `${props.$imageHeight}px`};
-    background: ${(_b = THEME.token) === null || _b === void 0 ? void 0 : _b.colorBgSkeleton};
+    background: ${(_c = THEME.token) === null || _c === void 0 ? void 0 : _c.colorBgSkeleton};
 
     & > i {
-      color: ${(_c = THEME.token) === null || _c === void 0 ? void 0 : _c.bw8};
+      color: ${(_d = THEME.token) === null || _d === void 0 ? void 0 : _d.bw8};
     }
 
     & > div > span:last-child {
-      color: ${(_d = THEME.token) === null || _d === void 0 ? void 0 : _d.bw7};
+      color: ${(_e = THEME.token) === null || _e === void 0 ? void 0 : _e.bw7};
     }
 
     &:not(.hide-skeleton) {
@@ -166,7 +166,7 @@ export const ImageSliderStyled = styled(Flex) `
     scrollbar-width: none;
 
     /* NOTE: set border-radius for parent of thumbnail list make better UI when scroll horizontal */
-    border-radius: 5px;
+    border-radius: ${(_f = THEME.token) === null || _f === void 0 ? void 0 : _f.borderRadius}px;
 
     & > div {
       overflow: hidden;
@@ -211,9 +211,10 @@ export const ImageSliderStyled = styled(Flex) `
     &--small {
       position: relative;
       box-sizing: border-box;
-      background: ${(_e = THEME.token) === null || _e === void 0 ? void 0 : _e.colorBgSkeleton};
-      border: 1px solid ${(_f = THEME.token) === null || _f === void 0 ? void 0 : _f.blue1_1};
-      border-radius: 5px;
+      background: ${(_g = THEME.token) === null || _g === void 0 ? void 0 : _g.colorBgSkeleton};
+      border: 1px solid ${(_h = THEME.token) === null || _h === void 0 ? void 0 : _h.blue1_1};
+      border-radius: ${(_j = THEME.token) === null || _j === void 0 ? void 0 : _j.borderRadius}px;
+      overflow: hidden;
 
       ${centerBlock}
       &:not(.hide-skeleton) {
@@ -250,7 +251,7 @@ export const ImageSliderStyled = styled(Flex) `
 
       /* border: 2px solid #e5e5e5; */
       border-width: 2px;
-      border-radius: 2px;
+      border-radius: ${(_k = THEME.token) === null || _k === void 0 ? void 0 : _k.borderRadius}px;
       user-select: none;
       cursor: pointer;
     }
@@ -276,6 +277,10 @@ export const ImageSliderStyled = styled(Flex) `
     z-index: 2;
     opacity: 0;
     transition: opacity 150ms ease-in-out;
+
+    button:not(.antsomi-btn-icon-only) {
+      height: unset !important;
+    }
   }
 
   .image-container--big:hover {

package/es/components/template/Layout/Layout.js

@@ -39,7 +39,7 @@ import { HeaderV2, AccessDenied } from '../../molecules';
 // Contexts
 import { AppConfigContext } from '../../..';
 // Constants
-import { APP_CODES, APP_IAM_DOMAIN, APP_PERMISSION_DOMAIN, CDP_ROUTE, IAM_API, PERMISSION_API, PORTALS_IDS, SOCKET_API, UOGS_PREFIX, } from '../../../constants';
+import { APP_CACHE_PARAMS, APP_CODES, APP_IAM_DOMAIN, APP_PERMISSION_DOMAIN, CDP_ROUTE, IAM_API, PERMISSION_API, PORTALS_IDS, SOCKET_API, UOGS_PREFIX, } from '../../../constants';
 import { ENV } from '@antscorp/antsomi-ui/es/config';
 // Css
 import '@antscorp/processing-notification/dist/index.css';
@@ -150,6 +150,16 @@ export const Layout = memo(props => {
     const antsProcessingNotificationConfig = useMemo(() => (Object.assign({ permissionDomain, socketDomain: SOCKET_API, token, accountId: userId, userId, lang: languageCode, networkId: portalId }, processingNotificationProps)), [permissionDomain, token, userId, languageCode, portalId, processingNotificationProps]);
     const onActiveMenuCodeChange = useCallback((activeItemPath, flattenPermissionList, menuListPermission) => {
         var _a;
+        // Set menuActiveArr for CDP app to tracking
+        if (window && window[APP_CACHE_PARAMS] && (activeItemPath === null || activeItemPath === void 0 ? void 0 : activeItemPath.length)) {
+            const menuActiveArr = activeItemPath.map((item, index) => ({
+                code: item.menu_item,
+                label: item.menu_item_name,
+                /** In case index equal 0 (App level 1) then not set permission code */
+                permission_code: index !== 0 ? item.permission_code : null,
+            }));
+            window[APP_CACHE_PARAMS].menuActiveArr = menuActiveArr;
+        }
         const activeMenuItem = activeItemPath === null || activeItemPath === void 0 ? void 0 : activeItemPath[(activeItemPath === null || activeItemPath === void 0 ? void 0 : activeItemPath.length) - 1];
         const { menu_item_code, page_title, menu_item_name, permission_code } = activeMenuItem || {};
         setActivePageTitle(page_title

package/es/constants/variables.d.ts

@@ -51,3 +51,4 @@ export declare const ENDPOINT: {
     toolkitV2: string;
 };
 export declare const UOGS_PREFIX = "uogs_";
+export declare const APP_CACHE_PARAMS = "APP_CACHE_PARAMS";

package/es/constants/variables.js

@@ -54,3 +54,4 @@ export const ENDPOINT = {
     toolkitV2: `toolkit/v${TOOLKIT_API_VERSION}`,
 };
 export const UOGS_PREFIX = 'uogs_';
+export const APP_CACHE_PARAMS = 'APP_CACHE_PARAMS';

package/package.json

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