tycho-components 0.45.12 → 0.45.14

package/dist/common/AppPagination/styles.scss

@@ -65,7 +65,7 @@
       margin: 0;
       border: none;
       border-radius: 0;
-      font-family: 'Work Sans', sans-serif;
+      font-family: "Work Sans", sans-serif;
       @include button-small;
       color: var(--text-on-color-dark);
       background-color: var(--button-secondary-default);
@@ -103,7 +103,7 @@
     padding: var(--spacing-0) 28px var(--spacing-0) var(--spacing-100);
     border: none;
     border-radius: 0;
-    font-family: 'Work Sans', sans-serif;
+    font-family: "Work Sans", sans-serif;
     @include button-small;
     color: var(--text-on-color-dark);
     background-color: var(--button-secondary-default);
@@ -204,7 +204,7 @@
   .app-table-pagination {
     flex-direction: row;
     justify-content: space-between;
-    padding: 12px 0px;
+    padding: 12px;
 
     .itens-container {
       .itens-page {

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

@@ -169,15 +169,23 @@
 
 @media (max-width: 768px) {
   .modal-access-user {
-    top: 30% !important;
+    top: 48% !important;
 
     .body {
       flex-direction: column;
+      max-height: 80vh;
 
-      .corpora-container {
-        border-left: none;
-        border-top: var(--border-default);
-        padding: 16px 0px 0px;
+      > .row-info {
+        flex-direction: column;
+        .portal-container {
+          border: none;
+          padding-left: 0px;
+        }
+
+        .corpora-container {
+          border-left: none;
+          padding: 16px 0px 0px;
+        }
       }
     }
   }
@@ -185,6 +193,9 @@
 
 @media (max-width: 767px) {
   .modal-access-user {
-    top: 35% !important;
+    top: 50% !important;
+    .body {
+      max-height: 90vh;
+    }
   }
 }

package/dist/features/ConlluGraphViewer/ConlluGraphViewer.js

@@ -111,5 +111,33 @@ export default function ConlluGraphViewer({ conllu, editable = false, onConlluCh
             }
             : {}),
     };
-    return (_jsxs("div", { className: classNames('conllu-graph-viewer-container', className), children: [_jsxs("div", { className: "floating-buttons", children: [_jsx(IconButton, { name: "zoom_in", title: t('button.tooltip.zoom.in'), size: "small", mode: "ghost", onClick: handleZoomIn }), _jsx(IconButton, { name: "zoom_out", title: t('button.tooltip.zoom.out'), size: "small", mode: "ghost", onClick: handleZoomOut }), _jsx(IconButton, { name: "center_focus_weak", title: t('button.tooltip.recenter'), size: "small", mode: "ghost", onClick: handleRecenter }), _jsx(IconButton, { name: "download", title: t('button.tooltip.download'), size: "small", mode: "ghost", onClick: handleGenerateImage })] }), _jsxs("svg", { ref: svgRef, id: conlluViewerConfigurations.svgID, width: "100%", height: "100%", preserveAspectRatio: "xMidYMid meet", children: [drawDependencies(rendererProps), drawItems(rendererProps), drawMultis(rendererProps)] })] }));
+    return (_jsxs("div", { className: classNames('conllu-graph-viewer-container', className), children: [_jsx("div", { className: "floating-buttons", children: getButtons(handleZoomIn, handleZoomOut, handleRecenter, handleGenerateImage)
+                    .filter((btn) => btn.condition)
+                    .map((btn, i) => (_jsx(IconButton, { name: btn.icon, title: t(btn.title), onClick: btn.onClick, size: "medium", iconSize: "medium", mode: "ghost" }, i))) }), _jsxs("svg", { ref: svgRef, id: conlluViewerConfigurations.svgID, width: "100%", height: "100%", preserveAspectRatio: "xMidYMid meet", children: [drawDependencies(rendererProps), drawItems(rendererProps), drawMultis(rendererProps)] })] }));
 }
+const getButtons = (zoomIn, zoomOut, recenter, download) => [
+    {
+        condition: true,
+        title: 'button.tooltip.zoom.in',
+        onClick: zoomIn,
+        icon: 'zoom_in',
+    },
+    {
+        condition: true,
+        title: 'button.tooltip.zoom.out',
+        onClick: zoomOut,
+        icon: 'zoom_out',
+    },
+    {
+        condition: true,
+        title: 'button.tooltip.recenter',
+        onClick: recenter,
+        icon: 'center_focus_weak',
+    },
+    {
+        condition: true,
+        title: 'button.tooltip.download',
+        onClick: download,
+        icon: 'download',
+    },
+];

package/dist/features/TreeView/style.scss

@@ -71,3 +71,15 @@
   justify-content: center;
   background-color: var(--background-default, #fff);
 }
+
+@media (max-width: 1366px) {
+  .tree-view-container .canvas-tree {
+    height: 78vh;
+  }
+}
+
+@media (max-width: 768px) {
+  .tree-view-container .canvas-tree {
+    height: 85vh;
+  }
+}

package/package.json

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