plataforma-fundacao-componentes 2.23.19 → 2.23.21

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/hooks/usePublicMenuList/usePublicMenuList.d.ts

@@ -0,0 +1,23 @@
+import { MenuItemProps } from '../../components/menu/components/menuItem/MenuItem';
+import { Item } from '../../models/menus';
+interface Props {
+    roles?: string[];
+    idFerramenta: string;
+    menus: Item[];
+    menusLoading?: boolean;
+    history: {
+        push: (url: string) => void;
+        location: any;
+    };
+    getProgramaLabel: (str: string) => string;
+    openModalProfileWarning: (label: string, plural?: boolean, isPerfil?: boolean, labelPrograma?: boolean) => void;
+    allProfilesForProgramas: {
+        [k: string]: string[];
+    };
+    isRoute: (str: string, reg: RegExp | string) => boolean;
+    closeMenu: () => void;
+    incongruencia?: boolean;
+    openModalIncongruencia?: () => void;
+}
+export default function usePublicMenuList(props: Props): MenuItemProps[];
+export {};

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.d.ts

@@ -226,8 +226,12 @@ export * from './libraries/RadioButtonTheme';
 export * from './libraries/SicrediLogoThemes';
 export * from './libraries/Toast';
 export * from './libraries/Tooltips';
+export * from './models/menus';
+export { stringToReactElement } from './utils/ParsingUtils';
 export { Accordion, ActionCard, AdvancedSemiHeader, AssembleiaItem, AssembleiaPauta, Aconteceu, AnimatedLink, Banner, BannerAssembleia, BannerPesquisaCpfCnpj, BigBlockButton, BlocoDeNotas, BreadCrumb, Button, ButtonFileUpload, BlocoMinhasAssembleias, BottomNavigation, Card, Carousel, CarouselPersona, CarouselTouchFrendly, Checkbox, Col, Collapse, Container, DatePicker, Doughnut, DoughnutSquare, DropdownItem, DropdownMenu, DropdownSelector, EditableVideoItem, ElementPaginator, Etapas, Etiqueta, FileLoader, FileUpload, FooterSicredi, FullHeightContainer, Header, HeaderSeparator, HeaderSearchField, IconButton, IconButtonWithLabel, Information, Input, InputArea, ItemDropdownDownload, InformativoAssembleiasComImagem, InformativoAssembleiasComVideo, Menu, MenuItem, Modal, ModalManager, Title, 
 /**
  * @deprecated
  */
-Title as ModulosTitle, MoneyByMonth, MoneyMonthLineChart, NotaEdit, Notification, HourEvents, Calendar, CalendarEvent, FloatingPanel, InlineMonthPicker, ScrollArrowOverflow, PageSubTitle, PageTitle, Paginator, PreviaVideo, ProgressBar, RadioButton, QRCode, Row, SearchBlocoDeNotas, Select, Switch, Table, TypedTable, TableFileNameAndAction, TableActions, TableWithOverflow, TextEditor, LeftCheckboxWithLabel, ActionsColumn, Tabs, Toast, ToastManager, Tooltip, TooltipManager, TopLoader, VideoItem, VideoPlayer, VideoModal, useCallbackedState, useCarouselBehaviour, useControlledTimer, useDraggableContainer, useHTMLShare, useDropOpened, useModalManager, useProgressiveCount, useScreenSize, useStorageState, useTimeElapsed, useToastManager, useValidatedState, AconteceuIcon, ChevronArrowRightIcon, FontIcon, PaymentIcon, AddCircleIcon, CircleArrowLeft, CopyIcon, QRCodeIcon, PrintIcon, FormacaoIcon, PercentLoaderIcon, AddIcon, AddAssemblyIcon, CircleArrowRight, FundacaoLogo, PieChartIcon, AlignCenterIcon, ClockIcon, CalendarCheckIcon, DevicePlusIcon, NotebookIcon, AgencyIcon, FundoSocialIcon, PlayIcon, AlignJustifyIcon, CloseIcon, GlobeIcon, QRCodeWhatsapp, AlignLeftIcon, CloudDownloadIcon, GraduationIcon, RedoIcon, AlignRightIcon, CloudUploadIcon, HamburgerIcon, RefreshIcon, ArrowLeftIcon, ComitesIcon, HandUpIcon, SearchIcon, ArrowRightIcon, ComunidadeIcon, HomeIcon, SettingsIcon, AssembleiasIcon, CreditIcon, InformationIcon, SicrediLogo, ATMIcon, CrescerIcon, InvestimentIcon, PhonePlusIcon, SquaresIcon, BackOfficeIcon, CrescerLogo, ItalicIcon, SustentabilidadeIcon, BarChartIcon, Chip, DownloadIcon, LinkIcon, ThreeDotsLoader, BeeIcon, DraggableIcon, LinksUteisIcon, ThumbsUpIcon, BigPlayIcon, EditIcon, ListDotIcon, TimesCircleIcon, BoldIcon, EvidenciasIcon, ListIcon, TransferenciaIcon, CalendarIcon, ExclamationIcon, LoaderIcon, TrashIcon, CardsIcon, ExitIconArrowLeft, LocalIcon, TrianguloInferior, CataventoVerde, ExitIconArrowRight, LockIcon, TwoFileIcon, CheckCircleIcon, EyeIcon, MessageIcon, UnderlineIcon, CheckIcon, FilePlusIcon, MoneyFileIcon, UndoIcon, ChequeIcon, FilesIcon, NavigatorWithMouse, UserIcon, ChevronArrowDownIcon, FilterIcon, OptionsIcon, WebsiteIcon, ChevronArrowLeftIcon, FontColorIcon, ParticipantesIcon, };
+Title as ModulosTitle, MoneyByMonth, MoneyMonthLineChart, NotaEdit, Notification, HourEvents, Calendar, CalendarEvent, FloatingPanel, InlineMonthPicker, ScrollArrowOverflow, PageSubTitle, PageTitle, Paginator, PreviaVideo, ProgressBar, RadioButton, QRCode, Row, SearchBlocoDeNotas, Select, Switch, Table, TypedTable, TableFileNameAndAction, TableActions, TableWithOverflow, TextEditor, LeftCheckboxWithLabel, ActionsColumn, Tabs, Toast, ToastManager, Tooltip, TooltipManager, TopLoader, VideoItem, VideoPlayer, VideoModal, };
+export { useCallbackedState, useCarouselBehaviour, useControlledTimer, useDraggableContainer, useHTMLShare, useDropOpened, useModalManager, useProgressiveCount, useScreenSize, useStorageState, useTimeElapsed, useToastManager, useValidatedState, };
+export { AconteceuIcon, ChevronArrowRightIcon, FontIcon, PaymentIcon, AddCircleIcon, CircleArrowLeft, CopyIcon, QRCodeIcon, PrintIcon, FormacaoIcon, PercentLoaderIcon, AddIcon, AddAssemblyIcon, CircleArrowRight, FundacaoLogo, PieChartIcon, AlignCenterIcon, ClockIcon, CalendarCheckIcon, DevicePlusIcon, NotebookIcon, AgencyIcon, FundoSocialIcon, PlayIcon, AlignJustifyIcon, CloseIcon, GlobeIcon, QRCodeWhatsapp, AlignLeftIcon, CloudDownloadIcon, GraduationIcon, RedoIcon, AlignRightIcon, CloudUploadIcon, HamburgerIcon, RefreshIcon, ArrowLeftIcon, ComitesIcon, HandUpIcon, SearchIcon, ArrowRightIcon, ComunidadeIcon, HomeIcon, SettingsIcon, AssembleiasIcon, CreditIcon, InformationIcon, SicrediLogo, ATMIcon, CrescerIcon, InvestimentIcon, PhonePlusIcon, SquaresIcon, BackOfficeIcon, CrescerLogo, ItalicIcon, SustentabilidadeIcon, BarChartIcon, Chip, DownloadIcon, LinkIcon, ThreeDotsLoader, BeeIcon, DraggableIcon, LinksUteisIcon, ThumbsUpIcon, BigPlayIcon, EditIcon, ListDotIcon, TimesCircleIcon, BoldIcon, EvidenciasIcon, ListIcon, TransferenciaIcon, CalendarIcon, ExclamationIcon, LoaderIcon, TrashIcon, CardsIcon, ExitIconArrowLeft, LocalIcon, TrianguloInferior, CataventoVerde, ExitIconArrowRight, LockIcon, TwoFileIcon, CheckCircleIcon, EyeIcon, MessageIcon, UnderlineIcon, CheckIcon, FilePlusIcon, MoneyFileIcon, UndoIcon, ChequeIcon, FilesIcon, NavigatorWithMouse, UserIcon, ChevronArrowDownIcon, FilterIcon, OptionsIcon, WebsiteIcon, ChevronArrowLeftIcon, FontColorIcon, ParticipantesIcon, };

package/dist/index.js

@@ -4,6 +4,7 @@ var React = require('react');
 var React__default = _interopDefault(React);
 var reactTransitionGroup = require('react-transition-group');
 var moment = _interopDefault(require('moment'));
+var DOMPurify = _interopDefault(require('dompurify'));
 var chart_js = require('chart.js');
 var Sortable = _interopDefault(require('sortablejs'));
 var QR = _interopDefault(require('qrcode'));
@@ -5067,6 +5068,16 @@ var secondsToHours = function secondsToHours(seconds) {
   var s = getTwoNumbersIfNotTen(seconds - h * 3600 - m * 60);
   return hh.concat(':').concat(mm).concat(':').concat(s);
 };
+var stringToReactElement = function stringToReactElement(str, props) {
+  var __html = DOMPurify.sanitize(str);
+
+  var el = React__default.createElement("div", Object.assign({}, props, {
+    dangerouslySetInnerHTML: {
+      __html: __html
+    }
+  }));
+  return el;
+};
 
 var rootClassName$1G = 'component-button';
 
@@ -9175,6 +9186,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 +9408,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 +10088,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 +10144,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 +10165,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 +10188,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 +10211,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 +10224,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 +40706,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 +40714,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)));
 }
 
@@ -41062,6 +41082,7 @@ exports.VideoModal = VideoModal;
 exports.VideoPlayer = VideoPlayer;
 exports.WebsiteIcon = WebsiteIcon;
 exports.getStatusClassName = getStatusClassName;
+exports.stringToReactElement = stringToReactElement;
 exports.useCallbackedState = useCallbackedState;
 exports.useCarouselBehaviour = useCarouselBehaviour;
 exports.useControlledTimer = useControlledTimer;