@antscorp/antsomi-ui 1.3.3-beta.41 → 1.3.3-beta.43

package/es/components/molecules/ShareAccess/components/GeneralAccess/styled.js

@@ -0,0 +1,57 @@
+var _a;
+import { THEME } from '@antscorp/antsomi-ui/es/constants';
+import styled from 'styled-components';
+export const StyledGeneralAccessRoot = styled.div `
+  display: flex;
+  flex-direction: column;
+
+  .title {
+    margin-bottom: 12px;
+    font-weight: bold;
+  }
+
+  .setting {
+    display: flex;
+    justify-content: space-between;
+    border: 1px solid #e6e6e6;
+    padding: 8px;
+
+    .icon-angle {
+      font-size: 10px;
+      display: flex;
+      align-items: center;
+    }
+
+    .accessable-icon {
+      font-size: 28px;
+      color: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.colorPrimary};
+      display: flex;
+      align-items: center;
+    }
+
+    .general-info {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+      margin-left: 15px;
+
+      .general-dropdown-wrapper {
+        display: flex;
+        align-items: center;
+        gap: 4px;
+        width: fit-content;
+
+        .accessable-title {
+          font-weight: bold;
+        }
+      }
+    }
+
+    .public-role-dropdown-wrapper {
+      display: flex;
+      align-items: center;
+      gap: 4px;
+    }
+  }
+`;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ShareAccessProps } from '../../types';
+export declare const LayoutContent: (props: ShareAccessProps) => React.JSX.Element;

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import { GeneralAccess } from '../GeneralAccess';
+import { ModalTransferOwnership } from '../ModalTransferOwnerShip/ModalTransferOwnerShip';
+import { PeopleAccess } from '../PeopleAccess';
+import { SearchUser } from '../SearchUser';
+import { StyledLayoutContentRoot } from './styled';
+export const LayoutContent = (props) => {
+    const { getUserInfo, allowChangeOnwership = true } = props;
+    return (React.createElement(StyledLayoutContentRoot, null,
+        React.createElement(SearchUser, { getUserInfo: getUserInfo }),
+        React.createElement(PeopleAccess, { allowChangeOnwership: allowChangeOnwership }),
+        React.createElement(GeneralAccess, null),
+        React.createElement(ModalTransferOwnership, null)));
+};

package/es/components/molecules/ShareAccess/components/LayoutContent/index.d.ts

@@ -0,0 +1 @@
+export * from './LayoutContent';

package/es/components/molecules/ShareAccess/components/LayoutContent/index.js

@@ -0,0 +1 @@
+export * from './LayoutContent';

package/es/components/molecules/ShareAccess/components/LayoutContent/styled.d.ts

@@ -0,0 +1 @@
+export declare const StyledLayoutContentRoot: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/components/molecules/ShareAccess/components/LayoutContent/styled.js

@@ -0,0 +1,7 @@
+import styled from 'styled-components';
+export const StyledLayoutContentRoot = styled.div `
+  font-size: 12px;
+  display: flex;
+  flex-direction: column;
+  gap: 15px;
+`;

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ModalTransferOwnership: () => React.JSX.Element;

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

@@ -0,0 +1,43 @@
+import { Button } from 'antd';
+import { produce } from 'immer';
+import React from 'react';
+import { updateModalTransferOwnership, updateObjAccessInfo } from '../../actions';
+import { ACCESS_PROPERTIES_BY_ROLE, ROLE_MAPPING } from '../../constants';
+import { useShareAccess } from '../../hooks';
+import { StyledModal } from './styled';
+export const ModalTransferOwnership = () => {
+    const { state, dispatch } = useShareAccess();
+    const { modalTransferOwnership, accessInfo } = state;
+    const handleClose = () => {
+        if (!dispatch)
+            return;
+        dispatch(updateModalTransferOwnership({
+            open: false,
+            userToOwnerShipId: -1,
+        }));
+    };
+    const handleTransfer = () => {
+        if (!dispatch || !accessInfo)
+            return;
+        let needUpdate = true;
+        const updated = produce(accessInfo, draft => {
+            const { userToOwnerShipId } = modalTransferOwnership;
+            const { listAccess } = accessInfo;
+            const ownerIndex = listAccess.findIndex(acc => acc.role === ROLE_MAPPING.OWNER);
+            const userUpdatedIndex = listAccess.findIndex(acc => acc.userId === userToOwnerShipId);
+            if (ownerIndex === -1 || userUpdatedIndex === -1) {
+                needUpdate = false;
+            }
+            draft.listAccess[ownerIndex] = Object.assign(Object.assign({}, listAccess[ownerIndex]), ACCESS_PROPERTIES_BY_ROLE[ROLE_MAPPING.EDITOR]);
+            draft.listAccess[userUpdatedIndex] = Object.assign(Object.assign({}, listAccess[userUpdatedIndex]), ACCESS_PROPERTIES_BY_ROLE[ROLE_MAPPING.OWNER]);
+            draft.ownerId = userToOwnerShipId;
+        });
+        if (needUpdate) {
+            dispatch(updateObjAccessInfo(updated));
+        }
+        handleClose();
+    };
+    return (React.createElement(StyledModal, { closable: false, open: modalTransferOwnership.open, title: "Make this account the owner?", footer: React.createElement(React.Fragment, null,
+            React.createElement(Button, { type: "primary", onClick: handleTransfer }, "Select"),
+            React.createElement(Button, { onClick: handleClose }, "Cancel")) }, "The new owner could remove you. You also might lose the ability to change share settings. Some people will lose access to this item unless this item is shared direcly with them."));
+};

package/es/components/molecules/ShareAccess/components/ModalTransferOwnerShip/index.js

@@ -0,0 +1 @@
+"use strict";

package/es/components/molecules/ShareAccess/components/ModalTransferOwnerShip/styled.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const StyledModal: import("styled-components").StyledComponent<import("react").FC<import("antd").ModalProps> & import("antd/es/modal/confirm").ModalStaticFunctions & {
+    useModal: typeof import("antd/es/modal/useModal").default;
+    destroyAll: () => void;
+    config: typeof import("antd/es/modal/confirm").modalGlobalConfig;
+    _InternalPanelDoNotUseOrYouWillBeFired: (props: any) => import("react").JSX.Element;
+}, any, {}, never>;

package/es/components/molecules/ShareAccess/components/ModalTransferOwnerShip/styled.js

@@ -0,0 +1,18 @@
+import { Modal } from 'antd';
+import styled from 'styled-components';
+export const StyledModal = styled(Modal) `
+  &.antsomi-modal {
+    .antsomi-modal-content {
+      .antsomi-modal-header,
+      .antsomi-modal-body {
+        padding: 12px 12px 0 12px;
+      }
+
+      .antsomi-modal-footer {
+        display: flex;
+        justify-content: flex-start;
+        padding: 10px 12px;
+      }
+    }
+  }
+`;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ShareAccessProps } from '../../types';
+type PeopleAccessProps = Pick<ShareAccessProps, 'allowChangeOnwership'>;
+export declare const PeopleAccess: (props: PeopleAccessProps) => React.JSX.Element | null;
+export {};

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

@@ -0,0 +1,92 @@
+import Icon from '@antscorp/icons';
+import { produce } from 'immer';
+import { Avatar, Dropdown, List } from 'antd';
+import { remove } from 'lodash';
+import React from 'react';
+import { ACCESS_PROPERTIES_BY_ROLE, PEOPLE_ACTION_KEYS, ROLE_ACCESS_LABEL, ROLE_MAPPING, } from '../../constants';
+import { useShareAccess } from '../../hooks';
+import { getActionsByUser } from '../../utils';
+import { StyledPeopleAccessRoot } from './styled';
+import { updateModalTransferOwnership, updateObjAccessInfo } from '../../actions';
+const ROLE_BY_ACTIONS = {
+    [PEOPLE_ACTION_KEYS.TO_OWNER]: ROLE_MAPPING.OWNER,
+    [PEOPLE_ACTION_KEYS.TO_EDITOR]: ROLE_MAPPING.EDITOR,
+    [PEOPLE_ACTION_KEYS.TO_VIEWER]: ROLE_MAPPING.VIEWER,
+};
+export const PeopleAccess = (props) => {
+    const { allowChangeOnwership } = props;
+    const { state, dispatch } = useShareAccess();
+    const { accessInfo, userAccess } = state;
+    const handleClickAction = (actKey, updatedUserId) => {
+        if (!accessInfo || !dispatch)
+            return;
+        const updatedUserIndex = accessInfo.listAccess.findIndex(access => access.userId === updatedUserId);
+        if (updatedUserIndex === -1)
+            return;
+        let needDispatchUpdate = false;
+        const updated = produce(accessInfo, draft => {
+            switch (actKey) {
+                case PEOPLE_ACTION_KEYS.TO_OWNER: {
+                    dispatch(updateModalTransferOwnership({
+                        open: true,
+                        userToOwnerShipId: updatedUserId,
+                    }));
+                    break;
+                }
+                case PEOPLE_ACTION_KEYS.TO_EDITOR:
+                case PEOPLE_ACTION_KEYS.TO_VIEWER: {
+                    draft.listAccess[updatedUserIndex] = Object.assign(Object.assign({}, accessInfo.listAccess[updatedUserIndex]), ACCESS_PROPERTIES_BY_ROLE[ROLE_BY_ACTIONS[actKey]]);
+                    needDispatchUpdate = true;
+                    break;
+                }
+                case PEOPLE_ACTION_KEYS.REMOVE_ACCESS: {
+                    draft === null || draft === void 0 ? void 0 : draft.listAccess.splice(updatedUserIndex, 1);
+                    needDispatchUpdate = true;
+                    break;
+                }
+                default:
+                    break;
+            }
+        });
+        if (!needDispatchUpdate)
+            return;
+        dispatch(updateObjAccessInfo(updated));
+    };
+    const renderActionItems = (actions) => {
+        let hasDivider = false;
+        return actions.flatMap(act => {
+            const items = [];
+            const needDivider = PEOPLE_ACTION_KEYS.REMOVE_ACCESS === act.key || PEOPLE_ACTION_KEYS.TO_OWNER === act.key;
+            if (needDivider && !hasDivider) {
+                items.push({ type: 'divider' });
+                items.push({ key: act.key, label: act.label });
+                hasDivider = true;
+                return items;
+            }
+            items.push({ key: act.key, label: act.label });
+            return items;
+        });
+    };
+    if (!accessInfo || !userAccess)
+        return null;
+    return (React.createElement(StyledPeopleAccessRoot, null,
+        React.createElement("div", { className: "title" }, "People with access"),
+        React.createElement(List, { dataSource: accessInfo.listAccess, renderItem: access => {
+                const actions = getActionsByUser(userAccess.userId, access.userId, accessInfo);
+                if (!allowChangeOnwership) {
+                    remove(actions, act => act.key === PEOPLE_ACTION_KEYS.TO_OWNER);
+                }
+                return (React.createElement(List.Item, null,
+                    React.createElement(Avatar, { src: access.avatar }),
+                    React.createElement("div", { className: "info" },
+                        React.createElement("div", { className: "name" }, access.fullName),
+                        React.createElement("div", { className: "email" }, access.email)),
+                    React.createElement(Dropdown, { trigger: ['click'], disabled: !actions.length, menu: {
+                            items: renderActionItems(actions),
+                            onClick: e => handleClickAction(e.key, access.userId),
+                        } },
+                        React.createElement("div", { className: "role-actions" },
+                            React.createElement("div", { className: "role" }, ROLE_ACCESS_LABEL[access.role] || ''),
+                            !!actions.length && (React.createElement(Icon, { type: "icon-ants-angle-down", style: { fontSize: 10 } }))))));
+            } })));
+};

package/es/components/molecules/ShareAccess/components/PeopleAccess/index.d.ts

@@ -0,0 +1 @@
+export * from './PeopleAccess';

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

@@ -0,0 +1 @@
+export * from './PeopleAccess';

package/es/components/molecules/ShareAccess/components/PeopleAccess/styled.d.ts

@@ -0,0 +1 @@
+export declare const StyledPeopleAccessRoot: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -0,0 +1,46 @@
+import styled from 'styled-components';
+export const StyledPeopleAccessRoot = styled.div `
+  display: flex;
+  flex-direction: column;
+
+  .title {
+    margin-bottom: 12px;
+    font-weight: bold;
+  }
+
+  .antsomi-list {
+    border: 1px solid #e6e6e6;
+
+    .antsomi-list-items {
+      padding: 0;
+
+      .antsomi-list-item {
+        padding: 8px;
+        border: none;
+
+        .info {
+          flex: 1;
+          margin-left: 15px;
+
+          .name {
+            font-weight: bold;
+          }
+
+          .email {
+            color: #595959;
+          }
+        }
+
+        .role-actions {
+          display: flex;
+          align-items: center;
+          gap: 4px;
+
+          &:hover {
+            cursor: pointer;
+          }
+        }
+      }
+    }
+  }
+`;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ShareAccessProps } from '../../types';
+type SearchUserProps = Pick<ShareAccessProps, 'getUserInfo'>;
+export declare const SearchUser: (props: SearchUserProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,71 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import React, { useEffect, useState } from 'react';
+import { Avatar, Select } from 'antd';
+import { useDebounce } from 'use-debounce';
+import { StyledSearchUserRoot, StyledSelectItem } from './styled';
+import { isEmail } from '@antscorp/antsomi-ui/es/utils';
+import { useShareAccess } from '../../hooks';
+import { produce } from 'immer';
+import { ACCESS_PROPERTIES_BY_ROLE, ROLE_MAPPING } from '../../constants';
+import { updateObjAccessInfo } from '../../actions';
+export const SearchUser = (props) => {
+    const { getUserInfo } = props;
+    const { state, dispatch } = useShareAccess();
+    const { accessInfo } = state;
+    const [users, setUsers] = useState([]);
+    const [isFetching, setIsFetching] = useState(false);
+    const [searchTerm, setSearchTerm] = useState('');
+    const [debounceSearchTerm] = useDebounce(searchTerm, 700);
+    useEffect(() => {
+        if (!isEmail(debounceSearchTerm) || !getUserInfo)
+            return;
+        const controller = new AbortController();
+        (() => __awaiter(void 0, void 0, void 0, function* () {
+            try {
+                setIsFetching(true);
+                const data = yield getUserInfo(debounceSearchTerm, controller.signal);
+                setUsers(data);
+            }
+            catch (error) {
+                setUsers([]);
+            }
+            finally {
+                setIsFetching(false);
+            }
+        }))();
+        return () => {
+            controller.abort();
+        };
+    }, [debounceSearchTerm, getUserInfo]);
+    const handleAddUser = (user) => {
+        if (!accessInfo || !dispatch)
+            return;
+        setSearchTerm('');
+        const existed = accessInfo.listAccess.some(access => access.userId === +user.user_id);
+        if (existed)
+            return;
+        const updated = produce(accessInfo, draft => {
+            const defaultViewerProps = ACCESS_PROPERTIES_BY_ROLE[ROLE_MAPPING.VIEWER];
+            const newUser = Object.assign({ userId: user.user_id, fullName: user.full_name, email: user.email, avatar: user.avatar }, defaultViewerProps);
+            draft.listAccess.push(newUser);
+        });
+        dispatch(updateObjAccessInfo(updated));
+    };
+    return (React.createElement(StyledSearchUserRoot, null,
+        React.createElement(Select, { showSearch: true, placeholder: "Add people and group.", value: [], searchValue: searchTerm, defaultActiveFirstOption: false, suffixIcon: null, filterOption: false, onSearch: v => setSearchTerm(v), notFoundContent: null, loading: isFetching, options: (users || []).map(user => ({
+                value: user.user_id,
+                label: (React.createElement(StyledSelectItem, { onClick: () => handleAddUser(user) },
+                    React.createElement(Avatar, { src: user.avatar }),
+                    React.createElement("div", { className: "info" },
+                        React.createElement("div", { className: "name" }, user.user_name),
+                        React.createElement("div", { className: "email" }, user.email)))),
+            })) })));
+};

package/es/components/molecules/ShareAccess/components/SearchUser/index.d.ts

@@ -0,0 +1 @@
+export * from './SearchUser';

package/es/components/molecules/ShareAccess/components/SearchUser/index.js

@@ -0,0 +1 @@
+export * from './SearchUser';

package/es/components/molecules/ShareAccess/components/SearchUser/styled.d.ts

@@ -0,0 +1,2 @@
+export declare const StyledSearchUserRoot: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledSelectItem: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/components/molecules/ShareAccess/components/SearchUser/styled.js

@@ -0,0 +1,29 @@
+import styled from 'styled-components';
+export const StyledSearchUserRoot = styled.div `
+  width: 100%;
+
+  .antsomi-select {
+    width: 100%;
+  }
+`;
+export const StyledSelectItem = styled.div `
+  display: flex;
+  justify-content: left;
+  align-items: center;
+  gap: 8px;
+
+  .info {
+    .name {
+      font-weight: bold;
+    }
+
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+  }
+
+  :hover {
+    background-color: #f2f9ff;
+    cursor: pointer;
+  }
+`;

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

@@ -0,0 +1 @@
+export * from './LayoutContent';

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

@@ -0,0 +1 @@
+export * from './LayoutContent';

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

@@ -0,0 +1,61 @@
+import { AccessRole, UserAccessInfo } from './types';
+export declare const PUBLIC_ROLE: {
+    ONLY_EDITOR: number;
+    ONLY_VIEWER: number;
+};
+export declare const GENERAL_ACCESS: {
+    readonly PUBLIC: 1;
+    readonly RESTRICTED: 0;
+};
+export declare const ROLE_MAPPING: {
+    readonly OWNER: 1;
+    readonly EDITOR: 2;
+    readonly VIEWER: 3;
+};
+export declare const ACCESS_PROPERTIES_BY_ROLE: Record<AccessRole, Pick<UserAccessInfo, 'role' | 'allowView' | 'allowEdit' | 'allowComment'>>;
+export declare const ROLE_ACCESS_LABEL: {
+    1: string;
+    2: string;
+    3: string;
+};
+export declare const PEOPLE_ACTION_KEYS: {
+    readonly TO_VIEWER: "to_viewer";
+    readonly TO_EDITOR: "to_editor";
+    readonly TO_OWNER: "to_owner";
+    readonly REMOVE_ACCESS: "remove_acess";
+};
+export declare const PEOPLE_ACTIONS: {
+    readonly to_viewer: {
+        readonly label: "Viewer";
+        readonly key: "to_viewer";
+    };
+    readonly to_editor: {
+        readonly label: "Editor";
+        readonly key: "to_editor";
+    };
+    readonly to_owner: {
+        readonly label: "Transfer ownership";
+        readonly key: "to_owner";
+    };
+    readonly remove_acess: {
+        readonly label: "Remove Access";
+        readonly key: "remove_acess";
+    };
+};
+export declare const PEOPLE_ACTIONS_BY_ROLE: {
+    readonly 1: readonly ["remove_acess"];
+};
+export declare const GENERAL_ACTION_KEYS: {
+    readonly RESTRICTED: "restricted";
+    readonly PUBLIC: "public";
+};
+export declare const GENERAL_ACTIONS: {
+    readonly public: {
+        readonly key: "public";
+        readonly label: "public";
+    };
+    readonly restricted: {
+        readonly key: "restricted";
+        readonly label: "Restricted";
+    };
+};

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

@@ -0,0 +1,79 @@
+export const PUBLIC_ROLE = {
+    ONLY_EDITOR: 2,
+    ONLY_VIEWER: 3,
+};
+export const GENERAL_ACCESS = {
+    PUBLIC: 1,
+    RESTRICTED: 0,
+};
+export const ROLE_MAPPING = {
+    OWNER: 1,
+    EDITOR: 2,
+    VIEWER: 3,
+};
+export const ACCESS_PROPERTIES_BY_ROLE = {
+    [ROLE_MAPPING.OWNER]: {
+        role: ROLE_MAPPING.OWNER,
+        allowView: 1,
+        allowEdit: 1,
+        allowComment: 1,
+    },
+    [ROLE_MAPPING.EDITOR]: {
+        role: ROLE_MAPPING.EDITOR,
+        allowView: 1,
+        allowEdit: 1,
+        allowComment: 1,
+    },
+    [ROLE_MAPPING.VIEWER]: {
+        role: ROLE_MAPPING.VIEWER,
+        allowView: 1,
+        allowEdit: 0,
+        allowComment: 0,
+    },
+};
+export const ROLE_ACCESS_LABEL = {
+    [ROLE_MAPPING.OWNER]: 'Owner',
+    [ROLE_MAPPING.EDITOR]: 'Editor',
+    [ROLE_MAPPING.VIEWER]: 'Viewer',
+};
+export const PEOPLE_ACTION_KEYS = {
+    TO_VIEWER: 'to_viewer',
+    TO_EDITOR: 'to_editor',
+    TO_OWNER: 'to_owner',
+    REMOVE_ACCESS: 'remove_acess',
+};
+export const PEOPLE_ACTIONS = {
+    [PEOPLE_ACTION_KEYS.TO_VIEWER]: {
+        label: 'Viewer',
+        key: PEOPLE_ACTION_KEYS.TO_VIEWER,
+    },
+    [PEOPLE_ACTION_KEYS.TO_EDITOR]: {
+        label: 'Editor',
+        key: PEOPLE_ACTION_KEYS.TO_EDITOR,
+    },
+    [PEOPLE_ACTION_KEYS.TO_OWNER]: {
+        label: 'Transfer ownership',
+        key: PEOPLE_ACTION_KEYS.TO_OWNER,
+    },
+    [PEOPLE_ACTION_KEYS.REMOVE_ACCESS]: {
+        label: 'Remove Access',
+        key: PEOPLE_ACTION_KEYS.REMOVE_ACCESS,
+    },
+};
+export const PEOPLE_ACTIONS_BY_ROLE = {
+    [ROLE_MAPPING.OWNER]: [PEOPLE_ACTION_KEYS.REMOVE_ACCESS],
+};
+export const GENERAL_ACTION_KEYS = {
+    RESTRICTED: 'restricted',
+    PUBLIC: 'public',
+};
+export const GENERAL_ACTIONS = {
+    [GENERAL_ACTION_KEYS.PUBLIC]: {
+        key: GENERAL_ACTION_KEYS.PUBLIC,
+        label: 'public',
+    },
+    [GENERAL_ACTION_KEYS.RESTRICTED]: {
+        key: GENERAL_ACTION_KEYS.RESTRICTED,
+        label: 'Restricted',
+    },
+};

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ShareAccessAction, ShareAccessState } from './types';
+export declare const ShareAccessStateContext: React.Context<ShareAccessState | null>;
+export declare const ShareAccessDispatchContext: React.Context<React.Dispatch<ShareAccessAction> | null>;

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

@@ -0,0 +1,3 @@
+import { createContext } from 'react';
+export const ShareAccessStateContext = createContext(null);
+export const ShareAccessDispatchContext = createContext(null);

package/es/components/molecules/ShareAccess/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './useShareAccess';

package/es/components/molecules/ShareAccess/hooks/index.js

@@ -0,0 +1 @@
+export * from './useShareAccess';

package/es/components/molecules/ShareAccess/hooks/useShareAccess.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare const useShareAccess: () => {
+    state: {
+        userAccess: import("../types").UserAccessInfo | undefined;
+        accessInfo?: import("../types").ObjectAccessInfo | undefined;
+        accessUserId?: number | undefined;
+        modalTransferOwnership: {
+            open: boolean;
+            userToOwnerShipId: number;
+        };
+    };
+    dispatch: import("react").Dispatch<import("../types").ShareAccessAction> | null;
+};

package/es/components/molecules/ShareAccess/hooks/useShareAccess.js

@@ -0,0 +1,12 @@
+import { useContext, useMemo } from 'react';
+import { ShareAccessDispatchContext, ShareAccessStateContext } from '../context';
+export const useShareAccess = () => {
+    var _a;
+    const state = useContext(ShareAccessStateContext);
+    const dispatch = useContext(ShareAccessDispatchContext);
+    if (!state) {
+        throw new Error('useShareAccess must be used within a ShareAccessProvider');
+    }
+    const userAccess = useMemo(() => { var _a; return (_a = state.accessInfo) === null || _a === void 0 ? void 0 : _a.listAccess.find(access => access.userId === state.accessUserId); }, [state.accessUserId, (_a = state.accessInfo) === null || _a === void 0 ? void 0 : _a.listAccess]);
+    return { state: Object.assign(Object.assign({}, state), { userAccess }), dispatch };
+};

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

@@ -0,0 +1 @@
+export * from './ShareAccess';

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

@@ -0,0 +1 @@
+export * from './ShareAccess';

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

@@ -0,0 +1,2 @@
+import { ShareAccessAction, ShareAccessProps, ShareAccessState } from './types';
+export declare const shareAccessReducer: (onChange: ShareAccessProps['onChange']) => (state: ShareAccessState, action: ShareAccessAction) => ShareAccessState;