tycho-components 0.44.3 → 0.44.4

package/dist/features/AccessControl/AccessUser/AccessPortal.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { yupResolver } from '@hookform/resolvers/yup';
+import { useEffect } from 'react';
+import { useForm } from 'react-hook-form';
+import { useTranslation } from 'react-i18next';
+import { Button, SelectField, TextField } from 'tycho-storybook';
+import * as yup from 'yup';
+import { useMessageUtils } from '../../../configs/useMessageUtils';
+import FormUtils from '../../../functions/FormUtils';
+import AccessControlService from '../AccessControlService';
+import { EMPTY_PORTAL, PortalRoleName, } from '../types/PortalInformation';
+export default function AccessPortal({ resourceUid, user, onChange }) {
+    const { t } = useTranslation('access');
+    const { dispatchMessage } = useMessageUtils();
+    const createdForm = useForm({
+        resolver: yupResolver(getFormSchema(t)),
+        mode: 'onChange',
+    });
+    const handleSave = () => {
+        if (!resourceUid)
+            return;
+        const request = createdForm.getValues();
+        AccessControlService.updatePortal(user.uid, resourceUid, request).then(() => {
+            dispatchMessage({ key: 'update.success', t });
+            onChange({ ...request, corpus: resourceUid });
+        });
+    };
+    useEffect(() => {
+        createdForm.reset(user.portals?.find((p) => p.corpus === resourceUid) || EMPTY_PORTAL);
+    }, [user, resourceUid]);
+    return (_jsxs("div", { className: "portal-container", children: [_jsxs("div", { className: "header", children: [_jsx("span", { className: "title", children: t('portal.title.label') }), _jsx("span", { className: "desc", children: t('portal.desc.label') })] }), _jsxs("div", { className: "body", children: [_jsx(SelectField, { label: t('portal.input.display'), attr: "display", createdForm: createdForm, options: FormUtils.booleanOptions(t), showEndAdornment: false }), _jsx(SelectField, { label: t('table.label.role'), attr: "role", createdForm: createdForm, options: FormUtils.convertEnum(PortalRoleName, t), showEndAdornment: false }), _jsx(TextField, { label: t('portal.input.profile'), attr: "urlProfile", createdForm: createdForm, showEndAdornment: false }), _jsx(Button, { text: t('common:button.save'), disabled: !createdForm.formState.isValid, onClick: handleSave, size: "small" })] })] }));
+}
+const getFormSchema = (t) => yup.object().shape({
+    urlProfile: yup.string().required(t('message:validation.required')),
+    display: yup.boolean().required(t('message:validation.required')),
+    role: yup
+        .string()
+        .oneOf(Object.keys(PortalRoleName))
+        .required(t('message:validation.required')),
+});

package/dist/features/AccessControl/AccessUser/AccessUser.d.ts

@@ -0,0 +1,14 @@
+import { AppPage } from '../../../common';
+import { AccessMode } from '../../../configs/types/Access';
+import { UserAccessResponse } from '../types/UserAccessResponse';
+import './style.scss';
+type Props = {
+    mode: AccessMode;
+    resourceUid: string;
+    user: UserAccessResponse;
+    setItems: React.Dispatch<React.SetStateAction<AppPage<UserAccessResponse>>>;
+    onClose: () => void;
+    onReload: () => void;
+};
+export default function AccessUser({ mode, resourceUid, user, onClose, onReload, setItems, }: Props): import("react").JSX.Element;
+export {};

package/dist/features/AccessControl/AccessUser/AccessUser.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from 'react-i18next';
+import { AppModal } from '../../../common';
+import { useCorpusUtils } from '../../../configs/useCorpusUtils';
+import AccessData from './AccessData';
+import AccessPortal from './AccessPortal';
+import AccessUserResources from './AccessUserResources';
+import './style.scss';
+export default function AccessUser({ mode, resourceUid, user, onClose, onReload, setItems, }) {
+    const { t } = useTranslation('access');
+    const { getCorpus, hasCorpus } = useCorpusUtils();
+    const showAccessData = mode !== 'corpus' || (hasCorpus() && getCorpus().opened);
+    const showPortal = mode === 'corpus';
+    const handleChangeAccess = (r) => {
+        setItems((prevState) => {
+            if (!prevState)
+                return prevState;
+            const updatedContent = prevState.content.map((item) => item.uid === user.uid ? { ...user, ...r } : item);
+            return { ...prevState, content: updatedContent };
+        });
+    };
+    const handleChangePortal = (r) => {
+        setItems((prevState) => {
+            if (!prevState)
+                return prevState;
+            const updatedContent = prevState.content.map((item) => {
+                if (item.uid !== user.uid)
+                    return item;
+                const existingPortals = item.portals || [];
+                const portalIndex = existingPortals.findIndex((p) => p.corpus === r.corpus);
+                let newPortals;
+                if (portalIndex !== -1) {
+                    newPortals = existingPortals.map((p, i) => i === portalIndex ? r : p);
+                }
+                else {
+                    newPortals = [...existingPortals, r];
+                }
+                return { ...item, portals: newPortals };
+            });
+            return { ...prevState, content: updatedContent };
+        });
+    };
+    return (_jsxs(AppModal, { title: user.name, className: "modal-access-user", close: onClose, disableCancel: true, hideFooter: true, children: [_jsxs("div", { className: "row-info", children: [_jsxs("div", { className: "col-profile", children: [_jsxs("div", { className: "info", children: [_jsx("img", { className: "avatar", src: user.picture, referrerPolicy: "no-referrer" }), _jsxs("div", { className: "texts", children: [_jsxs("span", { children: [_jsx("b", { children: t('access.label.name') }), " ", user.name] }), _jsxs("span", { children: [_jsx("b", { children: t('access.label.email') }), " ", user.email] })] })] }), showAccessData && (_jsx(AccessData, { mode: mode, resourceUid: resourceUid, user: user, onChange: handleChangeAccess }))] }), showPortal && (_jsx(AccessPortal, { resourceUid: resourceUid, user: user, onChange: handleChangePortal })), _jsx(AccessUserResources, { mode: mode, user: user, onReload: onReload })] }), _jsx("div", { className: "uid", children: user.uid })] }));
+}

package/dist/features/AccessControl/AccessUser/AccessUserResources.d.ts

@@ -0,0 +1,9 @@
+import { AccessMode } from '../../../configs/types/Access';
+import { UserAccessResponse } from '../types/UserAccessResponse';
+type Props = {
+    mode: AccessMode;
+    user: UserAccessResponse;
+    onReload: () => void;
+};
+export default function AccessUserResources({ mode, user, onReload, }: Props): import("react").JSX.Element;
+export {};

package/dist/features/AccessControl/AccessUser/AccessUserResources.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import SecurityUtils from '../../../functions/SecurityUtils';
+import { AppPicture } from '../../../common';
+import { useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Button } from 'tycho-storybook';
+import AccessControlService from '../AccessControlService';
+const TITLE_KEY = {
+    corpus: 'corpora.label.available',
+    parser: 'parsers.label.available',
+    lexicon: 'lexicons.label.available',
+};
+const REVOKE_KEY = {
+    corpus: 'corpora.button.revoke',
+    parser: 'parsers.button.revoke',
+    lexicon: 'lexicons.button.revoke',
+};
+function toResourceItem(item) {
+    return {
+        uid: item.uid,
+        name: item.name,
+        picture: item.picture ?? '',
+    };
+}
+export default function AccessUserResources({ mode, user, onReload, }) {
+    const { t } = useTranslation('access');
+    const [resources, setResources] = useState([]);
+    const handleRevoke = (uid) => {
+        AccessControlService.revoke(mode, user.uid, uid).then(() => {
+            onReload();
+        });
+    };
+    const loadResources = () => {
+        const apply = (items) => {
+            setResources((items ?? []).map(toResourceItem));
+        };
+        if (mode === 'corpus') {
+            AccessControlService.findCorporaByUser(user.uid)
+                .then((r) => apply(r.data))
+                .catch(() => apply([]));
+            return;
+        }
+        if (mode === 'parser') {
+            AccessControlService.findParsersByUser(user.uid)
+                .then((r) => apply(r.data))
+                .catch(() => apply([]));
+            return;
+        }
+        AccessControlService.findLexiconsByUser(user.uid)
+            .then((r) => apply(r.data))
+            .catch(() => apply([]));
+    };
+    useEffect(() => {
+        loadResources();
+    }, [user, mode]);
+    return (_jsxs("div", { className: "corpora-container", children: [_jsx("div", { className: "title", children: t(TITLE_KEY[mode]) }), resources.map((resource, idx) => (_jsxs("div", { className: "corpus-line", children: [_jsx(AppPicture, { className: "avatar", src: resource.picture }), _jsx("span", { children: resource.name }), SecurityUtils.hasAccess(resource.uid, ['ADMIN'], mode) && (_jsx(Button, { text: t(REVOKE_KEY[mode]), onClick: () => handleRevoke(resource.uid), size: "x-small", color: "danger" }))] }, idx.valueOf())))] }));
+}

package/dist/features/AccessControl/AccessUser/index.d.ts

@@ -0,0 +1,2 @@
+import AccessUser from './AccessUser';
+export default AccessUser;

package/dist/features/AccessControl/AccessUser/index.js

@@ -0,0 +1,2 @@
+import AccessUser from './AccessUser';
+export default AccessUser;

package/dist/features/AccessControl/AccessUser/style.scss

@@ -0,0 +1,193 @@
+.modal-access-user {
+  width: 50vw !important;
+  max-width: 50vw !important;
+  top: 40% !important;
+
+  .body {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+
+    .uid {
+      margin-top: auto;
+      @include helper-small-1;
+    }
+
+    > .row-info {
+      display: flex;
+      gap: 16px;
+
+      .col-profile {
+        display: flex;
+        flex-direction: column;
+        flex: 1;
+
+        > .title {
+          @include label-large-2;
+          color: var(--text-primary);
+          margin-bottom: 16px;
+        }
+
+        .info {
+          display: flex;
+          padding-bottom: 16px;
+          gap: 32px;
+
+          .avatar {
+            width: 64px;
+            height: 64px;
+          }
+
+          .texts {
+            display: flex;
+            flex-direction: column;
+            gap: 16px;
+
+            > span {
+              display: block;
+            }
+          }
+        }
+
+        .access-container {
+          display: flex;
+          flex-direction: column;
+          padding-top: 16px;
+          border-top: 1px solid var(--border-subtle-1);
+          gap: 16px;
+
+          > .header {
+            display: flex;
+            flex-direction: column;
+
+            > .title {
+              @include label-large-2;
+              color: var(--text-primary);
+            }
+
+            > .desc {
+              @include body-medium-1;
+              color: var(--text-secondary);
+            }
+          }
+
+          > .body {
+            display: flex;
+            flex-direction: column;
+            gap: 16px;
+
+            > .ds-button {
+              margin-left: auto;
+            }
+          }
+        }
+      }
+
+      .portal-container {
+        flex: 1;
+        border-left: var(--border-default);
+        padding-left: 16px;
+
+        > .header {
+          display: flex;
+          flex-direction: column;
+
+          > .title {
+            @include label-large-2;
+            color: var(--text-primary);
+          }
+
+          > .desc {
+            @include body-medium-1;
+            color: var(--text-secondary);
+          }
+        }
+
+        > .body {
+          display: flex;
+          flex-direction: column;
+          padding-top: 16px;
+          gap: 16px;
+
+          > .ds-button {
+            margin-left: auto;
+          }
+        }
+      }
+
+      .corpora-container {
+        flex: 1.5;
+        padding: 0px 16px;
+        border-left: var(--border-default);
+        max-height: 60vh;
+        overflow-y: auto;
+
+        > .title {
+          @include label-large-2;
+          color: var(--text-primary);
+          margin-bottom: 16px;
+        }
+
+        .corpus-line {
+          display: flex;
+          align-items: center;
+          margin-top: 24px;
+          border-bottom: var(--border-default);
+          padding-bottom: 8px;
+
+          .avatar {
+            width: 40px;
+            height: 40px;
+            margin-right: 24px;
+          }
+
+          > span {
+            @include body-xmedium-1;
+          }
+
+          > .ds-button {
+            margin-left: auto;
+          }
+        }
+      }
+    }
+  }
+}
+
+.modal-footer {
+  > .btn {
+    margin-left: auto;
+  }
+}
+
+@media (max-width: 1366px) {
+  .modal-access-user {
+    width: 70vw !important;
+    max-width: 70vw !important;
+    top: 50% !important;
+  }
+}
+
+@media (max-width: 768px) {
+  .modal-access-user {
+    width: 90vw !important;
+    max-width: 90vw !important;
+    top: 30% !important;
+
+    .body {
+      flex-direction: column;
+
+      .corpora-container {
+        border-left: none;
+        border-top: var(--border-default);
+        padding: 16px 0px 0px;
+      }
+    }
+  }
+}
+
+@media (max-width: 767px) {
+  .modal-access-user {
+    top: 35% !important;
+  }
+}

package/dist/features/AccessControl/AccessUsers/AccessUsers.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { AccessMode } from '../../../configs/types/Access';
+import './styles.scss';
+export type AccessUsersProps = {
+    mode: AccessMode;
+    resourceUid: string;
+};
+export default function AccessUsers({ mode, resourceUid }: AccessUsersProps): React.JSX.Element;

package/dist/features/AccessControl/AccessUsers/AccessUsers.js

@@ -0,0 +1,112 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Tag } from 'tycho-storybook';
+import { AppCard, AppLoading, AppPicture, AppPlaceholder, AppTable, EMPTY_PAGE, } from '../../../common';
+import DateUtils from '../../../functions/DateUtils';
+import AccessControlService from '../AccessControlService';
+import AccessGrant from '../AccessGrant';
+import AccessUser from '../AccessUser';
+import { EMPTY_ACCESS_SEARCH_FILTER, } from './AccessUsersFilter';
+import './styles.scss';
+const STATUS_TAG_COLOR = {
+    ACTIVE: 'green',
+    INACTIVE: 'gray',
+};
+const ROLE_TAG_COLOR = {
+    ADMIN: 'violet',
+    EDITOR: 'blue',
+    READER: 'yellow',
+};
+export default function AccessUsers({ mode, resourceUid }) {
+    const { t } = useTranslation('access');
+    const [filter, setFilter] = useState(EMPTY_ACCESS_SEARCH_FILTER);
+    const [open, setOpen] = useState(false);
+    const [loading, setLoading] = useState(true);
+    const [data, setData] = useState(EMPTY_PAGE);
+    const [selected, setSelected] = useState();
+    const paginate = () => {
+        if (!resourceUid)
+            return;
+        setLoading(true);
+        AccessControlService.page(mode, resourceUid, filter).then((r) => {
+            setData(r.data);
+            setLoading(false);
+        });
+    };
+    const onClickRow = (row) => {
+        setSelected(row);
+    };
+    const handleCreate = () => {
+        setOpen(true);
+        document.body.click();
+    };
+    const reloadFilter = () => setFilter({
+        ...EMPTY_ACCESS_SEARCH_FILTER,
+        seed: DateUtils.millis(),
+    });
+    const menuOptions = [
+        {
+            icon: 'add',
+            label: t('common:button.add'),
+            onClick: handleCreate,
+        },
+    ];
+    const addImageToCell = (props) => {
+        return (_jsx(AppPicture, { className: "avatar", src: props.row.original.picture, person: true }));
+    };
+    const addStatusToCell = (props) => {
+        const status = props.row.original.status;
+        return (_jsx(Tag, { text: t(`status.label.${status?.toLowerCase() ?? ''}`), color: status ? STATUS_TAG_COLOR[status] : 'gray', size: "small" }));
+    };
+    const addRoleToCell = (props) => {
+        const role = props.row.original.role;
+        return (_jsx(Tag, { text: t(`role.label.${role.toLowerCase()}`), color: ROLE_TAG_COLOR[role], size: "small" }));
+    };
+    const addNameToCell = (props) => {
+        const user = props.row.original;
+        return user.name || user.email;
+    };
+    const columns = React.useMemo(() => [
+        {
+            id: 'original',
+            header: '',
+            cell: addImageToCell,
+            size: 10,
+        },
+        {
+            id: 'name',
+            header: t('table.label.name'),
+            accessorFn: (row) => row.name || row.email,
+            cell: addNameToCell,
+            size: 35,
+        },
+        {
+            id: 'status',
+            header: t('table.label.status'),
+            accessorKey: 'status',
+            cell: addStatusToCell,
+            size: 15,
+        },
+        {
+            id: 'role',
+            header: t('table.label.role'),
+            accessorKey: 'role',
+            cell: addRoleToCell,
+            size: 35,
+        },
+    ], [resourceUid, data, t]);
+    useEffect(() => {
+        paginate();
+    }, [filter, resourceUid, mode]);
+    return (_jsxs(AppCard, { title: t('title.users'), options: menuOptions, className: "access-users-container", children: [loading && _jsx(AppLoading, { pageLoading: true }), !loading && data.totalElements > 0 && (_jsx(AppTable, { columns: columns, data: data, className: "users-table", onClickRow: onClickRow, pagination: { pageIndex: filter.page, pageSize: filter.size }, setPagination: (p) => {
+                    setFilter({ ...filter, page: p.pageIndex, size: p.pageSize });
+                }, sorting: filter.sort || [], setSorting: (s) => {
+                    setFilter({ ...filter, sort: s });
+                } })), !loading && data.totalElements === 0 && (_jsx(AppPlaceholder, { text: t('access.placeholder') })), selected && (_jsx(AccessUser, { mode: mode, resourceUid: resourceUid, user: selected, setItems: setData, onClose: () => {
+                    setSelected(undefined);
+                }, onReload: () => {
+                    setSelected(undefined);
+                    reloadFilter();
+                } })), open && (_jsx(AccessGrant, { mode: mode, resourceUid: resourceUid, onClose: () => setOpen(false), reload: reloadFilter }))] }));
+}

package/dist/features/AccessControl/AccessUsers/AccessUsersFilter.d.ts

@@ -0,0 +1,9 @@
+import { AppPageable } from '../../../common';
+import { UserStatus } from '../../../configs/types/User';
+type Filter = {
+    text: string;
+    status?: UserStatus[];
+};
+export type AccessUsersFilter = Filter & AppPageable;
+export declare const EMPTY_ACCESS_SEARCH_FILTER: AccessUsersFilter;
+export {};

package/dist/features/AccessControl/AccessUsers/AccessUsersFilter.js

@@ -0,0 +1,5 @@
+export const EMPTY_ACCESS_SEARCH_FILTER = {
+    text: '',
+    page: 0,
+    size: 10,
+};

package/dist/features/AccessControl/AccessUsers/index.d.ts

@@ -0,0 +1,4 @@
+import AccessUsers from './AccessUsers';
+export default AccessUsers;
+export type { AccessUsersProps } from './AccessUsers';
+export { EMPTY_ACCESS_SEARCH_FILTER, type AccessUsersFilter, } from './AccessUsersFilter';

package/dist/features/AccessControl/AccessUsers/index.js

@@ -0,0 +1,3 @@
+import AccessUsers from './AccessUsers';
+export default AccessUsers;
+export { EMPTY_ACCESS_SEARCH_FILTER, } from './AccessUsersFilter';

package/dist/features/AccessControl/AccessUsers/styles.scss

@@ -0,0 +1,9 @@
+.access-users-container {
+  > .body {
+    padding: 0px;
+
+    .users-table {
+      border: none;
+    }
+  }
+}

package/dist/features/AccessControl/index.d.ts

@@ -0,0 +1,10 @@
+export { default as AccessUsers } from './AccessUsers';
+export type { AccessUsersProps } from './AccessUsers';
+export { EMPTY_ACCESS_SEARCH_FILTER, type AccessUsersFilter, } from './AccessUsers';
+export { default as AccessUser } from './AccessUser';
+export { default as AccessGrant } from './AccessGrant';
+export { default as AccessControlService } from './AccessControlService';
+export type { AccessResponse, UserAccessRequest, UserAccessResponse, } from './types/UserAccessResponse';
+export type { default as PortalInformation } from './types/PortalInformation';
+export type { PortalInformationRequest, PortalRole, } from './types/PortalInformation';
+export { EMPTY_PORTAL, PortalRoleName } from './types/PortalInformation';

package/dist/features/AccessControl/index.js

@@ -0,0 +1,6 @@
+export { default as AccessUsers } from './AccessUsers';
+export { EMPTY_ACCESS_SEARCH_FILTER, } from './AccessUsers';
+export { default as AccessUser } from './AccessUser';
+export { default as AccessGrant } from './AccessGrant';
+export { default as AccessControlService } from './AccessControlService';
+export { EMPTY_PORTAL, PortalRoleName } from './types/PortalInformation';

package/dist/features/AccessControl/types/PortalInformation.d.ts

@@ -0,0 +1,20 @@
+export type PortalRole = 'COORDINATOR' | 'RESEARCHER' | 'PRINCIPAL' | 'COLLABORATOR';
+export declare const PortalRoleName: {
+    COORDINATOR: string;
+    RESEARCHER: string;
+    PRINCIPAL: string;
+    COLLABORATOR: string;
+};
+export type PortalInformationRequest = {
+    urlProfile: string;
+    display: boolean;
+    role: PortalRole;
+};
+export declare const EMPTY_PORTAL: PortalInformationRequest;
+type PortalInformation = {
+    corpus: string;
+    urlProfile: string;
+    display: boolean;
+    role: PortalRole;
+};
+export default PortalInformation;

package/dist/features/AccessControl/types/PortalInformation.js

@@ -0,0 +1,11 @@
+export const PortalRoleName = {
+    COORDINATOR: 'portal.role.coordinator',
+    RESEARCHER: 'portal.role.researcher',
+    PRINCIPAL: 'portal.role.principal',
+    COLLABORATOR: 'portal.role.collaborator',
+};
+export const EMPTY_PORTAL = {
+    urlProfile: '',
+    display: false,
+    role: 'COLLABORATOR',
+};

package/dist/features/AccessControl/types/UserAccessResponse.d.ts

@@ -0,0 +1,27 @@
+import Access, { AccessRole, AccessStatus } from '../../../configs/types/Access';
+import PortalInformation from './PortalInformation';
+export type AccessResponse = {
+    uid: string;
+    name: string;
+    picture: string;
+    status: AccessStatus;
+    role: AccessRole;
+};
+export type UserAccessResponse = {
+    uid: string;
+    name: string;
+    email: string;
+    picture: string;
+    viewer: boolean;
+    status: AccessStatus;
+    role: AccessRole;
+    corpora: AccessResponse[];
+    parsers: AccessResponse[];
+    lexicons: AccessResponse[];
+    authorities: Access[];
+    portals?: PortalInformation[];
+};
+export type UserAccessRequest = {
+    status: AccessStatus;
+    role: AccessRole;
+};

package/dist/features/AccessControl/types/UserAccessResponse.js

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

package/dist/features/index.d.ts

@@ -2,6 +2,8 @@ export { default as CommentComponent } from "./Comments";
 export { default as HeaderNotifications } from "./Comments/HeaderNotifications";
 export type { Comment, CommentRequest } from "./Comments/types/Comment";
 export { default as CommentService } from "./Comments/CommentService";
+export { AccessUsers, AccessUser, AccessGrant, AccessControlService, EMPTY_ACCESS_SEARCH_FILTER, EMPTY_PORTAL, PortalRoleName, } from "./AccessControl";
+export type { AccessUsersProps, AccessUsersFilter, AccessResponse, UserAccessRequest, UserAccessResponse, PortalInformation, PortalInformationRequest, PortalRole, } from "./AccessControl";
 export { default as Parameters } from "./Parameters";
 export { default as SentenceView } from "./SentenceView";
 export { default as TreeView } from "./TreeView";

package/dist/features/index.js

@@ -1,6 +1,7 @@
 export { default as CommentComponent } from "./Comments";
 export { default as HeaderNotifications } from "./Comments/HeaderNotifications";
 export { default as CommentService } from "./Comments/CommentService";
+export { AccessUsers, AccessUser, AccessGrant, AccessControlService, EMPTY_ACCESS_SEARCH_FILTER, EMPTY_PORTAL, PortalRoleName, } from "./AccessControl";
 export { default as Parameters } from "./Parameters";
 export { default as SentenceView } from "./SentenceView";
 export { default as TreeView } from "./TreeView";