@antscorp/antsomi-ui 1.3.3-beta.7 → 1.3.3-beta.71

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

@@ -0,0 +1,54 @@
+import { updateModalTransferOwnership, updateObjAccessInfo } from './actions';
+export type UserInfo = {
+    avatar: string;
+    full_name: string;
+    email: string;
+    user_id: number;
+    user_name: string;
+    user_type: number;
+    ctime: Date;
+    utime: Date;
+};
+export type UserAccessInfo = {
+    userId: number;
+    fullName: string;
+    email: string;
+    avatar: string;
+    role: number;
+    allowView: number;
+    allowEdit: number;
+    allowComment: number;
+    [key: string]: any;
+};
+export type ObjectAccessInfo = {
+    isPublic: number;
+    publicRole: number | null;
+    ownerId: number;
+    listAccess: UserAccessInfo[];
+};
+export type ShareAccessProps = {
+    userId?: number;
+    userPermission?: {
+        edit: number;
+        view: number;
+    };
+    accessInfo?: ObjectAccessInfo;
+    allowChangeOnwership?: boolean;
+    getUserInfo?(search: string, signal: AbortSignal): Promise<UserInfo[]> | UserInfo[];
+    onChange?: (accessInfo: ObjectAccessInfo) => void;
+};
+export type ShareAccessState = {
+    accessInfo?: ObjectAccessInfo;
+    accessUserId?: number;
+    accessUserPermission?: {
+        view: number;
+        edit: number;
+    };
+    modalTransferOwnership: {
+        open: boolean;
+        userToOwnerShipId: number;
+    };
+};
+export type ShareAccessAction = ReturnType<typeof updateObjAccessInfo> | ReturnType<typeof updateModalTransferOwnership>;
+export type AccessRole = 1 | 2 | 3;
+export type GeneralAccess = 1 | 0;

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,38 @@
+import { ObjectAccessInfo } from './types';
+export declare const mergePermission: (objectPermissionAllow: boolean, menuPermissionValue: number) => boolean;
+export declare const composeObjectMenuPermissions: (params: {
+    isPublic: boolean;
+    publicRole: number | null;
+    objectPermission: {
+        edit: boolean;
+        view: boolean;
+    };
+    menuPermission: {
+        edit: number;
+        view: number;
+    };
+}) => {
+    edit: boolean;
+    view: boolean;
+};
+export declare const getActionsByUser: (args: {
+    userId?: number;
+    userPermission?: {
+        view: number;
+        edit: number;
+    };
+    updatedUserId?: number;
+    objectAccessInfo?: ObjectAccessInfo;
+}) => ({
+    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";
+})[];

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

@@ -0,0 +1,57 @@
+import { MENU_PERMISSION, PEOPLE_ACTIONS, PEOPLE_ACTION_KEYS, PUBLIC_ROLE, ROLE_MAPPING, } from './constants';
+import { remove } from 'lodash';
+export const mergePermission = (objectPermissionAllow, menuPermissionValue) => {
+    const valueMapping = {
+        [`${MENU_PERMISSION.NONE}_false`]: false,
+        [`${MENU_PERMISSION.CREATED_BY_USER}_false`]: false,
+        [`${MENU_PERMISSION.MANAGEMENT_BY_USER}_false`]: false,
+        [`${MENU_PERMISSION.EVERYTHING}_false`]: true,
+        [`${MENU_PERMISSION.NONE}_true`]: false,
+        [`${MENU_PERMISSION.CREATED_BY_USER}_true`]: true,
+        [`${MENU_PERMISSION.MANAGEMENT_BY_USER}_true`]: true,
+        [`${MENU_PERMISSION.EVERYTHING}_true`]: true,
+    };
+    return !!valueMapping[`${menuPermissionValue}_${objectPermissionAllow}`];
+};
+export const composeObjectMenuPermissions = (params) => {
+    const { menuPermission, objectPermission, isPublic, publicRole } = params;
+    const edit = mergePermission(objectPermission.edit, menuPermission.edit);
+    const view = mergePermission(objectPermission.view, menuPermission.view);
+    return {
+        edit: edit || (isPublic && publicRole === PUBLIC_ROLE.ONLY_EDITOR),
+        view: view || (isPublic && publicRole === PUBLIC_ROLE.ONLY_VIEWER),
+    };
+};
+export const getActionsByUser = (args) => {
+    const { userId, userPermission, updatedUserId, objectAccessInfo } = args;
+    if (!userId || !updatedUserId || !objectAccessInfo)
+        return [];
+    const { ownerId, listAccess, publicRole, isPublic } = objectAccessInfo;
+    const user = listAccess.find(access => access.userId === userId);
+    const updatedUser = listAccess.find(access => access.userId === updatedUserId);
+    const { edit: allowEdit } = composeObjectMenuPermissions({
+        isPublic: !!isPublic,
+        publicRole,
+        objectPermission: {
+            view: !!(user === null || user === void 0 ? void 0 : user.allowView),
+            edit: !!(user === null || user === void 0 ? void 0 : user.allowEdit),
+        },
+        menuPermission: {
+            view: (userPermission === null || userPermission === void 0 ? void 0 : userPermission.view) || MENU_PERMISSION.NONE,
+            edit: (userPermission === null || userPermission === void 0 ? void 0 : userPermission.edit) || MENU_PERMISSION.NONE,
+        },
+    });
+    if ((!user && !isPublic) || !updatedUser || !allowEdit || updatedUser.userId === ownerId)
+        return [];
+    const actions = Object.values(PEOPLE_ACTION_KEYS);
+    if (userId !== ownerId) {
+        remove(actions, actKey => actKey === PEOPLE_ACTION_KEYS.TO_OWNER);
+    }
+    if (allowEdit && updatedUser.role === ROLE_MAPPING.EDITOR) {
+        remove(actions, actKey => actKey === PEOPLE_ACTION_KEYS.TO_EDITOR);
+    }
+    if (allowEdit && updatedUser.role === ROLE_MAPPING.VIEWER) {
+        remove(actions, actKey => actKey === PEOPLE_ACTION_KEYS.TO_VIEWER);
+    }
+    return actions.map(actKey => PEOPLE_ACTIONS[actKey]);
+};

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

@@ -1,12 +1,11 @@
 /// <reference types="react" />
-export declare const TreeSelect: (<ValueType = any, OptionType extends import("rc-tree-select/lib/TreeSelect").BaseOptionType | import("rc-tree-select/lib/TreeSelect").DefaultOptionType = import("rc-tree-select/lib/TreeSelect").DefaultOptionType>(props: import("antd").TreeSelectProps<ValueType, OptionType> & {
+export declare const TreeSelect: (<ValueType = any, OptionType extends import("rc-tree-select/lib/TreeSelect").DefaultOptionType | import("rc-tree-select/lib/TreeSelect").BaseOptionType = import("rc-tree-select/lib/TreeSelect").DefaultOptionType>(props: import("antd").TreeSelectProps<ValueType, OptionType> & {
     children?: import("react").ReactNode;
-} & {
-    ref?: import("react").Ref<import("antd").RefSelectProps> | undefined;
-}) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & {
+} & import("react").RefAttributes<import("antd").RefSelectProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & {
+    displayName?: string | undefined;
     TreeNode: import("react").FC<import("rc-tree-select/lib/TreeNode").TreeNodeProps>;
     SHOW_ALL: "SHOW_ALL";
     SHOW_PARENT: "SHOW_PARENT";
     SHOW_CHILD: "SHOW_CHILD";
-    _InternalPanelDoNotUseOrYouWillBeFired: any;
+    _InternalPanelDoNotUseOrYouWillBeFired: (props: import("antd/es/_util/type").AnyObject) => import("react").JSX.Element;
 };

package/es/components/molecules/UploadImage/MediaIcon.d.ts

@@ -1,2 +1,3 @@
-declare const MediaIcon: (_props: any) => JSX.Element;
+import React from 'react';
+declare const MediaIcon: (_props: any) => React.JSX.Element;
 export default MediaIcon;

package/es/components/molecules/UploadImage/MediaThumb.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { MediaMode } from '.';
+interface MediaThumbProps {
+    mode: MediaMode;
+    media: any;
+    index: number;
+    posters: string[];
+    onSetPosters: (newPosters: string[]) => void;
+}
+export declare const MediaThumb: React.FC<MediaThumbProps>;
+export {};

package/es/components/molecules/UploadImage/MediaThumb.js

@@ -0,0 +1,31 @@
+/* eslint-disable jsx-a11y/media-has-caption */
+// Libraries
+import React, { useEffect } from 'react';
+// Styled
+import { Image } from './styled';
+export const MediaThumb = props => {
+    const { mode, index, media, posters, onSetPosters } = props;
+    useEffect(() => {
+        let timer = null;
+        if (mode === 'video' && posters[index] !== '') {
+            const newPosters = [...posters];
+            newPosters.splice(index, 1, '');
+            timer = setTimeout(() => {
+                onSetPosters(newPosters);
+            }, 500);
+        }
+        return () => {
+            if (timer) {
+                clearTimeout(timer);
+            }
+        };
+    }, [mode, posters, index, onSetPosters]);
+    if (mode === 'image')
+        return React.createElement(Image, { src: media.url, alt: "img" });
+    return (React.createElement("video", { controls: false, width: "100%", height: "100%", autoPlay: false, poster: posters[index] || '', onCanPlay: () => {
+            const newPosters = [...posters];
+            newPosters.splice(index, 1, '');
+            onSetPosters(newPosters);
+        }, style: { position: 'absolute' } },
+        React.createElement("source", { src: media.url })));
+};

package/es/components/molecules/UploadImage/index.d.ts

@@ -1,14 +1,18 @@
 import React from 'react';
 import { UploadProps as AntdUploadProps } from 'antd/lib/upload';
+export type MediaMode = 'image' | 'video';
 interface UploadImageProps extends AntdUploadProps {
     labelHeadingModal?: string;
     labelButtonSelect?: string;
+    labelModalDelete?: string;
     searchPlaceholder?: string;
     onRemoveImage?: Function;
     onChangeImage?: Function;
-    selectedImage?: UploadImageObject;
+    selectedImage?: UploadMediaObject;
     isOpen?: boolean;
     isInputMode?: boolean;
+    iconName?: string;
+    mode?: MediaMode;
     width?: any;
     errors?: Array<any>;
     extensions?: string[];
@@ -26,7 +30,7 @@ interface UploadImageProps extends AntdUploadProps {
     required?: boolean;
     focused?: boolean;
 }
-interface UploadImageObject {
+interface UploadMediaObject {
     url: string;
 }
 export declare const UploadImage: React.FC<UploadImageProps>;