plataforma-fundacao-componentes 2.23.20 → 2.23.22

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

@@ -208,6 +208,7 @@ import useTimeElapsed from './hooks/useTimeElapsed/useTimeElapsed';
 import useToastManager from './hooks/useToastManager/useToastManager';
 import useValidatedState from './hooks/useValidatedState/useValidatedState';
 import Chip from './components/chip/Chip';
+import usePublicMenuList from './hooks/usePublicMenuList/usePublicMenuList';
 export * from './components/modal/ModalTypes';
 export * from './libraries/ActionCardThemes';
 export * from './libraries/BlobFileTypes';
@@ -226,8 +227,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, usePublicMenuList, };
+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';
 
@@ -40713,6 +40724,150 @@ function Chip(props) {
 
 var Chip$1 = React.memo(Chip);
 
+var References;
+
+(function (References) {
+  References[References["FORCE_CLOSE"] = -1] = "FORCE_CLOSE";
+  References[References["OPENED_ACTIVE"] = 0] = "OPENED_ACTIVE";
+})(References || (References = {}));
+
+var sortItems = function sortItems(a, b) {
+  return a.ordem - b.ordem;
+};
+
+function usePublicMenuList(props) {
+  var hasPermission = React.useCallback(function (need) {
+    var role = !need.roles || !need.roles.length || need.roles.some(function (role) {
+      return props.roles && props.roles.find(function (up) {
+        return up === role;
+      });
+    });
+    var programa = !need.programas || !need.programas.length || need.programas.some(function (prog) {
+      var _props$allProfilesFor;
+
+      return props.allProfilesForProgramas[prog] && ((_props$allProfilesFor = props.allProfilesForProgramas[prog]) === null || _props$allProfilesFor === void 0 ? void 0 : _props$allProfilesFor.some(function (profile) {
+        return props.roles && props.roles.includes(profile);
+      }));
+    });
+    return role && programa;
+  }, [props.allProfilesForProgramas, props.roles]);
+
+  var _useState = React.useState(References.OPENED_ACTIVE),
+      subListReference = _useState[0],
+      setSubListReference = _useState[1];
+
+  var isOpenedByReference = React.useCallback(function (reference) {
+    return reference === subListReference;
+  }, [subListReference]);
+  var setOpenedByReference = React.useCallback(function (reference) {
+    if (isOpenedByReference(reference)) {
+      setSubListReference(References.FORCE_CLOSE);
+    } else {
+      setSubListReference(reference);
+    }
+  }, [isOpenedByReference]);
+  var handleClickLink = React.useCallback(function (url, obj) {
+    var target = obj.novaAba ? '_blank' : '_self';
+    var isPermitted = !obj.permissoes || hasPermission(obj.permissoes);
+    var watchIncongruencia = obj.permissoes && obj.permissoes.incongruencia;
+
+    if (watchIncongruencia && props.incongruencia && typeof props.openModalIncongruencia === 'function') {
+      props.openModalIncongruencia();
+    } else if (isPermitted) {
+      if (obj.internal) {
+        props.history.push(url.replace(window.location.origin, ''));
+      } else {
+        window.open(url, target);
+      }
+
+      setOpenedByReference(References.OPENED_ACTIVE);
+    } else if (obj.permissoes) {
+      var _obj$permissoes$progr, _obj$permissoes$roles;
+
+      var isPrograma = obj.permissoes.programas && !!obj.permissoes.programas.length;
+      var plural = isPrograma ? obj.permissoes.programas && obj.permissoes.programas.length > 1 : obj.permissoes.roles && obj.permissoes.roles.length > 1;
+      var label = isPrograma ? (_obj$permissoes$progr = obj.permissoes.programas) === null || _obj$permissoes$progr === void 0 ? void 0 : _obj$permissoes$progr.map(function (prog) {
+        var _props$getProgramaLab;
+
+        return (_props$getProgramaLab = props.getProgramaLabel(prog)) != null ? _props$getProgramaLab : '';
+      }).join(', ') : (_obj$permissoes$roles = obj.permissoes.roles) === null || _obj$permissoes$roles === void 0 ? void 0 : _obj$permissoes$roles.join(', ');
+      props.openModalProfileWarning(label || '', plural, !isPrograma, obj.labelPrograma);
+      setOpenedByReference(References.FORCE_CLOSE);
+    }
+
+    props.closeMenu();
+  }, [hasPermission, props, setOpenedByReference]);
+  var getSubList = React.useCallback(function (itens) {
+    if (!itens || !itens.length) return undefined;
+    return itens.sort(sortItems).filter(function (sub) {
+      if (sub.permissoes && sub.permissoes.hide) {
+        return hasPermission(sub.permissoes);
+      }
+
+      return true;
+    }).map(function (sub) {
+      return {
+        id: sub.id,
+        icon: React__default.createElement(ListDotIcon, null),
+        label: sub.label,
+        active: sub.regex ? props.isRoute(window.location.pathname, new RegExp(sub.regex)) : false,
+        onClick: function onClick() {
+          if (sub.url) handleClickLink(sub.url, {
+            novaAba: sub.novaAba,
+            permissoes: sub.permissoes,
+            internal: Boolean(sub.idFerramenta && sub.idFerramenta === props.idFerramenta),
+            labelPrograma: sub.labelPrograma
+          });
+        }
+      };
+    });
+  }, [handleClickLink, hasPermission, props]);
+  var menus = React.useMemo(function () {
+    if (!props.menus) return [];
+    return props.menus.sort(sortItems).filter(function (item) {
+      var _item$subItems;
+
+      if (item.permissoes && item.permissoes.hide || (_item$subItems = item.subItems) !== null && _item$subItems !== void 0 && _item$subItems.some(function (s) {
+        return s.permissoes && s.permissoes.hide;
+      })) {
+        var _item$subItems2;
+
+        return !((_item$subItems2 = item.subItems) !== null && _item$subItems2 !== void 0 && _item$subItems2.every(function (s) {
+          return s.permissoes && s.permissoes.hide && !hasPermission(s.permissoes);
+        }));
+      }
+
+      return true;
+    }).map(function (it) {
+      return {
+        icon: stringToReactElement(it.icon, {
+          style: {
+            height: '24px',
+            width: '24px'
+          }
+        }),
+        label: it.label,
+        active: it.regex ? props.isRoute(window.location.pathname, new RegExp(it.regex)) : false,
+        onClick: it.url ? function () {
+          var _it$novaAba;
+
+          return handleClickLink(it.url, {
+            novaAba: (_it$novaAba = it.novaAba) != null ? _it$novaAba : false,
+            permissoes: it.permissoes,
+            internal: Boolean(it.idFerramenta && it.idFerramenta === props.idFerramenta),
+            labelPrograma: it.labelPrograma
+          });
+        } : function () {
+          setOpenedByReference(it.id);
+        },
+        subListOpened: isOpenedByReference(it.id),
+        subList: getSubList(it.subItems)
+      };
+    });
+  }, [isOpenedByReference, props.menus, props.history.location]);
+  return menus;
+}
+
 function AlertModal(props) {
   var _useState = React.useState(false),
       loading = _useState[0],
@@ -41071,6 +41226,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;
@@ -41079,6 +41235,7 @@ exports.useDropOpened = useDropOpened;
 exports.useHTMLShare = useHTMLShare;
 exports.useModalManager = useModalManager;
 exports.useProgressiveCount = useProgressiveCount;
+exports.usePublicMenuList = usePublicMenuList;
 exports.useScreenSize = useScreenSize;
 exports.useStorageState = useStorageState;
 exports.useTimeElapsed = useTimeElapsed;