@antscorp/antsomi-ui 1.3.3-beta.47 → 1.3.3-beta.49

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

@@ -1,70 +1,70 @@
-import Icon from '@antscorp/icons';
-import { Dropdown } from 'antd';
-import { produce } from 'immer';
-import React from 'react';
-import { updateObjAccessInfo } from '../../actions';
-import { GENERAL_ACCESS, PUBLIC_ROLE, ROLE_ACCESS_LABEL } from '../../constants';
-import { useShareAccess } from '../../hooks';
-import { StyledGeneralAccessRoot } from './styled';
-export const GeneralAccess = () => {
-    const { state, dispatch } = useShareAccess();
-    const { accessInfo } = state;
-    if (!accessInfo)
-        return null;
-    const { isPublic, publicRole } = accessInfo;
-    const handleChangeGeneralAccess = (value) => {
-        if (!accessInfo || !dispatch)
-            return;
-        const updated = produce(accessInfo, draft => {
-            draft.isPublic = value;
-            if (!isPublic && value === GENERAL_ACCESS.PUBLIC) {
-                draft.publicRole = PUBLIC_ROLE.ONLY_VIEWER;
-            }
-        });
-        dispatch(updateObjAccessInfo(updated));
-    };
-    const handleChangePublicRole = (value) => {
-        if (!accessInfo || !dispatch)
-            return;
-        const updated = produce(accessInfo, draft => {
-            draft.publicRole = value;
-        });
-        dispatch(updateObjAccessInfo(updated));
-    };
-    return (React.createElement(StyledGeneralAccessRoot, null,
-        React.createElement("div", { className: "title" }, "General access"),
-        React.createElement("div", { className: "setting" },
-            React.createElement(Icon, { className: "accessable-icon", type: isPublic ? 'icon-ants-mui-lock-open' : 'icon-ants-mui-lock' }),
-            React.createElement("div", { className: "general-info" },
-                React.createElement(Dropdown, { placement: "bottomLeft", trigger: ['click'], destroyPopupOnHide: true, menu: {
-                        items: [
-                            isPublic
-                                ? { key: GENERAL_ACCESS.RESTRICTED, label: React.createElement("div", null, "Restricted ") }
-                                : { key: GENERAL_ACCESS.PUBLIC, label: React.createElement("div", null, "Public") },
-                        ],
-                        onClick: v => handleChangeGeneralAccess(+v.key),
-                    } },
-                    React.createElement("div", { className: "general-dropdown-wrapper" },
-                        React.createElement("div", { className: "accessable-title" }, isPublic ? 'Public' : 'Restricted'),
-                        React.createElement(Icon, { className: "icon-angle", type: "icon-ants-angle-down" }))),
-                React.createElement("div", { className: "description" }, isPublic
-                    ? 'Only people with access can open this that object.'
-                    : 'Anyone on the portal can view this data object.')),
-            !!isPublic && (React.createElement(Dropdown, { placement: "bottomLeft", trigger: ['click'], destroyPopupOnHide: true, menu: {
-                    items: [
-                        publicRole === PUBLIC_ROLE.ONLY_VIEWER
-                            ? {
-                                key: PUBLIC_ROLE.ONLY_EDITOR,
-                                label: ROLE_ACCESS_LABEL[PUBLIC_ROLE.ONLY_EDITOR],
-                            }
-                            : {
-                                key: PUBLIC_ROLE.ONLY_VIEWER,
-                                label: ROLE_ACCESS_LABEL[PUBLIC_ROLE.ONLY_VIEWER],
-                            },
-                    ],
-                    onClick: v => handleChangePublicRole(+v.key),
-                } },
-                React.createElement("div", { className: "public-role-dropdown-wrapper" },
-                    React.createElement("div", { className: "for-title" }, ROLE_ACCESS_LABEL[publicRole]),
-                    React.createElement(Icon, { className: "icon-angle", type: "icon-ants-angle-down" })))))));
-};
+import Icon from '@antscorp/icons';
+import { Dropdown } from 'antd';
+import { produce } from 'immer';
+import React from 'react';
+import { updateObjAccessInfo } from '../../actions';
+import { GENERAL_ACCESS, PUBLIC_ROLE, ROLE_ACCESS_LABEL } from '../../constants';
+import { useShareAccess } from '../../hooks';
+import { StyledGeneralAccessRoot } from './styled';
+export const GeneralAccess = () => {
+    const { state, dispatch } = useShareAccess();
+    const { accessInfo, allowEdit } = state;
+    if (!accessInfo)
+        return null;
+    const { isPublic, publicRole } = accessInfo;
+    const handleChangeGeneralAccess = (value) => {
+        if (!accessInfo || !dispatch || !allowEdit)
+            return;
+        const updated = produce(accessInfo, draft => {
+            draft.isPublic = value;
+            if (!isPublic && value === GENERAL_ACCESS.PUBLIC) {
+                draft.publicRole = PUBLIC_ROLE.ONLY_VIEWER;
+            }
+        });
+        dispatch(updateObjAccessInfo(updated));
+    };
+    const handleChangePublicRole = (value) => {
+        if (!accessInfo || !dispatch || !allowEdit)
+            return;
+        const updated = produce(accessInfo, draft => {
+            draft.publicRole = value;
+        });
+        dispatch(updateObjAccessInfo(updated));
+    };
+    return (React.createElement(StyledGeneralAccessRoot, null,
+        React.createElement("div", { className: "title" }, "General access"),
+        React.createElement("div", { className: "setting" },
+            React.createElement(Icon, { className: "accessable-icon", type: isPublic ? 'icon-ants-mui-lock-open' : 'icon-ants-mui-lock' }),
+            React.createElement("div", { className: "general-info" },
+                React.createElement(Dropdown, { placement: "bottomLeft", trigger: ['click'], destroyPopupOnHide: true, disabled: !allowEdit, menu: {
+                        items: [
+                            isPublic
+                                ? { key: GENERAL_ACCESS.RESTRICTED, label: React.createElement("div", null, "Restricted ") }
+                                : { key: GENERAL_ACCESS.PUBLIC, label: React.createElement("div", null, "Public") },
+                        ],
+                        onClick: v => handleChangeGeneralAccess(+v.key),
+                    } },
+                    React.createElement("div", { className: "general-dropdown-wrapper" },
+                        React.createElement("div", { className: "accessable-title" }, isPublic ? 'Public' : 'Restricted'),
+                        allowEdit && React.createElement(Icon, { className: "icon-angle", type: "icon-ants-angle-down" }))),
+                React.createElement("div", { className: "description" }, isPublic
+                    ? 'Only people with access can open this that object.'
+                    : 'Anyone on the portal can view this data object.')),
+            !!isPublic && (React.createElement(Dropdown, { placement: "bottomLeft", trigger: ['click'], destroyPopupOnHide: true, disabled: !allowEdit, menu: {
+                    items: [
+                        publicRole === PUBLIC_ROLE.ONLY_VIEWER
+                            ? {
+                                key: PUBLIC_ROLE.ONLY_EDITOR,
+                                label: ROLE_ACCESS_LABEL[PUBLIC_ROLE.ONLY_EDITOR],
+                            }
+                            : {
+                                key: PUBLIC_ROLE.ONLY_VIEWER,
+                                label: ROLE_ACCESS_LABEL[PUBLIC_ROLE.ONLY_VIEWER],
+                            },
+                    ],
+                    onClick: v => handleChangePublicRole(+v.key),
+                } },
+                React.createElement("div", { className: "public-role-dropdown-wrapper" },
+                    React.createElement("div", { className: "for-title" }, ROLE_ACCESS_LABEL[publicRole]),
+                    allowEdit && React.createElement(Icon, { className: "icon-angle", type: "icon-ants-angle-down" })))))));
+};

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

@@ -1 +1 @@
-export * from './GeneralAccess';
+export * from './GeneralAccess';

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

@@ -1 +1 @@
-export * from './GeneralAccess';
+export * from './GeneralAccess';

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

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

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

@@ -1,57 +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;
-    }
-  }
-`;
+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

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

@@ -1,14 +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)));
-};
+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

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

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

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

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

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

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

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

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

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

@@ -1,43 +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."));
-};
+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

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

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

@@ -1,7 +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>;
+/// <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

@@ -1,18 +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;
-      }
-    }
-  }
-`;
+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

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