tycho-components 0.45.11 → 0.45.13

package/dist/common/AppModal/AppModal.d.ts

@@ -22,6 +22,7 @@ type Props = {
     alternativeOptions?: React.ReactNode;
     hideBackdrop?: boolean;
     disableBackdropClose?: boolean;
+    extraHeaderActions?: React.ReactNode;
 };
-export default function AppModal({ children, title, subtitle, className, close, confirm, disableConfirm, hideFooter, disableClose, disableEscapeClose, disableCancel, confirmLabel, closeLabel, cancel, onEntered, alternativeButton, hideBackdrop, alternativeOptions, disableBackdropClose, }: Props): import("react").JSX.Element;
+export default function AppModal({ children, title, subtitle, className, close, confirm, disableConfirm, hideFooter, disableClose, disableEscapeClose, disableCancel, confirmLabel, closeLabel, cancel, onEntered, alternativeButton, hideBackdrop, alternativeOptions, disableBackdropClose, extraHeaderActions, }: Props): import("react").JSX.Element;
 export {};

package/dist/common/AppModal/AppModal.js

@@ -6,7 +6,7 @@ import { Button, Icon } from 'tycho-storybook';
 import './style.scss';
 import { useEffect } from 'react';
 import { attachCloseToEscape, stopEventPropagation } from './AppModalUtils';
-export default function AppModal({ children, title, subtitle, className, close, confirm, disableConfirm, hideFooter, disableClose, disableEscapeClose, disableCancel, confirmLabel, closeLabel, cancel, onEntered, alternativeButton, hideBackdrop, alternativeOptions, disableBackdropClose, }) {
+export default function AppModal({ children, title, subtitle, className, close, confirm, disableConfirm, hideFooter, disableClose, disableEscapeClose, disableCancel, confirmLabel, closeLabel, cancel, onEntered, alternativeButton, hideBackdrop, alternativeOptions, disableBackdropClose, extraHeaderActions, }) {
     const { t } = useTranslation('common');
     const getClassNames = cx('modal-container', className);
     useEffect(() => {
@@ -21,7 +21,7 @@ export default function AppModal({ children, title, subtitle, className, close,
             if (disableClose)
                 return;
             close();
-        }, children: _jsx(Fade, { in: true, onEntered: () => onEntered && onEntered(), children: _jsxs(Box, { className: getClassNames, sx: style, children: [_jsxs("div", { className: "header", children: [_jsxs("div", { className: "titles", children: [_jsx("span", { className: "title", children: title }), subtitle && _jsx("span", { className: "subtitle", children: subtitle })] }), !disableClose && (_jsx(Icon, { name: "close", onClick: (e) => {
+        }, children: _jsx(Fade, { in: true, onEntered: () => onEntered && onEntered(), children: _jsxs(Box, { className: getClassNames, sx: style, children: [_jsxs("div", { className: "header", children: [_jsxs("div", { className: "titles", children: [_jsx("span", { className: "title", children: title }), subtitle && _jsx("span", { className: "subtitle", children: subtitle })] }), extraHeaderActions && (_jsx("div", { className: "extra-header-actions", children: extraHeaderActions })), !disableClose && (_jsx(Icon, { name: "close", onClick: (e) => {
                                     stopEventPropagation(e);
                                     close();
                                 }, className: "pointer" }))] }), _jsx("div", { className: "body", children: children }), !hideFooter ? (_jsxs("div", { className: "footer", children: [alternativeOptions && alternativeOptions, alternativeButton && (_jsx(Button, { className: "alternative", color: "white", onClick: alternativeButton.action, text: alternativeButton.title })), !disableCancel && (_jsx(Button, { onClick: (e) => {

package/dist/common/AppModal/style.scss

@@ -7,8 +7,11 @@
     align-items: center;
     border-bottom: 1px solid var(--border-subtle-1);
     padding: var(--spacing-300) var(--spacing-200) var(--spacing-150);
+    gap: var(--spacing-150);
 
     .titles {
+      flex: 1;
+
       .title {
         @include label-large-2;
         display: block;
@@ -21,8 +24,12 @@
       }
     }
 
+    > .extra-header-actions {
+      display: flex;
+      align-items: center;
+    }
+
     > .ds-icon {
-      margin-left: auto;
       margin-bottom: auto;
     }
   }

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

@@ -162,23 +162,30 @@
 
 @media (max-width: 1366px) {
   .modal-access-user {
-    top: 50% !important;
+    width: 90vw !important;
+    max-width: 90vw !important;
   }
 }
 
 @media (max-width: 768px) {
   .modal-access-user {
-    width: 90vw !important;
-    max-width: 90vw !important;
-    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;
+        }
       }
     }
   }
@@ -186,6 +193,9 @@
 
 @media (max-width: 767px) {
   .modal-access-user {
-    top: 35% !important;
+    top: 50% !important;
+    .body {
+      max-height: 90vh;
+    }
   }
 }

package/package.json

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