tycho-components 0.12.3 → 0.13.0

package/dist/Header/Header.d.ts

@@ -4,7 +4,6 @@ type Props = {
     tool: string;
     redirect?: string;
     autoload?: boolean;
-    freeAccess?: boolean;
     hideKeyboard?: boolean;
     hideReplaceAll?: boolean;
     parser?: boolean;
@@ -20,5 +19,5 @@ type Props = {
     navigateNotLogged?: () => void;
     helpActions?: HelpAction[];
 };
-export default function Header({ tool, redirect, autoload, freeAccess, hideKeyboard, hideReplaceAll, customHeader, notifications, keyboardLayout, navigateHome, navigateCorpora, navigateLogout, navigateNotLogged, helpActions, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function Header({ tool, redirect, autoload, hideKeyboard, hideReplaceAll, customHeader, notifications, keyboardLayout, navigateHome, navigateCorpora, navigateLogout, navigateNotLogged, helpActions, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/Header/Header.js

@@ -14,7 +14,7 @@ import HeaderReplaceAll from './HeaderReplaceAll';
 import HeaderUser from './HeaderUser';
 import HelpButton from './HelpButton';
 import './styles.scss';
-export default function Header({ tool, redirect, autoload, freeAccess, hideKeyboard, hideReplaceAll, customHeader, notifications, keyboardLayout, navigateHome, navigateCorpora, navigateLogout, navigateNotLogged = () => {
+export default function Header({ tool, redirect, autoload, hideKeyboard, hideReplaceAll, customHeader, notifications, keyboardLayout, navigateHome, navigateCorpora, navigateLogout, navigateNotLogged = () => {
     location.href = '/auth';
 }, helpActions, }) {
     const { t } = useTranslation('header');
@@ -24,5 +24,5 @@ export default function Header({ tool, redirect, autoload, freeAccess, hideKeybo
     const homeTextsClass = cx('app-title', {
         pointer: navigateHome !== undefined,
     });
-    return (_jsxs("div", { className: "ds-header", children: [_jsxs("div", { className: "header-left", children: [_jsx(HeaderApps, { freeAccess: freeAccess }), _jsxs("div", { className: homeTextsClass, onClick: () => navigateHome && navigateHome(), children: [_jsx("span", { className: "title", children: t('label.platform') }), _jsx("span", { className: "subtitle", children: tool })] })] }), _jsx("div", { className: "header-center", children: customHeader ? (customHeader) : (_jsx(HeaderCorpora, { redirect: redirect, autoload: autoload, freeAccess: freeAccess, navigateCorpora: navigateCorpora })) }), _jsxs("div", { className: "header-right", children: [!hideReplaceAll && _jsx(HeaderReplaceAll, {}), !hideKeyboard && (_jsx(IconButton, { onClick: () => setOpenKeyboard(!openKeyboard), name: "keyboard", size: "medium", title: t('tooltip.keyboard') })), _jsx(HelpButton, { helpActions: helpActions }), notifications && isLogged() && (_jsx(HeaderNotifications, { uid: notifications.ref, mode: notifications.mode })), _jsx(LanguageSelector, {}), !freeAccess && (_jsx(HeaderUser, { navigateLogout: navigateLogout, navigateNotLogged: navigateNotLogged }))] }), openKeyboard && (_jsx(VirtualKeyboard, { onClose: () => setOpenKeyboard(false), closeLabel: t('button.close'), defaultLayout: keyboardLayout || getCorpus().keyboardLayout || 'english' }))] }));
+    return (_jsxs("div", { className: "ds-header", children: [_jsxs("div", { className: "header-left", children: [_jsx(HeaderApps, {}), _jsxs("div", { className: homeTextsClass, onClick: () => navigateHome && navigateHome(), children: [_jsx("span", { className: "title", children: t('label.platform') }), _jsx("span", { className: "subtitle", children: tool })] })] }), _jsx("div", { className: "header-center", children: customHeader ? (customHeader) : (_jsx(HeaderCorpora, { redirect: redirect, autoload: autoload, navigateCorpora: navigateCorpora })) }), _jsxs("div", { className: "header-right", children: [!hideReplaceAll && _jsx(HeaderReplaceAll, {}), !hideKeyboard && (_jsx(IconButton, { onClick: () => setOpenKeyboard(!openKeyboard), name: "keyboard", size: "medium", title: t('tooltip.keyboard') })), _jsx(HelpButton, { helpActions: helpActions }), notifications && isLogged() && (_jsx(HeaderNotifications, { uid: notifications.ref, mode: notifications.mode })), _jsx(LanguageSelector, {}), _jsx(HeaderUser, { navigateLogout: navigateLogout, navigateNotLogged: navigateNotLogged })] }), openKeyboard && (_jsx(VirtualKeyboard, { onClose: () => setOpenKeyboard(false), closeLabel: t('button.close'), defaultLayout: keyboardLayout || getCorpus().keyboardLayout || 'english' }))] }));
 }

package/dist/Header/HeaderApps/HeaderApps.d.ts

@@ -1,6 +1,2 @@
 import './style.scss';
-type Props = {
-    freeAccess?: boolean;
-};
-export default function HeaderApps({ freeAccess }: Props): import("react/jsx-runtime").JSX.Element;
-export {};
+export default function HeaderApps(): import("react/jsx-runtime").JSX.Element;

package/dist/Header/HeaderApps/HeaderApps.js

@@ -8,10 +8,10 @@ import { useLoggedUtils } from '../../configs/useLoggedUtils';
 import { AvailableApps } from '../types/App';
 import logo from './logo.png';
 import './style.scss';
-export default function HeaderApps({ freeAccess }) {
+export default function HeaderApps() {
     const { t } = useTranslation('header-app');
     const { getCorpus, hasCorpus } = useCorpusUtils();
-    const { hasLexiconAccess, hasParserAccess, isAdminOfAnyCorpus } = useLoggedUtils();
+    const { hasLexiconAccess, hasParserAccess, isAdminOfAnyCorpus, isLogged } = useLoggedUtils();
     const [open, setOpen] = useState(false);
     const goto = (app, blank) => {
         const shouldAppendCorpusUid = app.appendCorpusUid !== false;
@@ -26,7 +26,7 @@ export default function HeaderApps({ freeAccess }) {
         }
     };
     const renderItem = (item, idx) => {
-        if (!item.visibility && freeAccess)
+        if (!item.visibility && isLogged())
             return null;
         if (item.admin && !isAdminOfAnyCorpus())
             return null;

package/dist/Header/HeaderCorpora/HeaderCorpora.d.ts

@@ -1,9 +1,8 @@
-import "./style.scss";
+import './style.scss';
 type Props = {
     navigateCorpora?: (uid: string) => void;
     autoload?: boolean;
     redirect?: string;
-    freeAccess?: boolean;
 };
-export default function HeaderCorpora({ navigateCorpora, redirect, autoload, freeAccess, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function HeaderCorpora({ navigateCorpora, redirect, autoload, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/Header/HeaderCorpora/HeaderCorpora.js

@@ -1,16 +1,18 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-import { useTranslation } from "react-i18next";
-import { useParams } from "react-router-dom";
-import AppModal from "../../AppModal";
-import AppPicture from "../../AppPicture";
-import { useCorpusUtils } from "../../configs/useCorpusUtils";
-import CorpusService from "../types/CorpusService";
-import HeaderCorpus from "./HeaderCorpus";
-import "./style.scss";
-export default function HeaderCorpora({ navigateCorpora, redirect, autoload, freeAccess, }) {
-    const { t } = useTranslation("header");
+import { useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useParams } from 'react-router-dom';
+import AppModal from '../../AppModal';
+import AppPicture from '../../AppPicture';
+import { useCorpusUtils } from '../../configs/useCorpusUtils';
+import { useLoggedUtils } from '../../configs/useLoggedUtils';
+import CorpusService from '../types/CorpusService';
+import HeaderCorpus from './HeaderCorpus';
+import './style.scss';
+export default function HeaderCorpora({ navigateCorpora, redirect, autoload, }) {
+    const { t } = useTranslation('header');
     const { setCorpus, getCorpus, hasCorpus } = useCorpusUtils();
+    const { isLogged } = useLoggedUtils();
     const { uid } = useParams();
     const [corpora, setCorpora] = useState([]);
     const [openCorpora, setOpenCorpora] = useState(false);
@@ -56,7 +58,7 @@ export default function HeaderCorpora({ navigateCorpora, redirect, autoload, fre
         }
     };
     const handleCorpusClick = () => {
-        if (freeAccess && hasCorpus()) {
+        if (isLogged() && hasCorpus()) {
             navigateCorpora && navigateCorpora(getCorpus().uid);
         }
         else {
@@ -69,5 +71,5 @@ export default function HeaderCorpora({ navigateCorpora, redirect, autoload, fre
     useEffect(() => {
         autoload && loadAndApply();
     }, [autoload]);
-    return (_jsxs(_Fragment, { children: [hasCorpus() && _jsx(HeaderCorpus, { onClick: handleCorpusClick }), openCorpora && (_jsx(AppModal, { className: "modal-corpora", title: t("label.choose"), close: () => setOpenCorpora(false), children: corpora.map((corpus) => (_jsxs("div", { className: "item", onClick: () => handleChooseCorpus(corpus), children: [_jsx(AppPicture, { src: corpus.picture, title: corpus.name, className: "modal-corpus-image" }), _jsx("span", { children: corpus.name })] }, corpus.uid))) }))] }));
+    return (_jsxs(_Fragment, { children: [hasCorpus() && _jsx(HeaderCorpus, { onClick: handleCorpusClick }), openCorpora && (_jsx(AppModal, { className: "modal-corpora", title: t('label.choose'), close: () => setOpenCorpora(false), children: corpora.map((corpus) => (_jsxs("div", { className: "item", onClick: () => handleChooseCorpus(corpus), children: [_jsx(AppPicture, { src: corpus.picture, title: corpus.name, className: "modal-corpus-image" }), _jsx("span", { children: corpus.name })] }, corpus.uid))) }))] }));
 }

package/dist/functions/FormUtils.d.ts

@@ -1,5 +1,6 @@
 import { TFunction } from 'i18next';
 import { SelectItem } from 'tycho-storybook/dist/SelectField/SelectField';
+import { AppFormField } from '../AppForm/AppFormField';
 declare const FormUtils: {
     convertEnum: (values: Record<string, string>, t?: TFunction, prefix?: string) => SelectItem[];
     convertList: (values: any, labelAttr: string, valueAttr: string) => SelectItem[];
@@ -7,5 +8,6 @@ declare const FormUtils: {
     booleanOptions: (t: TFunction) => SelectItem[];
     convertMap: (values: Record<string, any> | undefined) => SelectItem[];
     sortByLabel: (items: SelectItem[]) => SelectItem[];
+    filterFieldsByUserRole: (fields: AppFormField[], hasRole: (role: string) => boolean) => AppFormField[];
 };
 export default FormUtils;

package/dist/functions/FormUtils.js

@@ -1,3 +1,4 @@
+const filterFieldsByUserRole = (fields, hasRole) => fields.filter((field) => !field.role || hasRole(field.role));
 const convertEnum = (values, t, prefix) => {
     if (!t)
         return Object.entries(values).map(([key, label]) => ({
@@ -52,5 +53,6 @@ const FormUtils = {
     booleanOptions,
     convertMap,
     sortByLabel,
+    filterFieldsByUserRole,
 };
 export default FormUtils;

package/package.json

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