tycho-components 0.45.7 → 0.45.9

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

@@ -4,6 +4,7 @@
 
   > .body {
     display: flex;
+    flex-direction: column;
     gap: 16px;
   }
 }

package/dist/features/CorpusOwner/CorpusOwner.d.ts

@@ -0,0 +1,12 @@
+import './style.scss';
+export type CorpusOwnerUser = {
+    uid: string;
+    name: string;
+    email?: string;
+};
+export type CorpusOwnerProps = {
+    ownerName?: string | null;
+    onUpdateOwner: (userUid: string) => Promise<CorpusOwnerUser>;
+    onOwnerUpdated: (owner: CorpusOwnerUser) => void;
+};
+export default function CorpusOwner({ ownerName, onUpdateOwner, onOwnerUpdated, }: CorpusOwnerProps): import("react").JSX.Element;

package/dist/features/CorpusOwner/CorpusOwner.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { useForm } from 'react-hook-form';
+import { useTranslation } from 'react-i18next';
+import { AsyncSelectField, Button } from 'tycho-storybook';
+import { useLoggedUtils } from '../../configs/useLoggedUtils';
+import { useMessageUtils } from '../../configs/useMessageUtils';
+import AccessControlService from '../AccessControl/AccessControlService';
+import './style.scss';
+export default function CorpusOwner({ ownerName, onUpdateOwner, onOwnerUpdated, }) {
+    const { t } = useTranslation(['information', 'configuration', 'message']);
+    const { dispatchMessage } = useMessageUtils();
+    const { isSuper } = useLoggedUtils();
+    const [change, setChange] = useState(false);
+    const createdForm = useForm({
+        defaultValues: { user: null },
+    });
+    const handleSelectUser = (_attr, value) => {
+        if (!value?.value)
+            return;
+        onUpdateOwner(value.value).then((owner) => {
+            dispatchMessage({ key: 'update.success', t });
+            onOwnerUpdated(owner);
+            setChange(false);
+            createdForm.reset({ user: null });
+        });
+    };
+    const filterUsers = async (value) => {
+        if (value.length < 2)
+            return [];
+        const r = await AccessControlService.searchAll(value);
+        const options = [];
+        for (const thisUser of r.data) {
+            options.push({
+                value: thisUser.uid,
+                label: `${thisUser.name} - ${thisUser.email}`,
+            });
+        }
+        return options;
+    };
+    return (_jsxs("div", { className: "owner-container", children: [_jsx("div", { className: "title", children: t('document.field.owner.name') }), isSuper() && change && (_jsx(AsyncSelectField, { attr: "user", createdForm: createdForm, loadOptions: filterUsers, onChange: handleSelectUser, noOptionsText: t('message:generic.option.notfound') })), _jsxs("div", { className: "group", children: [!change && _jsx("span", { children: ownerName }), isSuper() && !change && (_jsx(Button, { text: t('document.button.changeOwner'), size: "small", onClick: () => setChange(true) }))] })] }));
+}

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

@@ -0,0 +1,2 @@
+export { default as CorpusOwner } from './CorpusOwner';
+export type { CorpusOwnerProps, CorpusOwnerUser } from './CorpusOwner';

package/dist/features/CorpusOwner/index.js

@@ -0,0 +1 @@
+export { default as CorpusOwner } from './CorpusOwner';

package/dist/features/CorpusOwner/style.scss

@@ -0,0 +1,18 @@
+.owner-container {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-100);
+
+  > .title {
+    @include body-medium-2;
+  }
+
+  > .group {
+    display: flex;
+    align-items: center;
+
+    > .ds-button {
+      margin-left: auto;
+    }
+  }
+}

package/dist/features/index.d.ts

@@ -4,6 +4,8 @@ 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 { CorpusOwner } from "./CorpusOwner";
+export type { CorpusOwnerProps, CorpusOwnerUser } from "./CorpusOwner";
 export { default as SentenceView } from "./SentenceView";
 export { default as TreeView } from "./TreeView";
 export { default as ConlluGraphViewer } from "./ConlluGraphViewer";

package/dist/features/index.js

@@ -2,6 +2,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 { CorpusOwner } from "./CorpusOwner";
 export { default as SentenceView } from "./SentenceView";
 export { default as TreeView } from "./TreeView";
 export { default as ConlluGraphViewer } from "./ConlluGraphViewer";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tycho-components",
   "private": false,
-  "version": "0.45.7",
+  "version": "0.45.9",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {