tycho-components 0.33.0 → 0.34.0

package/dist/common/AppTextArea/AppTextArea.d.ts

@@ -0,0 +1,11 @@
+import { type TextareaHTMLAttributes } from 'react';
+import './style.scss';
+export type AppTextAreaProps = TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    showLineNumbers?: boolean;
+    containerClassName?: string;
+};
+declare const AppTextArea: import("react").ForwardRefExoticComponent<TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    showLineNumbers?: boolean;
+    containerClassName?: string;
+} & import("react").RefAttributes<HTMLTextAreaElement>>;
+export default AppTextArea;

package/dist/common/AppTextArea/AppTextArea.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import cx from 'classnames';
+import { forwardRef, useCallback, useRef, } from 'react';
+import './style.scss';
+const AppTextArea = forwardRef(function AppTextArea({ showLineNumbers = false, containerClassName, className, value, defaultValue, onScroll, ...rest }, ref) {
+    const gutterRef = useRef(null);
+    const setTextareaRef = useCallback((node) => {
+        if (typeof ref === 'function') {
+            ref(node);
+        }
+        else if (ref) {
+            ref.current = node;
+        }
+    }, [ref]);
+    const textValue = value !== undefined
+        ? String(value)
+        : defaultValue !== undefined
+            ? String(defaultValue)
+            : '';
+    const lines = Math.max(textValue.split('\n').length, 1);
+    const handleScroll = (e) => {
+        if (gutterRef.current) {
+            gutterRef.current.scrollTop = e.currentTarget.scrollTop;
+        }
+        onScroll?.(e);
+    };
+    return (_jsxs("div", { className: cx('app-text-area', { 'app-text-area--numbered': showLineNumbers }, containerClassName), children: [showLineNumbers && (_jsx("div", { className: "app-text-area__gutter", "aria-hidden": true, ref: gutterRef, children: Array.from({ length: lines }, (_, i) => (_jsx("div", { children: i + 1 }, i))) })), _jsx("textarea", { ref: setTextareaRef, className: cx('app-text-area__input', className), value: value, defaultValue: defaultValue, onScroll: handleScroll, ...rest })] }));
+});
+export default AppTextArea;

package/dist/common/AppTextArea/index.d.ts

@@ -0,0 +1 @@
+export { default, type AppTextAreaProps } from './AppTextArea';

package/dist/common/AppTextArea/index.js

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

package/dist/common/AppTextArea/style.scss

@@ -0,0 +1,47 @@
+.app-text-area {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+
+  &__input {
+    box-sizing: border-box;
+    display: block;
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: var(--spacing-200);
+    border: 0;
+    outline: 0;
+    resize: none;
+    background: transparent;
+    @include body-medium-1;
+    font-family: var(--font-family);
+  }
+
+  &--numbered {
+    font-family: monospace;
+
+    .app-text-area__gutter,
+    .app-text-area__input {
+      @include body-medium-1;
+      font-family: monospace;
+      line-height: 150%;
+    }
+
+    .app-text-area__gutter {
+      flex-shrink: 0;
+      overflow: hidden;
+      padding: var(--spacing-200);
+      background-color: var(--layer-hover-2);
+      text-align: right;
+      user-select: none;
+      color: var(--text-secondary);
+    }
+
+    .app-text-area__input {
+      flex: 1;
+      min-width: 0;
+    }
+  }
+}

package/dist/common/index.d.ts

@@ -30,6 +30,7 @@ export { EMPTY_GRID_PAGE, EMPTY_PAGE, isPageEmpty, } from './AppTable/types/AppP
 export type { AppPage } from './AppTable/types/AppPage';
 export { convertPageable, EMPTY_GRID_PAGEABLE, EMPTY_PAGEABLE, } from './AppTable/types/AppPageable';
 export type { AppPageable } from './AppTable/types/AppPageable';
+export { default as AppTextArea, type AppTextAreaProps, } from './AppTextArea';
 export { default as AppToast } from './AppToast';
 export { default as AppCopyText } from './AppCopyText';
 export { default as AppConsent } from './AppConsent';

package/dist/common/index.js

@@ -23,6 +23,7 @@ export { default as AppTable } from './AppTable';
 export { default as AppTableList } from './AppTable/AppTableList';
 export { EMPTY_GRID_PAGE, EMPTY_PAGE, isPageEmpty, } from './AppTable/types/AppPage';
 export { convertPageable, EMPTY_GRID_PAGEABLE, EMPTY_PAGEABLE, } from './AppTable/types/AppPageable';
+export { default as AppTextArea, } from './AppTextArea';
 export { default as AppToast } from './AppToast';
 export { default as AppCopyText } from './AppCopyText';
 export { default as AppConsent } from './AppConsent';

package/dist/configs/useLoggedUtils.d.ts

@@ -5,6 +5,8 @@ export declare const useLoggedUtils: () => {
     isLogged: () => boolean;
     setLogged: (user: User | undefined) => void;
     isAdminOfAnyCorpus: () => boolean;
+    isEditorOfAnyCorpus: () => boolean;
+    canEditCorpus: (corpusUid: string) => boolean;
     hasLexiconAccess: (lexiconUid: string, roles?: string[]) => boolean;
     hasParserAccess: (parserUid: string, roles?: string[]) => boolean;
     hasCorpusAccess: (corpusUid: string, roles?: string[]) => boolean;

package/dist/configs/useLoggedUtils.js

@@ -33,6 +33,14 @@ export const useLoggedUtils = () => {
             return false;
         return user.permissions.some((permission) => /^ROLE_ADMIN_CORPUS_[\w-]+$/.test(permission));
     };
+    const isEditorOfAnyCorpus = () => {
+        if (isSuper())
+            return true;
+        const user = getLogged();
+        if (!user || !user.permissions)
+            return false;
+        return user.permissions.some((permission) => /^ROLE_(ADMIN|EDITOR)_CORPUS_[\w-]+$/.test(permission));
+    };
     const hasParserAccess = (parserUid, roles) => {
         if (isSuper())
             return true;
@@ -63,6 +71,9 @@ export const useLoggedUtils = () => {
         const re = new RegExp(`^ROLE_${roleSegmentForRegex(roles)}_CORPUS_${id}$`);
         return user.permissions.some((permission) => re.test(permission));
     };
+    const canEditCorpus = (corpusUid) => {
+        return hasCorpusAccess(corpusUid, ['ADMIN', 'EDITOR']);
+    };
     const hasAnyParserAccess = () => {
         if (isSuper())
             return true;
@@ -93,6 +104,8 @@ export const useLoggedUtils = () => {
         isLogged,
         setLogged,
         isAdminOfAnyCorpus,
+        isEditorOfAnyCorpus,
+        canEditCorpus,
         hasLexiconAccess,
         hasParserAccess,
         hasCorpusAccess,

package/dist/shell/Header/HeaderApps/HeaderApps.js

@@ -14,7 +14,7 @@ import "./style.scss";
 export default function HeaderApps({ navigateLogout, navigateNotLogged, hideKeyboard, notifications, keyboardLayout, helpActions, }) {
     const { t } = useTranslation("header-app");
     const { getCorpus, hasCorpus } = useCorpusUtils();
-    const { isAdminOfAnyCorpus, isLogged } = useLoggedUtils();
+    const { isAdminOfAnyCorpus, isEditorOfAnyCorpus, isLogged } = useLoggedUtils();
     const [open, setOpen] = useState(false);
     const goto = (app, blank) => {
         const shouldAppendCorpusUid = app.appendCorpusUid !== false;
@@ -33,6 +33,8 @@ export default function HeaderApps({ navigateLogout, navigateNotLogged, hideKeyb
             return null;
         if (item.admin && !isAdminOfAnyCorpus())
             return null;
+        if (item.editor && !isEditorOfAnyCorpus())
+            return null;
         return (_jsxs("div", { className: "item", title: t(`${item.code}.desc`), onClick: () => goto(item, item.external ? true : false), children: [item.icon && _jsx(Icon, { name: item.icon, size: "medium" }), item.image && _jsx("img", { src: item.image }), _jsx("span", { className: "title-app", children: t(`${item.code}.name`) }), _jsxs("div", { className: "options", children: [item.visibility && (_jsx(Tag, { text: t(`common:label.${item.visibility}`), size: "small", color: "green", className: "d-none" })), _jsx(IconButton, { name: "open_in_new", size: "x-small", className: "icon-open", mode: "ghost", onClick: (e) => {
                                 e.stopPropagation();
                                 goto(item, true);

package/dist/shell/Header/types/App.d.ts

@@ -4,6 +4,7 @@ type App = {
     image?: string;
     visibility: 'public' | 'private';
     admin?: boolean;
+    editor?: boolean;
     lexicon?: boolean;
     parser?: boolean;
     external?: string;

package/dist/shell/Header/types/App.js

@@ -33,6 +33,7 @@ export const AvailableApps = [
         code: 'io',
         icon: 'swap_vert',
         visibility: 'private',
+        editor: true,
     },
     {
         code: 'viewer',

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tycho-components",
   "private": false,
-  "version": "0.33.0",
+  "version": "0.34.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
@@ -60,7 +60,7 @@
     "file-saver": "^2.0.5",
     "html2canvas": "^1.4.1",
     "js-cookie": "^3.0.5",
-    "react-colorful": "^5.6.1",
+    "react-colorful": "^5.8.0",
     "react-draggable": "^4.4.6",
     "react-dropzone": "^14.3.5",
     "react-easy-edit": "^2.0.0",
@@ -82,7 +82,7 @@
     "react-i18next": "^13.0.2",
     "react-router-dom": "^6.14.2",
     "react-toastify": "^9.1.3",
-    "tycho-storybook": "0.10.7",
+    "tycho-storybook": "0.10.8",
     "wavesurfer-react": "^2.2.2",
     "wavesurfer.js": "^6.6.3"
   },