plataforma-fundacao-componentes 2.22.2 → 2.22.5

package/dist/components/col/Col.d.ts

@@ -9,6 +9,8 @@ interface ColProps extends React.HTMLAttributes<HTMLDivElement> {
     end?: boolean;
     noPadding?: boolean;
     children?: React.ReactNode;
+    noPaddingTop?: boolean;
+    buttonActionsCol?: boolean;
 }
 declare function Col(props: ColProps): JSX.Element;
 declare namespace Col {

package/dist/components/modal/Modal.d.ts

@@ -12,6 +12,7 @@ export interface ModalProps {
     onClose?: (modalKey?: string | number) => void;
     size?: ModalSizes;
     mobileOnXS?: boolean;
+    compenseColPaddingContent?: boolean;
     footer?: ButtonProps[] | any;
     children?: any;
 }

package/dist/components/modal/Modal.stories.d.ts

@@ -4,6 +4,7 @@ declare namespace _default {
 }
 export default _default;
 export function Small(): JSX.Element;
+export function SmallCompensePadding(): JSX.Element;
 export function Large(): JSX.Element;
 export function ExtraLarge(): JSX.Element;
 export function Alert(): JSX.Element;

package/dist/components/modal/ModalTypes.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ModalProps } from './Modal';
-interface AlertModalProps extends ModalProps {
+export interface AlertModalProps extends ModalProps {
     language?: {
         confirm: string;
     };
@@ -13,7 +13,7 @@ export declare namespace AlertModal {
         showIcons: boolean;
     };
 }
-interface ConfirmModalProps extends ModalProps {
+export interface ConfirmModalProps extends ModalProps {
     language?: {
         confirm: string;
         cancel: string;
@@ -28,7 +28,7 @@ export declare namespace ConfirmModal {
         showIcons: boolean;
     };
 }
-interface DestructiveModalProps extends ModalProps {
+export interface DestructiveModalProps extends ModalProps {
     language?: {
         confirm: string;
         cancel: string;
@@ -43,4 +43,3 @@ export declare namespace DestructiveModal {
         showIcons: boolean;
     };
 }
-export {};

package/dist/components/table/Table.stories.d.ts

@@ -12,3 +12,4 @@ export declare const ConfirmSort: () => JSX.Element;
 export declare const WithActions: () => JSX.Element;
 export declare const UpperHeader: () => JSX.Element;
 export declare const Typed: () => JSX.Element;
+export declare const WithOverflow: () => JSX.Element;

package/dist/index.css

@@ -6438,12 +6438,22 @@ h5 {
   width: 100%; }
   .component-col:not(.no-padding) {
     padding: var(--colPadding); }
+  .component-col.no-padding-top {
+    padding-top: 0 !important; }
   .component-col.centralized {
     justify-content: center;
     align-items: center; }
   .component-col.end {
     justify-content: flex-end;
     align-items: center; }
+  .component-col.button-actions-col {
+    padding: 0;
+    flex-wrap: wrap; }
+    .component-col.button-actions-col button {
+      margin: var(--colPadding); }
+      @media screen and (max-width: 575.98px) {
+        .component-col.button-actions-col button {
+          width: 100% !important; } }
   .component-col.component-col-xl-1 {
     flex: 0 0 calc(100% * 1 / 12);
     max-width: calc(100% * 1 / 12); }
@@ -12286,6 +12296,8 @@ h5 {
     flex-flow: column;
     overflow-y: overlay;
     padding: 24px; }
+    .component-modal .component-modal-content.compense {
+      padding: calc(24px - var(--colPadding)); }
   .component-modal .component-modal-footer {
     display: flex;
     justify-content: flex-end;
@@ -14515,7 +14527,7 @@ table.component-table {
   padding: 8px;
   border-collapse: collapse; }
   table.component-table * {
-    font-family: "Nunito", sans-serif; }
+    font-family: "Nunito", sans-serif !important; }
   table.component-table thead tr th {
     background-color: #fefefe;
     font-weight: 800;
@@ -14536,6 +14548,8 @@ table.component-table {
   table.component-table.has-upper-header thead tr th:last-child {
     border-radius: 0 0 8px 0;
     padding: 0; }
+  table.component-table tbody tr[aria-disabled='true'] td {
+    background-color: #efefef !important; }
   table.component-table tbody tr:first-child {
     height: 16px; }
   table.component-table tbody tr:not(:first-child):not(:last-child) td:not(:first-child):not(:last-child) {
@@ -15055,8 +15069,11 @@ h5 {
     background-color: #bfc7bf; }
 
 .component-table-with-overflow {
+  font-family: "Nunito", sans-serif;
   position: relative;
   width: 100%; }
+  .component-table-with-overflow * {
+    font-family: "Nunito", sans-serif !important; }
   .component-table-with-overflow .component-table-with-overflow-outer-table {
     width: 100%;
     overflow-x: auto; }
@@ -15107,9 +15124,6 @@ h5 {
         .component-table-with-overflow .component-table-with-overflow-outer-table .component-table-with-overflow-table .component-table-with-overflow-mid:not(.over) {
           cursor: inherit;
           overflow-x: visible; }
-        .component-table-with-overflow .component-table-with-overflow-outer-table .component-table-with-overflow-table .component-table-with-overflow-mid .component-table-with-overflow-row.disabled .component-table-with-overflow-cell {
-          color: #828a82;
-          background-color: #efefef; }
         .component-table-with-overflow .component-table-with-overflow-outer-table .component-table-with-overflow-table .component-table-with-overflow-mid .component-table-with-overflow-cell {
           justify-content: center;
           background-color: #fefefe; }
@@ -15143,6 +15157,7 @@ h5 {
         margin-bottom: 16px;
         background-color: #fefefe; }
         .component-table-with-overflow .component-table-with-overflow-outer-table .component-table-with-overflow-table .component-table-with-overflow-header .component-table-with-overflow-cell {
+          color: #323c32;
           display: flex;
           align-items: center;
           justify-content: center;
@@ -15154,12 +15169,13 @@ h5 {
         width: 100%; }
         .component-table-with-overflow .component-table-with-overflow-outer-table .component-table-with-overflow-table .component-table-with-overflow-body .component-table-with-overflow-row {
           display: flex; }
-          .component-table-with-overflow .component-table-with-overflow-outer-table .component-table-with-overflow-table .component-table-with-overflow-body .component-table-with-overflow-row.disabled {
+          .component-table-with-overflow .component-table-with-overflow-outer-table .component-table-with-overflow-table .component-table-with-overflow-body .component-table-with-overflow-row.disabled .component-table-with-overflow-cell {
             color: #828a82;
             background-color: #efefef; }
           .component-table-with-overflow .component-table-with-overflow-outer-table .component-table-with-overflow-table .component-table-with-overflow-body .component-table-with-overflow-row:not(:last-child) .component-table-with-overflow-cell {
             border-bottom: 1px solid #cdd3cd; }
           .component-table-with-overflow .component-table-with-overflow-outer-table .component-table-with-overflow-table .component-table-with-overflow-body .component-table-with-overflow-row .component-table-with-overflow-cell {
+            color: #323c32;
             text-align: center;
             vertical-align: middle;
             display: flex;

package/dist/index.js

@@ -3948,7 +3948,7 @@ function Col(props) {
     });
 
     var rp = _extends({}, props, {
-      className: getMergedClassNames([props.className, rootClassName$L].concat(getSizes, [props.centralized ? 'centralized' : '', props.end ? 'end' : '', props.noPadding ? 'no-padding' : '']))
+      className: getMergedClassNames([props.className, rootClassName$L].concat(getSizes, [props.centralized ? 'centralized' : '', props.end ? 'end' : '', props.noPadding ? 'no-padding' : '', props.noPaddingTop ? 'no-padding-top' : '', props.buttonActionsCol ? 'button-actions-col' : '']))
     });
 
     delete rp.noPadding;
@@ -4408,7 +4408,7 @@ var DropdownItem$1 = React.memo(DropdownItem);
 var rootClassName$S = 'component-dropdown-menu';
 function DropdownMenu(props) {
   var id = React.useMemo(function () {
-    return "" + rootClassName$S + (props.id ? props.id : getUniqueKey());
+    return props.id ? props.id : getUniqueKey();
   }, [props.id]);
 
   var _useState = React.useState(null),
@@ -8416,7 +8416,7 @@ function Modal(props) {
   var filteredProps = React.useMemo(function () {
     var p = _extends({}, props, {
       id: props.id ? props.id : props.modalKey ? props.modalKey : "modal" + getUniqueKey(),
-      className: getMergedClassNames([rootClassName$1k, props.className || '', props.mobileOnXS ? 'mobile-on-xs' : '', rootClassName$1k + "-" + String(props.size).toLowerCase()])
+      className: getMergedClassNames([props.className || '', rootClassName$1k, props.mobileOnXS ? 'mobile-on-xs' : '', rootClassName$1k + "-" + String(props.size).toLowerCase()])
     });
 
     delete p.footer;
@@ -8459,7 +8459,7 @@ function Modal(props) {
     onClick: handleClose,
     icon: React__default.createElement(CloseIcon, null)
   }))), React__default.createElement("div", {
-    className: rootClassName$1k + "-content"
+    className: getMergedClassNames([rootClassName$1k + "-content", props.compenseColPaddingContent ? 'compense' : ''])
   }, props.children), props.footer ? React__default.createElement("div", {
     className: rootClassName$1k + "-footer"
   }, footer) : undefined);
@@ -9652,14 +9652,18 @@ function Table(props) {
   }, React__default.createElement("tr", null), props.lines && props.lines.length ? Array.from(props.lines).map(function (line, index) {
     var key = line.key ? line.key : index;
     delete line.key;
+    var disabled = line.disabled || false;
+    delete line.disabled;
     var lineProps = line.props ? line.props : {};
     delete line.props;
     return React__default.createElement("tr", Object.assign({
-      key: key
+      key: key,
+      "aria-disabled": disabled
     }, lineProps), React__default.createElement("td", null), Object.values(line).map(function (cell, valueIndex) {
+      var columnProps = props.columns[valueIndex].props || {};
       return React__default.createElement("td", Object.assign({
         key: cell && cell.key ? cell.key : valueIndex
-      }, props.columns[valueIndex] && props.columns[valueIndex].props ? props.columns[valueIndex].props : {}, cell && cell.props ? cell.props : {}), cell);
+      }, columnProps, cell && cell.props ? cell.props : {}), cell);
     }), React__default.createElement("td", null));
   }) : undefined))));
 }
@@ -9882,12 +9886,15 @@ function TableWithOverflow(props) {
     delete line.props;
     return React__default.createElement("tr", Object.assign({
       key: key
-    }, lineProps), React__default.createElement("td", null), Object.values(line).map(function (cell, valueIndex) {
-      var _props$columns$valueI;
-
-      return React__default.createElement("td", Object.assign({
-        key: cell.key ? cell.key : valueIndex
-      }, (_props$columns$valueI = props.columns[valueIndex]) === null || _props$columns$valueI === void 0 ? void 0 : _props$columns$valueI.props, cell.props), cell);
+    }, lineProps), React__default.createElement("td", null), Object.entries(line).map(function (cell, valueIndex) {
+      var column = Array.from(props.columns).find(function (c) {
+        return c.key === cell[0];
+      });
+      return (column === null || column === void 0 ? void 0 : column.key) === 'actions' ? React__default.createElement("td", {
+        key: fakeId + "-actions"
+      }) : React__default.createElement("td", Object.assign({
+        key: cell[1].key ? cell[1].key : valueIndex
+      }, column === null || column === void 0 ? void 0 : column.props, cell[1].props), cell[1]);
     }), React__default.createElement("td", null));
   }) : undefined)), props.upperHeader ? React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
     className: getMergedClassNames([rootClassName$1A + "-upper-header", props.upperHeader.active ? 'active' : ''])