plataforma-fundacao-componentes 2.23.19 → 2.23.20

package/dist/components/chip/Chip.d.ts

@@ -5,6 +5,7 @@ export interface ChipProps {
     w100?: boolean;
     allClickable?: boolean;
     onClick: () => void;
+    disabled?: boolean;
 }
 declare function Chip(props: ChipProps): JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof Chip>;

package/dist/components/menu/Menu.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import { MenuItemProps } from './components/menuItem/MenuItem';
 import './Menu.scss';
 interface MenuProps {
+    loading?: boolean;
     className?: string;
     buscar?: boolean;
     shortOnMD?: boolean;

package/dist/components/menu/Menu.stories.d.ts

@@ -1,14 +1,13 @@
-declare namespace _default {
-    export const title: string;
-    export { Menu as component };
-}
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+};
 export default _default;
-export function Normal(): JSX.Element;
-export function WithSemiHeader(): JSX.Element;
-export function ProgramsAndCollapse(): JSX.Element;
-export function ShortOnMD(): JSX.Element;
-export function OpenOnClick(): JSX.Element;
-export function HamburgerMenuGreen(): JSX.Element;
-export function HamburgerMenuWhite(): JSX.Element;
-export function HamburgerMenuSemi(): JSX.Element;
-import Menu from "./Menu";
+export declare const Normal: () => JSX.Element;
+export declare const WithSemiHeader: () => JSX.Element;
+export declare const ProgramsAndCollapse: () => JSX.Element;
+export declare const ShortOnMD: () => JSX.Element;
+export declare const OpenOnClick: () => JSX.Element;
+export declare const HamburgerMenuGreen: () => JSX.Element;
+export declare const HamburgerMenuWhite: () => JSX.Element;
+export declare const HamburgerMenuAndLoading: () => JSX.Element;

package/dist/components/menu/components/menuItem/MenuItem.d.ts

@@ -12,7 +12,7 @@ export interface MenuItemProps {
     active?: boolean;
     label?: string;
     subListOpened?: boolean;
-    subList: {
+    subList?: {
         'tooltip-position'?: TooltipPosition;
         'tooltip-text'?: string;
         id?: string;

package/dist/components/row/Row.d.ts

@@ -4,6 +4,7 @@ import './Row.scss';
 interface RowProps extends React.HTMLAttributes<HTMLDivElement> {
     'tooltip-position'?: TooltipPosition;
     'tooltip-text'?: string;
+    columnDirection?: boolean;
     centralized?: boolean;
 }
 declare function Row(props: RowProps): JSX.Element;

package/dist/index.css

@@ -2623,12 +2623,12 @@ h5 {
 .component-checkbox-classic {
   border-radius: 0;
   background-color: rgba(0, 0, 0, 0);
-  border: 2px solid #3fa110; }
+  border: 1px solid #3fa110; }
   .component-checkbox-classic::after {
     content: '';
     position: absolute;
-    width: 10px;
-    height: 10px;
+    width: 12px;
+    height: 12px;
     background-color: rgba(0, 0, 0, 0);
     transition: background-color 0.3s ease; }
   .component-checkbox-classic:disabled, .component-checkbox-classic[aria-disabled='true'] {
@@ -5156,6 +5156,11 @@ max-width	100%	540px	720px	960px	1140px
   color: #2b517b;
   border-color: #2b517b; }
 
+.component-etiqueta.outline-dark {
+  background-color: rgba(0, 0, 0, 0);
+  color: #323c32;
+  border-color: #323c32; }
+
 .component-etiqueta.outline-warning-dark {
   background-color: rgba(0, 0, 0, 0);
   color: #765f00;
@@ -5501,6 +5506,8 @@ max-width	100%	540px	720px	960px	1140px
   .component-row.centralized {
     justify-content: center;
     align-items: center; }
+  .component-row.column {
+    flex-direction: column; }
 
 :export {
   widthXs: 575.98px;

package/dist/index.js

@@ -9175,6 +9175,7 @@ var Etapas$1 = React.memo(Etapas);
   EtiquetasStyle["Cancelado"] = "cancelado";
   EtiquetasStyle["OutlinePrimary"] = "outline-primary";
   EtiquetasStyle["OutlineDanger"] = "outline-danger";
+  EtiquetasStyle["OutlineDark"] = "outline-dark";
   EtiquetasStyle["OutlineBlue"] = "outline-blue";
   EtiquetasStyle["OutlineWarningDark"] = "outline-warning-dark";
 })(exports.EtiquetasStyle || (exports.EtiquetasStyle = {}));
@@ -9396,10 +9397,11 @@ var rootClassName$2g = 'component-row';
 function Row(props) {
   var getProps = function getProps() {
     var p = _extends({}, props, {
-      className: getMergedClassNames([rootClassName$2g, props.centralized ? 'centralized' : '', props.className])
+      className: getMergedClassNames([rootClassName$2g, props.centralized ? 'centralized' : '', props.columnDirection ? 'column' : '', props.className])
     });
 
     delete p.centralized;
+    delete p.columnDirection;
     return p;
   };
 
@@ -10075,6 +10077,10 @@ MenuItem.defaultProps = {
 var rootClassName$2t = 'component-menu';
 var timeout;
 
+var format = function format(s) {
+  return getStringWithoutSpecialChar(s).trim().toLowerCase();
+};
+
 function Menu(props) {
   var _useState = React.useState(false),
       opened = _useState[0],
@@ -10127,10 +10133,10 @@ function Menu(props) {
       className: getMergedClassNames([rootClassName$2t, 'scroll-white', props.className, props.shortOnMD ? rootClassName$2t + "-short-on-md" : '', props.openOnClick ? rootClassName$2t + "-open-on-click" : '', props.hamburgerMenu ? rootClassName$2t + "-hamburger-menu" : '', (props.openOnClick || props.hamburgerMenu) && (props.opened !== undefined ? openedOrNot(props.opened) : openedOrNot(opened))])
     });
 
+    delete p.loading;
     delete p.openOnClick;
     delete p.shortOnMD;
     delete p.items;
-    delete p.icon;
     delete p.opened;
     delete p.setOpened;
     delete p.hamburgerMenu;
@@ -10148,35 +10154,20 @@ function Menu(props) {
       }, 300);
     }
   }, [opened, props.opened]);
-
-  var getItems = function getItems() {
-    var it = [].concat(props.items || []).map(function (it) {
-      return _extends({}, it);
-    });
-    if (!it) return [];
-
-    if (props.buscar && buscarValue) {
-      return it.filter(function (item) {
-        if (getStringWithoutSpecialChar(item.label).trim().toLowerCase().match(getStringWithoutSpecialChar(buscarValue).trim().toLowerCase())) {
-          return true;
-        }
-
-        if (item.subList && Array.from(item.subList).some(function (subItem) {
-          return getStringWithoutSpecialChar(subItem.label).trim().toLowerCase().match(getStringWithoutSpecialChar(buscarValue).trim().toLowerCase());
-        })) {
-          item.subList = Array.from(item.subList).filter(function (subItem) {
-            return getStringWithoutSpecialChar(subItem.label).trim().toLowerCase().match(getStringWithoutSpecialChar(buscarValue).trim().toLowerCase());
-          });
-          return true;
-        }
-
-        return false;
+  var itens = React.useMemo(function () {
+    if (!props.items) return [];
+    return props.items.filter(function (it) {
+      return !buscarValue || !format(buscarValue) || it.label && format(it.label).includes(format(buscarValue)) || it.subList && it.subList.some(function (subItem) {
+        return subItem.label && format(subItem.label).includes(format(buscarValue));
       });
-    }
-
-    return it;
-  };
-
+    }).map(function (it) {
+      return !it.subList || !it.subList.length ? it : _extends({}, it, {
+        subList: it.subList.filter(function (subItem) {
+          return !buscarValue || !format(buscarValue) || it.label && format(it.label).includes(format(buscarValue)) || subItem.label && format(subItem.label).includes(format(buscarValue));
+        })
+      });
+    });
+  }, [buscarValue, props.items]);
   return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", Object.assign({}, getProps()), props.hamburgerMenu && React__default.createElement(IconButton$1, {
     className: rootClassName$2t + "-close-button",
     icon: React__default.createElement(CloseIcon, null),
@@ -10186,9 +10177,20 @@ function Menu(props) {
     }
   }), React__default.createElement("div", {
     className: rootClassName$2t + "-logo"
-  }, props.logo), props.buscar ? React__default.createElement("div", {
+  }, props.logo), React__default.createElement(Collapse$1, {
+    animateOpacity: true,
+    opened: props.loading
+  }, React__default.createElement(Col$1, {
+    centralized: true
+  }, React__default.createElement(ThreeDotsLoader, {
+    size: 2
+  }))), React__default.createElement(Collapse$1, {
+    animateOpacity: true,
+    opened: props.buscar && !props.loading
+  }, React__default.createElement("div", {
     className: rootClassName$2t + "-buscar"
   }, React__default.createElement(Input$1, {
+    disabled: props.loading || !props.buscar,
     id: 'buscar-menu',
     placeholder: 'Buscar',
     value: buscarValue,
@@ -10198,9 +10200,12 @@ function Menu(props) {
     rightObject: React__default.createElement(IconButton$1, {
       icon: React__default.createElement(SearchIcon, null)
     })
-  })) : undefined, React__default.createElement("div", {
+  }))), React__default.createElement(Collapse$1, {
+    animateOpacity: true,
+    opened: itens.length > 0
+  }, React__default.createElement("div", {
     className: rootClassName$2t + "-items"
-  }, getItems() ? getItems().map(function (it, index) {
+  }, itens.map(function (it, index) {
     return React__default.createElement("div", {
       className: rootClassName$2t + "-it",
       key: index
@@ -10208,7 +10213,7 @@ function Menu(props) {
       buscar: props.buscar,
       buscarValue: buscarValue
     })));
-  }) : undefined)), React__default.createElement(React__default.Fragment, null, props.openOnClick && React__default.createElement("button", {
+  })))), React__default.createElement(React__default.Fragment, null, props.openOnClick && React__default.createElement("button", {
     className: rootClassName$2t + "-toggle " + (opened ? rootClassName$2t + "-opened" : ''),
     onClick: function onClick() {
       setOpened(!opened);
@@ -40690,7 +40695,7 @@ function Chip(props) {
   return React__default.createElement("div", {
     className: useMergedClassNames([rootClassName$3b, props.w100 ? 'w100' : '', props.allClickable ? 'all-clickable' : '']),
     onClick: function onClick() {
-      if (props.allClickable && typeof props.onClick === 'function') {
+      if (!props.disabled && props.allClickable && typeof props.onClick === 'function') {
         props.onClick();
       }
     }
@@ -40698,7 +40703,11 @@ function Chip(props) {
     className: 'nunito'
   }, props.label), React__default.createElement("div", {
     className: rootClassName$3b + "-button",
-    onClick: props.onClick
+    onClick: function onClick() {
+      if (!props.disabled && typeof props.onClick === 'function') {
+        props.onClick();
+      }
+    }
   }, React__default.createElement(TimesCircleIcon, null)));
 }