tycho-components 0.46.3 → 0.46.5

package/dist/common/AppTable/AppTable.d.ts

@@ -14,6 +14,7 @@ type Props = {
     onMouseLeave?: (row: any) => void;
     hiddenColumns?: string[];
     numItens?: number[];
+    dataTour?: string;
 };
-export default function AppTable({ columns, data, pagination, setPagination, sorting, setSorting, className, onClickRow, onMouseEnter, onMouseLeave, hiddenColumns, numItens, }: Props): import("react").JSX.Element;
+export default function AppTable({ columns, data, pagination, setPagination, sorting, setSorting, className, onClickRow, onMouseEnter, onMouseLeave, hiddenColumns, numItens, dataTour, }: Props): import("react").JSX.Element;
 export {};

package/dist/common/AppTable/AppTable.js

@@ -11,7 +11,7 @@ import cx from 'classnames';
 import AppPagination from '../AppPagination';
 import { tableTheme } from './AppTableTheme';
 import './styles.scss';
-export default function AppTable({ columns, data, pagination, setPagination, sorting, setSorting, className, onClickRow, onMouseEnter, onMouseLeave, hiddenColumns, numItens, }) {
+export default function AppTable({ columns, data, pagination, setPagination, sorting, setSorting, className, onClickRow, onMouseEnter, onMouseLeave, hiddenColumns, numItens, dataTour, }) {
     const { content, totalPages, totalElements } = data;
     const columnVisibility = hiddenColumns?.reduce((acc, col) => {
         acc[col] = false;
@@ -44,7 +44,7 @@ export default function AppTable({ columns, data, pagination, setPagination, sor
     const tableClass = cx('ds-table', {
         [className || '']: className || '',
     });
-    return (_jsx(ThemeProvider, { theme: tableTheme, children: _jsxs("div", { className: tableClass, children: [_jsx(TableContainer, { children: _jsxs(Table, { children: [_jsx(TableHead, { children: table.getHeaderGroups().map((headerGroup) => (_jsx(TableRow, { children: headerGroup.headers.map((header) => {
+    return (_jsx(ThemeProvider, { theme: tableTheme, children: _jsxs("div", { className: tableClass, "data-tour": dataTour, children: [_jsx(TableContainer, { children: _jsxs(Table, { children: [_jsx(TableHead, { children: table.getHeaderGroups().map((headerGroup) => (_jsx(TableRow, { children: headerGroup.headers.map((header) => {
                                         const toggleSortingHandler = header.column.getToggleSortingHandler();
                                         return (_jsxs(TableCell, { onClick: (event) => {
                                                 if (toggleSortingHandler) {

package/dist/shell/Header/HelpButton/style.scss

@@ -60,47 +60,21 @@
   .help-modal {
     max-width: 90vw !important;
     width: 90vw !important;
+
+    .body {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
   }
 }
 
 @media (max-width: 767px) {
   .help-modal {
     top: 50% !important;
-    max-width: 90vw !important;
-    width: 90vw !important;
 
     .body {
-      .live-tour {
-        flex-direction: column;
-        gap: 8px;
-
-        .tour-content {
-          max-width: 100%;
-
-          > .title {
-            @include subtitle-small-2;
-          }
-
-          > .desc {
-            @include body-small-1;
-          }
-        }
-
-        .app-picture-container > img {
-          width: 120px;
-          height: 90px;
-        }
-      }
-
-      .other-actions {
-        display: flex;
-        flex-direction: column;
-        gap: var(--spacing-200);
-
-        .item {
-          padding: 8px 16px;
-        }
-      }
+      grid-template-columns: repeat(1, minmax(0, 1fr));
+      max-height: 86vh;
+      overflow-y: auto;
     }
   }
 }

package/package.json

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