@antscorp/antsomi-ui 1.3.5-beta.13 → 1.3.5-beta.14

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

@@ -1,78 +1,78 @@
-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));
-    };
-    const renderDescription = () => {
-        let description = 'Only people with access can open this item.';
-        if (isPublic && publicRole === PUBLIC_ROLE.ONLY_VIEWER) {
-            description = 'Anyone on the portal can view this item.';
-        }
-        if (isPublic && publicRole === PUBLIC_ROLE.ONLY_EDITOR) {
-            description = 'Anyone on the portal can edit this item.';
-        }
-        return description;
-    };
-    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" }, renderDescription())),
-            !!isPublic && publicRole && (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" })))))));
-};
+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));
+    };
+    const renderDescription = () => {
+        let description = 'Only people with access can open this item.';
+        if (isPublic && publicRole === PUBLIC_ROLE.ONLY_VIEWER) {
+            description = 'Anyone on the portal can view this item.';
+        }
+        if (isPublic && publicRole === PUBLIC_ROLE.ONLY_EDITOR) {
+            description = 'Anyone on the portal can edit this item.';
+        }
+        return description;
+    };
+    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" }, renderDescription())),
+            !!isPublic && publicRole && (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 | null;
+import React from 'react';
+import { ShareAccessProps } from '../../types';
+export declare const LayoutContent: (props: ShareAccessProps) => React.JSX.Element | null;

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

@@ -1,19 +1,19 @@
-import React from 'react';
-import { useShareAccess } from '../../hooks';
-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, allowAddUser = true } = props;
-    const { state } = useShareAccess();
-    const { allowEdit, allowView } = state;
-    if (!allowEdit && !allowView)
-        return null;
-    return (React.createElement(StyledLayoutContentRoot, null,
-        allowAddUser && React.createElement(SearchUser, { getUserInfo: getUserInfo }),
-        React.createElement(PeopleAccess, { allowChangeOnwership: allowChangeOnwership }),
-        React.createElement(GeneralAccess, null),
-        React.createElement(ModalTransferOwnership, null)));
-};
+import React from 'react';
+import { useShareAccess } from '../../hooks';
+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, allowAddUser = true } = props;
+    const { state } = useShareAccess();
+    const { allowEdit, allowView } = state;
+    if (!allowEdit && !allowView)
+        return null;
+    return (React.createElement(StyledLayoutContentRoot, null,
+        allowAddUser && 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: import("antd/es/modal/PurePanel").PurePanelProps) => 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: import("antd/es/modal/PurePanel").PurePanelProps) => 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 {};