tycho-components 0.7.11 → 0.7.13

package/dist/AppTable/{AppListTable.d.ts → AppTableList.d.ts}

@@ -10,5 +10,5 @@ type Props = {
     hiddenColumns?: string[];
     filter?: [string, string];
 };
-export default function AppListTable({ columns, data, className, onClickRow, onMouseEnter, onMouseLeave, hiddenColumns, filter, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function AppTableList({ columns, data, className, onClickRow, onMouseEnter, onMouseLeave, hiddenColumns, filter, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/AppTable/{AppListTable.js → AppTableList.js}

@@ -1,11 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Paper, TableBody, TableCell, TableContainer, TableHead, TableRow, } from '@mui/material';
+import cx from 'classnames';
+import { ThemeProvider } from '@emotion/react';
+import Table from '@mui/material/Table';
+import TableBody from '@mui/material/TableBody';
+import TableCell from '@mui/material/TableCell';
+import TableContainer from '@mui/material/TableContainer';
+import TableHead from '@mui/material/TableHead';
+import TableRow from '@mui/material/TableRow';
 import { flexRender, getCoreRowModel, getFilteredRowModel, useReactTable, } from '@tanstack/react-table';
-import { Table, ThemeProvider } from 'react-bootstrap';
 import { tableTheme } from './AppTableTheme';
 import './styles.scss';
 import { useEffect } from 'react';
-export default function AppListTable({ columns, data, className = '', onClickRow, onMouseEnter, onMouseLeave, hiddenColumns, filter, }) {
+export default function AppTableList({ columns, data, className = '', onClickRow, onMouseEnter, onMouseLeave, hiddenColumns, filter, }) {
     const columnVisibility = hiddenColumns?.reduce((acc, key) => {
         acc[key] = false;
         return acc;
@@ -33,7 +39,10 @@ export default function AppListTable({ columns, data, className = '', onClickRow
             table.getColumn(filter[0])?.setFilterValue(undefined);
         }
     }, [filter]);
-    return (_jsx(ThemeProvider, { theme: tableTheme, children: _jsx(Paper, { className: `ds-table ${className}`, children: _jsx(TableContainer, { children: _jsxs(Table, { children: [_jsx(TableHead, { children: table.getHeaderGroups().map((headerGroup) => (_jsx(TableRow, { children: headerGroup.headers.map((header) => (_jsx(TableCell, { style: { width: header.getSize() }, children: header.isPlaceholder
+    const tableClass = cx('ds-table', {
+        [className || '']: className || '',
+    });
+    return (_jsx(ThemeProvider, { theme: tableTheme, children: _jsx("div", { className: tableClass, children: _jsx(TableContainer, { children: _jsxs(Table, { children: [_jsx(TableHead, { children: table.getHeaderGroups().map((headerGroup) => (_jsx(TableRow, { children: headerGroup.headers.map((header) => (_jsx(TableCell, { style: { width: header.getSize() }, children: header.isPlaceholder
                                         ? null
                                         : flexRender(header.column.columnDef.header, header.getContext()) }, header.id))) }, headerGroup.id))) }), _jsx(TableBody, { children: table.getRowModel().rows.map((row) => (_jsx(TableRow, { onClick: () => handleClickRow(row), onMouseEnter: () => onMouseEnter?.(row), onMouseLeave: () => onMouseLeave?.(row), children: row.getVisibleCells().map((cell) => (_jsx(TableCell, { children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id))) }, row.id))) })] }) }) }) }));
 }

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

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

package/dist/Header/HeaderApps/HeaderAppsDesktop.js

@@ -1,12 +1,12 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Drawer } from '@mui/material';
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { Button, Icon, IconButton, Tag } from 'tycho-storybook';
+import { Button, Icon, IconButton } from 'tycho-storybook';
 import { useCorpusUtils } from '../../configs/useCorpusUtils';
 import { AvailableAppsDesktop } from '../types/App';
 import './style.scss';
-export default function HeaderAppsDesktop({ freeAccess }) {
+export default function HeaderAppsDesktop() {
     const { t } = useTranslation('header-app');
     const { getCorpus, hasCorpus } = useCorpusUtils();
     const [open, setOpen] = useState(false);
@@ -23,7 +23,7 @@ export default function HeaderAppsDesktop({ freeAccess }) {
         }
     };
     const renderItem = (item, idx) => {
-        return (_jsxs("div", { className: "item", title: t(`${item.code}.desc`), children: [item.icon && (_jsx("div", { className: "icon", children: _jsx(Icon, { name: item.icon }) })), item.image && _jsx("img", { src: item.image }), _jsxs("div", { className: "texts", children: [_jsx("span", { className: "label", children: t(`${item.code}.name`) }), _jsx("span", { className: "sublabel", children: t(`${item.code}.desc`) })] }), _jsxs("div", { className: "options", children: [item.visibility && (_jsx(Tag, { text: t(`common:label.${item.visibility}`), size: "small", color: "green" })), item.external ? (_jsx(Button, { text: t('common:button.open'), size: "x-small", mode: "tonal", icon: "open_in_new", onClick: () => window.open(item.external, '_blank') })) : (_jsxs(_Fragment, { children: [_jsx(Button, { text: t('common:button.open'), size: "x-small", mode: "tonal", onClick: () => goto(item, false) }), _jsx(IconButton, { name: "open_in_new", size: "x-small", className: "icon-open", mode: "tonal", onClick: () => goto(item, true) })] }))] })] }, idx.valueOf()));
+        return (_jsxs("div", { className: "item", title: t(`${item.code}.desc`), onClick: () => goto(item, false), children: [item.icon && (_jsx("div", { className: "icon", children: _jsx(Icon, { name: item.icon }) })), item.image && _jsx("img", { src: item.image }), _jsxs("div", { className: "texts", children: [_jsx("span", { className: "label", children: t(`${item.code}.name`) }), _jsx("span", { className: "sublabel", style: { maxWidth: '16vw' }, children: t(`${item.code}.desc`) })] }), _jsx("div", { className: "options", children: _jsx(Button, { text: t('common:button.open'), size: "x-small", mode: "tonal" }) })] }, idx.valueOf()));
     };
     return (_jsxs("div", { className: "header-apps-container", children: [_jsx(IconButton, { name: "apps", className: "icon-apps", size: "large", onClick: () => setOpen(!open), filledIcon: true }), open && (_jsxs(Drawer, { anchor: "left", open: true, onClose: () => setOpen(false), className: "offcanvas-apps", children: [_jsxs("div", { className: "header", children: [_jsx("span", { className: "label", children: t('header:label.platform') }), _jsx(IconButton, { name: "close", size: "x-small", mode: "ghost", onClick: () => setOpen(false) })] }), _jsxs("div", { className: "body", children: [_jsx("div", { className: "title", children: t('label.tools') }), AvailableAppsDesktop.map((item, idx) => renderItem(item, idx))] })] }))] }));
 }

package/dist/Header/HeaderCorpora/style.scss

@@ -5,8 +5,9 @@
   cursor: pointer;
   margin-left: auto;
   margin-right: auto;
+  width: 50%;
 
-  > span {
+  >span {
     margin-right: var(--spacing-200);
     margin-left: var(--spacing-200);
     @include label-large-1;
@@ -21,14 +22,14 @@
 }
 
 .modal-corpora {
-  > .body {
+  >.body {
     display: flex;
     flex-wrap: wrap;
     gap: 12px;
     max-height: 40vh;
     overflow-y: auto;
 
-    > .item {
+    >.item {
       display: flex;
       flex-direction: column;
       justify-content: center;
@@ -47,9 +48,9 @@
         height: 48px;
       }
 
-      > span {
+      >span {
         text-align: center;
       }
     }
   }
-}
+}

package/dist/configs/localization/HeaderAppTexts.js

@@ -29,7 +29,7 @@ export const HeaderAppTexts = {
         'platform.name': 'Tycho Brahe Platform',
         'platform.desc': "Access the project's public website.",
         'settings.name': 'Settings',
-        'settings.desc': 'Manage your account settings and preferences.',
+        'settings.desc': 'Manage account settings and preferences for you and your corpora.',
     },
     'pt-BR': {
         'label.tools': 'Ferramentas',
@@ -61,7 +61,7 @@ export const HeaderAppTexts = {
         'platform.name': 'Platforma Tycho Brahe',
         'platform.desc': 'Acesse o site público do projeto.',
         'settings.name': 'Configurações',
-        'settings.desc': 'Gerencie suas configurações e preferências.',
+        'settings.desc': 'Gerencie configurações e preferências da sua conta e dos seus corpora.',
     },
     it: {
         'label.tools': 'Strumenti',
@@ -93,6 +93,6 @@ export const HeaderAppTexts = {
         'platform.name': 'Piattaforma Tycho Brahe',
         'platform.desc': 'Accedi al sito pubblico del progetto.',
         'settings.name': 'Impostazioni',
-        'settings.desc': 'Gestisci le tue impostazioni e preferenze.',
+        'settings.desc': 'Gestisci le impostazioni e le preferenze della tua conta e dei tuoi corpora.',
     },
 };

package/dist/index.d.ts

@@ -22,7 +22,7 @@ export { default as AppPicture } from "./AppPicture";
 export { default as AppPlaceholder } from "./AppPlaceholder";
 export { default as AppSelect } from "./AppSelect";
 export { default as AppTable } from "./AppTable";
-export { default as AppListTable } from "./AppTable/AppListTable";
+export { default as AppTableList } from "./AppTable/AppTableList";
 export { EMPTY_GRID_PAGE, EMPTY_PAGE } from "./AppTable/types/AppPage";
 export type { AppPage } from "./AppTable/types/AppPage";
 export { convertPageable, EMPTY_GRID_PAGEABLE, EMPTY_PAGEABLE, } from "./AppTable/types/AppPageable";

package/dist/index.js

@@ -17,7 +17,7 @@ export { default as AppPicture } from "./AppPicture";
 export { default as AppPlaceholder } from "./AppPlaceholder";
 export { default as AppSelect } from "./AppSelect";
 export { default as AppTable } from "./AppTable";
-export { default as AppListTable } from "./AppTable/AppListTable";
+export { default as AppTableList } from "./AppTable/AppTableList";
 export { EMPTY_GRID_PAGE, EMPTY_PAGE } from "./AppTable/types/AppPage";
 export { convertPageable, EMPTY_GRID_PAGEABLE, EMPTY_PAGEABLE, } from "./AppTable/types/AppPageable";
 export { default as AppToast } from "./AppToast";

package/package.json

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