plataforma-fundacao-componentes 2.26.0 → 2.26.1

package/dist/components/etiqueta/Etiqueta.d.ts

@@ -1,16 +1,11 @@
-import React from 'react';
+import React, { HTMLAttributes } from 'react';
 import { EtiquetasStyle } from '../../libraries/EtiquetasThemes';
 import './Etiqueta.scss';
-interface EtiquetaProps {
+interface EtiquetaProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'label'> {
     theme?: EtiquetasStyle;
     label?: string | number;
     icon?: React.ReactNode;
     fitContent?: boolean;
 }
-declare function Etiqueta(props: EtiquetaProps): React.JSX.Element;
-declare namespace Etiqueta {
-    var defaultProps: {
-        theme: EtiquetasStyle;
-    };
-}
-export default Etiqueta;
+export default function Etiqueta({ theme, label, icon, fitContent, ...props }: EtiquetaProps): React.JSX.Element;
+export {};

package/dist/index.css

@@ -3503,7 +3503,6 @@ max-width	100%	540px	720px	960px	1140px
     -webkit-user-select: none;
     -moz-user-select: none;
     user-select: none;
-    margin-bottom: 2px;
     max-width: 100%;
     overflow: hidden;
     text-overflow: ellipsis;
@@ -3596,6 +3595,16 @@ max-width	100%	540px	720px	960px	1140px
   color: #765f00;
   border-color: #ffeb98; }
 
+.component-etiqueta.excluido {
+  background-color: #f58c96;
+  color: #730028;
+  border-color: #f58c96; }
+
+.component-etiqueta.orange {
+  background-color: #ffd098;
+  color: #cf7308;
+  border-color: #ffd098; }
+
 :export {
   widthXs: 575.98px;
   widthSm: 767.98px;
@@ -6215,7 +6224,7 @@ h5 {
         margin-left: 8px;
         font-size: 16px; }
   .component-select-panel .component-select-panel-footer-clearfix {
-    height: calc(40px + 6px);
+    height: calc(40px + 2px);
     width: 0; }
   .component-select-panel .component-select-panel-footer {
     position: absolute;
@@ -6227,13 +6236,18 @@ h5 {
     display: flex;
     align-items: center;
     justify-content: space-between;
-    padding: 8px 24px; }
+    padding: 0px 24px; }
     .component-select-panel .component-select-panel-footer div {
       font-family: "Nunito", sans-serif; }
     .component-select-panel .component-select-panel-footer .component-select-footer-button {
+      max-width: 50%;
       font-weight: 700;
       font-size: 16px;
-      color: #3fa110; }
+      color: #3fa110;
+      padding: 0 8px 4px; }
+      .component-select-panel .component-select-panel-footer .component-select-footer-button > div {
+        text-overflow: ellipsis;
+        overflow: hidden; }
       @media screen and (max-width: 575.98px) {
         .component-select-panel .component-select-panel-footer .component-select-footer-button {
           font-size: 11px; } }

package/dist/index.js

@@ -7953,9 +7953,11 @@ var Etapas$1 = React.memo(Etapas);
   EtiquetasStyle["Aprovacao"] = "em-aprovacao";
   EtiquetasStyle["Finalizado"] = "finalizado";
   EtiquetasStyle["Aprovado"] = "aprovado";
+  EtiquetasStyle["Excluido"] = "excluido";
   EtiquetasStyle["Reprovado"] = "reprovado";
   EtiquetasStyle["Cancelado"] = "cancelado";
   EtiquetasStyle["OutlinePrimary"] = "outline-primary";
+  EtiquetasStyle["Orange"] = "orange";
   EtiquetasStyle["OutlineDanger"] = "outline-danger";
   EtiquetasStyle["OutlineDark"] = "outline-dark";
   EtiquetasStyle["OutlineBlue"] = "outline-blue";
@@ -7963,19 +7965,23 @@ var Etapas$1 = React.memo(Etapas);
   EtiquetasStyle["Yellow"] = "yellow";
 })(exports.EtiquetasStyle || (exports.EtiquetasStyle = {}));
 
+var _excluded$7 = ["theme", "label", "icon", "fitContent"];
 var rootClassName$22 = 'component-etiqueta';
-function Etiqueta(props) {
-  return React__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$22, props.theme, props.fitContent ? 'fit-content' : undefined])
-  }, props.icon ? React__default.createElement("div", {
+function Etiqueta(_ref) {
+  var _ref$theme = _ref.theme,
+    theme = _ref$theme === void 0 ? exports.EtiquetasStyle.Programas : _ref$theme,
+    label = _ref.label,
+    icon = _ref.icon,
+    fitContent = _ref.fitContent,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$7);
+  return React__default.createElement("div", Object.assign({}, props, {
+    className: getMergedClassNames([rootClassName$22, theme, fitContent ? 'fit-content' : undefined])
+  }), icon ? React__default.createElement("div", {
     className: rootClassName$22 + "-icon"
-  }, props.icon) : undefined, React__default.createElement("div", {
-    className: rootClassName$22 + "-text"
-  }, props.label));
+  }, icon) : undefined, React__default.createElement("div", {
+    className: rootClassName$22 + "-text nunito"
+  }, label));
 }
-Etiqueta.defaultProps = {
-  theme: exports.EtiquetasStyle.Programas
-};
 
 var rootClassName$23 = 'component-file-loader';
 function FileLoader(props) {
@@ -8925,7 +8931,7 @@ function useScreenSize() {
   return value;
 }
 
-var _excluded$7 = ["className", "compenseColPaddingContent", "footer", "id", "mobileOn", "modalKey", "onClose", "preventEscExit", "preventMaskExit", "size", "tag", "title"];
+var _excluded$8 = ["className", "compenseColPaddingContent", "footer", "id", "mobileOn", "modalKey", "onClose", "preventEscExit", "preventMaskExit", "size", "tag", "title"];
 var rootClassName$2g = 'component-modal';
 function Modal(_ref) {
   var className = _ref.className,
@@ -8939,7 +8945,7 @@ function Modal(_ref) {
     _ref$tag = _ref.tag,
     tag = _ref$tag === void 0 ? 'dialog' : _ref$tag,
     title = _ref.title,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$7);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$8);
   var _useScreenSize = useScreenSize(),
     rankedSize = _useScreenSize.rankedSize;
   var modalProps = React.useMemo(function () {
@@ -9188,7 +9194,7 @@ function Paginator(props) {
 }
 Paginator.defaultProps = {};
 
-var _excluded$8 = ["boundaryCount", "count", "currentPage", "disabled", "hideNextButton", "hidePrevButton", "onChange", "page", "siblingCount", "maxLength"];
+var _excluded$9 = ["boundaryCount", "count", "currentPage", "disabled", "hideNextButton", "hidePrevButton", "onChange", "page", "siblingCount", "maxLength"];
 function usePagination(props) {
   var _ref;
   if (props === void 0) {
@@ -9212,7 +9218,7 @@ function usePagination(props) {
     _props$siblingCount = _props.siblingCount,
     siblingCount = _props$siblingCount === void 0 ? 1 : _props$siblingCount,
     maxLength = _props.maxLength,
-    other = _objectWithoutPropertiesLoose(_props, _excluded$8);
+    other = _objectWithoutPropertiesLoose(_props, _excluded$9);
   var isControlledRef = React.useRef(pageProp !== undefined);
   var _useState = React.useState(currentPage),
     pageCurrent = _useState[0],
@@ -9304,7 +9310,7 @@ var ThreeDots = function ThreeDots() {
   }));
 };
 
-var _excluded$9 = ["page", "type", "selected"];
+var _excluded$a = ["page", "type", "selected"];
 var rootClassName$2l = 'pagination-component';
 var Pagination = function Pagination(props) {
   var _useScreenSize = useScreenSize(),
@@ -9430,7 +9436,7 @@ var Pagination = function Pagination(props) {
     var page = _ref2.page,
       type = _ref2.type,
       selected = _ref2.selected,
-      item = _objectWithoutPropertiesLoose(_ref2, _excluded$9);
+      item = _objectWithoutPropertiesLoose(_ref2, _excluded$a);
     var children = null;
     if (type === 'start-ellipsis' || type === 'end-ellipsis') {
       children = React__default.createElement("li", {
@@ -10621,7 +10627,7 @@ ActionsColumn.defaultProps = {
   buttons: []
 };
 
-var _excluded$a = ["columns", "lines", "onSort", "confirmSort", "sortable", "upperHeader", "className"];
+var _excluded$b = ["columns", "lines", "onSort", "confirmSort", "sortable", "upperHeader", "className"];
 var rootClassName$2u = 'component-table';
 function TypedTable(props) {
   return React__default.createElement(Table, Object.assign({}, props));
@@ -10634,7 +10640,7 @@ function Table(_ref) {
     sortable = _ref.sortable,
     upperHeader = _ref.upperHeader,
     className = _ref.className,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$a);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$b);
   var itemsId = React.useMemo(function () {
     return "table" + getUniqueKey();
   }, []);
@@ -10712,7 +10718,7 @@ function Table(_ref) {
       var columnProps = (_columns$valueIndex$p = (_columns$valueIndex = columns[valueIndex]) === null || _columns$valueIndex === void 0 ? void 0 : _columns$valueIndex.props) != null ? _columns$valueIndex$p : {};
       return React__default.createElement("td", Object.assign({
         key: cell && cell.key ? cell.key : valueIndex
-      }, columnProps, cell && cell.props ? cell.props : {}), cell);
+      }, columnProps, cell && cell.props && !React__default.isValidElement(cell) ? cell.props : {}), cell);
     }), React__default.createElement("td", null));
   }) : undefined))));
 }
@@ -11210,13 +11216,13 @@ function TextEditorColorPicker(props) {
   }, "OK")));
 }
 
-var _excluded$b = ["icon", "active"];
+var _excluded$c = ["icon", "active"];
 var rootClassName$2C = 'text-editor-header-button';
 function TextEditorHeaderButton(_ref) {
   var _props$className;
   var icon = _ref.icon,
     active = _ref.active,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$b);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$c);
   return React__default.createElement("button", Object.assign({
     className: getMergedClassNames([rootClassName$2C, active ? 'active' : '', (_props$className = props.className) != null ? _props$className : ''])
   }, props), icon);
@@ -12072,7 +12078,7 @@ TopLoader.defaultProps = {
   })
 };
 
-var _excluded$c = ["className", "id", "mobileOn", "modalKey", "onClose", "preventEscExit", "preventMaskExit", "size", "tag", "urlVideo", "videoPlayerProps"];
+var _excluded$d = ["className", "id", "mobileOn", "modalKey", "onClose", "preventEscExit", "preventMaskExit", "size", "tag", "urlVideo", "videoPlayerProps"];
 var rootClassName$2M = 'video-modal';
 function VideoModal(_ref) {
   var _ref2;
@@ -12086,7 +12092,7 @@ function VideoModal(_ref) {
     tag = _ref$tag === void 0 ? 'dialog' : _ref$tag,
     urlVideo = _ref.urlVideo,
     videoPlayerProps = _ref.videoPlayerProps,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$c);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$d);
   var _useScreenSize = useScreenSize(),
     rankedSize = _useScreenSize.rankedSize;
   var handleClose = React.useCallback(function () {
@@ -12357,7 +12363,7 @@ function CalendarDays(props) {
 }
 var CalendarDays$1 = React.memo(CalendarDays);
 
-var _excluded$d = ["language", "visao", "referencia"];
+var _excluded$e = ["language", "visao", "referencia"];
 var rootClassName$2T = 'calendar';
 function Calendar(_ref) {
   var _ref$language = _ref.language,
@@ -12366,7 +12372,7 @@ function Calendar(_ref) {
     visao = _ref$visao === void 0 ? CalendarView.Mensal : _ref$visao,
     _ref$referencia = _ref.referencia,
     referencia = _ref$referencia === void 0 ? new Date() : _ref$referencia,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$d);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$e);
   var id = React.useMemo(getUniqueKey, []);
   var _useState = React.useState(false),
     pocket = _useState[0],
@@ -44164,17 +44170,17 @@ function usePublicMenuList(props) {
 }
 
 function FormattedText(text) {
-  var _text$tag, _text$props;
-  var _final = typeof text === 'string' ? text : text.text;
+  var _text$text, _text$tag, _text$props;
+  var _final = typeof text === 'string' ? text : (_text$text = text.text) != null ? _text$text : '';
   var tag = typeof text === 'string' ? 'span' : (_text$tag = text.tag) != null ? _text$tag : 'span';
   var props = typeof text === 'string' ? {} : (_text$props = text.props) != null ? _text$props : {};
+  _final = _final.replaceAll(/_([^_]*)_/g, '<i>$1</i>').replaceAll(/\*([^*]*)\*/g, '<b>$1</b>').replaceAll(/~([^~]*)~/g, '<del>$1</del>');
   for (var _len = arguments.length, replacers = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
     replacers[_key - 1] = arguments[_key];
   }
   replacers.forEach(function (s, i) {
     _final = _final.replaceAll("#" + (i + 1) + "#", s);
   });
-  _final = _final.replaceAll(/_([^_]*)_/g, '<i>$1</i>').replaceAll(/\*([^*]*)\*/g, '<b>$1</b>').replaceAll(/~([^~]*)~/g, '<del>$1</del>');
   return React__default.createElement(tag, _extends({}, props, {
     dangerouslySetInnerHTML: {
       __html: DOMPurify.sanitize(_final)
@@ -44246,7 +44252,7 @@ var LeftControlWithLabel = function LeftControlWithLabel(props) {
   }), props.label));
 };
 
-var _excluded$e = ["disabled", "language", "onConfirm", "showIcons"],
+var _excluded$f = ["disabled", "language", "onConfirm", "showIcons"],
   _excluded2 = ["disabled", "language", "onCancel", "onConfirm", "showIcons"],
   _excluded3 = ["disabled", "language", "onCancel", "onConfirm", "showIcons"];
 function AlertModal(_ref) {
@@ -44256,7 +44262,7 @@ function AlertModal(_ref) {
     onConfirm = _ref.onConfirm,
     _ref$showIcons = _ref.showIcons,
     showIcons = _ref$showIcons === void 0 ? true : _ref$showIcons,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$e);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$f);
   var _useState = React.useState(false),
     loading = _useState[0],
     setLoading = _useState[1];