@antscorp/antsomi-ui 1.3.5-beta.601 → 1.3.5-beta.602

package/es/components/molecules/ShareAccess/components/PeopleAccess/PeopleAccess.js

@@ -3,12 +3,13 @@ import produce from 'immer';
 import { Avatar, Dropdown, List } from 'antd';
 import { remove, cloneDeep } from 'lodash';
 import React, { useMemo } from 'react';
-import { ACCESS_PROPERTIES_BY_ROLE, PEOPLE_ACTION_KEYS, ROLE_ACCESS_LABEL, ROLE_MAPPING, } from '../../constants';
+import { ACCESS_PROPERTIES_BY_ROLE, PEOPLE_ACTION_KEYS, REGEX_REMOVE_NAME, ROLE_ACCESS_LABEL, ROLE_MAPPING, } from '../../constants';
 import { useShareAccess } from '../../hooks';
 import { getActionsByUser } from '../../utils';
 import { StyledPeopleAccessRoot } from './styled';
 import { updateModalTransferOwnership, updateObjAccessInfo } from '../../actions';
 import { Spin } from '@antscorp/antsomi-ui/es/components/atoms';
+import { globalToken } from '@antscorp/antsomi-ui/es/constants';
 const ROLE_BY_ACTIONS = {
     [PEOPLE_ACTION_KEYS.TO_OWNER]: ROLE_MAPPING.OWNER,
     [PEOPLE_ACTION_KEYS.TO_EDITOR]: ROLE_MAPPING.EDITOR,
@@ -84,6 +85,7 @@ export const PeopleAccess = (props) => {
     return (React.createElement(StyledPeopleAccessRoot, null,
         React.createElement("div", { className: "title" }, "People with access"),
         React.createElement(List, { dataSource: dataSourceSorted, loading: { spinning: dataSourceSorted.length === 0, indicator: React.createElement(Spin, null) }, renderItem: access => {
+                var _a;
                 const actions = getActionsByUser({
                     userId: accessUserId,
                     updatedUserId: access.userId,
@@ -97,8 +99,10 @@ export const PeopleAccess = (props) => {
                 return (React.createElement(List.Item, null,
                     React.createElement(Avatar, { src: access.avatar }),
                     React.createElement("div", { className: "info" },
-                        React.createElement("div", { className: "name" }, access.fullName || (access === null || access === void 0 ? void 0 : access.name)),
-                        React.createElement("div", { className: "email" }, access.email)),
+                        React.createElement("div", { className: "name" },
+                            REGEX_REMOVE_NAME.test(access.email || '') && (React.createElement("span", { style: { color: globalToken === null || globalToken === void 0 ? void 0 : globalToken.red6 } }, "[Deleted account]\u00A0")),
+                            access.fullName || (access === null || access === void 0 ? void 0 : access.name)),
+                        React.createElement("div", { className: "email" }, (_a = access.email) === null || _a === void 0 ? void 0 : _a.replace(REGEX_REMOVE_NAME, ''))),
                     React.createElement(Dropdown, { trigger: ['click'], disabled: !actions.length, overlayStyle: { zIndex: 3002 }, menu: {
                             items: renderActionItems(actions),
                             onClick: e => handleClickAction(e.key, access.userId),

package/es/components/molecules/ShareAccess/constants.d.ts

@@ -1,4 +1,5 @@
 import { AccessRole, UserAccessInfo } from './types';
+export declare const REGEX_REMOVE_NAME: RegExp;
 export declare const PUBLIC_ROLE: {
     ONLY_EDITOR: number;
     ONLY_VIEWER: number;

package/es/components/molecules/ShareAccess/constants.js

@@ -1,3 +1,4 @@
+export const REGEX_REMOVE_NAME = /\.remove#1$/i;
 export const PUBLIC_ROLE = {
     ONLY_EDITOR: 2,
     ONLY_VIEWER: 3,

package/es/components/molecules/ShareAccess/utils.d.ts

@@ -26,19 +26,7 @@ export declare const getActionsByUser: (args: {
     updatedUserId?: number;
     objectAccessInfo?: ObjectAccessInfo;
     omit?: Array<(typeof PEOPLE_ACTION_KEYS)[keyof typeof PEOPLE_ACTION_KEYS]>;
-}) => ({
-    readonly label: "Viewer";
-    readonly key: "to_viewer";
-} | {
-    readonly label: "Editor";
-    readonly key: "to_editor";
-} | {
-    readonly label: "Transfer ownership";
-    readonly key: "to_owner";
-} | {
-    readonly label: "Remove Access";
-    readonly key: "remove_acess";
-})[];
+}) => any[];
 export declare const initAccessInfoDefault: (userInfo: Partial<UserInfo>) => ObjectAccessInfo;
 export declare const safeParseAccessInfo: (accessInfo: ObjectAccessInfo) => {
     ownerId: number;

package/es/components/molecules/ShareAccess/utils.js

@@ -1,4 +1,4 @@
-import { MENU_PERMISSION, PEOPLE_ACTIONS, PEOPLE_ACTION_KEYS, PUBLIC_ROLE, ROLE_ACCESS_LABEL, ROLE_MAPPING, } from './constants';
+import { MENU_PERMISSION, PEOPLE_ACTIONS, PEOPLE_ACTION_KEYS, PUBLIC_ROLE, REGEX_REMOVE_NAME, ROLE_ACCESS_LABEL, ROLE_MAPPING, } from './constants';
 import { remove } from 'lodash';
 import { snakeCaseToCamelCase } from '@antscorp/antsomi-ui/es/utils';
 export const mergePermission = (objectPermissionAllow, menuPermissionValue) => {
@@ -54,7 +54,9 @@ export const getActionsByUser = (args) => {
     });
     if ((!user && !isPublic) || !updatedUser || !allowEdit || updatedUser.userId === ownerId)
         return [];
-    const actions = Object.values(PEOPLE_ACTION_KEYS);
+    const actions = REGEX_REMOVE_NAME.test(updatedUser.email || '')
+        ? ['remove_acess']
+        : Object.values(PEOPLE_ACTION_KEYS);
     if (userId !== ownerId || (omit === null || omit === void 0 ? void 0 : omit.includes('to_owner'))) {
         remove(actions, actKey => actKey === PEOPLE_ACTION_KEYS.TO_OWNER);
     }

package/es/components/organism/LeftMenu/hooks/useLeftMenu.js

@@ -68,7 +68,7 @@ export const useLeftMenu = (props) => {
         onMenuItemClick === null || onMenuItemClick === void 0 ? void 0 : onMenuItemClick(key, [...keyPath, customActiveAppKey]);
     }, [customActiveAppKey, onMenuItemClick, setLeftMenuContextState, type]);
     useDeepCompareEffect(() => {
-        if (!isBoolean(defaultExpandMenu)) {
+        if (defaultExpandMenu === undefined) {
             cookies.set('_leftmenu_state', state.isExpandMenu ? 1 : 0, {
                 domain: `.${origin.split('.').splice(-2).join('.')}`,
                 path: '/',
@@ -76,7 +76,7 @@ export const useLeftMenu = (props) => {
                 secure: true,
             });
         }
-    }, [openLeftMenuCookies, origin, state.isExpandMenu]);
+    }, [cookies, defaultExpandMenu, origin, state.isExpandMenu]);
     useDeepCompareEffect(() => {
         setLeftMenuContextState({
             appConfig,

package/package.json

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