plataforma-fundacao-componentes 2.24.1 → 2.25.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/icons/ATMIcon.d.ts +2 -2
- package/dist/assets/icons/AconteceuIcon.d.ts +2 -2
- package/dist/assets/icons/AddAssemblyIcon.d.ts +2 -2
- package/dist/assets/icons/AddIcon.d.ts +2 -2
- package/dist/assets/icons/AgencyIcon.d.ts +2 -2
- package/dist/assets/icons/AlignCenterIcon.d.ts +2 -2
- package/dist/assets/icons/AlignJustifyIcon.d.ts +2 -2
- package/dist/assets/icons/AlignLeftIcon.d.ts +2 -2
- package/dist/assets/icons/AlignRightIcon.d.ts +2 -2
- package/dist/assets/icons/ArrowLeftIcon.d.ts +2 -2
- package/dist/assets/icons/ArrowRightIcon.d.ts +2 -2
- package/dist/assets/icons/AssembleiasIcon.d.ts +2 -2
- package/dist/assets/icons/BackOfficeIcon.d.ts +2 -2
- package/dist/assets/icons/BarChartIcon.d.ts +2 -2
- package/dist/assets/icons/BeeIcon.d.ts +2 -2
- package/dist/assets/icons/BigPlayIcon.d.ts +2 -2
- package/dist/assets/icons/BoldIcon.d.ts +2 -2
- package/dist/assets/icons/CalendarCheckIcon.d.ts +2 -2
- package/dist/assets/icons/CalendarIcon.d.ts +2 -2
- package/dist/assets/icons/CardsIcon.d.ts +2 -2
- package/dist/assets/icons/CataventoVerde.d.ts +2 -2
- package/dist/assets/icons/CheckCircleIcon.d.ts +2 -2
- package/dist/assets/icons/CheckIcon.d.ts +2 -2
- package/dist/assets/icons/ChequeIcon.d.ts +2 -2
- package/dist/assets/icons/ChevronArrowDownIcon.d.ts +2 -2
- package/dist/assets/icons/ChevronArrowLeftIcon.d.ts +2 -2
- package/dist/assets/icons/ChevronArrowRightIcon.d.ts +2 -2
- package/dist/assets/icons/CircleArrowLeft.d.ts +2 -2
- package/dist/assets/icons/CircleArrowRight.d.ts +2 -2
- package/dist/assets/icons/ClockIcon.d.ts +2 -2
- package/dist/assets/icons/CloseIcon.d.ts +2 -2
- package/dist/assets/icons/CloudDownloadIcon.d.ts +2 -2
- package/dist/assets/icons/CloudUploadIcon.d.ts +2 -2
- package/dist/assets/icons/ComitesIcon.d.ts +2 -2
- package/dist/assets/icons/ComunidadeIcon.d.ts +2 -2
- package/dist/assets/icons/CopyIcon.d.ts +2 -2
- package/dist/assets/icons/CreditIcon.d.ts +2 -2
- package/dist/assets/icons/CrescerIcon.d.ts +2 -2
- package/dist/assets/icons/CrescerLogo.d.ts +2 -2
- package/dist/assets/icons/DecreaseIcon.d.ts +3 -0
- package/dist/assets/icons/DevicePlusIcon.d.ts +2 -2
- package/dist/assets/icons/DownloadIcon.d.ts +2 -2
- package/dist/assets/icons/DraggableIcon.d.ts +2 -2
- package/dist/assets/icons/EditIcon.d.ts +2 -2
- package/dist/assets/icons/EvidenciasIcon.d.ts +2 -2
- package/dist/assets/icons/ExclamationIcon.d.ts +2 -2
- package/dist/assets/icons/ExitIconArrowLeft.d.ts +2 -2
- package/dist/assets/icons/ExitIconArrowRight.d.ts +2 -2
- package/dist/assets/icons/EyeIcon.d.ts +2 -2
- package/dist/assets/icons/FilePlusIcon.d.ts +2 -2
- package/dist/assets/icons/FilesIcon.d.ts +2 -2
- package/dist/assets/icons/FilterIcon.d.ts +2 -2
- package/dist/assets/icons/FontColorIcon.d.ts +2 -2
- package/dist/assets/icons/FontIcon.d.ts +2 -2
- package/dist/assets/icons/FormacaoIcon.d.ts +2 -2
- package/dist/assets/icons/FundacaoLogo.d.ts +2 -2
- package/dist/assets/icons/FundoSocialIcon.d.ts +2 -2
- package/dist/assets/icons/GlobeIcon.d.ts +2 -2
- package/dist/assets/icons/GraduationIcon.d.ts +2 -2
- package/dist/assets/icons/HamburgerIcon.d.ts +2 -2
- package/dist/assets/icons/HandUpIcon.d.ts +2 -2
- package/dist/assets/icons/HomeIcon.d.ts +2 -2
- package/dist/assets/icons/InformationIcon.d.ts +2 -2
- package/dist/assets/icons/InvestimentIcon.d.ts +2 -2
- package/dist/assets/icons/ItalicIcon.d.ts +2 -2
- package/dist/assets/icons/LinkIcon.d.ts +2 -2
- package/dist/assets/icons/LinksUteisIcon.d.ts +2 -2
- package/dist/assets/icons/ListDotIcon.d.ts +2 -2
- package/dist/assets/icons/ListIcon.d.ts +2 -2
- package/dist/assets/icons/LoaderIcon.d.ts +2 -2
- package/dist/assets/icons/LocalIcon.d.ts +2 -2
- package/dist/assets/icons/LockIcon.d.ts +2 -2
- package/dist/assets/icons/MessageIcon.d.ts +2 -2
- package/dist/assets/icons/MoneyFileIcon.d.ts +2 -2
- package/dist/assets/icons/NavigatorWithMouse.d.ts +2 -2
- package/dist/assets/icons/NotebookIcon.d.ts +2 -2
- package/dist/assets/icons/OptionsIcon.d.ts +2 -2
- package/dist/assets/icons/ParticipantesIcon.d.ts +2 -2
- package/dist/assets/icons/PaymentIcon.d.ts +2 -2
- package/dist/assets/icons/PercentLoaderIcon.d.ts +2 -2
- package/dist/assets/icons/PhonePlusIcon.d.ts +2 -2
- package/dist/assets/icons/PieChartIcon.d.ts +2 -2
- package/dist/assets/icons/PlayIcon.d.ts +2 -2
- package/dist/assets/icons/PrintIcon.d.ts +2 -2
- package/dist/assets/icons/QRCodeIcon.d.ts +2 -2
- package/dist/assets/icons/QRCodeWhatsapp.d.ts +2 -2
- package/dist/assets/icons/RedoIcon.d.ts +2 -2
- package/dist/assets/icons/RefreshIcon.d.ts +2 -2
- package/dist/assets/icons/SearchIcon.d.ts +2 -2
- package/dist/assets/icons/SettingsIcon.d.ts +2 -2
- package/dist/assets/icons/SicrediLogo.d.ts +2 -2
- package/dist/assets/icons/SquaresIcon.d.ts +2 -2
- package/dist/assets/icons/SustentabilidadeIcon.d.ts +2 -2
- package/dist/assets/icons/Teste.d.ts +2 -2
- package/dist/assets/icons/ThreeDots.d.ts +3 -0
- package/dist/assets/icons/ThreeDotsLoader.d.ts +2 -2
- package/dist/assets/icons/ThumbsUpIcon.d.ts +2 -2
- package/dist/assets/icons/TimesCircleIcon.d.ts +2 -2
- package/dist/assets/icons/TransferenciaIcon.d.ts +2 -2
- package/dist/assets/icons/TrashIcon.d.ts +2 -2
- package/dist/assets/icons/TrianguloInferior.d.ts +2 -2
- package/dist/assets/icons/TwoFileIcon.d.ts +2 -2
- package/dist/assets/icons/UnderlineIcon.d.ts +2 -2
- package/dist/assets/icons/UndoIcon.d.ts +2 -2
- package/dist/assets/icons/UserIcon.d.ts +2 -2
- package/dist/assets/icons/WebsiteIcon.d.ts +2 -2
- package/dist/components/accordion/Accordion.d.ts +1 -1
- package/dist/components/accordion/Accordion.stories.d.ts +5 -5
- package/dist/components/actionCard/ActionCard.d.ts +1 -1
- package/dist/components/actionCard/ActionCard.stories.d.ts +5 -5
- package/dist/components/animatedLink/AnimatedLink.d.ts +1 -1
- package/dist/components/animatedLink/AnimatedLink.stories.d.ts +2 -1
- package/dist/components/banner/Banner.d.ts +2 -2
- package/dist/components/banner/Banner.stories.d.ts +4 -3
- package/dist/components/bigBlockButton/BigBlockButton.d.ts +1 -1
- package/dist/components/bigBlockButton/BigBlockButton.stories.d.ts +6 -5
- package/dist/components/bottomNavigation/BottomNavigation.d.ts +1 -1
- package/dist/components/bottomNavigation/BottomNavigation.stories.d.ts +3 -3
- package/dist/components/breadCrumb/BreadCrumb.d.ts +2 -2
- package/dist/components/breadCrumb/BreadCrumb.stories.d.ts +1 -1
- package/dist/components/button/Button.d.ts +1 -1
- package/dist/components/button/Button.stories.d.ts +27 -27
- package/dist/components/buttonFileUpload/ButtonFileUpload.d.ts +1 -1
- package/dist/components/buttonFileUpload/ButtonFileUpload.stories.d.ts +5 -5
- package/dist/components/calendar/Calendar.d.ts +1 -1
- package/dist/components/calendar/Calendar.stories.d.ts +2 -2
- package/dist/components/calendar/components/calendarChip/CalendarChip.d.ts +1 -1
- package/dist/components/calendar/components/calendarDays/CalendarDays.d.ts +1 -1
- package/dist/components/calendar/components/calendarHeader/CalendarHeader.d.ts +2 -2
- package/dist/components/calendar/components/calendarMonthDay/CalendarMonthDay.d.ts +1 -1
- package/dist/components/calendar/components/calendarWeekDay/CalendarWeekDay.d.ts +2 -2
- package/dist/components/calendarEvent/CalendarEvent.d.ts +1 -1
- package/dist/components/calendarEvent/CalendarEvent.stories.d.ts +3 -3
- package/dist/components/card/Card.d.ts +2 -2
- package/dist/components/card/Card.stories.d.ts +2 -2
- package/dist/components/carousel/Carousel.d.ts +2 -2
- package/dist/components/carousel/Carousel.stories.d.ts +2 -2
- package/dist/components/carouselPersona/CarouselPersona.d.ts +1 -1
- package/dist/components/carouselPersona/CarouselPersona.stories.d.ts +1 -1
- package/dist/components/carouselTouchFrendly/CarouselTouchFrendly.d.ts +1 -1
- package/dist/components/carouselTouchFrendly/CarouselTouchFrendly.stories.d.ts +2 -2
- package/dist/components/chart/components/moneyMonthLineChart/MoneyMonthLineChart.d.ts +1 -1
- package/dist/components/chart/doughnutSquare/DoughnutSquare.d.ts +2 -2
- package/dist/components/chart/doughnutSquare/DoughnutSquare.stories.d.ts +3 -3
- package/dist/components/chart/moneyByMonth/MoneyByMonth.d.ts +1 -1
- package/dist/components/chart/moneyByMonth/MoneyByMonth.stories.d.ts +2 -2
- package/dist/components/checkbox/Checkbox.d.ts +1 -1
- package/dist/components/checkbox/Checkbox.stories.d.ts +5 -5
- package/dist/components/chip/Chip.d.ts +1 -1
- package/dist/components/chip/Chip.stories.d.ts +2 -2
- package/dist/components/col/Col.d.ts +1 -1
- package/dist/components/col/Col.stories.d.ts +2 -2
- package/dist/components/collapse/Collapse.d.ts +1 -1
- package/dist/components/collapse/Collapse.stories.d.ts +1 -1
- package/dist/components/container/Container.d.ts +1 -1
- package/dist/components/container/Container.stories.d.ts +2 -2
- package/dist/components/controlLabel/ControlLabel.d.ts +1 -1
- package/dist/components/controlLabel/ControlLabel.stories.d.ts +6 -6
- package/dist/components/datePicker/DatePicker.d.ts +1 -1
- package/dist/components/datePicker/DatePicker.stories.d.ts +3 -3
- package/dist/components/datePicker/components/datePickerCalendar/DatePickerCalendar.d.ts +1 -1
- package/dist/components/doughnut/Doughnut.d.ts +1 -1
- package/dist/components/doughnut/Doughnut.stories.d.ts +2 -2
- package/dist/components/dropdownItem/DropdownItem.d.ts +1 -1
- package/dist/components/dropdownMenu/DropdownMenu.d.ts +1 -1
- package/dist/components/dropdownMenu/DropdownMenu.stories.d.ts +3 -3
- package/dist/components/dropdownSelector/DropdownSelector.d.ts +1 -1
- package/dist/components/dropdownSelector/DropdownSelector.stories.d.ts +4 -4
- package/dist/components/elementPaginator/ElementPaginator.d.ts +1 -1
- package/dist/components/elementPaginator/ElementPaginator.stories.d.ts +1 -1
- package/dist/components/etapas/Etapas.d.ts +1 -1
- package/dist/components/etapas/Etapas.stories.d.ts +6 -6
- package/dist/components/etiqueta/Etiqueta.d.ts +1 -2
- package/dist/components/etiqueta/Etiqueta.stories.d.ts +4 -3
- package/dist/components/fileLoader/FileLoader.d.ts +2 -2
- package/dist/components/fileLoader/FileLoader.stories.d.ts +3 -3
- package/dist/components/fileUpload/FileUpload.d.ts +1 -1
- package/dist/components/fileUpload/FileUpload.stories.d.ts +8 -8
- package/dist/components/floatingPanel/FloatingPanel.d.ts +1 -1
- package/dist/components/floatingPanel/FloatingPanel.stories.d.ts +2 -2
- package/dist/components/footerSicredi/FooterSicredi.d.ts +1 -1
- package/dist/components/footerSicredi/FooterSicredi.stories.d.ts +5 -5
- package/dist/components/formattedText/FormattedText.stories.d.ts +2 -2
- package/dist/components/fullHeightContainer/FullHeightContainer.d.ts +1 -1
- package/dist/components/fullHeightContainer/FullHeightContainer.stories.d.ts +3 -3
- package/dist/components/header/Header.d.ts +1 -1
- package/dist/components/header/Header.stories.d.ts +8 -8
- package/dist/components/header/components/headerSeparator/HeaderSeparator.d.ts +2 -2
- package/dist/components/hourEvents/HourEvents.d.ts +1 -1
- package/dist/components/hourEvents/HourEvents.stories.d.ts +4 -4
- package/dist/components/iconButton/IconButton.d.ts +1 -2
- package/dist/components/iconButton/IconButton.stories.d.ts +3 -3
- package/dist/components/information/Information.d.ts +2 -2
- package/dist/components/information/Information.stories.d.ts +3 -3
- package/dist/components/inlineMonthPicker/InlineMonthPicker.d.ts +1 -1
- package/dist/components/inlineMonthPicker/InlineMonthPicker.stories.d.ts +3 -3
- package/dist/components/input/Input.d.ts +1 -1
- package/dist/components/input/Input.stories.d.ts +15 -15
- package/dist/components/inputArea/InputArea.d.ts +1 -1
- package/dist/components/inputArea/InputArea.stories.d.ts +12 -12
- package/dist/components/itemDropdownDownload/ItemDropdownDownload.d.ts +1 -1
- package/dist/components/itemDropdownDownload/ItemDropdownDownload.stories.d.ts +2 -1
- package/dist/components/menu/Menu.d.ts +2 -2
- package/dist/components/menu/Menu.stories.d.ts +9 -9
- package/dist/components/menu/components/menuItem/MenuItem.d.ts +1 -1
- package/dist/components/menu/components/menuItem/MenuItem.stories.d.ts +4 -4
- package/dist/components/modal/Modal.d.ts +2 -2
- package/dist/components/modal/Modal.stories.d.ts +9 -9
- package/dist/components/modal/ModalMask.d.ts +1 -1
- package/dist/components/modal/ModalTypes.d.ts +11 -8
- package/dist/components/modalManager/ModalManager.stories.d.ts +1 -1
- package/dist/components/notification/Notification.d.ts +1 -1
- package/dist/components/notification/Notification.stories.d.ts +3 -3
- package/dist/components/pageTitle/PageTitle.d.ts +3 -3
- package/dist/components/pageTitle/PageTitle.stories.d.ts +1 -1
- package/dist/components/pagination/Pagination.d.ts +25 -0
- package/dist/components/pagination/Pagination.stories.d.ts +61 -0
- package/dist/components/paginator/Paginator.d.ts +2 -2
- package/dist/components/paginator/Paginator.stories.d.ts +2 -2
- package/dist/components/previaVideo/PreviaVideo.d.ts +1 -1
- package/dist/components/previaVideo/PreviaVideo.stories.d.ts +3 -2
- package/dist/components/qrcode/QRCode.d.ts +1 -1
- package/dist/components/qrcode/QRCode.stories.d.ts +3 -3
- package/dist/components/radioButton/RadioButton.d.ts +1 -1
- package/dist/components/radioButton/RadioButton.stories.d.ts +5 -5
- package/dist/components/row/Row.d.ts +1 -1
- package/dist/components/row/Row.stories.d.ts +1 -1
- package/dist/components/scrollArrowOverflow/ScrollArrowOverflow.d.ts +1 -1
- package/dist/components/scrollArrowOverflow/ScrollArrowOverflow.stories.d.ts +2 -2
- package/dist/components/search/Search.d.ts +29 -0
- package/dist/components/search/Search.stories.d.ts +9 -0
- package/dist/components/select/Select.d.ts +5 -2
- package/dist/components/select/Select.stories.d.ts +18 -18
- package/dist/components/switch/Switch.d.ts +2 -2
- package/dist/components/switch/Switch.stories.d.ts +4 -4
- package/dist/components/table/Table.d.ts +1 -1
- package/dist/components/table/Table.stories.d.ts +9 -9
- package/dist/components/table/components/TableUpperHeader/TableUpperHeader.d.ts +1 -1
- package/dist/components/table/components/actionsColumn/ActionsColumn.d.ts +2 -2
- package/dist/components/table/components/{leftCheckboxWithLabel/LeftCheckboxWithLabel.d.ts → leftControlWithLabel/LeftControlWithLabel.d.ts} +6 -4
- package/dist/components/tableActions/TableActions.d.ts +2 -2
- package/dist/components/tableFileNameAndAction/TableFileNameAndAction.d.ts +1 -1
- package/dist/components/tableFileNameAndAction/TableFileNameAndAction.stories.d.ts +3 -3
- package/dist/components/tableWithOverflow/TableWithOverflow.d.ts +1 -1
- package/dist/components/tableWithOverflow/TableWithOverflow.stories.d.ts +5 -5
- package/dist/components/tabs/Tabs.d.ts +1 -1
- package/dist/components/tabs/Tabs.stories.d.ts +2 -2
- package/dist/components/textEditor/TextEditor.d.ts +1 -1
- package/dist/components/textEditor/TextEditor.stories.d.ts +7 -7
- package/dist/components/textEditor/components/textEditorColorPicker/TextEditorColorPicker.d.ts +1 -1
- package/dist/components/textEditor/components/textEditorHeaderButton/TextEditorHeaderButton.d.ts +2 -1
- package/dist/components/textEditor/components/textEditorInput/TextEditorHeaderInput.d.ts +1 -1
- package/dist/components/textEditor/components/textEditorMenuButton/TextEditorMenuButton.d.ts +1 -1
- package/dist/components/textEditor/components/textEditorTitleChoser/TextEditorTitleChoser.d.ts +1 -1
- package/dist/components/textEditor/components/textEditorUrlCreator/TextEditorUrlCreator.d.ts +1 -1
- package/dist/components/title/Title.d.ts +1 -1
- package/dist/components/title/Title.stories.d.ts +4 -3
- package/dist/components/toast/Toast.d.ts +2 -2
- package/dist/components/toast/Toast.stories.d.ts +5 -4
- package/dist/components/toastManager/ToastManager.stories.d.ts +1 -1
- package/dist/components/tooltip/Tooltip.d.ts +2 -2
- package/dist/components/tooltip/Tooltip.stories.d.ts +4 -4
- package/dist/components/tooltipManager/TooltipManager.d.ts +2 -2
- package/dist/components/tooltipManager/TooltipManager.stories.d.ts +3 -3
- package/dist/components/topLoader/TopLoader.d.ts +2 -2
- package/dist/components/topLoader/TopLoader.stories.d.ts +2 -2
- package/dist/components/videoModal/VideoModal.d.ts +2 -2
- package/dist/components/videoModal/VideoModal.stories.d.ts +2 -2
- package/dist/components/videoPlayer/VideoPlayer.d.ts +2 -2
- package/dist/components/videoPlayer/VideoPlayer.stories.d.ts +6 -6
- package/dist/docs/colors/Colors.d.ts +1 -1
- package/dist/docs/icons/Icones.d.ts +1 -1
- package/dist/hooks/useCallbackedState/useCallbackedState.stories.d.ts +2 -2
- package/dist/hooks/useControlledTimer/useControlledTimer.stories.d.ts +2 -2
- package/dist/hooks/useHTMLShare/useHTMLShare.stories.d.ts +2 -2
- package/dist/hooks/useModalManager/useModalManager.stories.d.ts +2 -2
- package/dist/hooks/useOutsideClick/useOutsideClick.d.ts +2 -0
- package/dist/hooks/usePagination/usePagination.d.ts +33 -0
- package/dist/hooks/useProgressiveCount/useProgressiveCount.stories.d.ts +2 -2
- package/dist/hooks/useScreenSize/useScreenSize.stories.d.ts +2 -2
- package/dist/hooks/useScrollTo/useScrollTo.d.ts +9 -0
- package/dist/hooks/useScrollTo/useScrollTo.stories.d.ts +10 -0
- package/dist/hooks/useStorageState/useStorageState.stories.d.ts +4 -4
- package/dist/hooks/useTimeElapsed/useTimeElapsed.stories.d.ts +2 -2
- package/dist/hooks/useToastManager/useToastManager.stories.d.ts +2 -2
- package/dist/hooks/useValidatedState/useValidatedState.stories.d.ts +2 -2
- package/dist/index.css +562 -119
- package/dist/index.d.ts +18 -6
- package/dist/index.js +1448 -717
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +1441 -716
- package/dist/index.modern.js.map +1 -1
- package/dist/utils/ParsingUtils.d.ts +1 -1
- package/package.json +7 -4
- package/dist/assets/icons/AddCircleIcon.d.ts +0 -3
package/dist/index.js
CHANGED
|
@@ -64,16 +64,16 @@ var PaymentIcon = function PaymentIcon() {
|
|
|
64
64
|
};
|
|
65
65
|
|
|
66
66
|
var rootClassName$4 = 'icon-component';
|
|
67
|
-
var
|
|
67
|
+
var AddIcon = function AddIcon() {
|
|
68
68
|
return React$1__default.createElement("svg", {
|
|
69
69
|
className: rootClassName$4,
|
|
70
|
-
viewBox: '
|
|
71
|
-
fill: 'currentColor',
|
|
70
|
+
viewBox: '0 0 24 24',
|
|
72
71
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
73
72
|
}, React$1__default.createElement("path", {
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
d: '
|
|
73
|
+
"fill-rule": 'evenodd',
|
|
74
|
+
"clip-rule": 'evenodd',
|
|
75
|
+
d: 'M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12ZM3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12ZM17 11.5C17.2761 11.5 17.5 11.7239 17.5 12C17.5 12.2455 17.3231 12.4496 17.0899 12.4919L17 12.5H12.5V17C12.5 17.2761 12.2761 17.5 12 17.5C11.7545 17.5 11.5504 17.3231 11.5081 17.0899L11.5 17V12.5H7C6.72386 12.5 6.5 12.2761 6.5 12C6.5 11.7545 6.67688 11.5504 6.91012 11.5081L7 11.5H11.5V7C11.5 6.72386 11.7239 6.5 12 6.5C12.2455 6.5 12.4496 6.67688 12.4919 6.91012L12.5 7V11.5H17Z',
|
|
76
|
+
fill: 'currentColor'
|
|
77
77
|
}));
|
|
78
78
|
};
|
|
79
79
|
|
|
@@ -132,6 +132,18 @@ function _extends() {
|
|
|
132
132
|
};
|
|
133
133
|
return _extends.apply(this, arguments);
|
|
134
134
|
}
|
|
135
|
+
function _objectWithoutPropertiesLoose(source, excluded) {
|
|
136
|
+
if (source == null) return {};
|
|
137
|
+
var target = {};
|
|
138
|
+
var sourceKeys = Object.keys(source);
|
|
139
|
+
var key, i;
|
|
140
|
+
for (i = 0; i < sourceKeys.length; i++) {
|
|
141
|
+
key = sourceKeys[i];
|
|
142
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
143
|
+
target[key] = source[key];
|
|
144
|
+
}
|
|
145
|
+
return target;
|
|
146
|
+
}
|
|
135
147
|
function _unsupportedIterableToArray(o, minLen) {
|
|
136
148
|
if (!o) return;
|
|
137
149
|
if (typeof o === "string") return _arrayLikeToArray(o, minLen);
|
|
@@ -310,23 +322,9 @@ var AddAssemblyIcon = function AddAssemblyIcon() {
|
|
|
310
322
|
};
|
|
311
323
|
|
|
312
324
|
var rootClassName$9 = 'icon-component';
|
|
313
|
-
var AddIcon = function AddIcon() {
|
|
314
|
-
return React$1__default.createElement("svg", {
|
|
315
|
-
className: rootClassName$9,
|
|
316
|
-
viewBox: '0 0 24 24',
|
|
317
|
-
fill: 'currentColor',
|
|
318
|
-
xmlns: 'http://www.w3.org/2000/svg'
|
|
319
|
-
}, React$1__default.createElement("path", {
|
|
320
|
-
fillRule: 'evenodd',
|
|
321
|
-
clipRule: 'evenodd',
|
|
322
|
-
d: 'M24 12C24 5.37129 18.6287 0 12 0C5.37129 0 0 5.37129 0 12C0 14.0388 0.509249 16.0045 1.46771 17.7543C2.20618 19.1018 3.1944 20.2953 4.37466 21.2658C6.50667 23.0227 9.17895 24 12 24C18.6287 24 24 18.6287 24 12ZM1.5 12C1.5 6.19971 6.19971 1.5 12 1.5C17.8003 1.5 22.5 6.19971 22.5 12C22.5 17.8003 17.8003 22.5 12 22.5C9.53024 22.5 7.19438 21.6458 5.32797 20.1077C4.29496 19.2583 3.42979 18.2134 2.7832 17.0336C1.9451 15.5035 1.5 13.7854 1.5 12ZM11.25 11.25H5.81212C5.3979 11.25 5.06212 11.5858 5.06212 12C5.06212 12.4142 5.3979 12.75 5.81212 12.75H11.25L11.25 18.1879C11.25 18.6021 11.5858 18.9379 12 18.9379C12.4142 18.9379 12.75 18.6021 12.75 18.1879L12.75 12.75L18.1879 12.75C18.6021 12.75 18.9379 12.4142 18.9379 12C18.9379 11.5858 18.6021 11.25 18.1879 11.25L12.75 11.25V5.81212C12.75 5.3979 12.4142 5.06212 12 5.06212C11.5858 5.06212 11.25 5.3979 11.25 5.81212V11.25Z'
|
|
323
|
-
}));
|
|
324
|
-
};
|
|
325
|
-
|
|
326
|
-
var rootClassName$a = 'icon-component';
|
|
327
325
|
var CircleArrowRight = function CircleArrowRight() {
|
|
328
326
|
return React$1__default.createElement("svg", {
|
|
329
|
-
className: rootClassName$
|
|
327
|
+
className: rootClassName$9,
|
|
330
328
|
viewBox: '0 0 24 24',
|
|
331
329
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
332
330
|
}, React$1__default.createElement("g", {
|
|
@@ -472,10 +470,10 @@ FundacaoLogo.defaultProps = {
|
|
|
472
470
|
theme: exports.FundacaoLogoTheme.Verde
|
|
473
471
|
};
|
|
474
472
|
|
|
475
|
-
var rootClassName$
|
|
473
|
+
var rootClassName$a = 'icon-component';
|
|
476
474
|
var PieChartIcon = function PieChartIcon() {
|
|
477
475
|
return React$1__default.createElement("svg", {
|
|
478
|
-
className: rootClassName$
|
|
476
|
+
className: rootClassName$a,
|
|
479
477
|
viewBox: '0 0 20 20',
|
|
480
478
|
fill: 'currentColor',
|
|
481
479
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -486,10 +484,10 @@ var PieChartIcon = function PieChartIcon() {
|
|
|
486
484
|
}));
|
|
487
485
|
};
|
|
488
486
|
|
|
489
|
-
var rootClassName$
|
|
487
|
+
var rootClassName$b = 'icon-component';
|
|
490
488
|
var AlignCenterIcon = function AlignCenterIcon() {
|
|
491
489
|
return React$1__default.createElement("svg", {
|
|
492
|
-
className: rootClassName$
|
|
490
|
+
className: rootClassName$b,
|
|
493
491
|
viewBox: '0 0 24 24',
|
|
494
492
|
fill: 'currentColor',
|
|
495
493
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -498,10 +496,10 @@ var AlignCenterIcon = function AlignCenterIcon() {
|
|
|
498
496
|
}));
|
|
499
497
|
};
|
|
500
498
|
|
|
501
|
-
var rootClassName$
|
|
499
|
+
var rootClassName$c = 'icon-component';
|
|
502
500
|
var ClockIcon = function ClockIcon() {
|
|
503
501
|
return React$1__default.createElement("svg", {
|
|
504
|
-
className: rootClassName$
|
|
502
|
+
className: rootClassName$c,
|
|
505
503
|
viewBox: '0 0 24 24',
|
|
506
504
|
fill: 'currentColor',
|
|
507
505
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -512,10 +510,10 @@ var ClockIcon = function ClockIcon() {
|
|
|
512
510
|
}));
|
|
513
511
|
};
|
|
514
512
|
|
|
515
|
-
var rootClassName$
|
|
513
|
+
var rootClassName$d = 'icon-component';
|
|
516
514
|
var FundoSocialIcon = function FundoSocialIcon() {
|
|
517
515
|
return React$1__default.createElement("svg", {
|
|
518
|
-
className: rootClassName$
|
|
516
|
+
className: rootClassName$d,
|
|
519
517
|
viewBox: '0 0 109 74',
|
|
520
518
|
fill: 'currentColor',
|
|
521
519
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -567,10 +565,10 @@ var FundoSocialIcon = function FundoSocialIcon() {
|
|
|
567
565
|
}));
|
|
568
566
|
};
|
|
569
567
|
|
|
570
|
-
var rootClassName$
|
|
568
|
+
var rootClassName$e = 'icon-component';
|
|
571
569
|
var PlayIcon = function PlayIcon() {
|
|
572
570
|
return React$1__default.createElement("svg", {
|
|
573
|
-
className: rootClassName$
|
|
571
|
+
className: rootClassName$e,
|
|
574
572
|
viewBox: '0 0 20 20',
|
|
575
573
|
fill: 'currentColor',
|
|
576
574
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -581,10 +579,10 @@ var PlayIcon = function PlayIcon() {
|
|
|
581
579
|
}));
|
|
582
580
|
};
|
|
583
581
|
|
|
584
|
-
var rootClassName$
|
|
582
|
+
var rootClassName$f = 'icon-component';
|
|
585
583
|
var AlignJustifyIcon = function AlignJustifyIcon() {
|
|
586
584
|
return React$1__default.createElement("svg", {
|
|
587
|
-
className: rootClassName$
|
|
585
|
+
className: rootClassName$f,
|
|
588
586
|
viewBox: '0 0 24 24',
|
|
589
587
|
fill: 'currentColor',
|
|
590
588
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -593,10 +591,10 @@ var AlignJustifyIcon = function AlignJustifyIcon() {
|
|
|
593
591
|
}));
|
|
594
592
|
};
|
|
595
593
|
|
|
596
|
-
var rootClassName$
|
|
594
|
+
var rootClassName$g = 'icon-component';
|
|
597
595
|
var CloseIcon = function CloseIcon() {
|
|
598
596
|
return React$1__default.createElement("svg", {
|
|
599
|
-
className: rootClassName$
|
|
597
|
+
className: rootClassName$g,
|
|
600
598
|
viewBox: '-2 -2 26 26',
|
|
601
599
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
602
600
|
}, React$1__default.createElement("path", {
|
|
@@ -610,10 +608,10 @@ var CloseIcon = function CloseIcon() {
|
|
|
610
608
|
}));
|
|
611
609
|
};
|
|
612
610
|
|
|
613
|
-
var rootClassName$
|
|
611
|
+
var rootClassName$h = 'icon-component';
|
|
614
612
|
var GlobeIcon = function GlobeIcon() {
|
|
615
613
|
return React$1__default.createElement("svg", {
|
|
616
|
-
className: rootClassName$
|
|
614
|
+
className: rootClassName$h,
|
|
617
615
|
viewBox: '0 0 16 17',
|
|
618
616
|
fill: 'currentColor',
|
|
619
617
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -624,10 +622,10 @@ var GlobeIcon = function GlobeIcon() {
|
|
|
624
622
|
}));
|
|
625
623
|
};
|
|
626
624
|
|
|
627
|
-
var rootClassName$
|
|
625
|
+
var rootClassName$i = 'icon-component';
|
|
628
626
|
var AlignLeftIcon = function AlignLeftIcon() {
|
|
629
627
|
return React$1__default.createElement("svg", {
|
|
630
|
-
className: rootClassName$
|
|
628
|
+
className: rootClassName$i,
|
|
631
629
|
viewBox: '0 0 24 24',
|
|
632
630
|
fill: 'currentColor',
|
|
633
631
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -636,10 +634,10 @@ var AlignLeftIcon = function AlignLeftIcon() {
|
|
|
636
634
|
}));
|
|
637
635
|
};
|
|
638
636
|
|
|
639
|
-
var rootClassName$
|
|
637
|
+
var rootClassName$j = 'icon-component';
|
|
640
638
|
var CloudDownloadIcon = function CloudDownloadIcon() {
|
|
641
639
|
return React$1__default.createElement("svg", {
|
|
642
|
-
className: rootClassName$
|
|
640
|
+
className: rootClassName$j,
|
|
643
641
|
viewBox: '-1 -1 18 14',
|
|
644
642
|
fill: 'currentColor',
|
|
645
643
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -652,10 +650,10 @@ var CloudDownloadIcon = function CloudDownloadIcon() {
|
|
|
652
650
|
}));
|
|
653
651
|
};
|
|
654
652
|
|
|
655
|
-
var rootClassName$
|
|
653
|
+
var rootClassName$k = 'icon-component';
|
|
656
654
|
var GraduationIcon = function GraduationIcon() {
|
|
657
655
|
return React$1__default.createElement("svg", {
|
|
658
|
-
className: rootClassName$
|
|
656
|
+
className: rootClassName$k,
|
|
659
657
|
viewBox: '0 0 24 12',
|
|
660
658
|
fill: 'currentColor',
|
|
661
659
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -666,10 +664,10 @@ var GraduationIcon = function GraduationIcon() {
|
|
|
666
664
|
}));
|
|
667
665
|
};
|
|
668
666
|
|
|
669
|
-
var rootClassName$
|
|
667
|
+
var rootClassName$l = 'icon-component';
|
|
670
668
|
var RedoIcon = function RedoIcon() {
|
|
671
669
|
return React$1__default.createElement("svg", {
|
|
672
|
-
className: rootClassName$
|
|
670
|
+
className: rootClassName$l,
|
|
673
671
|
viewBox: '0 0 24 24',
|
|
674
672
|
fill: 'currentColor',
|
|
675
673
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -678,10 +676,10 @@ var RedoIcon = function RedoIcon() {
|
|
|
678
676
|
}));
|
|
679
677
|
};
|
|
680
678
|
|
|
681
|
-
var rootClassName$
|
|
679
|
+
var rootClassName$m = 'icon-component';
|
|
682
680
|
var AlignRightIcon = function AlignRightIcon() {
|
|
683
681
|
return React$1__default.createElement("svg", {
|
|
684
|
-
className: rootClassName$
|
|
682
|
+
className: rootClassName$m,
|
|
685
683
|
viewBox: '0 0 24 24',
|
|
686
684
|
fill: 'currentColor',
|
|
687
685
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -690,10 +688,10 @@ var AlignRightIcon = function AlignRightIcon() {
|
|
|
690
688
|
}));
|
|
691
689
|
};
|
|
692
690
|
|
|
693
|
-
var rootClassName$
|
|
691
|
+
var rootClassName$n = 'icon-component';
|
|
694
692
|
var CloudUploadIcon = function CloudUploadIcon() {
|
|
695
693
|
return React$1__default.createElement("svg", {
|
|
696
|
-
className: rootClassName$
|
|
694
|
+
className: rootClassName$n,
|
|
697
695
|
viewBox: '-1 -1 18 14',
|
|
698
696
|
fill: 'currentColor',
|
|
699
697
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -706,10 +704,10 @@ var CloudUploadIcon = function CloudUploadIcon() {
|
|
|
706
704
|
}));
|
|
707
705
|
};
|
|
708
706
|
|
|
709
|
-
var rootClassName$
|
|
707
|
+
var rootClassName$o = 'icon-component';
|
|
710
708
|
var HamburgerIcon = function HamburgerIcon() {
|
|
711
709
|
return React$1__default.createElement("svg", {
|
|
712
|
-
className: rootClassName$
|
|
710
|
+
className: rootClassName$o,
|
|
713
711
|
viewBox: '0 0 24 18',
|
|
714
712
|
fill: 'currentColor',
|
|
715
713
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -720,10 +718,10 @@ var HamburgerIcon = function HamburgerIcon() {
|
|
|
720
718
|
}));
|
|
721
719
|
};
|
|
722
720
|
|
|
723
|
-
var rootClassName$
|
|
721
|
+
var rootClassName$p = 'refresh-icon';
|
|
724
722
|
var RefreshIcon = function RefreshIcon(props) {
|
|
725
723
|
return React$1__default.createElement("svg", {
|
|
726
|
-
className: getMergedClassNames([rootClassName$
|
|
724
|
+
className: getMergedClassNames([rootClassName$p, props.animate ? 'animate' : '']),
|
|
727
725
|
viewBox: '0 0 24 20',
|
|
728
726
|
fill: 'none',
|
|
729
727
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -737,10 +735,10 @@ RefreshIcon.defaultProps = {
|
|
|
737
735
|
animate: true
|
|
738
736
|
};
|
|
739
737
|
|
|
740
|
-
var rootClassName$
|
|
738
|
+
var rootClassName$q = 'icon-component';
|
|
741
739
|
var ArrowLeftIcon = function ArrowLeftIcon() {
|
|
742
740
|
return React$1__default.createElement("svg", {
|
|
743
|
-
className: rootClassName$
|
|
741
|
+
className: rootClassName$q,
|
|
744
742
|
viewBox: '0 0 24 24',
|
|
745
743
|
fill: 'currentColor',
|
|
746
744
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -749,10 +747,10 @@ var ArrowLeftIcon = function ArrowLeftIcon() {
|
|
|
749
747
|
}));
|
|
750
748
|
};
|
|
751
749
|
|
|
752
|
-
var rootClassName$
|
|
750
|
+
var rootClassName$r = 'icon-component';
|
|
753
751
|
var ComitesIcon = function ComitesIcon() {
|
|
754
752
|
return React$1__default.createElement("svg", {
|
|
755
|
-
className: rootClassName$
|
|
753
|
+
className: rootClassName$r,
|
|
756
754
|
viewBox: '0 0 24 24',
|
|
757
755
|
fill: 'currentColor',
|
|
758
756
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -763,10 +761,10 @@ var ComitesIcon = function ComitesIcon() {
|
|
|
763
761
|
}));
|
|
764
762
|
};
|
|
765
763
|
|
|
766
|
-
var rootClassName$
|
|
764
|
+
var rootClassName$s = 'icon-component';
|
|
767
765
|
var HandUpIcon = function HandUpIcon() {
|
|
768
766
|
return React$1__default.createElement("svg", {
|
|
769
|
-
className: rootClassName$
|
|
767
|
+
className: rootClassName$s,
|
|
770
768
|
viewBox: '0 0 24 24',
|
|
771
769
|
fill: 'currentColor',
|
|
772
770
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -778,10 +776,10 @@ var HandUpIcon = function HandUpIcon() {
|
|
|
778
776
|
}));
|
|
779
777
|
};
|
|
780
778
|
|
|
781
|
-
var rootClassName$
|
|
779
|
+
var rootClassName$t = 'icon-component';
|
|
782
780
|
var SearchIcon = function SearchIcon() {
|
|
783
781
|
return React$1__default.createElement("svg", {
|
|
784
|
-
className: rootClassName$
|
|
782
|
+
className: rootClassName$t,
|
|
785
783
|
viewBox: '0 0 24 24',
|
|
786
784
|
fill: 'currentColor',
|
|
787
785
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -792,10 +790,10 @@ var SearchIcon = function SearchIcon() {
|
|
|
792
790
|
}));
|
|
793
791
|
};
|
|
794
792
|
|
|
795
|
-
var rootClassName$
|
|
793
|
+
var rootClassName$u = 'icon-component';
|
|
796
794
|
var ArrowRightIcon = function ArrowRightIcon() {
|
|
797
795
|
return React$1__default.createElement("svg", {
|
|
798
|
-
className: rootClassName$
|
|
796
|
+
className: rootClassName$u,
|
|
799
797
|
viewBox: '0 0 24 24',
|
|
800
798
|
fill: 'currentColor',
|
|
801
799
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -806,10 +804,10 @@ var ArrowRightIcon = function ArrowRightIcon() {
|
|
|
806
804
|
}));
|
|
807
805
|
};
|
|
808
806
|
|
|
809
|
-
var rootClassName$
|
|
807
|
+
var rootClassName$v = 'icon-component';
|
|
810
808
|
var ComunidadeIcon = function ComunidadeIcon() {
|
|
811
809
|
return React$1__default.createElement("svg", {
|
|
812
|
-
className: rootClassName$
|
|
810
|
+
className: rootClassName$v,
|
|
813
811
|
viewBox: '0 0 24 24',
|
|
814
812
|
fill: 'currentColor',
|
|
815
813
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -820,10 +818,10 @@ var ComunidadeIcon = function ComunidadeIcon() {
|
|
|
820
818
|
}));
|
|
821
819
|
};
|
|
822
820
|
|
|
823
|
-
var rootClassName$
|
|
821
|
+
var rootClassName$w = 'icon-component';
|
|
824
822
|
var HomeIcon = function HomeIcon() {
|
|
825
823
|
return React$1__default.createElement("svg", {
|
|
826
|
-
className: rootClassName$
|
|
824
|
+
className: rootClassName$w,
|
|
827
825
|
viewBox: '0 0 20 20',
|
|
828
826
|
fill: 'currentColor',
|
|
829
827
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -834,10 +832,10 @@ var HomeIcon = function HomeIcon() {
|
|
|
834
832
|
}));
|
|
835
833
|
};
|
|
836
834
|
|
|
837
|
-
var rootClassName$
|
|
835
|
+
var rootClassName$x = 'icon-component';
|
|
838
836
|
var SettingsIcon = function SettingsIcon() {
|
|
839
837
|
return React$1__default.createElement("svg", {
|
|
840
|
-
className: rootClassName$
|
|
838
|
+
className: rootClassName$x,
|
|
841
839
|
viewBox: '0 0 19 20',
|
|
842
840
|
fill: 'currentColor',
|
|
843
841
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -848,10 +846,10 @@ var SettingsIcon = function SettingsIcon() {
|
|
|
848
846
|
}));
|
|
849
847
|
};
|
|
850
848
|
|
|
851
|
-
var rootClassName$
|
|
849
|
+
var rootClassName$y = 'icon-component';
|
|
852
850
|
var AssembleiasIcon = function AssembleiasIcon() {
|
|
853
851
|
return React$1__default.createElement("svg", {
|
|
854
|
-
className: rootClassName$
|
|
852
|
+
className: rootClassName$y,
|
|
855
853
|
viewBox: '0 0 20 19',
|
|
856
854
|
fill: 'currentColor',
|
|
857
855
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -862,10 +860,10 @@ var AssembleiasIcon = function AssembleiasIcon() {
|
|
|
862
860
|
}));
|
|
863
861
|
};
|
|
864
862
|
|
|
865
|
-
var rootClassName$
|
|
863
|
+
var rootClassName$z = 'icon-component';
|
|
866
864
|
var CreditIcon = function CreditIcon() {
|
|
867
865
|
return React$1__default.createElement("svg", {
|
|
868
|
-
className: rootClassName$
|
|
866
|
+
className: rootClassName$z,
|
|
869
867
|
viewBox: '0 0 24 24',
|
|
870
868
|
fill: 'currentColor',
|
|
871
869
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -876,10 +874,10 @@ var CreditIcon = function CreditIcon() {
|
|
|
876
874
|
}));
|
|
877
875
|
};
|
|
878
876
|
|
|
879
|
-
var rootClassName$
|
|
877
|
+
var rootClassName$A = 'icon-component';
|
|
880
878
|
var InformationIcon = function InformationIcon() {
|
|
881
879
|
return React$1__default.createElement("svg", {
|
|
882
|
-
className: rootClassName$
|
|
880
|
+
className: rootClassName$A,
|
|
883
881
|
viewBox: '0 0 24 24',
|
|
884
882
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
885
883
|
}, React$1__default.createElement("path", {
|
|
@@ -904,7 +902,7 @@ var InformationIcon = function InformationIcon() {
|
|
|
904
902
|
SicrediLogoTheme["Branco"] = "branco";
|
|
905
903
|
})(exports.SicrediLogoTheme || (exports.SicrediLogoTheme = {}));
|
|
906
904
|
|
|
907
|
-
var rootClassName$
|
|
905
|
+
var rootClassName$B = 'sicredi-logo';
|
|
908
906
|
var SicrediLogo = function SicrediLogo(props) {
|
|
909
907
|
var primaryColor = React$1.useMemo(function () {
|
|
910
908
|
return props.theme === exports.SicrediLogoTheme.Verde ? '#3fa110' : '#FFFFFF';
|
|
@@ -913,7 +911,7 @@ var SicrediLogo = function SicrediLogo(props) {
|
|
|
913
911
|
return props.theme === exports.SicrediLogoTheme.Verde ? '#146e37' : '#DDDDDD';
|
|
914
912
|
}, [props.theme]);
|
|
915
913
|
return React$1__default.createElement("div", {
|
|
916
|
-
className: rootClassName$
|
|
914
|
+
className: rootClassName$B
|
|
917
915
|
}, React$1__default.createElement("svg", {
|
|
918
916
|
xmlns: 'http://www.w3.org/2000/svg',
|
|
919
917
|
height: props.height,
|
|
@@ -985,7 +983,7 @@ var SicrediLogo = function SicrediLogo(props) {
|
|
|
985
983
|
fill: secondaryColor
|
|
986
984
|
})), React$1__default.createElement("path", {
|
|
987
985
|
id: 'Caminho_17',
|
|
988
|
-
className: props.hideLetters ? rootClassName$
|
|
986
|
+
className: props.hideLetters ? rootClassName$B + "-hide-letters" : '',
|
|
989
987
|
d: 'M10.1-443.483c-9.423,0-13.509,2.213-14.738,11.284-.7,5.5,1.692,8.706,7.779,11.223l8.323,3.078c2.517.936,3.239,1.05,2.888,3.8-.527,3.512-2.579,3.876-7.9,3.876-6.385.114-5.945.176-13.377,0l-1.216,7.829c5.587.152,12.69.413,15.5.413,10.71,0,16.132-3.046,17.3-12.118.761-6.028-2.17-9.539-8.349-11.587L8.843-428.34c-2.926-1.112-3.186-1.549-2.806-3.742.5-3.333,1.837-3.537,6.11-3.479,4.437-.023,10.621-.023,14.12,0l1.14-7.922C17.3-443.567,10.1-443.483,10.1-443.483Zm23.745-.092-1.179,8.039,9.977.023,1.126-8.115Zm3.705,41.21,4.348-29h-9.93l-4.3,29Zm24-29.784c-10.359,0-15.01,4.243-16.532,15.011-1.58,11.12,3,15.468,13.3,15.468,3.687,0,8.095-.228,11.553-1.368l.95-6.841a95.169,95.169,0,0,1-10.717.608c-4.975,0-5.628-1.206-4.75-8.171.819-6.73,4.026-7.107,9.235-7.107,2.107,0,5,.034,8.392.092l.995-6.477C67.562-432.377,65.092-432.035,61.557-432.149Zm39.772.691c-5.048-.331-9.44,1.627-13.771,5.724l-.092-5.724-7.838.049-4.407,29.13h9.952l2.477-16.983c2.871-1.974,4.976-3.524,9.535-2.964Zm17.462-.767c-10.641-.418-17.04,2.391-18.555,14.784-1.406,12.013,4.213,16.015,15.589,15.772,3.921,0,10.017-.8,13.646-2.324l-1.23-5.87c-3.453.41-9.606.746-12.415.746-3.629,0-5.394-1.1-5.394-4.066l9.8-.684c7.433-.527,10.886-2.97,11.705-8.589C132.818-428.6,129.47-432.035,118.791-432.226Zm3.458,9.577c-.76,2.28-1.293,2.877-4.219,3.111l-6.84.537c.995-5.853,2.392-6.119,6.84-6.119C121.659-425.177,122.484-425.341,122.249-422.649Zm47.689-20.784h-9.952l-.869,6.1c-.293,2.048-.422,3.542-.87,5.861a67.447,67.447,0,0,0-9.859-.669c-6.438,0-11.974,2.417-13.73,15.059-1.522,11.53,2.435,15.409,8.58,15.409a18.318,18.318,0,0,0,12.551-5.417l-.092,4.807,7.92.049Zm-25.132,26.047c1.334-8,2.378-7.862,7.856-8.112h4.531l-1.882,11.754c-3.219,2.809-5.468,4.239-8.453,4.3C143.991-409.329,143.928-410.889,144.806-417.385Zm31.31-26.138-1.188,8.009,9.907-.037,1.177-8.065Zm3.694,41.243,4.407-29.13h-9.894l-4.407,29.13Z',
|
|
990
988
|
fill: primaryColor
|
|
991
989
|
}))));
|
|
@@ -996,10 +994,10 @@ SicrediLogo.defaultProps = {
|
|
|
996
994
|
hideLetters: false
|
|
997
995
|
};
|
|
998
996
|
|
|
999
|
-
var rootClassName$
|
|
997
|
+
var rootClassName$C = 'icon-component';
|
|
1000
998
|
var ATMIcon = function ATMIcon() {
|
|
1001
999
|
return React$1__default.createElement("svg", {
|
|
1002
|
-
className: rootClassName$
|
|
1000
|
+
className: rootClassName$C,
|
|
1003
1001
|
viewBox: '0 0 24 19',
|
|
1004
1002
|
fill: 'currentColor',
|
|
1005
1003
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -1010,10 +1008,10 @@ var ATMIcon = function ATMIcon() {
|
|
|
1010
1008
|
}));
|
|
1011
1009
|
};
|
|
1012
1010
|
|
|
1013
|
-
var rootClassName$
|
|
1011
|
+
var rootClassName$D = 'icon-component';
|
|
1014
1012
|
var InvestimentIcon = function InvestimentIcon() {
|
|
1015
1013
|
return React$1__default.createElement("svg", {
|
|
1016
|
-
className: rootClassName$
|
|
1014
|
+
className: rootClassName$D,
|
|
1017
1015
|
viewBox: '0 0 24 24',
|
|
1018
1016
|
fill: 'currentColor',
|
|
1019
1017
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -1024,10 +1022,10 @@ var InvestimentIcon = function InvestimentIcon() {
|
|
|
1024
1022
|
}));
|
|
1025
1023
|
};
|
|
1026
1024
|
|
|
1027
|
-
var rootClassName$
|
|
1025
|
+
var rootClassName$E = 'icon-component';
|
|
1028
1026
|
var SquaresIcon = function SquaresIcon() {
|
|
1029
1027
|
return React$1__default.createElement("svg", {
|
|
1030
|
-
className: rootClassName$
|
|
1028
|
+
className: rootClassName$E,
|
|
1031
1029
|
viewBox: '0 0 24 24',
|
|
1032
1030
|
fill: 'currentColor',
|
|
1033
1031
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -1038,10 +1036,10 @@ var SquaresIcon = function SquaresIcon() {
|
|
|
1038
1036
|
}));
|
|
1039
1037
|
};
|
|
1040
1038
|
|
|
1041
|
-
var rootClassName$
|
|
1039
|
+
var rootClassName$F = 'icon-component';
|
|
1042
1040
|
var BackOfficeIcon = function BackOfficeIcon() {
|
|
1043
1041
|
return React$1__default.createElement("svg", {
|
|
1044
|
-
className: rootClassName$
|
|
1042
|
+
className: rootClassName$F,
|
|
1045
1043
|
viewBox: '0 0 20 20',
|
|
1046
1044
|
fill: 'currentColor',
|
|
1047
1045
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -1155,10 +1153,10 @@ CrescerLogo.defaultProps = {
|
|
|
1155
1153
|
letterColor: '#3FA110'
|
|
1156
1154
|
};
|
|
1157
1155
|
|
|
1158
|
-
var rootClassName$
|
|
1156
|
+
var rootClassName$G = 'icon-component';
|
|
1159
1157
|
var ItalicIcon = function ItalicIcon() {
|
|
1160
1158
|
return React$1__default.createElement("svg", {
|
|
1161
|
-
className: rootClassName$
|
|
1159
|
+
className: rootClassName$G,
|
|
1162
1160
|
viewBox: '0 0 24 24',
|
|
1163
1161
|
fill: 'currentColor',
|
|
1164
1162
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -1167,10 +1165,10 @@ var ItalicIcon = function ItalicIcon() {
|
|
|
1167
1165
|
}));
|
|
1168
1166
|
};
|
|
1169
1167
|
|
|
1170
|
-
var rootClassName$
|
|
1168
|
+
var rootClassName$H = 'icon-component';
|
|
1171
1169
|
var SustentabilidadeIcon = function SustentabilidadeIcon() {
|
|
1172
1170
|
return React$1__default.createElement("svg", {
|
|
1173
|
-
className: rootClassName$
|
|
1171
|
+
className: rootClassName$H,
|
|
1174
1172
|
viewBox: '0 0 24 24',
|
|
1175
1173
|
fill: 'currentColor',
|
|
1176
1174
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -1182,10 +1180,10 @@ var SustentabilidadeIcon = function SustentabilidadeIcon() {
|
|
|
1182
1180
|
}));
|
|
1183
1181
|
};
|
|
1184
1182
|
|
|
1185
|
-
var rootClassName$
|
|
1183
|
+
var rootClassName$I = 'icon-component';
|
|
1186
1184
|
var BarChartIcon = function BarChartIcon() {
|
|
1187
1185
|
return React$1__default.createElement("svg", {
|
|
1188
|
-
className: rootClassName$
|
|
1186
|
+
className: rootClassName$I,
|
|
1189
1187
|
viewBox: '0 0 24 24',
|
|
1190
1188
|
fill: 'currentColor',
|
|
1191
1189
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -1196,10 +1194,10 @@ var BarChartIcon = function BarChartIcon() {
|
|
|
1196
1194
|
}));
|
|
1197
1195
|
};
|
|
1198
1196
|
|
|
1199
|
-
var rootClassName$
|
|
1197
|
+
var rootClassName$J = 'icon-component';
|
|
1200
1198
|
var DownloadIcon = function DownloadIcon() {
|
|
1201
1199
|
return React$1__default.createElement("svg", {
|
|
1202
|
-
className: rootClassName$
|
|
1200
|
+
className: rootClassName$J,
|
|
1203
1201
|
viewBox: '0 0 24 24',
|
|
1204
1202
|
fill: 'currentColor',
|
|
1205
1203
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -1212,10 +1210,10 @@ var DownloadIcon = function DownloadIcon() {
|
|
|
1212
1210
|
})));
|
|
1213
1211
|
};
|
|
1214
1212
|
|
|
1215
|
-
var rootClassName$
|
|
1213
|
+
var rootClassName$K = 'icon-component';
|
|
1216
1214
|
var LinkIcon = function LinkIcon() {
|
|
1217
1215
|
return React$1__default.createElement("svg", {
|
|
1218
|
-
className: rootClassName$
|
|
1216
|
+
className: rootClassName$K,
|
|
1219
1217
|
viewBox: '0 0 24 24',
|
|
1220
1218
|
fill: 'currentColor',
|
|
1221
1219
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -1224,18 +1222,18 @@ var LinkIcon = function LinkIcon() {
|
|
|
1224
1222
|
}));
|
|
1225
1223
|
};
|
|
1226
1224
|
|
|
1227
|
-
var rootClassName$
|
|
1225
|
+
var rootClassName$L = 'loader-three-dots';
|
|
1228
1226
|
var ThreeDotsLoader = function ThreeDotsLoader(props) {
|
|
1229
1227
|
return React$1__default.createElement("div", {
|
|
1230
|
-
className: getMergedClassNames([rootClassName$
|
|
1228
|
+
className: getMergedClassNames([rootClassName$L, rootClassName$L + "-" + (props.theme ? props.theme : 'primary'), rootClassName$L + "-size-" + (props.size ? props.size : 3)]),
|
|
1231
1229
|
style: props.style
|
|
1232
1230
|
}, React$1__default.createElement("div", null), React$1__default.createElement("div", null), React$1__default.createElement("div", null));
|
|
1233
1231
|
};
|
|
1234
1232
|
|
|
1235
|
-
var rootClassName$
|
|
1233
|
+
var rootClassName$M = 'icon-component';
|
|
1236
1234
|
var BeeIcon = function BeeIcon() {
|
|
1237
1235
|
return React$1__default.createElement("svg", {
|
|
1238
|
-
className: rootClassName$
|
|
1236
|
+
className: rootClassName$M,
|
|
1239
1237
|
viewBox: '0 0 24 24',
|
|
1240
1238
|
fill: 'currentColor',
|
|
1241
1239
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -1254,10 +1252,10 @@ var BeeIcon = function BeeIcon() {
|
|
|
1254
1252
|
}))));
|
|
1255
1253
|
};
|
|
1256
1254
|
|
|
1257
|
-
var rootClassName$
|
|
1255
|
+
var rootClassName$N = 'icon-component';
|
|
1258
1256
|
var DraggableIcon = function DraggableIcon() {
|
|
1259
1257
|
return React$1__default.createElement("svg", {
|
|
1260
|
-
className: rootClassName$
|
|
1258
|
+
className: rootClassName$N,
|
|
1261
1259
|
viewBox: '0 0 22 24',
|
|
1262
1260
|
fill: 'currentColor',
|
|
1263
1261
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -1289,10 +1287,10 @@ var DraggableIcon = function DraggableIcon() {
|
|
|
1289
1287
|
})));
|
|
1290
1288
|
};
|
|
1291
1289
|
|
|
1292
|
-
var rootClassName$
|
|
1290
|
+
var rootClassName$O = 'icon-component';
|
|
1293
1291
|
var LinksUteisIcon = function LinksUteisIcon() {
|
|
1294
1292
|
return React$1__default.createElement("svg", {
|
|
1295
|
-
className: rootClassName$
|
|
1293
|
+
className: rootClassName$O,
|
|
1296
1294
|
viewBox: '0 0 24 24',
|
|
1297
1295
|
fill: 'currentColor',
|
|
1298
1296
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -1304,10 +1302,10 @@ var LinksUteisIcon = function LinksUteisIcon() {
|
|
|
1304
1302
|
}));
|
|
1305
1303
|
};
|
|
1306
1304
|
|
|
1307
|
-
var rootClassName$
|
|
1305
|
+
var rootClassName$P = 'icon-component';
|
|
1308
1306
|
var ThumbsUpIcon = function ThumbsUpIcon() {
|
|
1309
1307
|
return React$1__default.createElement("svg", {
|
|
1310
|
-
className: rootClassName$
|
|
1308
|
+
className: rootClassName$P,
|
|
1311
1309
|
viewBox: '0 0 24 24',
|
|
1312
1310
|
fill: 'currentColor',
|
|
1313
1311
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -1318,10 +1316,10 @@ var ThumbsUpIcon = function ThumbsUpIcon() {
|
|
|
1318
1316
|
}));
|
|
1319
1317
|
};
|
|
1320
1318
|
|
|
1321
|
-
var rootClassName$
|
|
1319
|
+
var rootClassName$Q = 'icon-component';
|
|
1322
1320
|
var EditIcon = function EditIcon() {
|
|
1323
1321
|
return React$1__default.createElement("svg", {
|
|
1324
|
-
className: rootClassName$
|
|
1322
|
+
className: rootClassName$Q,
|
|
1325
1323
|
viewBox: '0 0 20 20',
|
|
1326
1324
|
fill: 'currentColor',
|
|
1327
1325
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -1332,10 +1330,10 @@ var EditIcon = function EditIcon() {
|
|
|
1332
1330
|
}));
|
|
1333
1331
|
};
|
|
1334
1332
|
|
|
1335
|
-
var rootClassName$
|
|
1333
|
+
var rootClassName$R = 'icon-component';
|
|
1336
1334
|
var ListDotIcon = function ListDotIcon() {
|
|
1337
1335
|
return React$1__default.createElement("svg", {
|
|
1338
|
-
className: rootClassName$
|
|
1336
|
+
className: rootClassName$R,
|
|
1339
1337
|
viewBox: '0 0 7 7',
|
|
1340
1338
|
fill: 'currentColor',
|
|
1341
1339
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -1346,10 +1344,10 @@ var ListDotIcon = function ListDotIcon() {
|
|
|
1346
1344
|
}));
|
|
1347
1345
|
};
|
|
1348
1346
|
|
|
1349
|
-
var rootClassName$
|
|
1347
|
+
var rootClassName$S = 'icon-component';
|
|
1350
1348
|
var TimesCircleIcon = function TimesCircleIcon() {
|
|
1351
1349
|
return React$1__default.createElement("svg", {
|
|
1352
|
-
className: rootClassName$
|
|
1350
|
+
className: rootClassName$S,
|
|
1353
1351
|
viewBox: '-1 -1 18 18',
|
|
1354
1352
|
fill: 'currentColor',
|
|
1355
1353
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -1360,10 +1358,10 @@ var TimesCircleIcon = function TimesCircleIcon() {
|
|
|
1360
1358
|
}));
|
|
1361
1359
|
};
|
|
1362
1360
|
|
|
1363
|
-
var rootClassName$
|
|
1361
|
+
var rootClassName$T = 'icon-component';
|
|
1364
1362
|
var BoldIcon = function BoldIcon() {
|
|
1365
1363
|
return React$1__default.createElement("svg", {
|
|
1366
|
-
className: rootClassName$
|
|
1364
|
+
className: rootClassName$T,
|
|
1367
1365
|
viewBox: '0 0 24 24',
|
|
1368
1366
|
fill: 'currentColor',
|
|
1369
1367
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -1372,10 +1370,10 @@ var BoldIcon = function BoldIcon() {
|
|
|
1372
1370
|
}));
|
|
1373
1371
|
};
|
|
1374
1372
|
|
|
1375
|
-
var rootClassName$
|
|
1373
|
+
var rootClassName$U = 'icon-component';
|
|
1376
1374
|
var EvidenciasIcon = function EvidenciasIcon() {
|
|
1377
1375
|
return React$1__default.createElement("svg", {
|
|
1378
|
-
className: rootClassName$
|
|
1376
|
+
className: rootClassName$U,
|
|
1379
1377
|
viewBox: '0 0 26 25',
|
|
1380
1378
|
fill: 'currentColor',
|
|
1381
1379
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -1386,10 +1384,10 @@ var EvidenciasIcon = function EvidenciasIcon() {
|
|
|
1386
1384
|
}));
|
|
1387
1385
|
};
|
|
1388
1386
|
|
|
1389
|
-
var rootClassName$
|
|
1387
|
+
var rootClassName$V = 'icon-component';
|
|
1390
1388
|
var ListIcon = function ListIcon() {
|
|
1391
1389
|
return React$1__default.createElement("svg", {
|
|
1392
|
-
className: rootClassName$
|
|
1390
|
+
className: rootClassName$V,
|
|
1393
1391
|
viewBox: '0 0 24 24',
|
|
1394
1392
|
fill: 'currentColor',
|
|
1395
1393
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -1400,10 +1398,10 @@ var ListIcon = function ListIcon() {
|
|
|
1400
1398
|
}));
|
|
1401
1399
|
};
|
|
1402
1400
|
|
|
1403
|
-
var rootClassName$
|
|
1401
|
+
var rootClassName$W = 'icon-component';
|
|
1404
1402
|
var TransferenciaIcon = function TransferenciaIcon() {
|
|
1405
1403
|
return React$1__default.createElement("svg", {
|
|
1406
|
-
className: rootClassName$
|
|
1404
|
+
className: rootClassName$W,
|
|
1407
1405
|
viewBox: '0 0 19 20',
|
|
1408
1406
|
fill: 'currentColor',
|
|
1409
1407
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -1414,10 +1412,10 @@ var TransferenciaIcon = function TransferenciaIcon() {
|
|
|
1414
1412
|
}));
|
|
1415
1413
|
};
|
|
1416
1414
|
|
|
1417
|
-
var rootClassName$
|
|
1415
|
+
var rootClassName$X = 'icon-component';
|
|
1418
1416
|
var CalendarIcon = function CalendarIcon() {
|
|
1419
1417
|
return React$1__default.createElement("svg", {
|
|
1420
|
-
className: rootClassName$
|
|
1418
|
+
className: rootClassName$X,
|
|
1421
1419
|
viewBox: '0 0 24 24',
|
|
1422
1420
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
1423
1421
|
}, React$1__default.createElement("path", {
|
|
@@ -1427,10 +1425,10 @@ var CalendarIcon = function CalendarIcon() {
|
|
|
1427
1425
|
}));
|
|
1428
1426
|
};
|
|
1429
1427
|
|
|
1430
|
-
var rootClassName$
|
|
1428
|
+
var rootClassName$Y = 'icon-component';
|
|
1431
1429
|
var ExclamationIcon = function ExclamationIcon() {
|
|
1432
1430
|
return React$1__default.createElement("svg", {
|
|
1433
|
-
className: rootClassName$
|
|
1431
|
+
className: rootClassName$Y,
|
|
1434
1432
|
viewBox: '0 0 24 24',
|
|
1435
1433
|
xmlns: 'http://www.w3.org/2000/svg',
|
|
1436
1434
|
fill: 'currentColor'
|
|
@@ -1441,10 +1439,10 @@ var ExclamationIcon = function ExclamationIcon() {
|
|
|
1441
1439
|
}));
|
|
1442
1440
|
};
|
|
1443
1441
|
|
|
1444
|
-
var rootClassName$
|
|
1442
|
+
var rootClassName$Z = 'icon-component';
|
|
1445
1443
|
var TrashIcon = function TrashIcon() {
|
|
1446
1444
|
return React$1__default.createElement("svg", {
|
|
1447
|
-
className: rootClassName$
|
|
1445
|
+
className: rootClassName$Z,
|
|
1448
1446
|
viewBox: '0 0 24 24',
|
|
1449
1447
|
fill: 'currentColor',
|
|
1450
1448
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -1455,10 +1453,10 @@ var TrashIcon = function TrashIcon() {
|
|
|
1455
1453
|
}));
|
|
1456
1454
|
};
|
|
1457
1455
|
|
|
1458
|
-
var rootClassName
|
|
1456
|
+
var rootClassName$_ = 'icon-component';
|
|
1459
1457
|
var CardsIcon = function CardsIcon() {
|
|
1460
1458
|
return React$1__default.createElement("svg", {
|
|
1461
|
-
className: rootClassName
|
|
1459
|
+
className: rootClassName$_,
|
|
1462
1460
|
viewBox: '0 0 24 24',
|
|
1463
1461
|
fill: 'currentColor',
|
|
1464
1462
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -1469,10 +1467,10 @@ var CardsIcon = function CardsIcon() {
|
|
|
1469
1467
|
}));
|
|
1470
1468
|
};
|
|
1471
1469
|
|
|
1472
|
-
var rootClassName
|
|
1470
|
+
var rootClassName$$ = 'icon-component';
|
|
1473
1471
|
var ExitIconArrowLeft = function ExitIconArrowLeft() {
|
|
1474
1472
|
return React$1__default.createElement("svg", {
|
|
1475
|
-
className: rootClassName
|
|
1473
|
+
className: rootClassName$$,
|
|
1476
1474
|
viewBox: '0 0 20 20',
|
|
1477
1475
|
fill: 'currentColor',
|
|
1478
1476
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -1483,10 +1481,10 @@ var ExitIconArrowLeft = function ExitIconArrowLeft() {
|
|
|
1483
1481
|
}));
|
|
1484
1482
|
};
|
|
1485
1483
|
|
|
1486
|
-
var rootClassName$
|
|
1484
|
+
var rootClassName$10 = 'icon-component';
|
|
1487
1485
|
var LocalIcon = function LocalIcon() {
|
|
1488
1486
|
return React$1__default.createElement("svg", {
|
|
1489
|
-
className: rootClassName$
|
|
1487
|
+
className: rootClassName$10,
|
|
1490
1488
|
viewBox: '0 0 24 23',
|
|
1491
1489
|
fill: 'currentColor',
|
|
1492
1490
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -1514,10 +1512,10 @@ TrianguloInferior.defaultProps = {
|
|
|
1514
1512
|
height: 203.68
|
|
1515
1513
|
};
|
|
1516
1514
|
|
|
1517
|
-
var rootClassName$
|
|
1515
|
+
var rootClassName$11 = 'icon-component';
|
|
1518
1516
|
var ExitIconArrowRight = function ExitIconArrowRight() {
|
|
1519
1517
|
return React$1__default.createElement("svg", {
|
|
1520
|
-
className: rootClassName$
|
|
1518
|
+
className: rootClassName$11,
|
|
1521
1519
|
viewBox: '0 0 20 20',
|
|
1522
1520
|
fill: 'currentColor',
|
|
1523
1521
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -1528,10 +1526,10 @@ var ExitIconArrowRight = function ExitIconArrowRight() {
|
|
|
1528
1526
|
}));
|
|
1529
1527
|
};
|
|
1530
1528
|
|
|
1531
|
-
var rootClassName$
|
|
1529
|
+
var rootClassName$12 = 'icon-component';
|
|
1532
1530
|
var LockIcon = function LockIcon() {
|
|
1533
1531
|
return React$1__default.createElement("svg", {
|
|
1534
|
-
className: rootClassName$
|
|
1532
|
+
className: rootClassName$12,
|
|
1535
1533
|
viewBox: '0 0 24 24',
|
|
1536
1534
|
fill: 'currentColor',
|
|
1537
1535
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -1542,10 +1540,10 @@ var LockIcon = function LockIcon() {
|
|
|
1542
1540
|
}));
|
|
1543
1541
|
};
|
|
1544
1542
|
|
|
1545
|
-
var rootClassName$
|
|
1543
|
+
var rootClassName$13 = 'icon-component';
|
|
1546
1544
|
var TwoFileIcon = function TwoFileIcon() {
|
|
1547
1545
|
return React$1__default.createElement("svg", {
|
|
1548
|
-
className: rootClassName$
|
|
1546
|
+
className: rootClassName$13,
|
|
1549
1547
|
viewBox: '0 0 20 26',
|
|
1550
1548
|
fill: 'currentColor',
|
|
1551
1549
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -1556,10 +1554,10 @@ var TwoFileIcon = function TwoFileIcon() {
|
|
|
1556
1554
|
}));
|
|
1557
1555
|
};
|
|
1558
1556
|
|
|
1559
|
-
var rootClassName$
|
|
1557
|
+
var rootClassName$14 = 'icon-component';
|
|
1560
1558
|
var CheckCircleIcon = function CheckCircleIcon() {
|
|
1561
1559
|
return React$1__default.createElement("svg", {
|
|
1562
|
-
className: rootClassName$
|
|
1560
|
+
className: rootClassName$14,
|
|
1563
1561
|
viewBox: '-1 -1 18 18',
|
|
1564
1562
|
fill: 'currentColor',
|
|
1565
1563
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -1570,10 +1568,10 @@ var CheckCircleIcon = function CheckCircleIcon() {
|
|
|
1570
1568
|
}));
|
|
1571
1569
|
};
|
|
1572
1570
|
|
|
1573
|
-
var rootClassName$
|
|
1571
|
+
var rootClassName$15 = 'icon-component';
|
|
1574
1572
|
var EyeIcon = function EyeIcon() {
|
|
1575
1573
|
return React$1__default.createElement("svg", {
|
|
1576
|
-
className: rootClassName$
|
|
1574
|
+
className: rootClassName$15,
|
|
1577
1575
|
viewBox: '0 0 24 24',
|
|
1578
1576
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
1579
1577
|
}, React$1__default.createElement("path", {
|
|
@@ -1584,10 +1582,10 @@ var EyeIcon = function EyeIcon() {
|
|
|
1584
1582
|
}));
|
|
1585
1583
|
};
|
|
1586
1584
|
|
|
1587
|
-
var rootClassName$
|
|
1585
|
+
var rootClassName$16 = 'icon-component';
|
|
1588
1586
|
var MessageIcon = function MessageIcon() {
|
|
1589
1587
|
return React$1__default.createElement("svg", {
|
|
1590
|
-
className: rootClassName$
|
|
1588
|
+
className: rootClassName$16,
|
|
1591
1589
|
viewBox: '0 0 20 20',
|
|
1592
1590
|
fill: 'currentColor',
|
|
1593
1591
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -1598,10 +1596,10 @@ var MessageIcon = function MessageIcon() {
|
|
|
1598
1596
|
}));
|
|
1599
1597
|
};
|
|
1600
1598
|
|
|
1601
|
-
var rootClassName$
|
|
1599
|
+
var rootClassName$17 = 'icon-component';
|
|
1602
1600
|
var UnderlineIcon = function UnderlineIcon() {
|
|
1603
1601
|
return React$1__default.createElement("svg", {
|
|
1604
|
-
className: rootClassName$
|
|
1602
|
+
className: rootClassName$17,
|
|
1605
1603
|
viewBox: '0 0 24 24',
|
|
1606
1604
|
fill: 'currentColor',
|
|
1607
1605
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -1610,10 +1608,10 @@ var UnderlineIcon = function UnderlineIcon() {
|
|
|
1610
1608
|
}));
|
|
1611
1609
|
};
|
|
1612
1610
|
|
|
1613
|
-
var rootClassName$
|
|
1611
|
+
var rootClassName$18 = 'icon-component';
|
|
1614
1612
|
var CheckIcon = function CheckIcon() {
|
|
1615
1613
|
return React$1__default.createElement("svg", {
|
|
1616
|
-
className: rootClassName$
|
|
1614
|
+
className: rootClassName$18,
|
|
1617
1615
|
viewBox: '0 0 24 24',
|
|
1618
1616
|
fill: 'currentColor',
|
|
1619
1617
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -1624,10 +1622,10 @@ var CheckIcon = function CheckIcon() {
|
|
|
1624
1622
|
}));
|
|
1625
1623
|
};
|
|
1626
1624
|
|
|
1627
|
-
var rootClassName$
|
|
1625
|
+
var rootClassName$19 = 'icon-component';
|
|
1628
1626
|
var FilePlusIcon = function FilePlusIcon() {
|
|
1629
1627
|
return React$1__default.createElement("svg", {
|
|
1630
|
-
className: rootClassName$
|
|
1628
|
+
className: rootClassName$19,
|
|
1631
1629
|
viewBox: '0 0 24 24',
|
|
1632
1630
|
fill: 'currentColor',
|
|
1633
1631
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -1638,10 +1636,10 @@ var FilePlusIcon = function FilePlusIcon() {
|
|
|
1638
1636
|
}));
|
|
1639
1637
|
};
|
|
1640
1638
|
|
|
1641
|
-
var rootClassName$
|
|
1639
|
+
var rootClassName$1a = 'icon-component';
|
|
1642
1640
|
var MoneyFileIcon = function MoneyFileIcon() {
|
|
1643
1641
|
return React$1__default.createElement("svg", {
|
|
1644
|
-
className: rootClassName$
|
|
1642
|
+
className: rootClassName$1a,
|
|
1645
1643
|
viewBox: '0 0 20 20',
|
|
1646
1644
|
fill: 'currentColor',
|
|
1647
1645
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -1652,10 +1650,10 @@ var MoneyFileIcon = function MoneyFileIcon() {
|
|
|
1652
1650
|
}));
|
|
1653
1651
|
};
|
|
1654
1652
|
|
|
1655
|
-
var rootClassName$
|
|
1653
|
+
var rootClassName$1b = 'icon-component';
|
|
1656
1654
|
var UndoIcon = function UndoIcon() {
|
|
1657
1655
|
return React$1__default.createElement("svg", {
|
|
1658
|
-
className: rootClassName$
|
|
1656
|
+
className: rootClassName$1b,
|
|
1659
1657
|
viewBox: '0 0 24 24',
|
|
1660
1658
|
fill: 'currentColor',
|
|
1661
1659
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -1664,10 +1662,10 @@ var UndoIcon = function UndoIcon() {
|
|
|
1664
1662
|
}));
|
|
1665
1663
|
};
|
|
1666
1664
|
|
|
1667
|
-
var rootClassName$
|
|
1665
|
+
var rootClassName$1c = 'icon-component';
|
|
1668
1666
|
var ChequeIcon = function ChequeIcon() {
|
|
1669
1667
|
return React$1__default.createElement("svg", {
|
|
1670
|
-
className: rootClassName$
|
|
1668
|
+
className: rootClassName$1c,
|
|
1671
1669
|
viewBox: '0 0 24 24',
|
|
1672
1670
|
fill: 'currentColor',
|
|
1673
1671
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -1678,10 +1676,10 @@ var ChequeIcon = function ChequeIcon() {
|
|
|
1678
1676
|
}));
|
|
1679
1677
|
};
|
|
1680
1678
|
|
|
1681
|
-
var rootClassName$
|
|
1679
|
+
var rootClassName$1d = 'icon-component';
|
|
1682
1680
|
var FilesIcon = function FilesIcon() {
|
|
1683
1681
|
return React$1__default.createElement("svg", {
|
|
1684
|
-
className: rootClassName$
|
|
1682
|
+
className: rootClassName$1d,
|
|
1685
1683
|
viewBox: '0 0 24 24',
|
|
1686
1684
|
fill: 'currentColor',
|
|
1687
1685
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -1693,10 +1691,10 @@ var FilesIcon = function FilesIcon() {
|
|
|
1693
1691
|
}));
|
|
1694
1692
|
};
|
|
1695
1693
|
|
|
1696
|
-
var rootClassName$
|
|
1694
|
+
var rootClassName$1e = 'icon-component';
|
|
1697
1695
|
var NavigatorWithMouse = function NavigatorWithMouse() {
|
|
1698
1696
|
return React$1__default.createElement("svg", {
|
|
1699
|
-
className: rootClassName$
|
|
1697
|
+
className: rootClassName$1e,
|
|
1700
1698
|
viewBox: '0 0 24 24',
|
|
1701
1699
|
fill: 'currentColor',
|
|
1702
1700
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -1707,10 +1705,10 @@ var NavigatorWithMouse = function NavigatorWithMouse() {
|
|
|
1707
1705
|
}));
|
|
1708
1706
|
};
|
|
1709
1707
|
|
|
1710
|
-
var rootClassName$
|
|
1708
|
+
var rootClassName$1f = 'icon-component';
|
|
1711
1709
|
var UserIcon = function UserIcon() {
|
|
1712
1710
|
return React$1__default.createElement("svg", {
|
|
1713
|
-
className: rootClassName$
|
|
1711
|
+
className: rootClassName$1f,
|
|
1714
1712
|
viewBox: '0 0 19 20',
|
|
1715
1713
|
fill: 'currentColor',
|
|
1716
1714
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -1721,10 +1719,10 @@ var UserIcon = function UserIcon() {
|
|
|
1721
1719
|
}));
|
|
1722
1720
|
};
|
|
1723
1721
|
|
|
1724
|
-
var rootClassName$
|
|
1722
|
+
var rootClassName$1g = 'icon-component';
|
|
1725
1723
|
var ChevronArrowDownIcon = function ChevronArrowDownIcon() {
|
|
1726
1724
|
return React$1__default.createElement("svg", {
|
|
1727
|
-
className: rootClassName$
|
|
1725
|
+
className: rootClassName$1g,
|
|
1728
1726
|
viewBox: '0 0 20 11',
|
|
1729
1727
|
fill: 'currentColor',
|
|
1730
1728
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -1733,10 +1731,10 @@ var ChevronArrowDownIcon = function ChevronArrowDownIcon() {
|
|
|
1733
1731
|
}));
|
|
1734
1732
|
};
|
|
1735
1733
|
|
|
1736
|
-
var rootClassName$
|
|
1734
|
+
var rootClassName$1h = 'icon-component';
|
|
1737
1735
|
var FilterIcon = function FilterIcon() {
|
|
1738
1736
|
return React$1__default.createElement("svg", {
|
|
1739
|
-
className: rootClassName$
|
|
1737
|
+
className: rootClassName$1h,
|
|
1740
1738
|
viewBox: '0 0 25 24',
|
|
1741
1739
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
1742
1740
|
}, React$1__default.createElement("path", {
|
|
@@ -1747,10 +1745,10 @@ var FilterIcon = function FilterIcon() {
|
|
|
1747
1745
|
}));
|
|
1748
1746
|
};
|
|
1749
1747
|
|
|
1750
|
-
var rootClassName$
|
|
1748
|
+
var rootClassName$1i = 'icon-component';
|
|
1751
1749
|
var OptionsIcon = function OptionsIcon() {
|
|
1752
1750
|
return React$1__default.createElement("svg", {
|
|
1753
|
-
className: rootClassName$
|
|
1751
|
+
className: rootClassName$1i,
|
|
1754
1752
|
viewBox: '0 0 24 24',
|
|
1755
1753
|
xmlns: 'http://www.w3.org/2000/svg',
|
|
1756
1754
|
fill: 'currentColor'
|
|
@@ -1761,10 +1759,10 @@ var OptionsIcon = function OptionsIcon() {
|
|
|
1761
1759
|
}));
|
|
1762
1760
|
};
|
|
1763
1761
|
|
|
1764
|
-
var rootClassName$
|
|
1762
|
+
var rootClassName$1j = 'icon-component';
|
|
1765
1763
|
var WebsiteIcon = function WebsiteIcon() {
|
|
1766
1764
|
return React$1__default.createElement("svg", {
|
|
1767
|
-
className: rootClassName$
|
|
1765
|
+
className: rootClassName$1j,
|
|
1768
1766
|
viewBox: '0 0 20 20',
|
|
1769
1767
|
fill: 'currentColor',
|
|
1770
1768
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -1775,10 +1773,10 @@ var WebsiteIcon = function WebsiteIcon() {
|
|
|
1775
1773
|
}));
|
|
1776
1774
|
};
|
|
1777
1775
|
|
|
1778
|
-
var rootClassName$
|
|
1776
|
+
var rootClassName$1k = 'icon-component';
|
|
1779
1777
|
var ChevronArrowLeftIcon = function ChevronArrowLeftIcon() {
|
|
1780
1778
|
return React$1__default.createElement("svg", {
|
|
1781
|
-
className: rootClassName$
|
|
1779
|
+
className: rootClassName$1k,
|
|
1782
1780
|
viewBox: '0 0 11 20',
|
|
1783
1781
|
fill: 'currentColor',
|
|
1784
1782
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -1787,10 +1785,10 @@ var ChevronArrowLeftIcon = function ChevronArrowLeftIcon() {
|
|
|
1787
1785
|
}));
|
|
1788
1786
|
};
|
|
1789
1787
|
|
|
1790
|
-
var rootClassName$
|
|
1788
|
+
var rootClassName$1l = 'icon-component';
|
|
1791
1789
|
var FontColorIcon = function FontColorIcon(props) {
|
|
1792
1790
|
return React$1__default.createElement("svg", {
|
|
1793
|
-
className: rootClassName$
|
|
1791
|
+
className: rootClassName$1l,
|
|
1794
1792
|
viewBox: '-52 -80 299 372',
|
|
1795
1793
|
fill: 'currentColor',
|
|
1796
1794
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -1812,10 +1810,10 @@ var FontColorIcon = function FontColorIcon(props) {
|
|
|
1812
1810
|
})));
|
|
1813
1811
|
};
|
|
1814
1812
|
|
|
1815
|
-
var rootClassName$
|
|
1813
|
+
var rootClassName$1m = 'icon-component';
|
|
1816
1814
|
var ParticipantesIcon = function ParticipantesIcon() {
|
|
1817
1815
|
return React$1__default.createElement("svg", {
|
|
1818
|
-
className: rootClassName$
|
|
1816
|
+
className: rootClassName$1m,
|
|
1819
1817
|
viewBox: '0 0 25 24',
|
|
1820
1818
|
fill: 'currentColor',
|
|
1821
1819
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -1826,10 +1824,10 @@ var ParticipantesIcon = function ParticipantesIcon() {
|
|
|
1826
1824
|
}));
|
|
1827
1825
|
};
|
|
1828
1826
|
|
|
1829
|
-
var rootClassName$
|
|
1827
|
+
var rootClassName$1n = 'icon-component';
|
|
1830
1828
|
var AgencyIcon = function AgencyIcon() {
|
|
1831
1829
|
return React$1__default.createElement("svg", {
|
|
1832
|
-
className: rootClassName$
|
|
1830
|
+
className: rootClassName$1n,
|
|
1833
1831
|
viewBox: '0 -1 24 24',
|
|
1834
1832
|
fill: 'currentColor',
|
|
1835
1833
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -1870,10 +1868,10 @@ var BigPlayIcon = function BigPlayIcon(props) {
|
|
|
1870
1868
|
}));
|
|
1871
1869
|
};
|
|
1872
1870
|
|
|
1873
|
-
var rootClassName$
|
|
1871
|
+
var rootClassName$1o = 'icon-component';
|
|
1874
1872
|
var CalendarCheckIcon = function CalendarCheckIcon() {
|
|
1875
1873
|
return React$1__default.createElement("svg", {
|
|
1876
|
-
className: rootClassName$
|
|
1874
|
+
className: rootClassName$1o,
|
|
1877
1875
|
viewBox: '0 0 24 24',
|
|
1878
1876
|
fill: 'currentColor',
|
|
1879
1877
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -1884,10 +1882,10 @@ var CalendarCheckIcon = function CalendarCheckIcon() {
|
|
|
1884
1882
|
}));
|
|
1885
1883
|
};
|
|
1886
1884
|
|
|
1887
|
-
var rootClassName$
|
|
1885
|
+
var rootClassName$1p = 'catavento-verde-icon-ui-component';
|
|
1888
1886
|
var CataventoVerde = function CataventoVerde() {
|
|
1889
1887
|
return React$1__default.createElement("svg", {
|
|
1890
|
-
className: rootClassName$
|
|
1888
|
+
className: rootClassName$1p,
|
|
1891
1889
|
viewBox: '0 0 156.153 155.445',
|
|
1892
1890
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
1893
1891
|
}, React$1__default.createElement("g", {
|
|
@@ -2001,10 +1999,10 @@ var CataventoVerde = function CataventoVerde() {
|
|
|
2001
1999
|
}))));
|
|
2002
2000
|
};
|
|
2003
2001
|
|
|
2004
|
-
var rootClassName$
|
|
2002
|
+
var rootClassName$1q = 'icon-component';
|
|
2005
2003
|
var CopyIcon = function CopyIcon() {
|
|
2006
2004
|
return React$1__default.createElement("svg", {
|
|
2007
|
-
className: rootClassName$
|
|
2005
|
+
className: rootClassName$1q,
|
|
2008
2006
|
viewBox: '0 0 24 24',
|
|
2009
2007
|
fill: 'currentColor',
|
|
2010
2008
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -2015,10 +2013,10 @@ var CopyIcon = function CopyIcon() {
|
|
|
2015
2013
|
}));
|
|
2016
2014
|
};
|
|
2017
2015
|
|
|
2018
|
-
var rootClassName$
|
|
2016
|
+
var rootClassName$1r = 'icon-component';
|
|
2019
2017
|
var CrescerIcon = function CrescerIcon() {
|
|
2020
2018
|
return React$1__default.createElement("svg", {
|
|
2021
|
-
className: rootClassName$
|
|
2019
|
+
className: rootClassName$1r,
|
|
2022
2020
|
viewBox: '0 0 21 13',
|
|
2023
2021
|
fill: 'currentColor',
|
|
2024
2022
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -2031,10 +2029,10 @@ var CrescerIcon = function CrescerIcon() {
|
|
|
2031
2029
|
}));
|
|
2032
2030
|
};
|
|
2033
2031
|
|
|
2034
|
-
var rootClassName$
|
|
2032
|
+
var rootClassName$1s = 'icon-component';
|
|
2035
2033
|
var DevicePlusIcon = function DevicePlusIcon() {
|
|
2036
2034
|
return React$1__default.createElement("svg", {
|
|
2037
|
-
className: rootClassName$
|
|
2035
|
+
className: rootClassName$1s,
|
|
2038
2036
|
viewBox: '0 0 24 24',
|
|
2039
2037
|
fill: 'currentColor',
|
|
2040
2038
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -2045,10 +2043,10 @@ var DevicePlusIcon = function DevicePlusIcon() {
|
|
|
2045
2043
|
}));
|
|
2046
2044
|
};
|
|
2047
2045
|
|
|
2048
|
-
var rootClassName$
|
|
2046
|
+
var rootClassName$1t = 'loader-icon';
|
|
2049
2047
|
var LoaderIcon = function LoaderIcon(props) {
|
|
2050
2048
|
return React$1__default.createElement("svg", {
|
|
2051
|
-
className: rootClassName$
|
|
2049
|
+
className: rootClassName$1t,
|
|
2052
2050
|
xmlns: 'http://www.w3.org/2000/svg',
|
|
2053
2051
|
height: props.height,
|
|
2054
2052
|
viewBox: '0 0 135.764 135.764'
|
|
@@ -2117,10 +2115,10 @@ LoaderIcon.defaultProps = {
|
|
|
2117
2115
|
height: 135.764
|
|
2118
2116
|
};
|
|
2119
2117
|
|
|
2120
|
-
var rootClassName$
|
|
2118
|
+
var rootClassName$1u = 'icon-component';
|
|
2121
2119
|
var NotebookIcon = function NotebookIcon() {
|
|
2122
2120
|
return React$1__default.createElement("svg", {
|
|
2123
|
-
className: rootClassName$
|
|
2121
|
+
className: rootClassName$1u,
|
|
2124
2122
|
viewBox: '0 -1 24 24',
|
|
2125
2123
|
fill: 'currentColor',
|
|
2126
2124
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -2131,10 +2129,10 @@ var NotebookIcon = function NotebookIcon() {
|
|
|
2131
2129
|
}));
|
|
2132
2130
|
};
|
|
2133
2131
|
|
|
2134
|
-
var rootClassName$
|
|
2132
|
+
var rootClassName$1v = 'icon-component';
|
|
2135
2133
|
var PrintIcon = function PrintIcon() {
|
|
2136
2134
|
return React$1__default.createElement("svg", {
|
|
2137
|
-
className: rootClassName$
|
|
2135
|
+
className: rootClassName$1v,
|
|
2138
2136
|
viewBox: '0 0 24 24',
|
|
2139
2137
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
2140
2138
|
}, React$1__default.createElement("g", {
|
|
@@ -2170,10 +2168,10 @@ var PrintIcon = function PrintIcon() {
|
|
|
2170
2168
|
}))));
|
|
2171
2169
|
};
|
|
2172
2170
|
|
|
2173
|
-
var rootClassName$
|
|
2171
|
+
var rootClassName$1w = 'icon-component';
|
|
2174
2172
|
var QRCodeIcon = function QRCodeIcon() {
|
|
2175
2173
|
return React$1__default.createElement("svg", {
|
|
2176
|
-
className: rootClassName$
|
|
2174
|
+
className: rootClassName$1w,
|
|
2177
2175
|
viewBox: '0 0 24 24',
|
|
2178
2176
|
fill: 'currentColor',
|
|
2179
2177
|
xmlns: 'http://www.w3.org/2000/svg'
|
|
@@ -4434,7 +4432,7 @@ var QRCodeWhatsapp = function QRCodeWhatsapp(props) {
|
|
|
4434
4432
|
}))));
|
|
4435
4433
|
};
|
|
4436
4434
|
|
|
4437
|
-
var rootClassName$
|
|
4435
|
+
var rootClassName$1x = 'component-collapse';
|
|
4438
4436
|
function Collapse(props) {
|
|
4439
4437
|
var _useState = React$1.useState("collapse" + getUniqueKey()),
|
|
4440
4438
|
id = _useState[0];
|
|
@@ -4489,10 +4487,10 @@ function Collapse(props) {
|
|
|
4489
4487
|
}
|
|
4490
4488
|
}
|
|
4491
4489
|
}, React$1__default.createElement("div", {
|
|
4492
|
-
className: getMergedClassNames([rootClassName$
|
|
4490
|
+
className: getMergedClassNames([rootClassName$1x, props.animateOpacity ? 'animate-opacity' : '']),
|
|
4493
4491
|
id: id
|
|
4494
4492
|
}, React$1__default.createElement("div", {
|
|
4495
|
-
className: rootClassName$
|
|
4493
|
+
className: rootClassName$1x + "-content"
|
|
4496
4494
|
}, props.children)));
|
|
4497
4495
|
}
|
|
4498
4496
|
Collapse.defaultProps = {
|
|
@@ -4501,11 +4499,11 @@ Collapse.defaultProps = {
|
|
|
4501
4499
|
};
|
|
4502
4500
|
var Collapse$1 = React$1.memo(Collapse);
|
|
4503
4501
|
|
|
4504
|
-
var rootClassName$
|
|
4502
|
+
var rootClassName$1y = 'component-accordion';
|
|
4505
4503
|
function Accordion(props) {
|
|
4506
4504
|
var getProps = function getProps() {
|
|
4507
4505
|
var p = _extends({}, props, {
|
|
4508
|
-
className: getMergedClassNames([rootClassName$
|
|
4506
|
+
className: getMergedClassNames([rootClassName$1y, props.className, props.opened ? rootClassName$1y + "-opened" : '', props.shadow ? rootClassName$1y + "-shadow" : ''])
|
|
4509
4507
|
});
|
|
4510
4508
|
delete p.animateOpacity;
|
|
4511
4509
|
delete p.shadow;
|
|
@@ -4517,20 +4515,20 @@ function Accordion(props) {
|
|
|
4517
4515
|
return p;
|
|
4518
4516
|
};
|
|
4519
4517
|
return React$1__default.createElement("div", Object.assign({}, getProps()), React$1__default.createElement("div", {
|
|
4520
|
-
className: rootClassName$
|
|
4518
|
+
className: rootClassName$1y + "-first-content",
|
|
4521
4519
|
onClick: function onClick() {
|
|
4522
4520
|
return props.onChange(!props.opened);
|
|
4523
4521
|
}
|
|
4524
4522
|
}, React$1__default.createElement("div", {
|
|
4525
|
-
className: rootClassName$
|
|
4523
|
+
className: rootClassName$1y + "-label-icon"
|
|
4526
4524
|
}, props.icon && React$1__default.createElement("div", {
|
|
4527
|
-
className: rootClassName$
|
|
4525
|
+
className: rootClassName$1y + "-icon"
|
|
4528
4526
|
}, props.icon), React$1__default.createElement("div", {
|
|
4529
|
-
className: rootClassName$
|
|
4527
|
+
className: rootClassName$1y + "-label"
|
|
4530
4528
|
}, props.label)), React$1__default.createElement("div", {
|
|
4531
|
-
className: rootClassName$
|
|
4529
|
+
className: rootClassName$1y + "-arrow"
|
|
4532
4530
|
}, React$1__default.createElement(ChevronArrowDownIcon, null))), React$1__default.createElement("div", {
|
|
4533
|
-
className: rootClassName$
|
|
4531
|
+
className: rootClassName$1y + "-content"
|
|
4534
4532
|
}, React$1__default.createElement(Collapse$1, {
|
|
4535
4533
|
opened: props.opened,
|
|
4536
4534
|
animateOpacity: props.animateOpacity
|
|
@@ -4544,10 +4542,10 @@ function Accordion(props) {
|
|
|
4544
4542
|
ActionCardThemes["Darker"] = "darker";
|
|
4545
4543
|
})(exports.ActionCardThemes || (exports.ActionCardThemes = {}));
|
|
4546
4544
|
|
|
4547
|
-
var rootClassName$
|
|
4545
|
+
var rootClassName$1z = 'action-card';
|
|
4548
4546
|
function ActionCard(props) {
|
|
4549
4547
|
return React$1__default.createElement("div", {
|
|
4550
|
-
className: getMergedClassNames([rootClassName$
|
|
4548
|
+
className: getMergedClassNames([rootClassName$1z, props.theme])
|
|
4551
4549
|
}, React$1__default.createElement("div", {
|
|
4552
4550
|
className: 'bar'
|
|
4553
4551
|
}), React$1__default.createElement("div", {
|
|
@@ -4562,13 +4560,13 @@ ActionCard.defaultProps = {
|
|
|
4562
4560
|
};
|
|
4563
4561
|
var ActionCard$1 = React$1.memo(ActionCard);
|
|
4564
4562
|
|
|
4565
|
-
var rootClassName$
|
|
4563
|
+
var rootClassName$1A = 'component-animated-link';
|
|
4566
4564
|
function AnimatedLink(props) {
|
|
4567
4565
|
var _useState = React$1.useState(props.id ? props.id : getUniqueKey()),
|
|
4568
4566
|
id = _useState[0];
|
|
4569
4567
|
var getProps = function getProps() {
|
|
4570
4568
|
var p = _extends({}, props, {
|
|
4571
|
-
className: getMergedClassNames([rootClassName$
|
|
4569
|
+
className: getMergedClassNames([rootClassName$1A, props.className || '', props.animated ? 'animated' : ''])
|
|
4572
4570
|
});
|
|
4573
4571
|
delete p.animated;
|
|
4574
4572
|
return p;
|
|
@@ -4582,42 +4580,42 @@ AnimatedLink.defaultProps = {
|
|
|
4582
4580
|
};
|
|
4583
4581
|
var AnimatedLink$1 = React$1.memo(AnimatedLink);
|
|
4584
4582
|
|
|
4585
|
-
var rootClassName$
|
|
4583
|
+
var rootClassName$1B = 'component-banner';
|
|
4586
4584
|
function Banner(props) {
|
|
4587
4585
|
var _useState = React$1.useState("text" + getUniqueKey()),
|
|
4588
4586
|
id = _useState[0];
|
|
4589
4587
|
React$1.useEffect(function () {
|
|
4590
|
-
var text = document.querySelector("#" + id + " .text ." + rootClassName$
|
|
4588
|
+
var text = document.querySelector("#" + id + " .text ." + rootClassName$1B + "-text");
|
|
4591
4589
|
if (text && props.text && !String(props.text).match(/(<script>|<\/script>)/g)) {
|
|
4592
4590
|
text.innerHTML = props.text;
|
|
4593
4591
|
}
|
|
4594
4592
|
}, [id, props.text]);
|
|
4595
4593
|
return React$1__default.createElement("div", {
|
|
4596
4594
|
id: id,
|
|
4597
|
-
className: getMergedClassNames([rootClassName$
|
|
4595
|
+
className: getMergedClassNames([rootClassName$1B, typeof props.onClick === 'function' ? 'clickable' : '']),
|
|
4598
4596
|
onClick: function onClick() {
|
|
4599
4597
|
if (typeof props.onClick === 'function') {
|
|
4600
4598
|
props.onClick();
|
|
4601
4599
|
}
|
|
4602
4600
|
}
|
|
4603
4601
|
}, React$1__default.createElement("div", {
|
|
4604
|
-
className: rootClassName$
|
|
4602
|
+
className: rootClassName$1B + "-side img"
|
|
4605
4603
|
}, React$1__default.createElement("img", {
|
|
4606
4604
|
src: props.imgUrl,
|
|
4607
4605
|
alt: 'img-banner',
|
|
4608
4606
|
draggable: false
|
|
4609
4607
|
})), React$1__default.createElement("div", {
|
|
4610
|
-
className: rootClassName$
|
|
4608
|
+
className: rootClassName$1B + "-side text"
|
|
4611
4609
|
}, React$1__default.createElement("div", {
|
|
4612
|
-
className: rootClassName$
|
|
4610
|
+
className: rootClassName$1B + "-text"
|
|
4613
4611
|
})));
|
|
4614
4612
|
}
|
|
4615
4613
|
|
|
4616
|
-
var rootClassName$
|
|
4614
|
+
var rootClassName$1C = 'component-big-block-button';
|
|
4617
4615
|
function BigBlockButton(props) {
|
|
4618
4616
|
return React$1__default.createElement("button", {
|
|
4619
4617
|
id: props.id ? props.id : getUniqueKey(),
|
|
4620
|
-
className: rootClassName$
|
|
4618
|
+
className: rootClassName$1C,
|
|
4621
4619
|
onClick: function onClick(evt) {
|
|
4622
4620
|
if (typeof props.onClick === 'function') {
|
|
4623
4621
|
props.onClick(evt);
|
|
@@ -4625,11 +4623,11 @@ function BigBlockButton(props) {
|
|
|
4625
4623
|
},
|
|
4626
4624
|
disabled: props.disabled || false
|
|
4627
4625
|
}, React$1__default.createElement("div", {
|
|
4628
|
-
className: rootClassName$
|
|
4626
|
+
className: rootClassName$1C + "-icon"
|
|
4629
4627
|
}, props.icon), React$1__default.createElement("div", {
|
|
4630
|
-
className: rootClassName$
|
|
4628
|
+
className: rootClassName$1C + "-label"
|
|
4631
4629
|
}, props.label), props.subtitle ? React$1__default.createElement("div", {
|
|
4632
|
-
className: rootClassName$
|
|
4630
|
+
className: rootClassName$1C + "-subtitle"
|
|
4633
4631
|
}, props.subtitle) : undefined);
|
|
4634
4632
|
}
|
|
4635
4633
|
|
|
@@ -4648,11 +4646,11 @@ function BigBlockButton(props) {
|
|
|
4648
4646
|
NotificationType["Disabled"] = "disabled";
|
|
4649
4647
|
})(exports.NotificationType || (exports.NotificationType = {}));
|
|
4650
4648
|
|
|
4651
|
-
var rootClassName$
|
|
4649
|
+
var rootClassName$1D = 'component-notification';
|
|
4652
4650
|
function Notification(props) {
|
|
4653
4651
|
var getProps = function getProps() {
|
|
4654
4652
|
var p = {
|
|
4655
|
-
className: getMergedClassNames([rootClassName$
|
|
4653
|
+
className: getMergedClassNames([rootClassName$1D + "-outer", props.className])
|
|
4656
4654
|
};
|
|
4657
4655
|
return p;
|
|
4658
4656
|
};
|
|
@@ -4663,11 +4661,11 @@ function Notification(props) {
|
|
|
4663
4661
|
}, [props.count]);
|
|
4664
4662
|
return React$1__default.createElement("div", Object.assign({}, getProps()), props.children, React$1__default.createElement(reactTransitionGroup.CSSTransition, {
|
|
4665
4663
|
"in": !!label,
|
|
4666
|
-
classNames: rootClassName$
|
|
4664
|
+
classNames: rootClassName$1D,
|
|
4667
4665
|
timeout: 300,
|
|
4668
4666
|
unmountOnExit: true
|
|
4669
4667
|
}, React$1__default.createElement("div", {
|
|
4670
|
-
className: rootClassName$
|
|
4668
|
+
className: rootClassName$1D + " " + rootClassName$1D + "-" + props.position + " " + rootClassName$1D + "-" + props.type,
|
|
4671
4669
|
style: {
|
|
4672
4670
|
top: String(props.position).match(/top/) ? 0 - (props.verticalOuter || 0) + "px" : 'unset',
|
|
4673
4671
|
right: String(props.position).match(/right/) ? 0 - (props.horizontalOuter || 0) + "px" : 'unset',
|
|
@@ -4683,20 +4681,20 @@ Notification.defaultProps = {
|
|
|
4683
4681
|
horizontalOuter: 10
|
|
4684
4682
|
};
|
|
4685
4683
|
|
|
4686
|
-
var rootClassName$
|
|
4684
|
+
var rootClassName$1E = 'bottom-navigation';
|
|
4687
4685
|
function BottomNavigation(props) {
|
|
4688
4686
|
var _props$itens;
|
|
4689
4687
|
return React$1__default.createElement("div", {
|
|
4690
|
-
className: getMergedClassNames([rootClassName$
|
|
4688
|
+
className: getMergedClassNames([rootClassName$1E, props.theme])
|
|
4691
4689
|
}, (_props$itens = props.itens) === null || _props$itens === void 0 ? void 0 : _props$itens.map(function (item, index) {
|
|
4692
4690
|
return React$1__default.createElement("button", {
|
|
4693
4691
|
key: index,
|
|
4694
|
-
className: getMergedClassNames([rootClassName$
|
|
4692
|
+
className: getMergedClassNames([rootClassName$1E + "-item", index === props.atual ? 'atual' : '']),
|
|
4695
4693
|
onClick: function onClick() {
|
|
4696
4694
|
if (props.atual !== index) props.setAtual(index);
|
|
4697
4695
|
}
|
|
4698
4696
|
}, React$1__default.createElement("div", {
|
|
4699
|
-
className: rootClassName$
|
|
4697
|
+
className: rootClassName$1E + "-icon"
|
|
4700
4698
|
}, React$1__default.createElement(Notification, {
|
|
4701
4699
|
count: item.notificationCount || 0,
|
|
4702
4700
|
position: exports.NotificationPosition.TopRight,
|
|
@@ -4704,7 +4702,7 @@ function BottomNavigation(props) {
|
|
|
4704
4702
|
horizontalOuter: 12,
|
|
4705
4703
|
verticalOuter: 6
|
|
4706
4704
|
}, item.icon)), React$1__default.createElement("div", {
|
|
4707
|
-
className: rootClassName$
|
|
4705
|
+
className: rootClassName$1E + "-label"
|
|
4708
4706
|
}, item.label));
|
|
4709
4707
|
}));
|
|
4710
4708
|
}
|
|
@@ -4713,19 +4711,19 @@ BottomNavigation.defaultProps = {
|
|
|
4713
4711
|
};
|
|
4714
4712
|
var BottomNavigation$1 = React$1.memo(BottomNavigation);
|
|
4715
4713
|
|
|
4716
|
-
var rootClassName$
|
|
4714
|
+
var rootClassName$1F = 'component-bread-crumb';
|
|
4717
4715
|
function BreadCrumb(props) {
|
|
4718
4716
|
return React$1__default.createElement("div", {
|
|
4719
|
-
className: rootClassName$
|
|
4717
|
+
className: rootClassName$1F
|
|
4720
4718
|
}, props.path && props.path.length ? props.path.map(function (p, index) {
|
|
4721
4719
|
return React$1__default.createElement("div", {
|
|
4722
4720
|
key: index,
|
|
4723
|
-
className: getMergedClassNames([rootClassName$
|
|
4721
|
+
className: getMergedClassNames([rootClassName$1F + "-path", p.onClick && typeof p.onClick === 'function' ? rootClassName$1F + "-active" : '']),
|
|
4724
4722
|
onClick: p.onClick
|
|
4725
4723
|
}, index > 0 ? React$1__default.createElement("div", {
|
|
4726
|
-
className: rootClassName$
|
|
4724
|
+
className: rootClassName$1F + "-arrow"
|
|
4727
4725
|
}, React$1__default.createElement(ChevronArrowRightIcon, null)) : undefined, React$1__default.createElement("div", {
|
|
4728
|
-
className: rootClassName$
|
|
4726
|
+
className: rootClassName$1F + "-label nunito"
|
|
4729
4727
|
}, p.label));
|
|
4730
4728
|
}) : undefined);
|
|
4731
4729
|
}
|
|
@@ -4754,7 +4752,7 @@ BreadCrumb.defaultProps = {
|
|
|
4754
4752
|
ButtonThemes["HeaderUserBold"] = "header-user-bold";
|
|
4755
4753
|
})(exports.ButtonThemes || (exports.ButtonThemes = {}));
|
|
4756
4754
|
|
|
4757
|
-
var rootClassName$
|
|
4755
|
+
var rootClassName$1G = 'component-button';
|
|
4758
4756
|
function Button(props) {
|
|
4759
4757
|
var handleClick = function handleClick(evt) {
|
|
4760
4758
|
if (typeof props.onClick === 'function' && !props.disabled && (!props.loader || !props.loader.loading)) {
|
|
@@ -4764,7 +4762,7 @@ function Button(props) {
|
|
|
4764
4762
|
var getProps = function getProps() {
|
|
4765
4763
|
var p = _extends({}, props, {
|
|
4766
4764
|
onClick: handleClick,
|
|
4767
|
-
className: getMergedClassNames(['nunito', rootClassName$
|
|
4765
|
+
className: getMergedClassNames(['nunito', rootClassName$1G, props.className, rootClassName$1G + "-" + props.theme, props.w100 ? rootClassName$1G + "-w100" : '', props.mobileBottomPage ? rootClassName$1G + "-bottom-mobile" : ''])
|
|
4768
4766
|
});
|
|
4769
4767
|
delete p.mobileBottomPage;
|
|
4770
4768
|
delete p.children;
|
|
@@ -4776,13 +4774,13 @@ function Button(props) {
|
|
|
4776
4774
|
return p;
|
|
4777
4775
|
};
|
|
4778
4776
|
return React$1__default.createElement("button", Object.assign({}, getProps()), props.leftIcon && React$1__default.createElement("div", {
|
|
4779
|
-
className: getMergedClassNames([rootClassName$
|
|
4777
|
+
className: getMergedClassNames([rootClassName$1G + "-icon", rootClassName$1G + "-left-icon", props.loader && props.loader.loading ? rootClassName$1G + "-hide" : ''])
|
|
4780
4778
|
}, props.leftIcon), React$1__default.createElement("div", {
|
|
4781
|
-
className: rootClassName$
|
|
4779
|
+
className: rootClassName$1G + "-label nunito " + (props.loader && props.loader.loading ? rootClassName$1G + "-hide" : '')
|
|
4782
4780
|
}, props.children), props.rightIcon && React$1__default.createElement("div", {
|
|
4783
|
-
className: getMergedClassNames([rootClassName$
|
|
4781
|
+
className: getMergedClassNames([rootClassName$1G + "-icon", rootClassName$1G + "-right-icon", props.loader && props.loader.loading ? rootClassName$1G + "-hide" : ''])
|
|
4784
4782
|
}, props.rightIcon), props.loader && props.loader.loading ? React$1__default.createElement("div", {
|
|
4785
|
-
className: rootClassName$
|
|
4783
|
+
className: rootClassName$1G + "-loader"
|
|
4786
4784
|
}, React$1__default.createElement(ThreeDotsLoader, {
|
|
4787
4785
|
theme: props.loader.loaderTheme ? props.loader.loaderTheme : undefined,
|
|
4788
4786
|
size: props.loader.loaderSize ? props.loader.loaderSize : undefined
|
|
@@ -4829,7 +4827,7 @@ var Button$1 = React$1.memo(Button);
|
|
|
4829
4827
|
ImageTypes["JPEG"] = ".jpeg";
|
|
4830
4828
|
})(exports.ImageTypes || (exports.ImageTypes = {}));
|
|
4831
4829
|
|
|
4832
|
-
var rootClassName$
|
|
4830
|
+
var rootClassName$1H = 'component-button-file-upload';
|
|
4833
4831
|
function ButtonFileUpload(props) {
|
|
4834
4832
|
var _useState = React$1.useState(getUniqueKey()),
|
|
4835
4833
|
id = _useState[0];
|
|
@@ -4862,7 +4860,7 @@ function ButtonFileUpload(props) {
|
|
|
4862
4860
|
return p;
|
|
4863
4861
|
};
|
|
4864
4862
|
return React$1__default.createElement("div", {
|
|
4865
|
-
className: getMergedClassNames([rootClassName$
|
|
4863
|
+
className: getMergedClassNames([rootClassName$1H, props.w100 ? 'w100' : '']),
|
|
4866
4864
|
id: id
|
|
4867
4865
|
}, React$1__default.createElement("input", {
|
|
4868
4866
|
type: 'file',
|
|
@@ -4907,23 +4905,23 @@ var ButtonFileUpload$1 = React$1.memo(ButtonFileUpload);
|
|
|
4907
4905
|
CardTypes["Green"] = "green";
|
|
4908
4906
|
})(exports.CardTypes || (exports.CardTypes = {}));
|
|
4909
4907
|
|
|
4910
|
-
var rootClassName$
|
|
4908
|
+
var rootClassName$1I = 'component-card';
|
|
4911
4909
|
function Card(props) {
|
|
4912
4910
|
return React$1__default.createElement("div", {
|
|
4913
|
-
className: getMergedClassNames([rootClassName$
|
|
4911
|
+
className: getMergedClassNames([rootClassName$1I, rootClassName$1I + "-" + props.theme])
|
|
4914
4912
|
}, React$1__default.createElement("div", {
|
|
4915
|
-
className: rootClassName$
|
|
4913
|
+
className: rootClassName$1I + "-caption"
|
|
4916
4914
|
}, props.caption), React$1__default.createElement("div", {
|
|
4917
|
-
className: rootClassName$
|
|
4915
|
+
className: rootClassName$1I + "-label"
|
|
4918
4916
|
}, props.label), React$1__default.createElement("div", {
|
|
4919
|
-
className: rootClassName$
|
|
4917
|
+
className: rootClassName$1I + "-helper-text"
|
|
4920
4918
|
}, props.helperText));
|
|
4921
4919
|
}
|
|
4922
4920
|
Card.defaultProps = {
|
|
4923
4921
|
theme: exports.CardTypes.White
|
|
4924
4922
|
};
|
|
4925
4923
|
|
|
4926
|
-
var rootClassName$
|
|
4924
|
+
var rootClassName$1J = 'component-carousel';
|
|
4927
4925
|
function Carousel(props) {
|
|
4928
4926
|
var _useState = React$1.useState(0),
|
|
4929
4927
|
atual = _useState[0],
|
|
@@ -4988,9 +4986,9 @@ function Carousel(props) {
|
|
|
4988
4986
|
}
|
|
4989
4987
|
}, [props.loading]);
|
|
4990
4988
|
return React$1__default.createElement("div", {
|
|
4991
|
-
className: rootClassName$
|
|
4989
|
+
className: rootClassName$1J
|
|
4992
4990
|
}, React$1__default.createElement("div", {
|
|
4993
|
-
className: rootClassName$
|
|
4991
|
+
className: rootClassName$1J + "-banners",
|
|
4994
4992
|
onMouseEnter: function onMouseEnter() {
|
|
4995
4993
|
if (timerRef.current) {
|
|
4996
4994
|
timerRef.current.pause();
|
|
@@ -5004,10 +5002,10 @@ function Carousel(props) {
|
|
|
5004
5002
|
}, props.banners && props.banners.length ? props.banners.map(function (banner, index) {
|
|
5005
5003
|
return React$1__default.createElement("div", {
|
|
5006
5004
|
key: index,
|
|
5007
|
-
className: getMergedClassNames([rootClassName$
|
|
5005
|
+
className: getMergedClassNames([rootClassName$1J + "-swipe", index < atual ? 'to-left' : '', index === atual ? 'atual' : '', index > atual ? 'to-right' : ''])
|
|
5008
5006
|
}, React$1__default.createElement(Banner, Object.assign({}, banner)));
|
|
5009
5007
|
}) : undefined, props.banners.length > 1 && React$1__default.createElement("div", {
|
|
5010
|
-
className: rootClassName$
|
|
5008
|
+
className: rootClassName$1J + "-control prev",
|
|
5011
5009
|
onClick: function onClick() {
|
|
5012
5010
|
if (timerRef.current) {
|
|
5013
5011
|
timerRef.current.restart();
|
|
@@ -5019,11 +5017,11 @@ function Carousel(props) {
|
|
|
5019
5017
|
changeBanner(atual - 1);
|
|
5020
5018
|
}
|
|
5021
5019
|
}, React$1__default.createElement("div", {
|
|
5022
|
-
className: rootClassName$
|
|
5020
|
+
className: rootClassName$1J + "-icon"
|
|
5023
5021
|
}, React$1__default.createElement(ChevronArrowLeftIcon, null)), React$1__default.createElement("div", {
|
|
5024
|
-
className: rootClassName$
|
|
5022
|
+
className: rootClassName$1J + "-shadow"
|
|
5025
5023
|
})), props.banners.length > 1 && React$1__default.createElement("div", {
|
|
5026
|
-
className: rootClassName$
|
|
5024
|
+
className: rootClassName$1J + "-control next",
|
|
5027
5025
|
onClick: function onClick() {
|
|
5028
5026
|
if (timerRef.current) {
|
|
5029
5027
|
timerRef.current.restart();
|
|
@@ -5031,22 +5029,22 @@ function Carousel(props) {
|
|
|
5031
5029
|
changeBanner();
|
|
5032
5030
|
}
|
|
5033
5031
|
}, React$1__default.createElement("div", {
|
|
5034
|
-
className: rootClassName$
|
|
5032
|
+
className: rootClassName$1J + "-icon"
|
|
5035
5033
|
}, React$1__default.createElement(ChevronArrowRightIcon, null)), React$1__default.createElement("div", {
|
|
5036
|
-
className: rootClassName$
|
|
5034
|
+
className: rootClassName$1J + "-shadow"
|
|
5037
5035
|
})), React$1__default.createElement(reactTransitionGroup.CSSTransition, {
|
|
5038
5036
|
"in": props.loading,
|
|
5039
5037
|
classNames: 'fade',
|
|
5040
5038
|
timeout: 300,
|
|
5041
5039
|
unmountOnExit: true
|
|
5042
5040
|
}, React$1__default.createElement("div", {
|
|
5043
|
-
className: rootClassName$
|
|
5041
|
+
className: rootClassName$1J + "-loader-mask"
|
|
5044
5042
|
}, React$1__default.createElement(ThreeDotsLoader, null)))), React$1__default.createElement("div", {
|
|
5045
|
-
className: rootClassName$
|
|
5043
|
+
className: rootClassName$1J + "-balls"
|
|
5046
5044
|
}, props.banners.map(function (_banner, index) {
|
|
5047
5045
|
return React$1__default.createElement("div", {
|
|
5048
5046
|
key: changedCount + index,
|
|
5049
|
-
className: getMergedClassNames([rootClassName$
|
|
5047
|
+
className: getMergedClassNames([rootClassName$1J + "-ball", atual === index ? rootClassName$1J + "-atual" : '']),
|
|
5050
5048
|
onClick: function onClick() {
|
|
5051
5049
|
if (!props.loading) {
|
|
5052
5050
|
changeBanner(index);
|
|
@@ -5180,19 +5178,19 @@ function useDraggableContainer(queryContainer, size) {
|
|
|
5180
5178
|
}, []);
|
|
5181
5179
|
}
|
|
5182
5180
|
|
|
5183
|
-
var rootClassName$
|
|
5181
|
+
var rootClassName$1K = 'carousel-behaviour';
|
|
5184
5182
|
function useCarouselBehaviour(props) {
|
|
5185
5183
|
var _props$slides, _props$slides4;
|
|
5186
5184
|
var _useState = React$1.useState(getUniqueKey()),
|
|
5187
5185
|
id = _useState[0];
|
|
5188
|
-
useDraggableContainer("#" + id + " ." + rootClassName$
|
|
5186
|
+
useDraggableContainer("#" + id + " ." + rootClassName$1K + "-content", (_props$slides = props.slides) === null || _props$slides === void 0 ? void 0 : _props$slides.length);
|
|
5189
5187
|
var handleChange = function handleChange(newAtual, onScroll) {
|
|
5190
5188
|
if (onScroll === void 0) {
|
|
5191
5189
|
onScroll = false;
|
|
5192
5190
|
}
|
|
5193
5191
|
if (!onScroll) {
|
|
5194
5192
|
var _props$slides2;
|
|
5195
|
-
var el = document.querySelector("#" + id + " ." + rootClassName$
|
|
5193
|
+
var el = document.querySelector("#" + id + " ." + rootClassName$1K + "-content");
|
|
5196
5194
|
var width = el.scrollWidth / (((_props$slides2 = props.slides) === null || _props$slides2 === void 0 ? void 0 : _props$slides2.length) || 1);
|
|
5197
5195
|
scrollSmooth({
|
|
5198
5196
|
top: 0,
|
|
@@ -5226,26 +5224,26 @@ function useCarouselBehaviour(props) {
|
|
|
5226
5224
|
}
|
|
5227
5225
|
}, [props.newAtual]);
|
|
5228
5226
|
return [React$1__default.createElement("div", {
|
|
5229
|
-
className: rootClassName$
|
|
5227
|
+
className: rootClassName$1K,
|
|
5230
5228
|
id: id
|
|
5231
5229
|
}, React$1__default.createElement("div", {
|
|
5232
|
-
className: getMergedClassNames([rootClassName$
|
|
5230
|
+
className: getMergedClassNames([rootClassName$1K + "-content", props.draggable ? 'draggable' : '']),
|
|
5233
5231
|
onScroll: function onScroll() {
|
|
5234
5232
|
var _props$slides3;
|
|
5235
|
-
var el = document.querySelector("#" + id + " ." + rootClassName$
|
|
5233
|
+
var el = document.querySelector("#" + id + " ." + rootClassName$1K + "-content");
|
|
5236
5234
|
var width = el.scrollWidth / (((_props$slides3 = props.slides) === null || _props$slides3 === void 0 ? void 0 : _props$slides3.length) || 1);
|
|
5237
5235
|
var newAtual = Math.round(el.scrollLeft / width);
|
|
5238
5236
|
handleChange(newAtual, true);
|
|
5239
5237
|
}
|
|
5240
5238
|
}, (_props$slides4 = props.slides) === null || _props$slides4 === void 0 ? void 0 : _props$slides4.map(function (slide, index) {
|
|
5241
5239
|
return React$1__default.createElement("div", {
|
|
5242
|
-
className: rootClassName$
|
|
5240
|
+
className: rootClassName$1K + "-slide",
|
|
5243
5241
|
key: index
|
|
5244
5242
|
}, slide);
|
|
5245
5243
|
}))), handleChange];
|
|
5246
5244
|
}
|
|
5247
5245
|
|
|
5248
|
-
var rootClassName$
|
|
5246
|
+
var rootClassName$1L = 'component-icon-button';
|
|
5249
5247
|
function IconButton(props) {
|
|
5250
5248
|
var handleClick = function handleClick(evt) {
|
|
5251
5249
|
if (typeof props.onClick === 'function' && !props.disabled) {
|
|
@@ -5255,7 +5253,7 @@ function IconButton(props) {
|
|
|
5255
5253
|
var getProps = function getProps() {
|
|
5256
5254
|
var p = _extends({}, props, {
|
|
5257
5255
|
onClick: handleClick,
|
|
5258
|
-
className: getMergedClassNames([rootClassName$
|
|
5256
|
+
className: getMergedClassNames([rootClassName$1L, props.className, rootClassName$1L + "-" + props.theme])
|
|
5259
5257
|
});
|
|
5260
5258
|
delete p.icon;
|
|
5261
5259
|
delete p.children;
|
|
@@ -5273,7 +5271,7 @@ IconButton.defaultProps = {
|
|
|
5273
5271
|
};
|
|
5274
5272
|
var IconButton$1 = React$1.memo(IconButton);
|
|
5275
5273
|
|
|
5276
|
-
var rootClassName$
|
|
5274
|
+
var rootClassName$1M = 'element-paginator';
|
|
5277
5275
|
function ElementPaginator(props) {
|
|
5278
5276
|
var handleChange = function handleChange(num) {
|
|
5279
5277
|
if (num > props.size) {
|
|
@@ -5285,16 +5283,16 @@ function ElementPaginator(props) {
|
|
|
5285
5283
|
}
|
|
5286
5284
|
};
|
|
5287
5285
|
return React$1__default.createElement("div", {
|
|
5288
|
-
className: rootClassName$
|
|
5286
|
+
className: rootClassName$1M
|
|
5289
5287
|
}, props.hideArrows ? undefined : React$1__default.createElement("div", null, React$1__default.createElement(IconButton$1, {
|
|
5290
|
-
className: rootClassName$
|
|
5288
|
+
className: rootClassName$1M + "-buttons",
|
|
5291
5289
|
icon: React$1__default.createElement(ArrowLeftIcon, null),
|
|
5292
5290
|
onClick: function onClick() {
|
|
5293
5291
|
return handleChange(props.atual - 1);
|
|
5294
5292
|
},
|
|
5295
5293
|
disabled: !props.infinite && props.atual === 1
|
|
5296
5294
|
})), React$1__default.createElement("div", {
|
|
5297
|
-
className: rootClassName$
|
|
5295
|
+
className: rootClassName$1M + "-indexes"
|
|
5298
5296
|
}, Array.from({
|
|
5299
5297
|
length: props.size
|
|
5300
5298
|
}).map(function (_, i) {
|
|
@@ -5306,7 +5304,7 @@ function ElementPaginator(props) {
|
|
|
5306
5304
|
}
|
|
5307
5305
|
}, React$1__default.createElement("span", null));
|
|
5308
5306
|
})), props.hideArrows ? undefined : React$1__default.createElement("div", null, React$1__default.createElement(IconButton$1, {
|
|
5309
|
-
className: rootClassName$
|
|
5307
|
+
className: rootClassName$1M + "-buttons",
|
|
5310
5308
|
icon: React$1__default.createElement(ArrowRightIcon, null),
|
|
5311
5309
|
onClick: function onClick() {
|
|
5312
5310
|
return handleChange(props.atual + 1);
|
|
@@ -5319,7 +5317,7 @@ ElementPaginator.defaultProps = {
|
|
|
5319
5317
|
};
|
|
5320
5318
|
var ElementPaginator$1 = React$1.memo(ElementPaginator);
|
|
5321
5319
|
|
|
5322
|
-
var rootClassName$
|
|
5320
|
+
var rootClassName$1N = 'carousel-persona';
|
|
5323
5321
|
function CarouselPersona(props) {
|
|
5324
5322
|
var _props$personas2;
|
|
5325
5323
|
var _useState = React$1.useState(0),
|
|
@@ -5329,17 +5327,17 @@ function CarouselPersona(props) {
|
|
|
5329
5327
|
var _props$personas;
|
|
5330
5328
|
return (_props$personas = props.personas) === null || _props$personas === void 0 ? void 0 : _props$personas.map(function (persona, index) {
|
|
5331
5329
|
return React$1__default.createElement("div", {
|
|
5332
|
-
className: rootClassName$
|
|
5330
|
+
className: rootClassName$1N + "-persona",
|
|
5333
5331
|
key: index
|
|
5334
5332
|
}, React$1__default.createElement("div", {
|
|
5335
|
-
className: rootClassName$
|
|
5333
|
+
className: rootClassName$1N + "-image",
|
|
5336
5334
|
style: {
|
|
5337
5335
|
backgroundImage: "url(" + persona.imgUrl + ")"
|
|
5338
5336
|
}
|
|
5339
5337
|
}), React$1__default.createElement("div", {
|
|
5340
|
-
className: rootClassName$
|
|
5338
|
+
className: rootClassName$1N + "-name"
|
|
5341
5339
|
}, persona.name), React$1__default.createElement("div", {
|
|
5342
|
-
className: rootClassName$
|
|
5340
|
+
className: rootClassName$1N + "-description nunito"
|
|
5343
5341
|
}, persona.description));
|
|
5344
5342
|
});
|
|
5345
5343
|
}, [props.personas]);
|
|
@@ -5351,13 +5349,13 @@ function CarouselPersona(props) {
|
|
|
5351
5349
|
CarouselBehaviour = _useCarouselBehaviour[0],
|
|
5352
5350
|
handleChange = _useCarouselBehaviour[1];
|
|
5353
5351
|
return React$1__default.createElement("div", {
|
|
5354
|
-
className: rootClassName$
|
|
5352
|
+
className: rootClassName$1N
|
|
5355
5353
|
}, React$1__default.createElement("div", {
|
|
5356
|
-
className: rootClassName$
|
|
5354
|
+
className: rootClassName$1N + "-personas"
|
|
5357
5355
|
}, personas), React$1__default.createElement("div", {
|
|
5358
|
-
className: rootClassName$
|
|
5356
|
+
className: rootClassName$1N + "-carousel"
|
|
5359
5357
|
}, CarouselBehaviour, React$1__default.createElement("div", {
|
|
5360
|
-
className: rootClassName$
|
|
5358
|
+
className: rootClassName$1N + "-paginator"
|
|
5361
5359
|
}, React$1__default.createElement(ElementPaginator$1, {
|
|
5362
5360
|
infinite: true,
|
|
5363
5361
|
size: ((_props$personas2 = props.personas) === null || _props$personas2 === void 0 ? void 0 : _props$personas2.length) || 0,
|
|
@@ -5443,7 +5441,7 @@ function useControlledTimer(props) {
|
|
|
5443
5441
|
return [dispatchAction, status];
|
|
5444
5442
|
}
|
|
5445
5443
|
|
|
5446
|
-
var rootClassName$
|
|
5444
|
+
var rootClassName$1O = 'component-carousel-touch-frendly';
|
|
5447
5445
|
function CarouselTouchFrendly(props) {
|
|
5448
5446
|
var _props$slides, _props$slides2;
|
|
5449
5447
|
var _useState = React$1.useState(getUniqueKey()),
|
|
@@ -5459,7 +5457,7 @@ function CarouselTouchFrendly(props) {
|
|
|
5459
5457
|
slides: (_props$slides = props.slides) === null || _props$slides === void 0 ? void 0 : _props$slides.map(function (slide, index) {
|
|
5460
5458
|
return React$1__default.createElement("div", {
|
|
5461
5459
|
key: index,
|
|
5462
|
-
className: rootClassName$
|
|
5460
|
+
className: rootClassName$1O + "-slide"
|
|
5463
5461
|
}, slide);
|
|
5464
5462
|
})
|
|
5465
5463
|
}),
|
|
@@ -5474,9 +5472,9 @@ function CarouselTouchFrendly(props) {
|
|
|
5474
5472
|
dispatchActionsToTimer = _useControlledTimer[0];
|
|
5475
5473
|
return React$1__default.createElement("div", {
|
|
5476
5474
|
id: id,
|
|
5477
|
-
className: getMergedClassNames([rootClassName$
|
|
5475
|
+
className: getMergedClassNames([rootClassName$1O, props.className])
|
|
5478
5476
|
}, React$1__default.createElement("div", {
|
|
5479
|
-
className: rootClassName$
|
|
5477
|
+
className: rootClassName$1O + "-outside-content",
|
|
5480
5478
|
onMouseEnter: function onMouseEnter() {
|
|
5481
5479
|
dispatchActionsToTimer('pause');
|
|
5482
5480
|
},
|
|
@@ -5484,27 +5482,27 @@ function CarouselTouchFrendly(props) {
|
|
|
5484
5482
|
dispatchActionsToTimer('play');
|
|
5485
5483
|
}
|
|
5486
5484
|
}, props.slides.length > 1 && React$1__default.createElement("div", {
|
|
5487
|
-
className: rootClassName$
|
|
5485
|
+
className: rootClassName$1O + "-control prev",
|
|
5488
5486
|
onClick: function onClick() {
|
|
5489
5487
|
dispatchActionsToTimer('stop');
|
|
5490
5488
|
handleChange(atual > 0 ? atual - 1 : props.slides.length - 1, false);
|
|
5491
5489
|
}
|
|
5492
5490
|
}, React$1__default.createElement("div", {
|
|
5493
|
-
className: rootClassName$
|
|
5491
|
+
className: rootClassName$1O + "-icon"
|
|
5494
5492
|
}, React$1__default.createElement(ChevronArrowLeftIcon, null)), React$1__default.createElement("div", {
|
|
5495
|
-
className: rootClassName$
|
|
5493
|
+
className: rootClassName$1O + "-shadow"
|
|
5496
5494
|
})), props.slides.length > 1 && React$1__default.createElement("div", {
|
|
5497
|
-
className: rootClassName$
|
|
5495
|
+
className: rootClassName$1O + "-control next",
|
|
5498
5496
|
onClick: function onClick() {
|
|
5499
5497
|
dispatchActionsToTimer('stop');
|
|
5500
5498
|
handleChange(atual < props.slides.length - 1 ? atual + 1 : 0, false);
|
|
5501
5499
|
}
|
|
5502
5500
|
}, React$1__default.createElement("div", {
|
|
5503
|
-
className: rootClassName$
|
|
5501
|
+
className: rootClassName$1O + "-icon"
|
|
5504
5502
|
}, React$1__default.createElement(ChevronArrowRightIcon, null)), React$1__default.createElement("div", {
|
|
5505
|
-
className: rootClassName$
|
|
5503
|
+
className: rootClassName$1O + "-shadow"
|
|
5506
5504
|
})), CarouselBehaviour), React$1__default.createElement("div", {
|
|
5507
|
-
className: rootClassName$
|
|
5505
|
+
className: rootClassName$1O + "-balls"
|
|
5508
5506
|
}, (_props$slides2 = props.slides) === null || _props$slides2 === void 0 ? void 0 : _props$slides2.map(function (_slide, index) {
|
|
5509
5507
|
return React$1__default.createElement("div", {
|
|
5510
5508
|
key: index,
|
|
@@ -5512,7 +5510,7 @@ function CarouselTouchFrendly(props) {
|
|
|
5512
5510
|
dispatchActionsToTimer('restart');
|
|
5513
5511
|
handleChange(index, false);
|
|
5514
5512
|
},
|
|
5515
|
-
className: getMergedClassNames([rootClassName$
|
|
5513
|
+
className: getMergedClassNames([rootClassName$1O + "-ball", index === atual ? 'atual' : ''])
|
|
5516
5514
|
});
|
|
5517
5515
|
})));
|
|
5518
5516
|
}
|
|
@@ -6920,7 +6918,7 @@ function useProgressiveCount(initialValue) {
|
|
|
6920
6918
|
return [value, changeNumber];
|
|
6921
6919
|
}
|
|
6922
6920
|
|
|
6923
|
-
var rootClassName$
|
|
6921
|
+
var rootClassName$1P = 'component-doughnut-square';
|
|
6924
6922
|
function DoughnutSquare(props) {
|
|
6925
6923
|
var _useProgressiveCount = useProgressiveCount(0),
|
|
6926
6924
|
val = _useProgressiveCount[0],
|
|
@@ -6932,11 +6930,11 @@ function DoughnutSquare(props) {
|
|
|
6932
6930
|
setVal(parseInt(String(props.value)));
|
|
6933
6931
|
}, [props.value]);
|
|
6934
6932
|
return React$1__default.createElement("div", {
|
|
6935
|
-
className: rootClassName$
|
|
6933
|
+
className: rootClassName$1P
|
|
6936
6934
|
}, React$1__default.createElement("div", {
|
|
6937
|
-
className: rootClassName$
|
|
6935
|
+
className: rootClassName$1P + "-caption " + rootClassName$1P + "-caption-left"
|
|
6938
6936
|
}, props.leftCaption), React$1__default.createElement("div", {
|
|
6939
|
-
className: rootClassName$
|
|
6937
|
+
className: rootClassName$1P + "-chart"
|
|
6940
6938
|
}, React$1__default.createElement("svg", {
|
|
6941
6939
|
viewBox: '0 0 100 100'
|
|
6942
6940
|
}, React$1__default.createElement("circle", {
|
|
@@ -6949,24 +6947,24 @@ function DoughnutSquare(props) {
|
|
|
6949
6947
|
r: '42',
|
|
6950
6948
|
strokeDashoffset: getStrokeDashOffset(val)
|
|
6951
6949
|
}))), React$1__default.createElement("div", {
|
|
6952
|
-
className: rootClassName$
|
|
6950
|
+
className: rootClassName$1P + "-center-caption"
|
|
6953
6951
|
}, val + "%"), React$1__default.createElement("div", {
|
|
6954
|
-
className: rootClassName$
|
|
6952
|
+
className: rootClassName$1P + "-label-bottom"
|
|
6955
6953
|
}, React$1__default.createElement("div", {
|
|
6956
|
-
className: rootClassName$
|
|
6954
|
+
className: rootClassName$1P + "-text"
|
|
6957
6955
|
}, props.bottomCaption)));
|
|
6958
6956
|
}
|
|
6959
6957
|
|
|
6960
|
-
var rootClassName$
|
|
6958
|
+
var rootClassName$1Q = 'component-money-by-month';
|
|
6961
6959
|
function MoneyByMonth(props) {
|
|
6962
6960
|
return /*#__PURE__*/React.createElement("div", {
|
|
6963
|
-
className: rootClassName$
|
|
6961
|
+
className: rootClassName$1Q
|
|
6964
6962
|
}, /*#__PURE__*/React.createElement("div", {
|
|
6965
|
-
className: rootClassName$
|
|
6963
|
+
className: rootClassName$1Q + "-caption " + rootClassName$1Q + "-caption-left"
|
|
6966
6964
|
}, props.leftCaption), /*#__PURE__*/React.createElement("div", {
|
|
6967
|
-
className: rootClassName$
|
|
6965
|
+
className: rootClassName$1Q + "-caption " + rootClassName$1Q + "-caption-right"
|
|
6968
6966
|
}, props.rightCaption), /*#__PURE__*/React.createElement("div", {
|
|
6969
|
-
className: rootClassName$
|
|
6967
|
+
className: rootClassName$1Q + "-chart"
|
|
6970
6968
|
}, /*#__PURE__*/React.createElement(MoneyMonthLineChart, {
|
|
6971
6969
|
data: props.data,
|
|
6972
6970
|
labels: props.labels
|
|
@@ -6983,7 +6981,7 @@ MoneyByMonth.defaultProps = {
|
|
|
6983
6981
|
labels: ['jan', 'fev', 'mar', 'abr', 'mai', 'jun', 'jul', 'ago', 'set', 'out', 'nov', 'dez']
|
|
6984
6982
|
};
|
|
6985
6983
|
|
|
6986
|
-
var rootClassName$
|
|
6984
|
+
var rootClassName$1R = 'component-checkbox';
|
|
6987
6985
|
function Checkbox(props) {
|
|
6988
6986
|
var fProps = React$1.useMemo(function () {
|
|
6989
6987
|
var handleClick = function handleClick(evt) {
|
|
@@ -6993,7 +6991,7 @@ function Checkbox(props) {
|
|
|
6993
6991
|
}
|
|
6994
6992
|
};
|
|
6995
6993
|
var p = _extends({}, props, {
|
|
6996
|
-
className: getMergedClassNames([rootClassName$
|
|
6994
|
+
className: getMergedClassNames([rootClassName$1R, rootClassName$1R + "-" + props.theme, rootClassName$1R + "-" + (props.value ? 'checked' : 'not')]),
|
|
6997
6995
|
'aria-disabled': props.disabled || props['aria-disabled'],
|
|
6998
6996
|
onClick: handleClick
|
|
6999
6997
|
});
|
|
@@ -7016,19 +7014,19 @@ Checkbox.defaultProps = {
|
|
|
7016
7014
|
};
|
|
7017
7015
|
var Checkbox$1 = React$1.memo(Checkbox);
|
|
7018
7016
|
|
|
7019
|
-
var rootClassName$
|
|
7017
|
+
var rootClassName$1S = 'component-col';
|
|
7020
7018
|
function Col(props) {
|
|
7021
7019
|
var p = React$1.useMemo(function () {
|
|
7022
7020
|
var cols = props.cols ? props.cols : [12, 12, 12, 12, 12];
|
|
7023
7021
|
var size = ['xs', 'sm', 'md', 'lg', 'xl'];
|
|
7024
7022
|
var getSizes = cols.map(function (n, index) {
|
|
7025
|
-
return rootClassName$
|
|
7023
|
+
return rootClassName$1S + "-" + size[index] + "-" + n;
|
|
7026
7024
|
});
|
|
7027
7025
|
var rp = _extends({}, props, {
|
|
7028
7026
|
style: _extends({}, props.style || {}, {
|
|
7029
7027
|
gap: props.gap
|
|
7030
7028
|
}),
|
|
7031
|
-
className: getMergedClassNames([props.className, rootClassName$
|
|
7029
|
+
className: getMergedClassNames([props.className, rootClassName$1S].concat(getSizes, [props.centralized ? 'centralized' : '', props.end ? 'end' : '', props.noPadding ? 'no-padding' : '', props.noPaddingTop ? 'no-padding-top' : '', props.buttonActionsCol ? 'button-actions-col' : '']))
|
|
7032
7030
|
});
|
|
7033
7031
|
delete rp.noPadding;
|
|
7034
7032
|
delete rp.centralized;
|
|
@@ -7049,13 +7047,13 @@ Col.defaultProps = {
|
|
|
7049
7047
|
};
|
|
7050
7048
|
var Col$1 = React$1.memo(Col);
|
|
7051
7049
|
|
|
7052
|
-
var rootClassName$
|
|
7050
|
+
var rootClassName$1T = 'component-control-label';
|
|
7053
7051
|
var keysToExclude = ['control', 'controlProps', 'labelPosition', 'labelGap', 'label'];
|
|
7054
7052
|
function ControlLabel(props) {
|
|
7055
7053
|
var _props$control$props;
|
|
7056
7054
|
var ref = React$1.useRef();
|
|
7057
7055
|
return React$1__default.createElement("label", Object.assign({
|
|
7058
|
-
className: getMergedClassNames([rootClassName$
|
|
7056
|
+
className: getMergedClassNames([rootClassName$1T, props.labelPosition ? props.labelPosition : '', (_props$control$props = props.control.props) !== null && _props$control$props !== void 0 && _props$control$props.disabled ? 'disabled' : '']),
|
|
7059
7057
|
ref: ref,
|
|
7060
7058
|
style: props.labelGap ? {
|
|
7061
7059
|
gap: props.labelGap + "px"
|
|
@@ -7066,11 +7064,11 @@ function ControlLabel(props) {
|
|
|
7066
7064
|
}
|
|
7067
7065
|
var ControlLabel$1 = React$1.memo(ControlLabel);
|
|
7068
7066
|
|
|
7069
|
-
var rootClassName$
|
|
7067
|
+
var rootClassName$1U = 'component-container';
|
|
7070
7068
|
function Container(props) {
|
|
7071
7069
|
var getProps = function getProps() {
|
|
7072
7070
|
var p = _extends({}, props, {
|
|
7073
|
-
className: getMergedClassNames([rootClassName$
|
|
7071
|
+
className: getMergedClassNames([rootClassName$1U, props.className, props.fluid ? 'fluid' : '', props.verticalPadding ? 'vertical-padding' : '', props.hasMobileButton ? 'has-mobile-button' : '', props.hasHeader ? 'has-header' : '', props.hasAdvancedHeader ? 'has-advanced-header' : '']),
|
|
7074
7072
|
style: _extends({}, props.style, {
|
|
7075
7073
|
position: props.position
|
|
7076
7074
|
})
|
|
@@ -7084,7 +7082,7 @@ function Container(props) {
|
|
|
7084
7082
|
return p;
|
|
7085
7083
|
};
|
|
7086
7084
|
return React$1__default.createElement("div", Object.assign({}, getProps()), React$1__default.createElement("div", {
|
|
7087
|
-
className: rootClassName$
|
|
7085
|
+
className: rootClassName$1U + "-insider"
|
|
7088
7086
|
}, props.children));
|
|
7089
7087
|
}
|
|
7090
7088
|
Container.defaultProps = {
|
|
@@ -7189,7 +7187,7 @@ var stringToReactElement = function stringToReactElement(str, props) {
|
|
|
7189
7187
|
return el;
|
|
7190
7188
|
};
|
|
7191
7189
|
|
|
7192
|
-
var rootClassName$
|
|
7190
|
+
var rootClassName$1V = 'component-date-picker-calendar';
|
|
7193
7191
|
function DatePickerCalendar(props) {
|
|
7194
7192
|
var _useState = React$1.useState(new Date()),
|
|
7195
7193
|
today = _useState[0];
|
|
@@ -7215,14 +7213,14 @@ function DatePickerCalendar(props) {
|
|
|
7215
7213
|
monthPage = _useState4[0],
|
|
7216
7214
|
setMonthPage = _useState4[1];
|
|
7217
7215
|
return React$1__default.createElement("div", {
|
|
7218
|
-
className: rootClassName$
|
|
7216
|
+
className: rootClassName$1V
|
|
7219
7217
|
}, React$1__default.createElement(reactTransitionGroup.CSSTransition, {
|
|
7220
7218
|
"in": monthPage,
|
|
7221
|
-
classNames: rootClassName$
|
|
7219
|
+
classNames: rootClassName$1V + "-month-picker",
|
|
7222
7220
|
timeout: 300,
|
|
7223
7221
|
unmountOnExit: true
|
|
7224
7222
|
}, React$1__default.createElement("div", {
|
|
7225
|
-
className: rootClassName$
|
|
7223
|
+
className: rootClassName$1V + "-month-picker"
|
|
7226
7224
|
}, React$1__default.createElement("div", {
|
|
7227
7225
|
className: 'header'
|
|
7228
7226
|
}, React$1__default.createElement("button", {
|
|
@@ -7239,7 +7237,7 @@ function DatePickerCalendar(props) {
|
|
|
7239
7237
|
setYear(year + 1);
|
|
7240
7238
|
}
|
|
7241
7239
|
}, React$1__default.createElement(ChevronArrowRightIcon, null))), React$1__default.createElement("div", {
|
|
7242
|
-
className: rootClassName$
|
|
7240
|
+
className: rootClassName$1V + "-months"
|
|
7243
7241
|
}, props.language.monthsAbrev.map(function (mes, index) {
|
|
7244
7242
|
return React$1__default.createElement("button", {
|
|
7245
7243
|
key: index,
|
|
@@ -7247,14 +7245,14 @@ function DatePickerCalendar(props) {
|
|
|
7247
7245
|
setMonth(index);
|
|
7248
7246
|
setMonthPage(false);
|
|
7249
7247
|
},
|
|
7250
|
-
className: getMergedClassNames([rootClassName$
|
|
7248
|
+
className: getMergedClassNames([rootClassName$1V + "-month", index === month ? 'selected' : ''])
|
|
7251
7249
|
}, mes);
|
|
7252
7250
|
})))), React$1__default.createElement(reactTransitionGroup.CSSTransition, {
|
|
7253
7251
|
"in": !monthPage,
|
|
7254
7252
|
timeout: 300,
|
|
7255
|
-
classNames: rootClassName$
|
|
7253
|
+
classNames: rootClassName$1V + "-bottom-page"
|
|
7256
7254
|
}, React$1__default.createElement("div", {
|
|
7257
|
-
className: rootClassName$
|
|
7255
|
+
className: rootClassName$1V + "-first-page"
|
|
7258
7256
|
}, React$1__default.createElement("div", {
|
|
7259
7257
|
className: 'header'
|
|
7260
7258
|
}, React$1__default.createElement("button", {
|
|
@@ -7307,7 +7305,7 @@ function DatePickerCalendar(props) {
|
|
|
7307
7305
|
}
|
|
7308
7306
|
var DatePickerCalendar$1 = React$1.memo(DatePickerCalendar);
|
|
7309
7307
|
|
|
7310
|
-
var rootClassName$
|
|
7308
|
+
var rootClassName$1W = 'component-date-picker';
|
|
7311
7309
|
function DatePicker(props) {
|
|
7312
7310
|
var id = React$1.useMemo(function () {
|
|
7313
7311
|
return "picker_" + getUniqueKey();
|
|
@@ -7317,7 +7315,7 @@ function DatePicker(props) {
|
|
|
7317
7315
|
setOpened = _useState[1];
|
|
7318
7316
|
React$1.useEffect(function () {
|
|
7319
7317
|
var func = function func(evt) {
|
|
7320
|
-
if (document.querySelector("#" + id + "." + rootClassName$
|
|
7318
|
+
if (document.querySelector("#" + id + "." + rootClassName$1W + "-panel." + rootClassName$1W + "-panel-enter-done") && !evt.composedPath().includes(document.querySelector("#" + id))) {
|
|
7321
7319
|
setOpened(false);
|
|
7322
7320
|
}
|
|
7323
7321
|
};
|
|
@@ -7353,7 +7351,7 @@ function DatePicker(props) {
|
|
|
7353
7351
|
}
|
|
7354
7352
|
var position = function position() {
|
|
7355
7353
|
var element = document.querySelector(props.queryToAppend);
|
|
7356
|
-
var panel = document.querySelector("#" + id + "." + rootClassName$
|
|
7354
|
+
var panel = document.querySelector("#" + id + "." + rootClassName$1W + "-panel");
|
|
7357
7355
|
if (!element || !panel) return;
|
|
7358
7356
|
var elementBound = element.getBoundingClientRect();
|
|
7359
7357
|
var windowHeight = parseFloat(String(window.innerHeight));
|
|
@@ -7400,10 +7398,10 @@ function DatePicker(props) {
|
|
|
7400
7398
|
vd();
|
|
7401
7399
|
}, [props.initialValue]);
|
|
7402
7400
|
return React$1__default.createElement("div", {
|
|
7403
|
-
className: rootClassName$
|
|
7401
|
+
className: rootClassName$1W
|
|
7404
7402
|
}, props.initialValue ? React$1__default.createElement(IconButton$1, {
|
|
7405
7403
|
disabled: props.disabled,
|
|
7406
|
-
className: rootClassName$
|
|
7404
|
+
className: rootClassName$1W + "-clear-button",
|
|
7407
7405
|
icon: React$1__default.createElement(CloseIcon, null),
|
|
7408
7406
|
onClick: function onClick() {
|
|
7409
7407
|
if (typeof props.onChange === 'function') {
|
|
@@ -7418,11 +7416,11 @@ function DatePicker(props) {
|
|
|
7418
7416
|
}), React$1__default.createElement(reactTransitionGroup.CSSTransition, {
|
|
7419
7417
|
"in": opened,
|
|
7420
7418
|
timeout: 300,
|
|
7421
|
-
classNames: rootClassName$
|
|
7419
|
+
classNames: rootClassName$1W + "-panel",
|
|
7422
7420
|
unmountOnExit: true
|
|
7423
7421
|
}, React$1__default.createElement("div", {
|
|
7424
7422
|
id: id,
|
|
7425
|
-
className: rootClassName$
|
|
7423
|
+
className: rootClassName$1W + "-panel"
|
|
7426
7424
|
}, React$1__default.createElement(DatePickerCalendar$1, {
|
|
7427
7425
|
language: props.language,
|
|
7428
7426
|
value: value,
|
|
@@ -7449,7 +7447,7 @@ DatePicker.defaultProps = {
|
|
|
7449
7447
|
};
|
|
7450
7448
|
var DatePicker$1 = React$1.memo(DatePicker);
|
|
7451
7449
|
|
|
7452
|
-
var rootClassName$
|
|
7450
|
+
var rootClassName$1X = 'component-doughnut';
|
|
7453
7451
|
function Doughnut(props) {
|
|
7454
7452
|
var _useProgressiveCount = useProgressiveCount(0),
|
|
7455
7453
|
val = _useProgressiveCount[0],
|
|
@@ -7461,9 +7459,9 @@ function Doughnut(props) {
|
|
|
7461
7459
|
setVal(parseInt(String(props.value)));
|
|
7462
7460
|
}, [props.value]);
|
|
7463
7461
|
return React$1__default.createElement("div", {
|
|
7464
|
-
className: rootClassName$
|
|
7462
|
+
className: rootClassName$1X
|
|
7465
7463
|
}, React$1__default.createElement("div", {
|
|
7466
|
-
className: getMergedClassNames([rootClassName$
|
|
7464
|
+
className: getMergedClassNames([rootClassName$1X + "-chart", props.red ? 'red' : ''])
|
|
7467
7465
|
}, React$1__default.createElement("svg", {
|
|
7468
7466
|
viewBox: '0 0 100 100'
|
|
7469
7467
|
}, React$1__default.createElement("circle", {
|
|
@@ -7476,7 +7474,7 @@ function Doughnut(props) {
|
|
|
7476
7474
|
r: '42',
|
|
7477
7475
|
strokeDashoffset: getStrokeDashOffset(val)
|
|
7478
7476
|
}))), props.showLabel ? React$1__default.createElement("div", {
|
|
7479
|
-
className: rootClassName$
|
|
7477
|
+
className: rootClassName$1X + "-label nunito"
|
|
7480
7478
|
}, val + "%") : undefined);
|
|
7481
7479
|
}
|
|
7482
7480
|
Doughnut.defaultProps = {
|
|
@@ -7484,10 +7482,10 @@ Doughnut.defaultProps = {
|
|
|
7484
7482
|
};
|
|
7485
7483
|
var Doughnut$1 = React$1.memo(Doughnut);
|
|
7486
7484
|
|
|
7487
|
-
var rootClassName$
|
|
7485
|
+
var rootClassName$1Y = 'component-dropdown-item';
|
|
7488
7486
|
function DropdownItem(props) {
|
|
7489
7487
|
var classNames = React$1.useMemo(function () {
|
|
7490
|
-
return getMergedClassNames([rootClassName$
|
|
7488
|
+
return getMergedClassNames([rootClassName$1Y, props.alignRight ? 'right' : '', props.loading ? 'loading' : '']);
|
|
7491
7489
|
}, [props.alignRight, props.loading]);
|
|
7492
7490
|
return React$1__default.createElement("button", {
|
|
7493
7491
|
id: props.id,
|
|
@@ -7500,25 +7498,25 @@ function DropdownItem(props) {
|
|
|
7500
7498
|
}
|
|
7501
7499
|
}
|
|
7502
7500
|
}, React$1__default.createElement("div", {
|
|
7503
|
-
className: rootClassName$
|
|
7501
|
+
className: rootClassName$1Y + "-content"
|
|
7504
7502
|
}, React$1__default.createElement(reactTransitionGroup.CSSTransition, {
|
|
7505
7503
|
"in": props.loading,
|
|
7506
7504
|
timeout: 300,
|
|
7507
7505
|
unmountOnExit: true,
|
|
7508
|
-
classNames: rootClassName$
|
|
7506
|
+
classNames: rootClassName$1Y + "-fade"
|
|
7509
7507
|
}, React$1__default.createElement("div", {
|
|
7510
|
-
className: rootClassName$
|
|
7508
|
+
className: rootClassName$1Y + "-loader"
|
|
7511
7509
|
}, React$1__default.createElement(PercentLoaderIcon, {
|
|
7512
7510
|
indefinido: true
|
|
7513
7511
|
}))), props.icon ? React$1__default.createElement("div", {
|
|
7514
|
-
className: rootClassName$
|
|
7512
|
+
className: rootClassName$1Y + "-icon"
|
|
7515
7513
|
}, props.icon) : undefined, React$1__default.createElement("div", {
|
|
7516
|
-
className: rootClassName$
|
|
7514
|
+
className: rootClassName$1Y + "-label"
|
|
7517
7515
|
}, props.label)));
|
|
7518
7516
|
}
|
|
7519
7517
|
var DropdownItem$1 = React$1.memo(DropdownItem);
|
|
7520
7518
|
|
|
7521
|
-
var rootClassName$
|
|
7519
|
+
var rootClassName$1Z = 'component-dropdown-menu';
|
|
7522
7520
|
function DropdownMenu(props) {
|
|
7523
7521
|
var id = React$1.useMemo(function () {
|
|
7524
7522
|
return props.id ? props.id : getUniqueKey();
|
|
@@ -7535,9 +7533,9 @@ function DropdownMenu(props) {
|
|
|
7535
7533
|
setInter(null);
|
|
7536
7534
|
}
|
|
7537
7535
|
var position = function position() {
|
|
7538
|
-
var painel = document.querySelector("#" + id + " ." + rootClassName$
|
|
7536
|
+
var painel = document.querySelector("#" + id + " ." + rootClassName$1Z + "-panel");
|
|
7539
7537
|
if (!painel) return;
|
|
7540
|
-
var trigger = document.querySelector("#" + id + " ." + rootClassName$
|
|
7538
|
+
var trigger = document.querySelector("#" + id + " ." + rootClassName$1Z + "-children > *");
|
|
7541
7539
|
var bound = trigger.getBoundingClientRect();
|
|
7542
7540
|
var pontoCentralX = bound.x + bound.width / 2;
|
|
7543
7541
|
var pontoCentralY = bound.y + bound.height / 2;
|
|
@@ -7574,12 +7572,12 @@ function DropdownMenu(props) {
|
|
|
7574
7572
|
React$1.useEffect(function () {
|
|
7575
7573
|
var onHandleClick = function onHandleClick(evt) {
|
|
7576
7574
|
if (evt.path) {
|
|
7577
|
-
if (document.querySelector("#" + id + " ." + rootClassName$
|
|
7575
|
+
if (document.querySelector("#" + id + " ." + rootClassName$1Z + "-panel-fade-enter-done") && !evt.path.includes(document.querySelector("#" + id))) props.setOpened(false);
|
|
7578
7576
|
} else {
|
|
7579
7577
|
var aux = evt.target;
|
|
7580
7578
|
var deveFechar = true;
|
|
7581
7579
|
while (aux && aux.id !== 'root') {
|
|
7582
|
-
if (aux && aux.id && aux.id === id && aux.classList.contains(rootClassName$
|
|
7580
|
+
if (aux && aux.id && aux.id === id && aux.classList.contains(rootClassName$1Z)) {
|
|
7583
7581
|
deveFechar = false;
|
|
7584
7582
|
break;
|
|
7585
7583
|
}
|
|
@@ -7617,7 +7615,7 @@ function DropdownMenu(props) {
|
|
|
7617
7615
|
var getProps = function getProps() {
|
|
7618
7616
|
var p = _extends({}, props, {
|
|
7619
7617
|
id: id,
|
|
7620
|
-
className: getMergedClassNames([rootClassName$
|
|
7618
|
+
className: getMergedClassNames([rootClassName$1Z, props.className || ''])
|
|
7621
7619
|
});
|
|
7622
7620
|
delete p.opened;
|
|
7623
7621
|
delete p.setOpened;
|
|
@@ -7627,14 +7625,14 @@ function DropdownMenu(props) {
|
|
|
7627
7625
|
return p;
|
|
7628
7626
|
};
|
|
7629
7627
|
return React$1__default.createElement("div", Object.assign({}, getProps()), React$1__default.createElement("div", {
|
|
7630
|
-
className: rootClassName$
|
|
7628
|
+
className: rootClassName$1Z + "-children"
|
|
7631
7629
|
}, props.children), React$1__default.createElement(reactTransitionGroup.CSSTransition, {
|
|
7632
7630
|
"in": props.opened,
|
|
7633
7631
|
timeout: 300,
|
|
7634
|
-
classNames: rootClassName$
|
|
7632
|
+
classNames: rootClassName$1Z + "-panel-fade",
|
|
7635
7633
|
unmountOnExit: true
|
|
7636
7634
|
}, React$1__default.createElement("div", {
|
|
7637
|
-
className: rootClassName$
|
|
7635
|
+
className: rootClassName$1Z + "-panel scroll-white"
|
|
7638
7636
|
}, props.content)));
|
|
7639
7637
|
}
|
|
7640
7638
|
DropdownMenu.defaultProps = {
|
|
@@ -7642,7 +7640,7 @@ DropdownMenu.defaultProps = {
|
|
|
7642
7640
|
closeOnEsc: true
|
|
7643
7641
|
};
|
|
7644
7642
|
|
|
7645
|
-
var rootClassName$
|
|
7643
|
+
var rootClassName$1_ = 'floating-panel';
|
|
7646
7644
|
function FloatingPanel(props) {
|
|
7647
7645
|
var id = React$1.useMemo(getUniqueKey, []);
|
|
7648
7646
|
var onClick = React$1.useCallback(function (evt) {
|
|
@@ -7664,7 +7662,7 @@ function FloatingPanel(props) {
|
|
|
7664
7662
|
var wrapper = document.getElementById(id);
|
|
7665
7663
|
if (!wrapper) return;
|
|
7666
7664
|
var computedStyle = wrapper.getBoundingClientRect();
|
|
7667
|
-
var panel = document.querySelector("#" + id + " ." + rootClassName$
|
|
7665
|
+
var panel = document.querySelector("#" + id + " ." + rootClassName$1_);
|
|
7668
7666
|
if (!panel) return;
|
|
7669
7667
|
panel.style.top = computedStyle.top + computedStyle.height + "px";
|
|
7670
7668
|
panel.style.left = computedStyle.left + "px";
|
|
@@ -7672,7 +7670,7 @@ function FloatingPanel(props) {
|
|
|
7672
7670
|
var updateSize = React$1.useCallback(function () {
|
|
7673
7671
|
var _document$getElementB;
|
|
7674
7672
|
var anchor = (_document$getElementB = document.getElementById(id)) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.parentElement;
|
|
7675
|
-
var panel = document.querySelector("#" + id + " ." + rootClassName$
|
|
7673
|
+
var panel = document.querySelector("#" + id + " ." + rootClassName$1_);
|
|
7676
7674
|
if (!panel || !anchor) return;
|
|
7677
7675
|
var computedStyle = window.getComputedStyle(anchor);
|
|
7678
7676
|
panel.style.width = computedStyle.width;
|
|
@@ -7720,17 +7718,17 @@ function FloatingPanel(props) {
|
|
|
7720
7718
|
}, [props.opened]);
|
|
7721
7719
|
return React$1__default.createElement("div", {
|
|
7722
7720
|
id: id,
|
|
7723
|
-
className: rootClassName$
|
|
7721
|
+
className: rootClassName$1_ + "-wrapper",
|
|
7724
7722
|
style: {
|
|
7725
7723
|
bottom: props.bottom
|
|
7726
7724
|
}
|
|
7727
7725
|
}, React$1__default.createElement(reactTransitionGroup.CSSTransition, {
|
|
7728
7726
|
"in": props.opened,
|
|
7729
|
-
classNames: rootClassName$
|
|
7727
|
+
classNames: rootClassName$1_,
|
|
7730
7728
|
timeout: 300,
|
|
7731
7729
|
unmountOnExit: true
|
|
7732
7730
|
}, React$1__default.createElement("div", {
|
|
7733
|
-
className: useMergedClassNames([rootClassName$
|
|
7731
|
+
className: useMergedClassNames([rootClassName$1_, props.className, props.boxShadow ? 'shadow' : '', props.radiusStyle])
|
|
7734
7732
|
}, props.children)));
|
|
7735
7733
|
}
|
|
7736
7734
|
FloatingPanel.defaultProps = {
|
|
@@ -7739,7 +7737,7 @@ FloatingPanel.defaultProps = {
|
|
|
7739
7737
|
};
|
|
7740
7738
|
var FloatingPanel$1 = React$1.memo(FloatingPanel);
|
|
7741
7739
|
|
|
7742
|
-
var rootClassName$
|
|
7740
|
+
var rootClassName$1$ = 'dropdown-selector';
|
|
7743
7741
|
function DropdownSelector(props) {
|
|
7744
7742
|
var _useState = React$1.useState(false),
|
|
7745
7743
|
opened = _useState[0],
|
|
@@ -7764,25 +7762,25 @@ function DropdownSelector(props) {
|
|
|
7764
7762
|
}));
|
|
7765
7763
|
}, [props]);
|
|
7766
7764
|
return React$1__default.createElement("div", {
|
|
7767
|
-
className: useMergedClassNames([rootClassName$
|
|
7765
|
+
className: useMergedClassNames([rootClassName$1$ + "-wrapper", props.w100 ? 'w-100' : '', opened ? 'opened' : ''])
|
|
7768
7766
|
}, React$1__default.createElement("button", {
|
|
7769
|
-
className: useMergedClassNames([rootClassName$
|
|
7767
|
+
className: useMergedClassNames([rootClassName$1$, props.w100 ? 'w-100' : '', opened ? 'opened' : '']),
|
|
7770
7768
|
onClick: function onClick() {
|
|
7771
7769
|
setOpened(!opened);
|
|
7772
7770
|
}
|
|
7773
7771
|
}, React$1__default.createElement("div", {
|
|
7774
|
-
className: rootClassName$
|
|
7772
|
+
className: rootClassName$1$ + "-label nunito"
|
|
7775
7773
|
}, label), React$1__default.createElement("div", {
|
|
7776
|
-
className: useMergedClassNames([rootClassName$
|
|
7774
|
+
className: useMergedClassNames([rootClassName$1$ + "-icon", opened ? 'opened' : ''])
|
|
7777
7775
|
}, React$1__default.createElement(ChevronArrowDownIcon, null))), React$1__default.createElement(FloatingPanel$1, {
|
|
7778
7776
|
opened: opened,
|
|
7779
7777
|
setOpened: setOpened,
|
|
7780
|
-
className: rootClassName$
|
|
7778
|
+
className: rootClassName$1$ + "-menu"
|
|
7781
7779
|
}, options));
|
|
7782
7780
|
}
|
|
7783
7781
|
var DropdownSelector$1 = React$1.memo(DropdownSelector);
|
|
7784
7782
|
|
|
7785
|
-
var rootClassName$
|
|
7783
|
+
var rootClassName$20 = 'component-etapas';
|
|
7786
7784
|
function Etapas(props) {
|
|
7787
7785
|
var _useState = React$1.useState(props.id || getUniqueKey()),
|
|
7788
7786
|
id = _useState[0];
|
|
@@ -7830,17 +7828,17 @@ function Etapas(props) {
|
|
|
7830
7828
|
}, []);
|
|
7831
7829
|
React$1.useEffect(function () {
|
|
7832
7830
|
var larguras = [];
|
|
7833
|
-
document.querySelectorAll("#" + id + " ." + rootClassName$
|
|
7831
|
+
document.querySelectorAll("#" + id + " ." + rootClassName$20 + "-etapa").forEach(function (etapa) {
|
|
7834
7832
|
larguras.push(parseInt(window.getComputedStyle(etapa).width));
|
|
7835
7833
|
});
|
|
7836
7834
|
var maior = Math.max.apply(Math, larguras);
|
|
7837
|
-
document.querySelectorAll("#" + id + " ." + rootClassName$
|
|
7835
|
+
document.querySelectorAll("#" + id + " ." + rootClassName$20 + "-etapa").forEach(function (etapa) {
|
|
7838
7836
|
etapa.style.width = maior + "px";
|
|
7839
7837
|
});
|
|
7840
7838
|
});
|
|
7841
7839
|
React$1.useEffect(function () {
|
|
7842
7840
|
var outerComponent = document.querySelector("#" + id);
|
|
7843
|
-
var atual = document.querySelector("#" + id + " ." + rootClassName$
|
|
7841
|
+
var atual = document.querySelector("#" + id + " ." + rootClassName$20 + "-etapa.atual");
|
|
7844
7842
|
if (props.scrollOnChange && outerComponent && atual) {
|
|
7845
7843
|
atual.scrollIntoView({
|
|
7846
7844
|
behavior: 'smooth',
|
|
@@ -7850,13 +7848,13 @@ function Etapas(props) {
|
|
|
7850
7848
|
}
|
|
7851
7849
|
}, [props.atual]);
|
|
7852
7850
|
return React$1__default.createElement("div", {
|
|
7853
|
-
className: rootClassName$
|
|
7851
|
+
className: rootClassName$20,
|
|
7854
7852
|
id: id
|
|
7855
7853
|
}, React$1__default.createElement("div", {
|
|
7856
|
-
className: rootClassName$
|
|
7854
|
+
className: rootClassName$20 + "-etapas"
|
|
7857
7855
|
}, props.etapas && props.etapas.length ? props.etapas.map(function (etapa, index) {
|
|
7858
7856
|
var p = _extends({}, etapa, {
|
|
7859
|
-
className: getMergedClassNames([rootClassName$
|
|
7857
|
+
className: getMergedClassNames([rootClassName$20 + "-etapa", props.atual === index ? 'atual' : '', etapa.error ? 'error' : '', etapa.completed ? 'completed' : '', etapa.disabled ? 'disabled' : ''])
|
|
7860
7858
|
});
|
|
7861
7859
|
delete p.disabled;
|
|
7862
7860
|
delete p.icon;
|
|
@@ -7872,18 +7870,18 @@ function Etapas(props) {
|
|
|
7872
7870
|
}
|
|
7873
7871
|
}), React$1__default.createElement("div", {
|
|
7874
7872
|
id: etapa.id || undefined,
|
|
7875
|
-
className: getMergedClassNames([rootClassName$
|
|
7873
|
+
className: getMergedClassNames([rootClassName$20 + "-icon", etapa.completed ? 'completed' : '', etapa.error ? 'error' : '', etapa.notification ? 'notification' : ''])
|
|
7876
7874
|
}, etapa.icon), React$1__default.createElement("div", {
|
|
7877
|
-
className: getMergedClassNames([rootClassName$
|
|
7875
|
+
className: getMergedClassNames([rootClassName$20 + "-label", 'nunito', etapa.error ? 'error' : '', etapa.completed ? 'completed' : '', props.hideNotActualLabel ? 'hide' : ''])
|
|
7878
7876
|
}, React$1__default.createElement(reactTransitionGroup.CSSTransition, {
|
|
7879
7877
|
"in": etapa.error,
|
|
7880
7878
|
timeout: 300,
|
|
7881
|
-
classNames: rootClassName$
|
|
7879
|
+
classNames: rootClassName$20 + "-appear",
|
|
7882
7880
|
unmountOnExit: true
|
|
7883
7881
|
}, React$1__default.createElement(ExclamationIcon, null)), React$1__default.createElement(reactTransitionGroup.CSSTransition, {
|
|
7884
7882
|
"in": etapa.completed,
|
|
7885
7883
|
timeout: 300,
|
|
7886
|
-
classNames: rootClassName$
|
|
7884
|
+
classNames: rootClassName$20 + "-appear",
|
|
7887
7885
|
unmountOnExit: true
|
|
7888
7886
|
}, React$1__default.createElement(CheckCircleIcon, null)), etapa.name));
|
|
7889
7887
|
}) : undefined));
|
|
@@ -7911,25 +7909,24 @@ var Etapas$1 = React$1.memo(Etapas);
|
|
|
7911
7909
|
EtiquetasStyle["OutlineWarningDark"] = "outline-warning-dark";
|
|
7912
7910
|
})(exports.EtiquetasStyle || (exports.EtiquetasStyle = {}));
|
|
7913
7911
|
|
|
7914
|
-
var rootClassName$22 = 'component-etiqueta';
|
|
7915
7912
|
function Etiqueta(props) {
|
|
7916
7913
|
return React$1__default.createElement("div", {
|
|
7917
|
-
className: getMergedClassNames([
|
|
7914
|
+
className: getMergedClassNames([undefined.etiqueta, undefined[props.theme], props.fitContent ? 'fit-content' : undefined])
|
|
7918
7915
|
}, props.icon ? React$1__default.createElement("div", {
|
|
7919
|
-
className:
|
|
7916
|
+
className: undefined['etiqueta-icon']
|
|
7920
7917
|
}, props.icon) : undefined, React$1__default.createElement("div", {
|
|
7921
|
-
className:
|
|
7918
|
+
className: undefined['etiqueta-text']
|
|
7922
7919
|
}, props.label));
|
|
7923
7920
|
}
|
|
7924
7921
|
Etiqueta.defaultProps = {
|
|
7925
7922
|
theme: exports.EtiquetasStyle.Programas
|
|
7926
7923
|
};
|
|
7927
7924
|
|
|
7928
|
-
var rootClassName$
|
|
7925
|
+
var rootClassName$21 = 'component-file-loader';
|
|
7929
7926
|
function FileLoader(props) {
|
|
7930
7927
|
var getProps = function getProps() {
|
|
7931
7928
|
var p = _extends({}, props, {
|
|
7932
|
-
className: getMergedClassNames([props.className || '', rootClassName$
|
|
7929
|
+
className: getMergedClassNames([props.className || '', rootClassName$21])
|
|
7933
7930
|
});
|
|
7934
7931
|
delete p.percent;
|
|
7935
7932
|
delete p.totalSize;
|
|
@@ -7949,24 +7946,24 @@ function FileLoader(props) {
|
|
|
7949
7946
|
return percent;
|
|
7950
7947
|
};
|
|
7951
7948
|
return React$1__default.createElement("div", Object.assign({}, getProps()), React$1__default.createElement("div", {
|
|
7952
|
-
className: rootClassName$
|
|
7949
|
+
className: rootClassName$21 + "-percent-line"
|
|
7953
7950
|
}, languageValues.components.fileLoader.carregando + ":", ' ', React$1__default.createElement("span", {
|
|
7954
|
-
className: rootClassName$
|
|
7951
|
+
className: rootClassName$21 + "-downloaded-percent"
|
|
7955
7952
|
}, getPercent(), "%")), React$1__default.createElement("div", {
|
|
7956
|
-
className: rootClassName$
|
|
7953
|
+
className: rootClassName$21 + "-loader-bar"
|
|
7957
7954
|
}, React$1__default.createElement("div", {
|
|
7958
|
-
className: rootClassName$
|
|
7955
|
+
className: rootClassName$21 + "-loader-progress",
|
|
7959
7956
|
style: {
|
|
7960
7957
|
width: getPercent() + "%"
|
|
7961
7958
|
}
|
|
7962
7959
|
})), props.totalSize && React$1__default.createElement("div", {
|
|
7963
|
-
className: rootClassName$
|
|
7960
|
+
className: rootClassName$21 + "-progress-info"
|
|
7964
7961
|
}, React$1__default.createElement("div", {
|
|
7965
|
-
className: rootClassName$
|
|
7962
|
+
className: rootClassName$21 + "-downloaded-size"
|
|
7966
7963
|
}, getSizeDownloaded()), React$1__default.createElement("div", {
|
|
7967
|
-
className: rootClassName$
|
|
7964
|
+
className: rootClassName$21 + "-bar"
|
|
7968
7965
|
}, "/"), React$1__default.createElement("div", {
|
|
7969
|
-
className: rootClassName$
|
|
7966
|
+
className: rootClassName$21 + "-total-size"
|
|
7970
7967
|
}, props.totalSize)));
|
|
7971
7968
|
}
|
|
7972
7969
|
FileLoader.defaultProps = {
|
|
@@ -7974,20 +7971,20 @@ FileLoader.defaultProps = {
|
|
|
7974
7971
|
percent: 0
|
|
7975
7972
|
};
|
|
7976
7973
|
|
|
7977
|
-
var rootClassName$
|
|
7974
|
+
var rootClassName$22 = 'component-file-upload';
|
|
7978
7975
|
var DRAG_ENTER_CLASS_NAME = 'drag-enter';
|
|
7979
7976
|
var DRAG_ENTER_DISABLED_CLASS_NAME = 'drag-disabled';
|
|
7980
7977
|
function FileUpload(props) {
|
|
7981
7978
|
var _useState = React$1.useState(getUniqueKey()),
|
|
7982
7979
|
id = _useState[0];
|
|
7983
7980
|
var addClass = function addClass(className) {
|
|
7984
|
-
var el = document.querySelector("#" + id + " ." + rootClassName$
|
|
7981
|
+
var el = document.querySelector("#" + id + " ." + rootClassName$22 + "-droppable");
|
|
7985
7982
|
if (el) {
|
|
7986
7983
|
el.classList.add(className);
|
|
7987
7984
|
}
|
|
7988
7985
|
};
|
|
7989
7986
|
var removeClass = function removeClass(className) {
|
|
7990
|
-
var el = document.querySelector("#" + id + " ." + rootClassName$
|
|
7987
|
+
var el = document.querySelector("#" + id + " ." + rootClassName$22 + "-droppable");
|
|
7991
7988
|
if (el) {
|
|
7992
7989
|
el.classList.remove(className);
|
|
7993
7990
|
}
|
|
@@ -8027,15 +8024,15 @@ function FileUpload(props) {
|
|
|
8027
8024
|
return true;
|
|
8028
8025
|
};
|
|
8029
8026
|
return React$1__default.createElement("div", {
|
|
8030
|
-
className: rootClassName$
|
|
8027
|
+
className: rootClassName$22 + "-outer"
|
|
8031
8028
|
}, !props.hideTopLabel && React$1__default.createElement("div", {
|
|
8032
|
-
className: getMergedClassNames([rootClassName$
|
|
8029
|
+
className: getMergedClassNames([rootClassName$22 + "-top-label", props.disabled ? 'disabled' : '', props.error ? 'error' : '', 'nunito'])
|
|
8033
8030
|
}, props.topLabel), React$1__default.createElement("div", {
|
|
8034
8031
|
id: id,
|
|
8035
|
-
className: getMergedClassNames([rootClassName$
|
|
8032
|
+
className: getMergedClassNames([rootClassName$22, props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
|
|
8036
8033
|
}, React$1__default.createElement("div", {
|
|
8037
8034
|
onClick: handleClick,
|
|
8038
|
-
className: getMergedClassNames([rootClassName$
|
|
8035
|
+
className: getMergedClassNames([rootClassName$22 + "-droppable", props.disabled ? 'disabled' : '', props.error ? 'error' : '']),
|
|
8039
8036
|
onDragEnter: function onDragEnter(event) {
|
|
8040
8037
|
event.preventDefault();
|
|
8041
8038
|
event.stopPropagation();
|
|
@@ -8061,11 +8058,11 @@ function FileUpload(props) {
|
|
|
8061
8058
|
addClass(props.disabled ? DRAG_ENTER_DISABLED_CLASS_NAME : DRAG_ENTER_CLASS_NAME);
|
|
8062
8059
|
}
|
|
8063
8060
|
}), React$1__default.createElement("div", {
|
|
8064
|
-
className: rootClassName$
|
|
8061
|
+
className: rootClassName$22 + "-row"
|
|
8065
8062
|
}, React$1__default.createElement("div", {
|
|
8066
|
-
className: rootClassName$
|
|
8063
|
+
className: rootClassName$22 + "-upload-icon"
|
|
8067
8064
|
}, React$1__default.createElement(CloudUploadIcon, null)), React$1__default.createElement("div", {
|
|
8068
|
-
className: rootClassName$
|
|
8065
|
+
className: rootClassName$22 + "-label"
|
|
8069
8066
|
}, props.label)), React$1__default.createElement("input", Object.assign({
|
|
8070
8067
|
type: 'file',
|
|
8071
8068
|
accept: props.allowedFileTypes ? Array(props.allowedFileTypes).join(', ') : undefined
|
|
@@ -8088,7 +8085,7 @@ function FileUpload(props) {
|
|
|
8088
8085
|
multiple: props.multiple,
|
|
8089
8086
|
disabled: props.disabled
|
|
8090
8087
|
}))), !props.hideHelperText && React$1__default.createElement("div", {
|
|
8091
|
-
className: getMergedClassNames([rootClassName$
|
|
8088
|
+
className: getMergedClassNames([rootClassName$22 + "-helper-text", props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
|
|
8092
8089
|
}, props.helperText));
|
|
8093
8090
|
}
|
|
8094
8091
|
FileUpload.defaultProps = {
|
|
@@ -8102,11 +8099,11 @@ FileUpload.defaultProps = {
|
|
|
8102
8099
|
error: false
|
|
8103
8100
|
};
|
|
8104
8101
|
|
|
8105
|
-
var rootClassName$
|
|
8102
|
+
var rootClassName$23 = 'component-row';
|
|
8106
8103
|
function Row(props) {
|
|
8107
8104
|
var getProps = function getProps() {
|
|
8108
8105
|
var p = _extends({}, props, {
|
|
8109
|
-
className: getMergedClassNames([rootClassName$
|
|
8106
|
+
className: getMergedClassNames([rootClassName$23, props.centralized ? 'centralized' : '', props.columnDirection ? 'column' : '', props.className])
|
|
8110
8107
|
});
|
|
8111
8108
|
delete p.centralized;
|
|
8112
8109
|
delete p.columnDirection;
|
|
@@ -8119,7 +8116,7 @@ Row.defaultProps = {
|
|
|
8119
8116
|
};
|
|
8120
8117
|
var Row$1 = React$1.memo(Row);
|
|
8121
8118
|
|
|
8122
|
-
var rootClassName$
|
|
8119
|
+
var rootClassName$24 = 'footer-sicredi';
|
|
8123
8120
|
function FooterSicredi(props) {
|
|
8124
8121
|
var colSize = [12, 12, 3, 3, 3];
|
|
8125
8122
|
var qrCodeColor = React$1.useMemo(function () {
|
|
@@ -8139,136 +8136,136 @@ function FooterSicredi(props) {
|
|
|
8139
8136
|
}
|
|
8140
8137
|
}, [props.theme]);
|
|
8141
8138
|
return React$1__default.createElement("footer", {
|
|
8142
|
-
className: getMergedClassNames([rootClassName$
|
|
8139
|
+
className: getMergedClassNames([rootClassName$24, props.theme])
|
|
8143
8140
|
}, React$1__default.createElement(Row$1, {
|
|
8144
|
-
className: rootClassName$
|
|
8141
|
+
className: rootClassName$24 + "-section",
|
|
8145
8142
|
style: {
|
|
8146
8143
|
maxWidth: props.maxWidth ? props.maxWidth + "px" : 'none'
|
|
8147
8144
|
}
|
|
8148
8145
|
}, React$1__default.createElement(Col$1, {
|
|
8149
8146
|
cols: colSize,
|
|
8150
|
-
className: rootClassName$
|
|
8147
|
+
className: rootClassName$24 + "-cell"
|
|
8151
8148
|
}, React$1__default.createElement("div", {
|
|
8152
|
-
className: rootClassName$
|
|
8149
|
+
className: rootClassName$24 + "-title"
|
|
8153
8150
|
}, "WhatsApp Corporativo"), React$1__default.createElement("div", {
|
|
8154
|
-
className: rootClassName$
|
|
8151
|
+
className: rootClassName$24 + "-subtitle nunito"
|
|
8155
8152
|
}, "Todas as regi\xF5es"), React$1__default.createElement("div", {
|
|
8156
|
-
className: rootClassName$
|
|
8153
|
+
className: rootClassName$24 + "-number"
|
|
8157
8154
|
}, React$1__default.createElement(AnimatedLink$1, {
|
|
8158
8155
|
href: 'https://wa.me/555133584770/?text=Oi%20Sicredi',
|
|
8159
8156
|
target: '_blank',
|
|
8160
8157
|
rel: 'noopener noreferrer'
|
|
8161
8158
|
}, "51 3358 4770")), React$1__default.createElement("div", {
|
|
8162
|
-
className: rootClassName$
|
|
8159
|
+
className: rootClassName$24 + "-asterisco nunito"
|
|
8163
8160
|
}, "* Servi\xE7o dispon\xEDvel conforme ades\xE3o das cooperativas"), React$1__default.createElement("div", {
|
|
8164
|
-
className: rootClassName$
|
|
8161
|
+
className: rootClassName$24 + "-space"
|
|
8165
8162
|
}), React$1__default.createElement("div", {
|
|
8166
|
-
className: rootClassName$
|
|
8163
|
+
className: rootClassName$24 + "-qr-code"
|
|
8167
8164
|
}, React$1__default.createElement("a", {
|
|
8168
8165
|
href: 'https://wa.me/555133584770/?text=Oi%20Sicredi',
|
|
8169
8166
|
target: '_blank',
|
|
8170
8167
|
rel: 'noopener noreferrer'
|
|
8171
8168
|
}, React$1__default.createElement(QRCodeWhatsapp, Object.assign({}, qrCodeColor))))), React$1__default.createElement(Col$1, {
|
|
8172
8169
|
cols: colSize,
|
|
8173
|
-
className: rootClassName$
|
|
8170
|
+
className: rootClassName$24 + "-cell"
|
|
8174
8171
|
}, React$1__default.createElement("div", {
|
|
8175
|
-
className: rootClassName$
|
|
8172
|
+
className: rootClassName$24 + "-title"
|
|
8176
8173
|
}, "Servi\xE7os por telefone"), React$1__default.createElement("div", {
|
|
8177
|
-
className: rootClassName$
|
|
8174
|
+
className: rootClassName$24 + "-subtitle nunito"
|
|
8178
8175
|
}, "Capitais e regi\xF5es metropolitanas"), React$1__default.createElement("div", {
|
|
8179
|
-
className: rootClassName$
|
|
8176
|
+
className: rootClassName$24 + "-number"
|
|
8180
8177
|
}, React$1__default.createElement(AnimatedLink$1, {
|
|
8181
8178
|
href: 'tel:+555130034770'
|
|
8182
8179
|
}, "3003 4770")), React$1__default.createElement("div", {
|
|
8183
|
-
className: rootClassName$
|
|
8180
|
+
className: rootClassName$24 + "-asterisco nunito"
|
|
8184
8181
|
}, "* Custo de uma liga\xE7\xE3o local"), React$1__default.createElement("div", {
|
|
8185
|
-
className: rootClassName$
|
|
8182
|
+
className: rootClassName$24 + "-space"
|
|
8186
8183
|
}), React$1__default.createElement("div", {
|
|
8187
|
-
className: rootClassName$
|
|
8184
|
+
className: rootClassName$24 + "-title"
|
|
8188
8185
|
}, "Demais regi\xF5es"), React$1__default.createElement("div", {
|
|
8189
|
-
className: rootClassName$
|
|
8186
|
+
className: rootClassName$24 + "-number"
|
|
8190
8187
|
}, React$1__default.createElement(AnimatedLink$1, {
|
|
8191
8188
|
href: 'tel:08007244770'
|
|
8192
8189
|
}, "0800 724 4770")), React$1__default.createElement("div", {
|
|
8193
|
-
className: rootClassName$
|
|
8190
|
+
className: rootClassName$24 + "-asterisco nunito"
|
|
8194
8191
|
}, "* Sem custo")), React$1__default.createElement(Col$1, {
|
|
8195
8192
|
cols: colSize,
|
|
8196
|
-
className: rootClassName$
|
|
8193
|
+
className: rootClassName$24 + "-cell"
|
|
8197
8194
|
}, React$1__default.createElement("div", {
|
|
8198
|
-
className: rootClassName$
|
|
8195
|
+
className: rootClassName$24 + "-title"
|
|
8199
8196
|
}, "SAC"), React$1__default.createElement("div", {
|
|
8200
|
-
className: rootClassName$
|
|
8197
|
+
className: rootClassName$24 + "-subtitle nunito"
|
|
8201
8198
|
}, "Informa\xE7\xF5es, elogios e reclama\xE7\xF5es"), React$1__default.createElement("div", {
|
|
8202
|
-
className: rootClassName$
|
|
8199
|
+
className: rootClassName$24 + "-number"
|
|
8203
8200
|
}, React$1__default.createElement(AnimatedLink$1, {
|
|
8204
8201
|
href: 'tel:08007247220'
|
|
8205
8202
|
}, "0800 724 7220")), React$1__default.createElement("div", {
|
|
8206
|
-
className: rootClassName$
|
|
8203
|
+
className: rootClassName$24 + "-space"
|
|
8207
8204
|
}), React$1__default.createElement("div", {
|
|
8208
|
-
className: rootClassName$
|
|
8205
|
+
className: rootClassName$24 + "-space"
|
|
8209
8206
|
}), React$1__default.createElement("div", {
|
|
8210
|
-
className: rootClassName$
|
|
8207
|
+
className: rootClassName$24 + "-title"
|
|
8211
8208
|
}, "Ouvidoria"), React$1__default.createElement("div", {
|
|
8212
|
-
className: rootClassName$
|
|
8209
|
+
className: rootClassName$24 + "-subtitle nunito"
|
|
8213
8210
|
}, "Reclama\xE7\xF5es e den\xFAncias"), React$1__default.createElement("div", {
|
|
8214
|
-
className: rootClassName$
|
|
8211
|
+
className: rootClassName$24 + "-number"
|
|
8215
8212
|
}, React$1__default.createElement(AnimatedLink$1, {
|
|
8216
8213
|
href: 'tel:08006462519'
|
|
8217
8214
|
}, "0800 646 2519"))), React$1__default.createElement(Col$1, {
|
|
8218
8215
|
cols: colSize,
|
|
8219
|
-
className: rootClassName$
|
|
8216
|
+
className: rootClassName$24 + "-cell"
|
|
8220
8217
|
}, React$1__default.createElement("div", {
|
|
8221
|
-
className: rootClassName$
|
|
8218
|
+
className: rootClassName$24 + "-title"
|
|
8222
8219
|
}, "Chamadas internacionais"), React$1__default.createElement("div", {
|
|
8223
|
-
className: rootClassName$
|
|
8220
|
+
className: rootClassName$24 + "-subtitle nunito"
|
|
8224
8221
|
}, "(a cobrar)"), React$1__default.createElement("div", {
|
|
8225
|
-
className: rootClassName$
|
|
8222
|
+
className: rootClassName$24 + "-number"
|
|
8226
8223
|
}, React$1__default.createElement(AnimatedLink$1, {
|
|
8227
8224
|
href: 'tel:+555133784472'
|
|
8228
8225
|
}, "+55 51 3378 4472")), React$1__default.createElement("div", {
|
|
8229
|
-
className: rootClassName$
|
|
8226
|
+
className: rootClassName$24 + "-space"
|
|
8230
8227
|
}), React$1__default.createElement("div", {
|
|
8231
|
-
className: rootClassName$
|
|
8228
|
+
className: rootClassName$24 + "-space"
|
|
8232
8229
|
}), React$1__default.createElement("div", {
|
|
8233
|
-
className: rootClassName$
|
|
8230
|
+
className: rootClassName$24 + "-title"
|
|
8234
8231
|
}, "Atendimento \xE0 pessoas com defici\xEAncia"), React$1__default.createElement("div", {
|
|
8235
|
-
className: rootClassName$
|
|
8232
|
+
className: rootClassName$24 + "-subtitle nunito"
|
|
8236
8233
|
}, "Auditivos ou de fala"), React$1__default.createElement("div", {
|
|
8237
|
-
className: rootClassName$
|
|
8234
|
+
className: rootClassName$24 + "-number"
|
|
8238
8235
|
}, React$1__default.createElement(AnimatedLink$1, {
|
|
8239
8236
|
href: 'tel:08007240525'
|
|
8240
8237
|
}, "0800 724 0525")))), props.midiasSociais ? React$1__default.createElement(Row$1, {
|
|
8241
|
-
className: rootClassName$
|
|
8238
|
+
className: rootClassName$24 + "-section",
|
|
8242
8239
|
style: {
|
|
8243
8240
|
maxWidth: props.maxWidth + "px"
|
|
8244
8241
|
}
|
|
8245
8242
|
}, React$1__default.createElement(Row$1, null, React$1__default.createElement(AnimatedLink$1, {
|
|
8246
|
-
className: rootClassName$
|
|
8243
|
+
className: rootClassName$24 + "-social-media nunito",
|
|
8247
8244
|
href: 'https://www.youtube.com/user/sicredioficial',
|
|
8248
8245
|
target: '_blank',
|
|
8249
8246
|
rel: 'noopener noreferrer'
|
|
8250
8247
|
}, "youtube"), React$1__default.createElement(AnimatedLink$1, {
|
|
8251
|
-
className: rootClassName$
|
|
8248
|
+
className: rootClassName$24 + "-social-media nunito",
|
|
8252
8249
|
href: 'https://twitter.com/sicredi',
|
|
8253
8250
|
target: '_blank',
|
|
8254
8251
|
rel: 'noopener noreferrer'
|
|
8255
8252
|
}, "twitter"), React$1__default.createElement(AnimatedLink$1, {
|
|
8256
|
-
className: rootClassName$
|
|
8253
|
+
className: rootClassName$24 + "-social-media nunito",
|
|
8257
8254
|
href: 'https://www.linkedin.com/company/sicredi',
|
|
8258
8255
|
target: '_blank',
|
|
8259
8256
|
rel: 'noopener noreferrer'
|
|
8260
8257
|
}, "linkedin"), React$1__default.createElement(AnimatedLink$1, {
|
|
8261
|
-
className: rootClassName$
|
|
8258
|
+
className: rootClassName$24 + "-social-media nunito",
|
|
8262
8259
|
href: 'https://www.instagram.com/sicredi/',
|
|
8263
8260
|
target: '_blank',
|
|
8264
8261
|
rel: 'noopener noreferrer'
|
|
8265
8262
|
}, "instagram"), React$1__default.createElement(AnimatedLink$1, {
|
|
8266
|
-
className: rootClassName$
|
|
8263
|
+
className: rootClassName$24 + "-social-media nunito",
|
|
8267
8264
|
href: 'https://www.facebook.com/Sicredi',
|
|
8268
8265
|
target: '_blank',
|
|
8269
8266
|
rel: 'noopener noreferrer'
|
|
8270
8267
|
}, "facebook")), React$1__default.createElement(Row$1, {
|
|
8271
|
-
className: rootClassName$
|
|
8268
|
+
className: rootClassName$24 + "-endereco"
|
|
8272
8269
|
}, React$1__default.createElement(Row$1, {
|
|
8273
8270
|
className: 'nunito'
|
|
8274
8271
|
}, "Confedera\xE7\xE3o das Cooperativas do Sicredi"), React$1__default.createElement(Row$1, {
|
|
@@ -8281,16 +8278,16 @@ function FooterSicredi(props) {
|
|
|
8281
8278
|
}
|
|
8282
8279
|
var FooterSicredi$1 = React$1.memo(FooterSicredi);
|
|
8283
8280
|
|
|
8284
|
-
var rootClassName$
|
|
8281
|
+
var rootClassName$25 = 'full-height-container';
|
|
8285
8282
|
function FullHeightContainer(props) {
|
|
8286
8283
|
return React$1__default.createElement("div", {
|
|
8287
|
-
className: rootClassName$
|
|
8284
|
+
className: rootClassName$25
|
|
8288
8285
|
}, React$1__default.createElement("div", {
|
|
8289
|
-
className: rootClassName$
|
|
8286
|
+
className: rootClassName$25 + "-row-header"
|
|
8290
8287
|
}, props.header), React$1__default.createElement("div", {
|
|
8291
|
-
className: getMergedClassNames([rootClassName$
|
|
8288
|
+
className: getMergedClassNames([rootClassName$25 + "-row-content", props.verticalPadding ? 'vertical-padding' : '', props.horizontalPadding ? 'horizontal-padding' : ''])
|
|
8292
8289
|
}, props.children), props.fixedFooter ? React$1__default.createElement("div", {
|
|
8293
|
-
className: rootClassName$
|
|
8290
|
+
className: rootClassName$25 + "-row-footer"
|
|
8294
8291
|
}, props.fixedFooter) : undefined);
|
|
8295
8292
|
}
|
|
8296
8293
|
FullHeightContainer.defaultProps = {
|
|
@@ -8302,10 +8299,10 @@ var FullHeightContainer$1 = React$1.memo(FullHeightContainer);
|
|
|
8302
8299
|
var HEADER_SEPARATOR_PRIMARY = 'primary';
|
|
8303
8300
|
var HEADER_SEPARATOR_SECONDARY = 'secondary';
|
|
8304
8301
|
|
|
8305
|
-
var rootClassName$
|
|
8302
|
+
var rootClassName$26 = 'component-header-separator';
|
|
8306
8303
|
function HeaderSeparator(props) {
|
|
8307
8304
|
return React$1__default.createElement("div", {
|
|
8308
|
-
className: getMergedClassNames([rootClassName$
|
|
8305
|
+
className: getMergedClassNames([rootClassName$26, rootClassName$26 + "-" + props.theme])
|
|
8309
8306
|
});
|
|
8310
8307
|
}
|
|
8311
8308
|
HeaderSeparator.defaultProps = {
|
|
@@ -8319,7 +8316,7 @@ HeaderSeparator.defaultProps = {
|
|
|
8319
8316
|
HeaderType["Assembleia"] = "assembleia";
|
|
8320
8317
|
})(exports.HeaderType || (exports.HeaderType = {}));
|
|
8321
8318
|
|
|
8322
|
-
var rootClassName$
|
|
8319
|
+
var rootClassName$27 = 'component-header';
|
|
8323
8320
|
function Header(props) {
|
|
8324
8321
|
var _props$blackBar;
|
|
8325
8322
|
var handleClick = function handleClick() {
|
|
@@ -8330,32 +8327,32 @@ function Header(props) {
|
|
|
8330
8327
|
var getProps = function getProps() {
|
|
8331
8328
|
var p = {
|
|
8332
8329
|
onClick: handleClick,
|
|
8333
|
-
className: getMergedClassNames([rootClassName$
|
|
8330
|
+
className: getMergedClassNames([rootClassName$27, props.className, rootClassName$27 + "-" + props.theme, props.blackBar && props.blackBar.show ? 'has-black-bar' : ''])
|
|
8334
8331
|
};
|
|
8335
8332
|
return p;
|
|
8336
8333
|
};
|
|
8337
|
-
var clearfixClassNames = getMergedClassNames([rootClassName$
|
|
8334
|
+
var clearfixClassNames = getMergedClassNames([rootClassName$27 + "-clearfix", rootClassName$27 + "-" + props.theme]);
|
|
8338
8335
|
return React$1__default.createElement(React$1__default.Fragment, null, React$1__default.createElement("header", Object.assign({}, getProps(), {
|
|
8339
8336
|
style: {
|
|
8340
8337
|
position: props.position
|
|
8341
8338
|
}
|
|
8342
8339
|
}), props.blackBar && props.blackBar.show ? React$1__default.createElement("div", {
|
|
8343
|
-
className: rootClassName$
|
|
8340
|
+
className: rootClassName$27 + "-black-bar"
|
|
8344
8341
|
}, React$1__default.createElement("a", {
|
|
8345
8342
|
href: props.blackBar.link,
|
|
8346
8343
|
target: (_props$blackBar = props.blackBar) === null || _props$blackBar === void 0 ? void 0 : _props$blackBar.target
|
|
8347
8344
|
}, props.blackBar.icon, React$1__default.createElement("span", {
|
|
8348
8345
|
className: 'nunito'
|
|
8349
8346
|
}, props.blackBar.label))) : undefined, React$1__default.createElement("div", {
|
|
8350
|
-
className: rootClassName$
|
|
8347
|
+
className: rootClassName$27 + "-header-item"
|
|
8351
8348
|
}, props.leftContent, props.separator && props.separator.show ? React$1__default.createElement("div", {
|
|
8352
|
-
className: rootClassName$
|
|
8349
|
+
className: rootClassName$27 + "-separator-logo"
|
|
8353
8350
|
}, props.separator.label) : undefined), React$1__default.createElement("div", {
|
|
8354
|
-
className: rootClassName$
|
|
8351
|
+
className: rootClassName$27 + "-header-item"
|
|
8355
8352
|
}, props.centerContent), React$1__default.createElement("div", {
|
|
8356
|
-
className: rootClassName$
|
|
8353
|
+
className: rootClassName$27 + "-header-item"
|
|
8357
8354
|
}, props.rightContent)), props.theme === exports.HeaderType.Semi && React$1__default.createElement("div", {
|
|
8358
|
-
className: rootClassName$
|
|
8355
|
+
className: rootClassName$27 + "-semi-clear"
|
|
8359
8356
|
}), props.clearfix && React$1__default.createElement("div", {
|
|
8360
8357
|
className: clearfixClassNames
|
|
8361
8358
|
}));
|
|
@@ -8367,11 +8364,11 @@ Header.defaultProps = {
|
|
|
8367
8364
|
};
|
|
8368
8365
|
var Header$1 = React$1.memo(Header);
|
|
8369
8366
|
|
|
8370
|
-
var rootClassName$
|
|
8367
|
+
var rootClassName$28 = 'component-information-icon';
|
|
8371
8368
|
function Information(props) {
|
|
8372
8369
|
var getProps = function getProps() {
|
|
8373
8370
|
var p = _extends({}, props, {
|
|
8374
|
-
className: getMergedClassNames([rootClassName$
|
|
8371
|
+
className: getMergedClassNames([rootClassName$28, props.className || ''])
|
|
8375
8372
|
});
|
|
8376
8373
|
delete p.icon;
|
|
8377
8374
|
delete p['tooltip-text'];
|
|
@@ -8379,7 +8376,7 @@ function Information(props) {
|
|
|
8379
8376
|
return p;
|
|
8380
8377
|
};
|
|
8381
8378
|
return React$1__default.createElement("div", Object.assign({}, getProps()), React$1__default.createElement("div", {
|
|
8382
|
-
className: rootClassName$
|
|
8379
|
+
className: rootClassName$28 + "-icon",
|
|
8383
8380
|
"tooltip-text": props['tooltip-text'],
|
|
8384
8381
|
"tooltip-position": props['tooltip-position']
|
|
8385
8382
|
}, props.icon));
|
|
@@ -8388,12 +8385,12 @@ Information.defaultProps = {
|
|
|
8388
8385
|
icon: React$1__default.createElement(InformationIcon, null)
|
|
8389
8386
|
};
|
|
8390
8387
|
|
|
8391
|
-
var rootClassName$
|
|
8388
|
+
var rootClassName$29 = 'component-input';
|
|
8392
8389
|
function Input(props) {
|
|
8393
8390
|
var getProps = function getProps() {
|
|
8394
8391
|
var p = _extends({}, props, {
|
|
8395
8392
|
id: props.id ? props.id + "-input" : undefined,
|
|
8396
|
-
className: getMergedClassNames(['nunito', rootClassName$
|
|
8393
|
+
className: getMergedClassNames(['nunito', rootClassName$29 + "-input", props.className || ''])
|
|
8397
8394
|
});
|
|
8398
8395
|
delete p.loading;
|
|
8399
8396
|
delete p.error;
|
|
@@ -8406,23 +8403,23 @@ function Input(props) {
|
|
|
8406
8403
|
return p;
|
|
8407
8404
|
};
|
|
8408
8405
|
var getContainerClassNames = function getContainerClassNames() {
|
|
8409
|
-
return getMergedClassNames([rootClassName$
|
|
8406
|
+
return getMergedClassNames([rootClassName$29, props.error ? rootClassName$29 + "-error" : '', props.loading ? rootClassName$29 + "-loading" : '', props.disabled ? rootClassName$29 + "-disabled" : '', props.forceFocus ? 'force-focus' : '']);
|
|
8410
8407
|
};
|
|
8411
8408
|
return React$1__default.createElement("div", {
|
|
8412
8409
|
id: props.id,
|
|
8413
8410
|
className: getContainerClassNames()
|
|
8414
8411
|
}, !props.hideLabelAndHelperText && React$1__default.createElement("div", {
|
|
8415
|
-
className: rootClassName$
|
|
8412
|
+
className: rootClassName$29 + "-label nunito"
|
|
8416
8413
|
}, props.label || ''), React$1__default.createElement("div", {
|
|
8417
|
-
className: rootClassName$
|
|
8414
|
+
className: rootClassName$29 + "-input-container"
|
|
8418
8415
|
}, React$1__default.createElement("input", Object.assign({}, getProps())), props.rightObject && React$1__default.createElement("div", {
|
|
8419
|
-
className: rootClassName$
|
|
8416
|
+
className: rootClassName$29 + "-right-object"
|
|
8420
8417
|
}, props.rightObject)), !props.hideLabelAndHelperText && React$1__default.createElement("div", {
|
|
8421
|
-
className: rootClassName$
|
|
8418
|
+
className: rootClassName$29 + "-helper-and-counter"
|
|
8422
8419
|
}, React$1__default.createElement("div", {
|
|
8423
|
-
className: rootClassName$
|
|
8420
|
+
className: rootClassName$29 + "-helper-text nunito"
|
|
8424
8421
|
}, props.helperText || ''), props.counter && React$1__default.createElement("div", {
|
|
8425
|
-
className: rootClassName$
|
|
8422
|
+
className: rootClassName$29 + "-counter"
|
|
8426
8423
|
}, "" + String(props.value || '').length + (props.maxLength || props.maxLength === 0 ? "/" + props.maxLength : ''))));
|
|
8427
8424
|
}
|
|
8428
8425
|
Input.defaultProps = {
|
|
@@ -8437,7 +8434,7 @@ Input.defaultProps = {
|
|
|
8437
8434
|
};
|
|
8438
8435
|
var Input$1 = React$1.memo(Input);
|
|
8439
8436
|
|
|
8440
|
-
var rootClassName$
|
|
8437
|
+
var rootClassName$2a = 'component-input-area';
|
|
8441
8438
|
function InputArea(props) {
|
|
8442
8439
|
var _useState = React$1.useState(props.id ? props.id : getUniqueKey()),
|
|
8443
8440
|
id = _useState[0];
|
|
@@ -8445,7 +8442,7 @@ function InputArea(props) {
|
|
|
8445
8442
|
var p = _extends({}, props, {
|
|
8446
8443
|
rows: 1,
|
|
8447
8444
|
id: id ? id + "-input" : undefined,
|
|
8448
|
-
className: getMergedClassNames(['nunito', rootClassName$
|
|
8445
|
+
className: getMergedClassNames(['nunito', rootClassName$2a + "-input-area", props.className || ''])
|
|
8449
8446
|
});
|
|
8450
8447
|
delete p.loading;
|
|
8451
8448
|
delete p.error;
|
|
@@ -8465,23 +8462,23 @@ function InputArea(props) {
|
|
|
8465
8462
|
}
|
|
8466
8463
|
}, [props.value]);
|
|
8467
8464
|
var getContainerClassNames = function getContainerClassNames() {
|
|
8468
|
-
return getMergedClassNames([rootClassName$
|
|
8465
|
+
return getMergedClassNames([rootClassName$2a, props.error ? rootClassName$2a + "-error" : '', props.loading ? rootClassName$2a + "-loading" : '', props.disabled ? rootClassName$2a + "-disabled" : '', props.forceFocus ? 'force-focus' : '']);
|
|
8469
8466
|
};
|
|
8470
8467
|
return React$1__default.createElement("div", {
|
|
8471
8468
|
id: id,
|
|
8472
8469
|
className: getContainerClassNames()
|
|
8473
8470
|
}, !props.hideLabelAndHelperText && React$1__default.createElement("div", {
|
|
8474
|
-
className: rootClassName$
|
|
8471
|
+
className: rootClassName$2a + "-label nunito"
|
|
8475
8472
|
}, props.label || ''), React$1__default.createElement("div", {
|
|
8476
|
-
className: rootClassName$
|
|
8473
|
+
className: rootClassName$2a + "-input-container"
|
|
8477
8474
|
}, React$1__default.createElement("textarea", Object.assign({}, getProps())), props.rightObject && React$1__default.createElement("div", {
|
|
8478
|
-
className: rootClassName$
|
|
8475
|
+
className: rootClassName$2a + "-right-object"
|
|
8479
8476
|
}, props.rightObject)), !props.hideLabelAndHelperText && React$1__default.createElement("div", {
|
|
8480
|
-
className: rootClassName$
|
|
8477
|
+
className: rootClassName$2a + "-helper-and-counter"
|
|
8481
8478
|
}, React$1__default.createElement("div", {
|
|
8482
|
-
className: rootClassName$
|
|
8479
|
+
className: rootClassName$2a + "-helper-text nunito"
|
|
8483
8480
|
}, props.helperText || ''), props.counter && React$1__default.createElement("div", {
|
|
8484
|
-
className: rootClassName$
|
|
8481
|
+
className: rootClassName$2a + "-counter"
|
|
8485
8482
|
}, "" + String(props.value || '').length + (props.maxLength || props.maxLength === 0 ? "/" + props.maxLength : ''))));
|
|
8486
8483
|
}
|
|
8487
8484
|
InputArea.defaultProps = {
|
|
@@ -8497,14 +8494,14 @@ InputArea.defaultProps = {
|
|
|
8497
8494
|
};
|
|
8498
8495
|
var InputArea$1 = React$1.memo(InputArea);
|
|
8499
8496
|
|
|
8500
|
-
var rootClassName$
|
|
8497
|
+
var rootClassName$2b = 'component-item-dropdown-download';
|
|
8501
8498
|
function ItemDropdownDownload(props) {
|
|
8502
8499
|
var id = React$1.useMemo(function () {
|
|
8503
8500
|
return props.id ? props.id : getUniqueKey();
|
|
8504
8501
|
}, [props.id]);
|
|
8505
8502
|
var filteredProps = React$1.useMemo(function () {
|
|
8506
8503
|
var p = _extends({}, props, {
|
|
8507
|
-
className: getMergedClassNames([rootClassName$
|
|
8504
|
+
className: getMergedClassNames([rootClassName$2b, props.className || '', props.opened ? 'opened' : 'closed']),
|
|
8508
8505
|
onClick: function onClick(event) {
|
|
8509
8506
|
if (typeof props.onClick === 'function') {
|
|
8510
8507
|
props.onClick(event);
|
|
@@ -8525,12 +8522,12 @@ function ItemDropdownDownload(props) {
|
|
|
8525
8522
|
React$1.useEffect(function () {
|
|
8526
8523
|
var onHandleClick = function onHandleClick(evt) {
|
|
8527
8524
|
if (evt.path) {
|
|
8528
|
-
if (document.querySelector("#" + id + " ." + rootClassName$
|
|
8525
|
+
if (document.querySelector("#" + id + " ." + rootClassName$2b + "-panel.panel-fade-enter-done") && !evt.path.includes(document.querySelector("#" + id))) props.setOpened(false);
|
|
8529
8526
|
} else {
|
|
8530
8527
|
var aux = evt.target;
|
|
8531
8528
|
var deveFechar = true;
|
|
8532
8529
|
while (aux && aux.id !== 'root') {
|
|
8533
|
-
if (aux && aux.id && aux.id === id && aux.classList.contains(rootClassName$
|
|
8530
|
+
if (aux && aux.id && aux.id === id && aux.classList.contains(rootClassName$2b + "-outer")) {
|
|
8534
8531
|
deveFechar = false;
|
|
8535
8532
|
break;
|
|
8536
8533
|
}
|
|
@@ -8567,23 +8564,23 @@ function ItemDropdownDownload(props) {
|
|
|
8567
8564
|
};
|
|
8568
8565
|
}, [props.opened]);
|
|
8569
8566
|
return React$1__default.createElement("div", {
|
|
8570
|
-
className: rootClassName$
|
|
8567
|
+
className: rootClassName$2b + "-outer",
|
|
8571
8568
|
id: id
|
|
8572
8569
|
}, React$1__default.createElement("button", Object.assign({}, filteredProps), React$1__default.createElement("div", {
|
|
8573
|
-
className: rootClassName$
|
|
8570
|
+
className: rootClassName$2b + "-label"
|
|
8574
8571
|
}, props.label), React$1__default.createElement("div", {
|
|
8575
|
-
className: getMergedClassNames([rootClassName$
|
|
8572
|
+
className: getMergedClassNames([rootClassName$2b + "-arrow", props.opened ? 'up' : 'down'])
|
|
8576
8573
|
}, React$1__default.createElement(ChevronArrowDownIcon, null))), React$1__default.createElement(reactTransitionGroup.CSSTransition, {
|
|
8577
8574
|
"in": props.opened,
|
|
8578
8575
|
timeout: 300,
|
|
8579
8576
|
classNames: 'panel-fade',
|
|
8580
8577
|
unmountOnExit: true
|
|
8581
8578
|
}, React$1__default.createElement("div", {
|
|
8582
|
-
className: rootClassName$
|
|
8579
|
+
className: rootClassName$2b + "-panel"
|
|
8583
8580
|
}, props.downloads && props.downloads.length ? props.downloads.map(function (download, index) {
|
|
8584
8581
|
return React$1__default.createElement("button", {
|
|
8585
8582
|
id: download.id || undefined,
|
|
8586
|
-
className: rootClassName$
|
|
8583
|
+
className: rootClassName$2b + "-item " + (download.loading ? 'loading' : ''),
|
|
8587
8584
|
onClick: function onClick(evt) {
|
|
8588
8585
|
if (!download.loading && typeof download.onClick === 'function') {
|
|
8589
8586
|
download.onClick(evt);
|
|
@@ -8591,9 +8588,9 @@ function ItemDropdownDownload(props) {
|
|
|
8591
8588
|
},
|
|
8592
8589
|
key: index
|
|
8593
8590
|
}, React$1__default.createElement("div", {
|
|
8594
|
-
className: rootClassName$
|
|
8591
|
+
className: rootClassName$2b + "-item-label"
|
|
8595
8592
|
}, download.label), React$1__default.createElement("div", {
|
|
8596
|
-
className: rootClassName$
|
|
8593
|
+
className: rootClassName$2b + "-download-icon"
|
|
8597
8594
|
}, download.loading ? React$1__default.createElement(PercentLoaderIcon, {
|
|
8598
8595
|
indefinido: true
|
|
8599
8596
|
}) : React$1__default.createElement(CloudDownloadIcon, null)));
|
|
@@ -8605,7 +8602,7 @@ ItemDropdownDownload.defaultProps = {
|
|
|
8605
8602
|
};
|
|
8606
8603
|
var ItemDropdownDownload$1 = React$1.memo(ItemDropdownDownload);
|
|
8607
8604
|
|
|
8608
|
-
var rootClassName$
|
|
8605
|
+
var rootClassName$2c = 'component-menu-item';
|
|
8609
8606
|
function MenuItem(props) {
|
|
8610
8607
|
var handleClick = function handleClick() {
|
|
8611
8608
|
if (!props.disabled) {
|
|
@@ -8615,7 +8612,7 @@ function MenuItem(props) {
|
|
|
8615
8612
|
var getProps = function getProps() {
|
|
8616
8613
|
var p = _extends({}, props, {
|
|
8617
8614
|
onClick: handleClick,
|
|
8618
|
-
className: getMergedClassNames([rootClassName$
|
|
8615
|
+
className: getMergedClassNames([rootClassName$2c, props.className, props.active ? rootClassName$2c + "-active" : ''])
|
|
8619
8616
|
});
|
|
8620
8617
|
delete p.icon;
|
|
8621
8618
|
delete p.active;
|
|
@@ -8628,15 +8625,15 @@ function MenuItem(props) {
|
|
|
8628
8625
|
return p;
|
|
8629
8626
|
};
|
|
8630
8627
|
return React$1__default.createElement(React$1__default.Fragment, null, React$1__default.createElement("button", Object.assign({}, getProps()), React$1__default.createElement("div", {
|
|
8631
|
-
className: rootClassName$
|
|
8628
|
+
className: rootClassName$2c + "-icon"
|
|
8632
8629
|
}, props.icon), React$1__default.createElement("div", {
|
|
8633
|
-
className: rootClassName$
|
|
8630
|
+
className: rootClassName$2c + "-label"
|
|
8634
8631
|
}, props.label)), props.subList && props.subList.length ? React$1__default.createElement(Collapse$1, {
|
|
8635
8632
|
opened: Boolean(props.buscar && props.buscarValue || props.subListOpened)
|
|
8636
8633
|
}, React$1__default.createElement("div", {
|
|
8637
|
-
className: rootClassName$
|
|
8634
|
+
className: rootClassName$2c + "-sub-list"
|
|
8638
8635
|
}, props.subList.map(function (subItem) {
|
|
8639
|
-
var itemClassNames = getMergedClassNames([rootClassName$
|
|
8636
|
+
var itemClassNames = getMergedClassNames([rootClassName$2c + "-sub-item", subItem.active ? rootClassName$2c + "-active" : '']);
|
|
8640
8637
|
var idAndKey = subItem.id ? subItem.id : getUniqueKey();
|
|
8641
8638
|
return React$1__default.createElement("div", {
|
|
8642
8639
|
id: idAndKey,
|
|
@@ -8644,9 +8641,9 @@ function MenuItem(props) {
|
|
|
8644
8641
|
key: idAndKey,
|
|
8645
8642
|
onClick: subItem.onClick
|
|
8646
8643
|
}, React$1__default.createElement("div", {
|
|
8647
|
-
className: rootClassName$
|
|
8644
|
+
className: rootClassName$2c + "-sub-item-icon"
|
|
8648
8645
|
}, subItem.icon), React$1__default.createElement("div", {
|
|
8649
|
-
className: rootClassName$
|
|
8646
|
+
className: rootClassName$2c + "-sub-item-label"
|
|
8650
8647
|
}, subItem.label));
|
|
8651
8648
|
}))) : undefined);
|
|
8652
8649
|
}
|
|
@@ -8657,7 +8654,7 @@ MenuItem.defaultProps = {
|
|
|
8657
8654
|
label: ''
|
|
8658
8655
|
};
|
|
8659
8656
|
|
|
8660
|
-
var rootClassName$
|
|
8657
|
+
var rootClassName$2d = 'component-menu';
|
|
8661
8658
|
var timeout;
|
|
8662
8659
|
var format = function format(s) {
|
|
8663
8660
|
return getStringWithoutSpecialChar(s).trim().toLowerCase();
|
|
@@ -8699,11 +8696,11 @@ function Menu(props) {
|
|
|
8699
8696
|
}, [props.openOnClick]);
|
|
8700
8697
|
var getProps = function getProps() {
|
|
8701
8698
|
var openedOrNot = function openedOrNot(condition) {
|
|
8702
|
-
if (condition) return rootClassName$
|
|
8699
|
+
if (condition) return rootClassName$2d + "-opened";
|
|
8703
8700
|
return '';
|
|
8704
8701
|
};
|
|
8705
8702
|
var p = _extends({}, props, {
|
|
8706
|
-
className: getMergedClassNames([rootClassName$
|
|
8703
|
+
className: getMergedClassNames([rootClassName$2d, 'scroll-white', props.className, props.shortOnMD ? rootClassName$2d + "-short-on-md" : '', props.openOnClick ? rootClassName$2d + "-open-on-click" : '', props.hamburgerMenu ? rootClassName$2d + "-hamburger-menu" : '', (props.openOnClick || props.hamburgerMenu) && (props.opened !== undefined ? openedOrNot(props.opened) : openedOrNot(opened))])
|
|
8707
8704
|
});
|
|
8708
8705
|
delete p.loading;
|
|
8709
8706
|
delete p.openOnClick;
|
|
@@ -8739,14 +8736,14 @@ function Menu(props) {
|
|
|
8739
8736
|
});
|
|
8740
8737
|
}, [buscarValue, props.items]);
|
|
8741
8738
|
return React$1__default.createElement(React$1__default.Fragment, null, React$1__default.createElement("div", Object.assign({}, getProps()), props.hamburgerMenu && React$1__default.createElement(IconButton$1, {
|
|
8742
|
-
className: rootClassName$
|
|
8739
|
+
className: rootClassName$2d + "-close-button",
|
|
8743
8740
|
icon: React$1__default.createElement(CloseIcon, null),
|
|
8744
8741
|
onClick: function onClick() {
|
|
8745
8742
|
setOpened(false);
|
|
8746
8743
|
if (typeof props.setOpened === 'function') props.setOpened(false);
|
|
8747
8744
|
}
|
|
8748
8745
|
}), React$1__default.createElement("div", {
|
|
8749
|
-
className: rootClassName$
|
|
8746
|
+
className: rootClassName$2d + "-logo"
|
|
8750
8747
|
}, props.logo), React$1__default.createElement(Collapse$1, {
|
|
8751
8748
|
animateOpacity: true,
|
|
8752
8749
|
opened: props.loading
|
|
@@ -8758,7 +8755,7 @@ function Menu(props) {
|
|
|
8758
8755
|
animateOpacity: true,
|
|
8759
8756
|
opened: props.buscar && !props.loading
|
|
8760
8757
|
}, React$1__default.createElement("div", {
|
|
8761
|
-
className: rootClassName$
|
|
8758
|
+
className: rootClassName$2d + "-buscar"
|
|
8762
8759
|
}, React$1__default.createElement(Input$1, {
|
|
8763
8760
|
disabled: props.loading || !props.buscar,
|
|
8764
8761
|
id: 'buscar-menu',
|
|
@@ -8774,29 +8771,29 @@ function Menu(props) {
|
|
|
8774
8771
|
animateOpacity: true,
|
|
8775
8772
|
opened: itens.length > 0
|
|
8776
8773
|
}, React$1__default.createElement("div", {
|
|
8777
|
-
className: rootClassName$
|
|
8774
|
+
className: rootClassName$2d + "-items"
|
|
8778
8775
|
}, itens.map(function (it, index) {
|
|
8779
8776
|
return React$1__default.createElement("div", {
|
|
8780
|
-
className: rootClassName$
|
|
8777
|
+
className: rootClassName$2d + "-it",
|
|
8781
8778
|
key: index
|
|
8782
8779
|
}, React$1__default.createElement(MenuItem, Object.assign({}, it, {
|
|
8783
8780
|
buscar: props.buscar,
|
|
8784
8781
|
buscarValue: buscarValue
|
|
8785
8782
|
})));
|
|
8786
8783
|
})))), React$1__default.createElement(React$1__default.Fragment, null, props.openOnClick && React$1__default.createElement("button", {
|
|
8787
|
-
className: rootClassName$
|
|
8784
|
+
className: rootClassName$2d + "-toggle " + (opened ? rootClassName$2d + "-opened" : ''),
|
|
8788
8785
|
onClick: function onClick() {
|
|
8789
8786
|
setOpened(!opened);
|
|
8790
8787
|
if (typeof props.setOpened === 'function') props.setOpened(false);
|
|
8791
8788
|
}
|
|
8792
8789
|
}, React$1__default.createElement(ChevronArrowRightIcon, null))), React$1__default.createElement(React$1__default.Fragment, null, (props.openOnClick || props.hamburgerMenu) && React$1__default.createElement(reactTransitionGroup.CSSTransition, {
|
|
8793
8790
|
timeout: 300,
|
|
8794
|
-
classNames: rootClassName$
|
|
8791
|
+
classNames: rootClassName$2d + "-background",
|
|
8795
8792
|
"in": (props.openOnClick || props.hamburgerMenu) && (props.opened !== undefined ? props.opened : opened),
|
|
8796
8793
|
mountOnEnter: true,
|
|
8797
8794
|
unmountOnExit: true
|
|
8798
8795
|
}, React$1__default.createElement("div", {
|
|
8799
|
-
className: rootClassName$
|
|
8796
|
+
className: rootClassName$2d + "-background",
|
|
8800
8797
|
onClick: function onClick() {
|
|
8801
8798
|
setOpened(false);
|
|
8802
8799
|
if (typeof props.setOpened === 'function') props.setOpened(false);
|
|
@@ -8816,12 +8813,12 @@ Menu.defaultProps = {
|
|
|
8816
8813
|
};
|
|
8817
8814
|
var Menu$1 = React$1.memo(Menu);
|
|
8818
8815
|
|
|
8819
|
-
var rootClassName$
|
|
8816
|
+
var rootClassName$2e = 'component-modal';
|
|
8820
8817
|
function Modal(props) {
|
|
8821
8818
|
var filteredProps = React$1.useMemo(function () {
|
|
8822
8819
|
var p = _extends({}, props, {
|
|
8823
8820
|
id: props.id ? props.id : props.modalKey ? props.modalKey : "modal" + getUniqueKey(),
|
|
8824
|
-
className: getMergedClassNames([props.className || '', rootClassName$
|
|
8821
|
+
className: getMergedClassNames([props.className || '', rootClassName$2e, props.mobileOnXS ? 'mobile-on-xs' : '', rootClassName$2e + "-" + String(props.size).toLowerCase()])
|
|
8825
8822
|
});
|
|
8826
8823
|
delete p.footer;
|
|
8827
8824
|
delete p.title;
|
|
@@ -8851,18 +8848,18 @@ function Modal(props) {
|
|
|
8851
8848
|
if (typeof props.onClose === 'function') props.onClose(props.modalKey);
|
|
8852
8849
|
};
|
|
8853
8850
|
return React$1__default.createElement("div", Object.assign({}, filteredProps), React$1__default.createElement("div", {
|
|
8854
|
-
className: rootClassName$
|
|
8851
|
+
className: rootClassName$2e + "-header"
|
|
8855
8852
|
}, React$1__default.createElement("div", {
|
|
8856
|
-
className: rootClassName$
|
|
8853
|
+
className: rootClassName$2e + "-title"
|
|
8857
8854
|
}, props.title), React$1__default.createElement("div", {
|
|
8858
|
-
className: rootClassName$
|
|
8855
|
+
className: rootClassName$2e + "-close-button"
|
|
8859
8856
|
}, React$1__default.createElement(IconButton$1, {
|
|
8860
8857
|
onClick: handleClose,
|
|
8861
8858
|
icon: React$1__default.createElement(CloseIcon, null)
|
|
8862
8859
|
}))), React$1__default.createElement("div", {
|
|
8863
|
-
className: getMergedClassNames([rootClassName$
|
|
8860
|
+
className: getMergedClassNames([rootClassName$2e + "-content", props.compenseColPaddingContent ? 'compense' : ''])
|
|
8864
8861
|
}, props.children), props.footer ? React$1__default.createElement("div", {
|
|
8865
|
-
className: rootClassName$
|
|
8862
|
+
className: rootClassName$2e + "-footer"
|
|
8866
8863
|
}, footer) : undefined);
|
|
8867
8864
|
}
|
|
8868
8865
|
Modal.defaultProps = {
|
|
@@ -8871,11 +8868,11 @@ Modal.defaultProps = {
|
|
|
8871
8868
|
size: 'large'
|
|
8872
8869
|
};
|
|
8873
8870
|
|
|
8874
|
-
var rootClassName$
|
|
8871
|
+
var rootClassName$2f = 'component-modal-mask';
|
|
8875
8872
|
var ModalMask = function ModalMask(props) {
|
|
8876
8873
|
var getProps = function getProps() {
|
|
8877
8874
|
var p = _extends({}, props, {
|
|
8878
|
-
className: getMergedClassNames([rootClassName$
|
|
8875
|
+
className: getMergedClassNames([rootClassName$2f, props.className || '', props.mobileOnXS ? 'mobile-on-xs' : ''])
|
|
8879
8876
|
});
|
|
8880
8877
|
delete p.mobileOnXS;
|
|
8881
8878
|
return p;
|
|
@@ -8883,7 +8880,7 @@ var ModalMask = function ModalMask(props) {
|
|
|
8883
8880
|
return React$1__default.createElement("div", Object.assign({}, getProps()), props.children);
|
|
8884
8881
|
};
|
|
8885
8882
|
|
|
8886
|
-
var rootClassName$
|
|
8883
|
+
var rootClassName$2g = 'comp-modal-manager';
|
|
8887
8884
|
var maskRootClassName = 'component-modal-mask';
|
|
8888
8885
|
var hackFocus = function hackFocus() {
|
|
8889
8886
|
var tmp = document.createElement('input');
|
|
@@ -8958,7 +8955,7 @@ var ModalManager = React$1.forwardRef(function (_props, ref) {
|
|
|
8958
8955
|
};
|
|
8959
8956
|
});
|
|
8960
8957
|
var getClassNames = function getClassNames() {
|
|
8961
|
-
return getMergedClassNames([rootClassName$
|
|
8958
|
+
return getMergedClassNames([rootClassName$2g + "-modals"]);
|
|
8962
8959
|
};
|
|
8963
8960
|
return React$1__default.createElement(React$1__default.Fragment, null, React$1__default.createElement(reactTransitionGroup.TransitionGroup, {
|
|
8964
8961
|
className: getClassNames()
|
|
@@ -8967,7 +8964,7 @@ var ModalManager = React$1.forwardRef(function (_props, ref) {
|
|
|
8967
8964
|
var ModalComponent = React$1__default.createElement(obj.component, obj.props);
|
|
8968
8965
|
return React$1__default.createElement(reactTransitionGroup.CSSTransition, {
|
|
8969
8966
|
timeout: 300,
|
|
8970
|
-
classNames: (_obj$props2 = obj.props) !== null && _obj$props2 !== void 0 && _obj$props2.mobileOnXS ? rootClassName$
|
|
8967
|
+
classNames: (_obj$props2 = obj.props) !== null && _obj$props2 !== void 0 && _obj$props2.mobileOnXS ? rootClassName$2g + "-mask-mobile-on-xs" : rootClassName$2g + "-mask",
|
|
8971
8968
|
key: (_obj$props3 = obj.props) === null || _obj$props3 === void 0 ? void 0 : _obj$props3.modalKey,
|
|
8972
8969
|
unmountOnExit: true
|
|
8973
8970
|
}, React$1__default.createElement(ModalMask, {
|
|
@@ -9005,7 +9002,7 @@ PageSubTitle.defaultProps = {
|
|
|
9005
9002
|
text: ''
|
|
9006
9003
|
};
|
|
9007
9004
|
|
|
9008
|
-
var rootClassName$
|
|
9005
|
+
var rootClassName$2h = 'component-paginator';
|
|
9009
9006
|
function Paginator(props) {
|
|
9010
9007
|
var _useState = React$1.useState([]),
|
|
9011
9008
|
arrOfNumbers = _useState[0],
|
|
@@ -9031,11 +9028,11 @@ function Paginator(props) {
|
|
|
9031
9028
|
}, [props.quantidadeDePaginas, props.maxLength, props.paginaAtual]);
|
|
9032
9029
|
return React$1__default.createElement("div", {
|
|
9033
9030
|
id: props.id ? props.id : undefined,
|
|
9034
|
-
className: getMergedClassNames([rootClassName$
|
|
9031
|
+
className: getMergedClassNames([rootClassName$2h, props.className || ''])
|
|
9035
9032
|
}, React$1__default.createElement("div", {
|
|
9036
|
-
className: rootClassName$
|
|
9033
|
+
className: rootClassName$2h + "-center-content"
|
|
9037
9034
|
}, props.quantidadeDePaginas > 1 ? React$1__default.createElement("div", {
|
|
9038
|
-
className: rootClassName$
|
|
9035
|
+
className: rootClassName$2h + "-left-arrow"
|
|
9039
9036
|
}, React$1__default.createElement(IconButton$1, {
|
|
9040
9037
|
disabled: props.paginaAtual === 1,
|
|
9041
9038
|
icon: React$1__default.createElement(ChevronArrowLeftIcon, null),
|
|
@@ -9045,11 +9042,11 @@ function Paginator(props) {
|
|
|
9045
9042
|
}
|
|
9046
9043
|
}
|
|
9047
9044
|
})) : undefined, React$1__default.createElement("div", {
|
|
9048
|
-
className: rootClassName$
|
|
9045
|
+
className: rootClassName$2h + "-numbers"
|
|
9049
9046
|
}, arrOfNumbers.map(function (num) {
|
|
9050
9047
|
return React$1__default.createElement("button", {
|
|
9051
9048
|
key: num,
|
|
9052
|
-
className: getMergedClassNames([rootClassName$
|
|
9049
|
+
className: getMergedClassNames([rootClassName$2h + "-number", num === props.paginaAtual ? 'active' : '']),
|
|
9053
9050
|
onClick: function onClick() {
|
|
9054
9051
|
if (typeof props.onChange === 'function' && num !== props.paginaAtual) {
|
|
9055
9052
|
props.onChange(num);
|
|
@@ -9057,7 +9054,7 @@ function Paginator(props) {
|
|
|
9057
9054
|
}
|
|
9058
9055
|
}, num);
|
|
9059
9056
|
})), props.quantidadeDePaginas > 1 ? React$1__default.createElement("div", {
|
|
9060
|
-
className: rootClassName$
|
|
9057
|
+
className: rootClassName$2h + "-right-arrow"
|
|
9061
9058
|
}, React$1__default.createElement(IconButton$1, {
|
|
9062
9059
|
icon: React$1__default.createElement(ChevronArrowRightIcon, null),
|
|
9063
9060
|
onClick: function onClick() {
|
|
@@ -9067,19 +9064,356 @@ function Paginator(props) {
|
|
|
9067
9064
|
},
|
|
9068
9065
|
disabled: props.paginaAtual >= props.quantidadeDePaginas
|
|
9069
9066
|
})) : undefined, React$1__default.createElement(reactTransitionGroup.CSSTransition, {
|
|
9070
|
-
classNames: rootClassName$
|
|
9067
|
+
classNames: rootClassName$2h + "-loader",
|
|
9071
9068
|
"in": props.loading,
|
|
9072
9069
|
timeout: 300,
|
|
9073
9070
|
unmountOnExit: true
|
|
9074
9071
|
}, React$1__default.createElement("div", {
|
|
9075
|
-
className: rootClassName$
|
|
9072
|
+
className: rootClassName$2h + "-loader"
|
|
9076
9073
|
}, React$1__default.createElement(ThreeDotsLoader, {
|
|
9077
9074
|
size: 2
|
|
9078
9075
|
})))));
|
|
9079
9076
|
}
|
|
9080
9077
|
Paginator.defaultProps = {};
|
|
9081
9078
|
|
|
9082
|
-
var
|
|
9079
|
+
var _excluded = ["boundaryCount", "count", "currentPage", "disabled", "hideNextButton", "hidePrevButton", "onChange", "page", "siblingCount", "maxLength"];
|
|
9080
|
+
function usePagination(props) {
|
|
9081
|
+
if (props === void 0) {
|
|
9082
|
+
props = {};
|
|
9083
|
+
}
|
|
9084
|
+
var _props = props,
|
|
9085
|
+
_props$boundaryCount = _props.boundaryCount,
|
|
9086
|
+
boundaryCount = _props$boundaryCount === void 0 ? 1 : _props$boundaryCount,
|
|
9087
|
+
_props$count = _props.count,
|
|
9088
|
+
count = _props$count === void 0 ? 1 : _props$count,
|
|
9089
|
+
_props$currentPage = _props.currentPage,
|
|
9090
|
+
currentPage = _props$currentPage === void 0 ? 1 : _props$currentPage,
|
|
9091
|
+
_props$disabled = _props.disabled,
|
|
9092
|
+
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
|
9093
|
+
_props$hideNextButton = _props.hideNextButton,
|
|
9094
|
+
hideNextButton = _props$hideNextButton === void 0 ? false : _props$hideNextButton,
|
|
9095
|
+
_props$hidePrevButton = _props.hidePrevButton,
|
|
9096
|
+
hidePrevButton = _props$hidePrevButton === void 0 ? false : _props$hidePrevButton,
|
|
9097
|
+
handleChange = _props.onChange,
|
|
9098
|
+
pageProp = _props.page,
|
|
9099
|
+
_props$siblingCount = _props.siblingCount,
|
|
9100
|
+
siblingCount = _props$siblingCount === void 0 ? 1 : _props$siblingCount,
|
|
9101
|
+
maxLength = _props.maxLength,
|
|
9102
|
+
other = _objectWithoutPropertiesLoose(_props, _excluded);
|
|
9103
|
+
var isControlledRef = React$1.useRef(pageProp !== undefined);
|
|
9104
|
+
var _useState = React$1.useState(currentPage),
|
|
9105
|
+
pageCurrent = _useState[0],
|
|
9106
|
+
setPageCurrent = _useState[1];
|
|
9107
|
+
var controlledPage = isControlledRef.current ? pageProp : pageCurrent;
|
|
9108
|
+
var handleClick = function handleClick(event, value) {
|
|
9109
|
+
if (!isControlledRef.current) {
|
|
9110
|
+
setPageCurrent(value);
|
|
9111
|
+
}
|
|
9112
|
+
if (handleChange) {
|
|
9113
|
+
handleChange(event, value);
|
|
9114
|
+
}
|
|
9115
|
+
};
|
|
9116
|
+
var range = function range(start, end) {
|
|
9117
|
+
var length = Math.round(end - start + 1);
|
|
9118
|
+
return Array.from({
|
|
9119
|
+
length: length
|
|
9120
|
+
}, function (_, i) {
|
|
9121
|
+
return Math.round(start + i);
|
|
9122
|
+
});
|
|
9123
|
+
};
|
|
9124
|
+
var startPages = range(1, Math.min(boundaryCount, count));
|
|
9125
|
+
var endPages = range(Math.max(count - boundaryCount + 1, boundaryCount + 1), count);
|
|
9126
|
+
var shouldShowEllipsis = typeof siblingCount === 'number' ? true : false;
|
|
9127
|
+
var siblingsStart;
|
|
9128
|
+
var siblingsEnd;
|
|
9129
|
+
if (maxLength && maxLength > 0 && !siblingCount) {
|
|
9130
|
+
var visibleItems = Math.min(maxLength, count);
|
|
9131
|
+
var firstVisibleItem = Math.max(controlledPage - Math.floor(visibleItems / 2), 1);
|
|
9132
|
+
siblingsStart = Math.min(firstVisibleItem, count - visibleItems + 1);
|
|
9133
|
+
siblingsEnd = Math.min(firstVisibleItem + visibleItems - 1, count);
|
|
9134
|
+
} else {
|
|
9135
|
+
siblingsStart = Math.max(Math.min(controlledPage - (shouldShowEllipsis ? siblingCount : 0), count - boundaryCount - (shouldShowEllipsis ? siblingCount * 2 : 0) - 1), boundaryCount + 2);
|
|
9136
|
+
siblingsEnd = Math.min(Math.max(controlledPage + (shouldShowEllipsis ? siblingCount : 0), boundaryCount + (shouldShowEllipsis ? siblingCount * 2 : 0) + 2), endPages.length > 0 ? endPages[0] - 2 : count - 1);
|
|
9137
|
+
}
|
|
9138
|
+
var itemList = maxLength && maxLength > 0 && !siblingCount ? [].concat(hidePrevButton ? [] : ['voltar'], range(siblingsStart, siblingsEnd), hideNextButton ? [] : ['próximo']) : [].concat(hidePrevButton ? [] : ['voltar'], startPages, shouldShowEllipsis ? siblingsStart > boundaryCount + 2 ? ['start-ellipsis'] : boundaryCount + 1 < count - boundaryCount ? [boundaryCount + 1] : [] : range(boundaryCount + 1, siblingsStart - 1), range(siblingsStart, siblingsEnd), shouldShowEllipsis ? siblingsEnd < count - boundaryCount - 1 ? ['end-ellipsis'] : count - boundaryCount > boundaryCount ? [count - boundaryCount] : [] : range(siblingsEnd + 1, count - boundaryCount), endPages, hideNextButton ? [] : ['próximo']);
|
|
9139
|
+
var buttonPage = function buttonPage(type) {
|
|
9140
|
+
switch (type) {
|
|
9141
|
+
case 'voltar':
|
|
9142
|
+
return controlledPage - 1;
|
|
9143
|
+
case 'próximo':
|
|
9144
|
+
return controlledPage + 1;
|
|
9145
|
+
default:
|
|
9146
|
+
return null;
|
|
9147
|
+
}
|
|
9148
|
+
};
|
|
9149
|
+
var items = itemList.map(function (item) {
|
|
9150
|
+
return typeof item === 'number' ? {
|
|
9151
|
+
onClick: function onClick(event) {
|
|
9152
|
+
handleClick(event, item);
|
|
9153
|
+
},
|
|
9154
|
+
type: 'page',
|
|
9155
|
+
page: item,
|
|
9156
|
+
selected: item === controlledPage,
|
|
9157
|
+
disabled: disabled,
|
|
9158
|
+
'aria-current': item === controlledPage ? 'true' : undefined
|
|
9159
|
+
} : {
|
|
9160
|
+
onClick: function onClick(event) {
|
|
9161
|
+
var pageValue = buttonPage(item);
|
|
9162
|
+
if (pageValue !== null) {
|
|
9163
|
+
handleClick(event, pageValue);
|
|
9164
|
+
}
|
|
9165
|
+
},
|
|
9166
|
+
type: item,
|
|
9167
|
+
page: buttonPage(item),
|
|
9168
|
+
selected: false,
|
|
9169
|
+
disabled: disabled || item.indexOf('ellipsis') === -1 && (item === 'próximo' ? controlledPage >= count : controlledPage <= 1)
|
|
9170
|
+
};
|
|
9171
|
+
});
|
|
9172
|
+
React$1.useEffect(function () {
|
|
9173
|
+
setPageCurrent(currentPage);
|
|
9174
|
+
}, [currentPage]);
|
|
9175
|
+
return _extends({
|
|
9176
|
+
items: items,
|
|
9177
|
+
pageCurrent: pageCurrent
|
|
9178
|
+
}, other);
|
|
9179
|
+
}
|
|
9180
|
+
|
|
9181
|
+
var rootClassName$2i = 'icon-component';
|
|
9182
|
+
var ThreeDots = function ThreeDots() {
|
|
9183
|
+
return React$1__default.createElement("svg", {
|
|
9184
|
+
className: rootClassName$2i,
|
|
9185
|
+
xmlns: 'http://www.w3.org/2000/svg',
|
|
9186
|
+
fill: 'none',
|
|
9187
|
+
viewBox: '0.8 0.71 10.32 2.37'
|
|
9188
|
+
}, React$1__default.createElement("path", {
|
|
9189
|
+
d: 'M2 3.08C1.63733 3.08 1.344 2.968 1.12 2.744C0.906667 2.52 0.8 2.232 0.8 1.88C0.8 1.53867 0.906667 1.26133 1.12 1.048C1.344 0.824 1.63733 0.712 2 0.712C2.37333 0.712 2.66133 0.824 2.864 1.048C3.07733 1.26133 3.184 1.53867 3.184 1.88C3.184 2.232 3.07733 2.52 2.864 2.744C2.66133 2.968 2.37333 3.08 2 3.08ZM5.96875 3.08C5.60608 3.08 5.31275 2.968 5.08875 2.744C4.87542 2.52 4.76875 2.232 4.76875 1.88C4.76875 1.53867 4.87542 1.26133 5.08875 1.048C5.31275 0.824 5.60608 0.712 5.96875 0.712C6.34208 0.712 6.63008 0.824 6.83275 1.048C7.04608 1.26133 7.15275 1.53867 7.15275 1.88C7.15275 2.232 7.04608 2.52 6.83275 2.744C6.63008 2.968 6.34208 3.08 5.96875 3.08ZM9.9375 3.08C9.57483 3.08 9.2815 2.968 9.0575 2.744C8.84417 2.52 8.7375 2.232 8.7375 1.88C8.7375 1.53867 8.84417 1.26133 9.0575 1.048C9.2815 0.824 9.57483 0.712 9.9375 0.712C10.3108 0.712 10.5988 0.824 10.8015 1.048C11.0148 1.26133 11.1215 1.53867 11.1215 1.88C11.1215 2.232 11.0148 2.52 10.8015 2.744C10.5988 2.968 10.3108 3.08 9.9375 3.08Z',
|
|
9190
|
+
fill: 'currentColor'
|
|
9191
|
+
}));
|
|
9192
|
+
};
|
|
9193
|
+
|
|
9194
|
+
var ScreenSize;
|
|
9195
|
+
(function (ScreenSize) {
|
|
9196
|
+
ScreenSize["xs"] = "xs";
|
|
9197
|
+
ScreenSize["sm"] = "sm";
|
|
9198
|
+
ScreenSize["md"] = "md";
|
|
9199
|
+
ScreenSize["lg"] = "lg";
|
|
9200
|
+
ScreenSize["xl"] = "xl";
|
|
9201
|
+
})(ScreenSize || (ScreenSize = {}));
|
|
9202
|
+
function useScreenSize() {
|
|
9203
|
+
var _useState = React$1.useState(),
|
|
9204
|
+
value = _useState[0],
|
|
9205
|
+
setValue = _useState[1];
|
|
9206
|
+
var valueRef = React$1.useRef(value);
|
|
9207
|
+
valueRef.current = value;
|
|
9208
|
+
var f = function f() {
|
|
9209
|
+
if (window.innerWidth <= 575.98) {
|
|
9210
|
+
if (valueRef.current !== ScreenSize.xs) {
|
|
9211
|
+
setValue(ScreenSize.xs);
|
|
9212
|
+
}
|
|
9213
|
+
} else if (window.innerWidth <= 767.98) {
|
|
9214
|
+
if (valueRef.current !== ScreenSize.sm) {
|
|
9215
|
+
setValue(ScreenSize.sm);
|
|
9216
|
+
}
|
|
9217
|
+
} else if (window.innerWidth <= 991.98) {
|
|
9218
|
+
if (valueRef.current !== ScreenSize.md) {
|
|
9219
|
+
setValue(ScreenSize.md);
|
|
9220
|
+
}
|
|
9221
|
+
} else if (window.innerWidth <= 1199.98) {
|
|
9222
|
+
if (valueRef.current !== ScreenSize.lg) {
|
|
9223
|
+
setValue(ScreenSize.lg);
|
|
9224
|
+
}
|
|
9225
|
+
} else if (window.innerWidth > 1199.98) {
|
|
9226
|
+
if (valueRef.current !== ScreenSize.xl) {
|
|
9227
|
+
setValue(ScreenSize.xl);
|
|
9228
|
+
}
|
|
9229
|
+
}
|
|
9230
|
+
};
|
|
9231
|
+
React$1.useLayoutEffect(function () {
|
|
9232
|
+
f();
|
|
9233
|
+
window.addEventListener('resize', f);
|
|
9234
|
+
return function () {
|
|
9235
|
+
window.removeEventListener('resize', f);
|
|
9236
|
+
};
|
|
9237
|
+
}, []);
|
|
9238
|
+
return value;
|
|
9239
|
+
}
|
|
9240
|
+
|
|
9241
|
+
var _excluded$1 = ["page", "type", "selected"];
|
|
9242
|
+
var Pagination = function Pagination(props) {
|
|
9243
|
+
var screenSize = useScreenSize();
|
|
9244
|
+
var _useState = React$1.useState(false),
|
|
9245
|
+
dropdownOpened = _useState[0],
|
|
9246
|
+
setDropdownOpened = _useState[1];
|
|
9247
|
+
var _props$siblingCount = props.siblingCount,
|
|
9248
|
+
siblingCount = _props$siblingCount === void 0 ? props.maxLength ? 0 : 1 : _props$siblingCount,
|
|
9249
|
+
_props$boundaryCount = props.boundaryCount,
|
|
9250
|
+
boundaryCount = _props$boundaryCount === void 0 ? 1 : _props$boundaryCount,
|
|
9251
|
+
currentPage = props.currentPage,
|
|
9252
|
+
maxLength = props.maxLength,
|
|
9253
|
+
hideNextButton = props.hideNextButton,
|
|
9254
|
+
hidePrevButton = props.hidePrevButton,
|
|
9255
|
+
totalPages = props.totalPages,
|
|
9256
|
+
onPageChange = props.onPageChange,
|
|
9257
|
+
disabled = props.disabled,
|
|
9258
|
+
loading = props.loading,
|
|
9259
|
+
countPages = props.countPages,
|
|
9260
|
+
rowsPerPage = props.rowsPerPage;
|
|
9261
|
+
function validatePaginationProps(props) {
|
|
9262
|
+
if (props.siblingCount !== false && props.siblingCount !== undefined && props.maxLength !== undefined) {
|
|
9263
|
+
throw new Error('Erro: siblingCount e maxLength não podem ser utilizadas juntas');
|
|
9264
|
+
}
|
|
9265
|
+
}
|
|
9266
|
+
validatePaginationProps(props);
|
|
9267
|
+
var _usePagination = usePagination({
|
|
9268
|
+
count: countPages ? Math.floor(countPages.totalItems % countPages.rows === 0 ? countPages.totalItems / countPages.rows : countPages.totalItems / countPages.rows + 1) : totalPages,
|
|
9269
|
+
onChange: function onChange(e, v) {
|
|
9270
|
+
return onPageChange(e, v);
|
|
9271
|
+
},
|
|
9272
|
+
disabled: disabled,
|
|
9273
|
+
hideNextButton: hideNextButton,
|
|
9274
|
+
hidePrevButton: hidePrevButton,
|
|
9275
|
+
siblingCount: siblingCount,
|
|
9276
|
+
boundaryCount: boundaryCount,
|
|
9277
|
+
currentPage: currentPage,
|
|
9278
|
+
maxLength: maxLength
|
|
9279
|
+
}),
|
|
9280
|
+
items = _usePagination.items,
|
|
9281
|
+
pageCurrent = _usePagination.pageCurrent;
|
|
9282
|
+
var _useState2 = React$1.useState((countPages === null || countPages === void 0 ? void 0 : countPages.rows) || (rowsPerPage === null || rowsPerPage === void 0 ? void 0 : rowsPerPage.rows)),
|
|
9283
|
+
rows = _useState2[0],
|
|
9284
|
+
setRows = _useState2[1];
|
|
9285
|
+
var lastPage = items[items.length - 2].page;
|
|
9286
|
+
var defaultLabelDisplayedRows = function defaultLabelDisplayedRows(_ref) {
|
|
9287
|
+
var from = _ref.from,
|
|
9288
|
+
to = _ref.to,
|
|
9289
|
+
count = _ref.count;
|
|
9290
|
+
return from + "-" + to + " de " + (count !== -1 ? count + " itens" : "maior que " + to);
|
|
9291
|
+
};
|
|
9292
|
+
var alignCenter = React$1.useMemo(function () {
|
|
9293
|
+
if (['xs'].includes(screenSize) && (rowsPerPage || countPages)) {
|
|
9294
|
+
return true;
|
|
9295
|
+
} else if (['sm'].includes(screenSize) && rowsPerPage && countPages) {
|
|
9296
|
+
return true;
|
|
9297
|
+
} else if (!rowsPerPage && !countPages) {
|
|
9298
|
+
return true;
|
|
9299
|
+
}
|
|
9300
|
+
return false;
|
|
9301
|
+
}, [rowsPerPage, countPages, screenSize]);
|
|
9302
|
+
var alignEnd = React$1.useMemo(function () {
|
|
9303
|
+
if (['sm'].includes(screenSize) && rowsPerPage && countPages) {
|
|
9304
|
+
return false;
|
|
9305
|
+
} else if (['sm', 'md', 'lg', 'xl'].includes(screenSize) && (rowsPerPage || countPages)) {
|
|
9306
|
+
return true;
|
|
9307
|
+
}
|
|
9308
|
+
return false;
|
|
9309
|
+
}, [rowsPerPage, countPages, screenSize]);
|
|
9310
|
+
return React$1__default.createElement(Row$1, {
|
|
9311
|
+
className: getMergedClassNames([undefined.root, countPages ? undefined.hasLeftItem : '', countPages || rowsPerPage ? undefined.oneOf : ''])
|
|
9312
|
+
}, countPages || rowsPerPage ? React$1__default.createElement(Col$1, {
|
|
9313
|
+
noPadding: true,
|
|
9314
|
+
cols: rowsPerPage && countPages ? [12, 12, 6, 6, 6] : rowsPerPage || countPages ? [12, 6, 6, 6, 6] : [12, 12, 12, 12, 12]
|
|
9315
|
+
}, countPages || rowsPerPage ? React$1__default.createElement("div", {
|
|
9316
|
+
className: getMergedClassNames([undefined.paginationLeftContainer, 'nunito', countPages && rowsPerPage ? undefined.both : countPages || rowsPerPage ? undefined.oneOf : ''])
|
|
9317
|
+
}, countPages ? React$1__default.createElement("div", null, React$1__default.createElement("p", null, defaultLabelDisplayedRows({
|
|
9318
|
+
from: countPages.rows === 0 ? 0 : countPages.rows * pageCurrent - countPages.rows + 1,
|
|
9319
|
+
to: Number(pageCurrent === lastPage ? countPages.totalItems : countPages.rows * pageCurrent),
|
|
9320
|
+
count: countPages.totalItems === -1 ? -1 : countPages.totalItems
|
|
9321
|
+
}))) : undefined, rowsPerPage ? React$1__default.createElement("div", null, React$1__default.createElement("div", {
|
|
9322
|
+
className: undefined.linesPerPage
|
|
9323
|
+
}, countPages ? screenSize === 'md' || screenSize === 'lg' || screenSize === 'xl' ? React$1__default.createElement("span", null, React$1__default.createElement(ListDotIcon, null)) : '' : undefined, React$1__default.createElement("div", {
|
|
9324
|
+
className: getMergedClassNames([undefined.wrapper, loading || disabled ? undefined.disabled : ''])
|
|
9325
|
+
}, React$1__default.createElement("p", null, "Linhas por p\xE1gina:"), React$1__default.createElement(DropdownMenu, {
|
|
9326
|
+
opened: !loading && !disabled && dropdownOpened,
|
|
9327
|
+
setOpened: setDropdownOpened,
|
|
9328
|
+
closeOnOutClick: true,
|
|
9329
|
+
content: React$1__default.createElement("div", {
|
|
9330
|
+
style: {
|
|
9331
|
+
display: 'flex',
|
|
9332
|
+
flexDirection: 'column',
|
|
9333
|
+
alignItems: 'flex-end'
|
|
9334
|
+
},
|
|
9335
|
+
tabIndex: loading || disabled ? -1 : 0
|
|
9336
|
+
}, rowsPerPage && rowsPerPage.options.map(function (value, index) {
|
|
9337
|
+
return React$1__default.createElement(DropdownItem$1, {
|
|
9338
|
+
key: index,
|
|
9339
|
+
label: String(value),
|
|
9340
|
+
disabled: loading,
|
|
9341
|
+
onClick: function onClick(e) {
|
|
9342
|
+
setDropdownOpened(false);
|
|
9343
|
+
setRows(String(value));
|
|
9344
|
+
rowsPerPage.onChange(e, value);
|
|
9345
|
+
}
|
|
9346
|
+
});
|
|
9347
|
+
}))
|
|
9348
|
+
}, React$1__default.createElement("div", {
|
|
9349
|
+
onClick: function onClick() {
|
|
9350
|
+
return setDropdownOpened(!dropdownOpened);
|
|
9351
|
+
},
|
|
9352
|
+
className: getMergedClassNames([undefined.drop, dropdownOpened ? undefined.active : ''])
|
|
9353
|
+
}, React$1__default.createElement("p", {
|
|
9354
|
+
className: 'nunito'
|
|
9355
|
+
}, rowsPerPage && rows, " "), React$1__default.createElement(ChevronArrowDownIcon, null)))))) : undefined) : undefined) : undefined, React$1__default.createElement(Col$1, {
|
|
9356
|
+
noPadding: true,
|
|
9357
|
+
cols: rowsPerPage && countPages ? [12, 12, 6, 6, 6] : rowsPerPage || countPages ? [12, 6, 6, 6, 6] : [12, 12, 12, 12, 12],
|
|
9358
|
+
centralized: alignCenter,
|
|
9359
|
+
end: alignEnd
|
|
9360
|
+
}, React$1__default.createElement("div", null, items.map(function (_ref2, index) {
|
|
9361
|
+
var page = _ref2.page,
|
|
9362
|
+
type = _ref2.type,
|
|
9363
|
+
selected = _ref2.selected,
|
|
9364
|
+
item = _objectWithoutPropertiesLoose(_ref2, _excluded$1);
|
|
9365
|
+
var children = null;
|
|
9366
|
+
if (type === 'start-ellipsis' || type === 'end-ellipsis') {
|
|
9367
|
+
children = React$1__default.createElement("li", {
|
|
9368
|
+
key: index,
|
|
9369
|
+
className: getMergedClassNames([undefined.paginationItem, undefined.dots, disabled ? undefined.disabled : ''])
|
|
9370
|
+
}, React$1__default.createElement(ThreeDots, null));
|
|
9371
|
+
} else if (type === 'page') {
|
|
9372
|
+
children = React$1__default.createElement("li", Object.assign({
|
|
9373
|
+
key: index,
|
|
9374
|
+
className: getMergedClassNames([undefined.paginationItem, disabled ? undefined.disabled : '', selected ? undefined.selected : '', !loading ? undefined.nonLoader : '']),
|
|
9375
|
+
tabIndex: disabled ? -1 : 0
|
|
9376
|
+
}, item), page);
|
|
9377
|
+
} else if (type === 'voltar') {
|
|
9378
|
+
children = React$1__default.createElement("div", {
|
|
9379
|
+
className: undefined.arrows,
|
|
9380
|
+
"aria-label": 'previous page'
|
|
9381
|
+
}, React$1__default.createElement(IconButton$1, Object.assign({
|
|
9382
|
+
icon: React$1__default.createElement(ChevronArrowLeftIcon, null),
|
|
9383
|
+
tabIndex: disabled ? -1 : 0
|
|
9384
|
+
}, item)));
|
|
9385
|
+
} else if (type === 'próximo') {
|
|
9386
|
+
children = React$1__default.createElement("div", {
|
|
9387
|
+
className: undefined.arrows,
|
|
9388
|
+
"aria-label": 'previous page'
|
|
9389
|
+
}, React$1__default.createElement(IconButton$1, Object.assign({
|
|
9390
|
+
icon: React$1__default.createElement(ChevronArrowRightIcon, null),
|
|
9391
|
+
tabIndex: disabled ? -1 : 0
|
|
9392
|
+
}, item)));
|
|
9393
|
+
}
|
|
9394
|
+
return React$1__default.createElement("ul", {
|
|
9395
|
+
key: index,
|
|
9396
|
+
className: undefined.paginationContainer
|
|
9397
|
+
}, children);
|
|
9398
|
+
}), React$1__default.createElement(reactTransitionGroup.CSSTransition, {
|
|
9399
|
+
"in": loading,
|
|
9400
|
+
timeout: 300,
|
|
9401
|
+
unmountOnExit: true,
|
|
9402
|
+
classNames: {
|
|
9403
|
+
enter: undefined.enter,
|
|
9404
|
+
enterActive: undefined.enterActive,
|
|
9405
|
+
exit: undefined.exit,
|
|
9406
|
+
exitActive: undefined.exitActive,
|
|
9407
|
+
exitDone: undefined.exitDone
|
|
9408
|
+
}
|
|
9409
|
+
}, React$1__default.createElement("div", {
|
|
9410
|
+
className: undefined.paginationContainerLoader
|
|
9411
|
+
}, React$1__default.createElement(ThreeDotsLoader, {
|
|
9412
|
+
size: 2
|
|
9413
|
+
}))))));
|
|
9414
|
+
};
|
|
9415
|
+
|
|
9416
|
+
var rootClassName$2j = 'component-video-player';
|
|
9083
9417
|
function VideoPlayer(props) {
|
|
9084
9418
|
var youtubeRegex = /youtu(\.){0,1}be/;
|
|
9085
9419
|
var alreadyPlayed = false;
|
|
@@ -9120,7 +9454,7 @@ function VideoPlayer(props) {
|
|
|
9120
9454
|
}, []);
|
|
9121
9455
|
var getProps = function getProps() {
|
|
9122
9456
|
var p = _extends({}, props, {
|
|
9123
|
-
className: getMergedClassNames([rootClassName$
|
|
9457
|
+
className: getMergedClassNames([rootClassName$2j, props.className, props.blackGround ? 'blackground' : ''])
|
|
9124
9458
|
});
|
|
9125
9459
|
delete p.id;
|
|
9126
9460
|
delete p.url;
|
|
@@ -9216,7 +9550,7 @@ VideoPlayer.defaultProps = {
|
|
|
9216
9550
|
formatUrl: true
|
|
9217
9551
|
};
|
|
9218
9552
|
|
|
9219
|
-
var rootClassName$
|
|
9553
|
+
var rootClassName$2k = 'previa-video';
|
|
9220
9554
|
function PreviaVideo(props) {
|
|
9221
9555
|
var _useState = React$1.useState(getUniqueKey()),
|
|
9222
9556
|
id = _useState[0];
|
|
@@ -9252,21 +9586,21 @@ function PreviaVideo(props) {
|
|
|
9252
9586
|
}, [props.videoPlayerProps]);
|
|
9253
9587
|
return React$1__default.createElement("div", {
|
|
9254
9588
|
id: id,
|
|
9255
|
-
className: rootClassName$
|
|
9589
|
+
className: rootClassName$2k,
|
|
9256
9590
|
onClick: function onClick() {
|
|
9257
9591
|
if (!clicou) setClicou(true);
|
|
9258
9592
|
}
|
|
9259
9593
|
}, React$1__default.createElement("div", {
|
|
9260
|
-
className: rootClassName$
|
|
9594
|
+
className: rootClassName$2k + "-img",
|
|
9261
9595
|
style: {
|
|
9262
9596
|
backgroundImage: "url(" + props.imgUrl + ")"
|
|
9263
9597
|
}
|
|
9264
9598
|
}), React$1__default.createElement("div", {
|
|
9265
|
-
className: rootClassName$
|
|
9599
|
+
className: rootClassName$2k + "-icon"
|
|
9266
9600
|
}, React$1__default.createElement(BigPlayIcon, {
|
|
9267
9601
|
hideBackground: true
|
|
9268
9602
|
})), React$1__default.createElement("div", {
|
|
9269
|
-
className: rootClassName$
|
|
9603
|
+
className: rootClassName$2k + "-label"
|
|
9270
9604
|
}, props.label), React$1__default.createElement(reactTransitionGroup.CSSTransition, {
|
|
9271
9605
|
"in": clicou,
|
|
9272
9606
|
timeout: 300,
|
|
@@ -9277,7 +9611,7 @@ function PreviaVideo(props) {
|
|
|
9277
9611
|
el.style.height = firstHeight.current;
|
|
9278
9612
|
}
|
|
9279
9613
|
}, React$1__default.createElement("div", {
|
|
9280
|
-
className: rootClassName$
|
|
9614
|
+
className: rootClassName$2k + "-video"
|
|
9281
9615
|
}, React$1__default.createElement(VideoPlayer, Object.assign({
|
|
9282
9616
|
blackGround: true
|
|
9283
9617
|
}, videoPlayerProps, {
|
|
@@ -9291,11 +9625,11 @@ var PreviaVideo$1 = React$1.memo(PreviaVideo);
|
|
|
9291
9625
|
RadioButtonType["New"] = "new";
|
|
9292
9626
|
})(exports.RadioButtonType || (exports.RadioButtonType = {}));
|
|
9293
9627
|
|
|
9294
|
-
var rootClassName$
|
|
9628
|
+
var rootClassName$2l = 'component-radio-button';
|
|
9295
9629
|
function RadioButton(props) {
|
|
9296
9630
|
var buttonProps = React$1.useMemo(function () {
|
|
9297
9631
|
var p = _extends({}, props, {
|
|
9298
|
-
className: getMergedClassNames([rootClassName$
|
|
9632
|
+
className: getMergedClassNames([rootClassName$2l, props.theme, props.className, rootClassName$2l + "-" + (props.value ? 'checked' : 'not')]),
|
|
9299
9633
|
onClick: function onClick() {
|
|
9300
9634
|
if (!props.disabled) {
|
|
9301
9635
|
props.onChange(!props.value);
|
|
@@ -9316,7 +9650,356 @@ RadioButton.defaultProps = {
|
|
|
9316
9650
|
};
|
|
9317
9651
|
var RadioButton$1 = React$1.memo(RadioButton);
|
|
9318
9652
|
|
|
9319
|
-
var rootClassName$
|
|
9653
|
+
var rootClassName$2m = 'component-chip';
|
|
9654
|
+
function Chip(props) {
|
|
9655
|
+
var _props$theme;
|
|
9656
|
+
return React$1__default.createElement("div", {
|
|
9657
|
+
className: useMergedClassNames([rootClassName$2m, props.w100 ? 'w100' : '', props.allClickable ? 'all-clickable' : '', (_props$theme = props.theme) != null ? _props$theme : 'primary-outline']),
|
|
9658
|
+
onClick: function onClick() {
|
|
9659
|
+
if (!props.disabled && props.allClickable && typeof props.onClick === 'function') {
|
|
9660
|
+
props.onClick();
|
|
9661
|
+
}
|
|
9662
|
+
}
|
|
9663
|
+
}, React$1__default.createElement("span", {
|
|
9664
|
+
className: 'nunito'
|
|
9665
|
+
}, props.label), React$1__default.createElement("div", {
|
|
9666
|
+
className: rootClassName$2m + "-button",
|
|
9667
|
+
onClick: function onClick() {
|
|
9668
|
+
if (!props.disabled && typeof props.onClick === 'function') {
|
|
9669
|
+
props.onClick();
|
|
9670
|
+
}
|
|
9671
|
+
}
|
|
9672
|
+
}, React$1__default.createElement(TimesCircleIcon, null)));
|
|
9673
|
+
}
|
|
9674
|
+
var Chip$1 = React$1.memo(Chip);
|
|
9675
|
+
|
|
9676
|
+
function useOutsideClick(refs, handler) {
|
|
9677
|
+
var handleClickOutside = React$1.useCallback(function (e) {
|
|
9678
|
+
if (refs && 'current' in refs && refs.current) {
|
|
9679
|
+
var isInside = Array.isArray(refs.current) ? refs.current.some(function (element) {
|
|
9680
|
+
return !!element && element.contains(e.target);
|
|
9681
|
+
}) : !!refs && !!refs.current && refs.current.contains(e.target);
|
|
9682
|
+
handler(isInside);
|
|
9683
|
+
} else {
|
|
9684
|
+
var _isInside = Array.isArray(refs) && refs.some(function (element) {
|
|
9685
|
+
return !!element && !!element.current && element.current.contains(e.target);
|
|
9686
|
+
});
|
|
9687
|
+
handler(_isInside);
|
|
9688
|
+
}
|
|
9689
|
+
}, [handler, refs]);
|
|
9690
|
+
React$1.useEffect(function () {
|
|
9691
|
+
document.addEventListener('mouseup', handleClickOutside);
|
|
9692
|
+
document.addEventListener('touchstart', handleClickOutside);
|
|
9693
|
+
return function () {
|
|
9694
|
+
document.removeEventListener('mouseup', handleClickOutside);
|
|
9695
|
+
document.removeEventListener('touchstart', handleClickOutside);
|
|
9696
|
+
};
|
|
9697
|
+
}, [refs, handler, handleClickOutside]);
|
|
9698
|
+
}
|
|
9699
|
+
|
|
9700
|
+
var rootClassName$2n = 'component-search';
|
|
9701
|
+
function Search(props) {
|
|
9702
|
+
var _wrapperRef$current;
|
|
9703
|
+
var _useState = React$1.useState(),
|
|
9704
|
+
value = _useState[0],
|
|
9705
|
+
setValue = _useState[1];
|
|
9706
|
+
var _useState2 = React$1.useState(),
|
|
9707
|
+
selected = _useState2[0],
|
|
9708
|
+
setSelected = _useState2[1];
|
|
9709
|
+
var _useState3 = React$1.useState(false),
|
|
9710
|
+
loading = _useState3[0],
|
|
9711
|
+
setLoading = _useState3[1];
|
|
9712
|
+
var _useState4 = React$1.useState(props.data),
|
|
9713
|
+
results = _useState4[0],
|
|
9714
|
+
setResults = _useState4[1];
|
|
9715
|
+
var _useState5 = React$1.useState(getUniqueKey()),
|
|
9716
|
+
id = _useState5[0];
|
|
9717
|
+
var _useState6 = React$1.useState(getUniqueKey()),
|
|
9718
|
+
panelId = _useState6[0];
|
|
9719
|
+
var _useState7 = React$1.useState(false),
|
|
9720
|
+
showResults = _useState7[0],
|
|
9721
|
+
setShowResults = _useState7[1];
|
|
9722
|
+
var wrapperRef = React$1.useRef(null);
|
|
9723
|
+
var handleClickOutside = function handleClickOutside(e) {
|
|
9724
|
+
if (!e) setShowResults(false);
|
|
9725
|
+
};
|
|
9726
|
+
useOutsideClick(wrapperRef, handleClickOutside);
|
|
9727
|
+
var onEsc = function onEsc(evt) {
|
|
9728
|
+
if (evt.key === 'Escape') {
|
|
9729
|
+
setShowResults(false);
|
|
9730
|
+
var el = document.querySelector("#" + id + " input");
|
|
9731
|
+
if (el) el.focus();
|
|
9732
|
+
evt.preventDefault();
|
|
9733
|
+
evt.stopPropagation();
|
|
9734
|
+
}
|
|
9735
|
+
};
|
|
9736
|
+
var handleInputChange = React$1.useCallback(function (e) {
|
|
9737
|
+
var value = e.target.value;
|
|
9738
|
+
setValue(value);
|
|
9739
|
+
if ((value === null || value === void 0 ? void 0 : value.length) >= props.minLenghtToSearch) {
|
|
9740
|
+
if (!props.loadData) {
|
|
9741
|
+
setShowResults(true);
|
|
9742
|
+
} else {
|
|
9743
|
+
setShowResults(false);
|
|
9744
|
+
setResults([]);
|
|
9745
|
+
}
|
|
9746
|
+
}
|
|
9747
|
+
!!props.onChange && props.onChange(value);
|
|
9748
|
+
}, [value, props.onChange]);
|
|
9749
|
+
var handleSelectItem = React$1.useCallback(function (record) {
|
|
9750
|
+
if (props.showSelected) {
|
|
9751
|
+
setValue('');
|
|
9752
|
+
} else {
|
|
9753
|
+
setValue(record.label);
|
|
9754
|
+
}
|
|
9755
|
+
setShowResults(false);
|
|
9756
|
+
setSelected(record.label);
|
|
9757
|
+
!!props.onSelect && props.onSelect(record);
|
|
9758
|
+
}, []);
|
|
9759
|
+
var getData = function getData() {
|
|
9760
|
+
if (typeof props.loadData === 'function') {
|
|
9761
|
+
setLoading(true);
|
|
9762
|
+
var res = props.loadData();
|
|
9763
|
+
if (res instanceof Promise) {
|
|
9764
|
+
res.then(function () {
|
|
9765
|
+
setShowResults(true);
|
|
9766
|
+
setSelected(undefined);
|
|
9767
|
+
setLoading(false);
|
|
9768
|
+
})["catch"](function () {
|
|
9769
|
+
setLoading(false);
|
|
9770
|
+
});
|
|
9771
|
+
}
|
|
9772
|
+
}
|
|
9773
|
+
};
|
|
9774
|
+
React$1.useEffect(function () {
|
|
9775
|
+
var timer = setTimeout(function () {
|
|
9776
|
+
if (value !== selected && (value === null || value === void 0 ? void 0 : value.length) >= props.minLenghtToSearch) {
|
|
9777
|
+
getData();
|
|
9778
|
+
}
|
|
9779
|
+
}, 1000);
|
|
9780
|
+
return function () {
|
|
9781
|
+
return clearTimeout(timer);
|
|
9782
|
+
};
|
|
9783
|
+
}, [value]);
|
|
9784
|
+
React$1.useEffect(function () {
|
|
9785
|
+
setResults(props.data);
|
|
9786
|
+
}, [props.data]);
|
|
9787
|
+
React$1.useEffect(function () {
|
|
9788
|
+
document.addEventListener('keydown', onEsc);
|
|
9789
|
+
if (props.loadData && results !== null && results !== void 0 && results.length && (value === null || value === void 0 ? void 0 : value.length) >= props.minLenghtToSearch) {
|
|
9790
|
+
setLoading(false);
|
|
9791
|
+
setShowResults(true);
|
|
9792
|
+
}
|
|
9793
|
+
return function () {
|
|
9794
|
+
document.removeEventListener('keydown', onEsc);
|
|
9795
|
+
};
|
|
9796
|
+
}, [results]);
|
|
9797
|
+
React$1.useEffect(function () {
|
|
9798
|
+
setValue(props.value);
|
|
9799
|
+
if (!props.value) {
|
|
9800
|
+
setSelected(undefined);
|
|
9801
|
+
}
|
|
9802
|
+
if (props.value !== selected) {
|
|
9803
|
+
setSelected(undefined);
|
|
9804
|
+
}
|
|
9805
|
+
}, [props.value]);
|
|
9806
|
+
return React$1__default.createElement("div", {
|
|
9807
|
+
tabIndex: 1,
|
|
9808
|
+
id: id,
|
|
9809
|
+
className: rootClassName$2n,
|
|
9810
|
+
ref: wrapperRef
|
|
9811
|
+
}, React$1__default.createElement(Input$1, {
|
|
9812
|
+
id: getUniqueKey(),
|
|
9813
|
+
value: value,
|
|
9814
|
+
onChange: handleInputChange,
|
|
9815
|
+
label: props.label,
|
|
9816
|
+
placeholder: props.placeholder,
|
|
9817
|
+
onKeyDown: function onKeyDown(evt) {
|
|
9818
|
+
if (evt.key === 'Tab' && !evt.shiftKey || evt.key === 'ArrowDown') {
|
|
9819
|
+
var query = "#" + panelId + " ." + rootClassName$2n + "-options:nth-child(1)";
|
|
9820
|
+
var optionToFocus = document.querySelector(query);
|
|
9821
|
+
if (optionToFocus) {
|
|
9822
|
+
optionToFocus.focus();
|
|
9823
|
+
evt.preventDefault();
|
|
9824
|
+
}
|
|
9825
|
+
}
|
|
9826
|
+
},
|
|
9827
|
+
rightObject: React$1__default.createElement("div", {
|
|
9828
|
+
className: rootClassName$2n + "-right-container"
|
|
9829
|
+
}, props.showSelected && selected ? React$1__default.createElement(Chip$1, {
|
|
9830
|
+
label: selected,
|
|
9831
|
+
allClickable: false,
|
|
9832
|
+
w100: true,
|
|
9833
|
+
onClick: function onClick() {
|
|
9834
|
+
props.onSelect(undefined);
|
|
9835
|
+
setValue('');
|
|
9836
|
+
setSelected(undefined);
|
|
9837
|
+
}
|
|
9838
|
+
}) : undefined, selected && props.onSelect && props.clearButton ? React$1__default.createElement(IconButton$1, {
|
|
9839
|
+
icon: React$1__default.createElement(CloseIcon, null),
|
|
9840
|
+
tabIndex: -1,
|
|
9841
|
+
onClick: function onClick() {
|
|
9842
|
+
props.onSelect(undefined);
|
|
9843
|
+
setValue('');
|
|
9844
|
+
setSelected(undefined);
|
|
9845
|
+
}
|
|
9846
|
+
}) : undefined, React$1__default.createElement(IconButton$1, {
|
|
9847
|
+
icon: loading ? React$1__default.createElement(PercentLoaderIcon, {
|
|
9848
|
+
indefinido: true
|
|
9849
|
+
}) : React$1__default.createElement(SearchIcon, null),
|
|
9850
|
+
tabIndex: -1,
|
|
9851
|
+
onClick: function onClick() {
|
|
9852
|
+
if (props.value) {
|
|
9853
|
+
if (typeof props.loadData === 'function') {
|
|
9854
|
+
setShowResults(false);
|
|
9855
|
+
setLoading(true);
|
|
9856
|
+
var res = props.loadData();
|
|
9857
|
+
if (res instanceof Promise) {
|
|
9858
|
+
res.then(function () {
|
|
9859
|
+
setShowResults(true);
|
|
9860
|
+
setLoading(false);
|
|
9861
|
+
})["catch"](function () {
|
|
9862
|
+
setLoading(false);
|
|
9863
|
+
});
|
|
9864
|
+
}
|
|
9865
|
+
}
|
|
9866
|
+
}
|
|
9867
|
+
return undefined;
|
|
9868
|
+
}
|
|
9869
|
+
})),
|
|
9870
|
+
loading: loading,
|
|
9871
|
+
error: props.error,
|
|
9872
|
+
helperText: props.helperText,
|
|
9873
|
+
disabled: props.disabled || loading
|
|
9874
|
+
}), React$1__default.createElement(reactTransitionGroup.CSSTransition, {
|
|
9875
|
+
"in": showResults,
|
|
9876
|
+
timeout: 300,
|
|
9877
|
+
classNames: 'panel-fade',
|
|
9878
|
+
unmountOnExit: true
|
|
9879
|
+
}, React$1__default.createElement("div", {
|
|
9880
|
+
id: panelId,
|
|
9881
|
+
className: rootClassName$2n + "-panel scroll-white",
|
|
9882
|
+
style: {
|
|
9883
|
+
width: ((_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.offsetWidth) + "px"
|
|
9884
|
+
}
|
|
9885
|
+
}, props.loadData ? results === null || results === void 0 ? void 0 : results.map(function (e, i) {
|
|
9886
|
+
return React$1__default.createElement("div", {
|
|
9887
|
+
key: i,
|
|
9888
|
+
tabIndex: 1,
|
|
9889
|
+
className: rootClassName$2n + "-options",
|
|
9890
|
+
onClick: function onClick() {
|
|
9891
|
+
handleSelectItem(e);
|
|
9892
|
+
},
|
|
9893
|
+
onKeyDown: function onKeyDown(evt) {
|
|
9894
|
+
var child = evt.currentTarget;
|
|
9895
|
+
var parent = child.parentNode;
|
|
9896
|
+
var index = Array.prototype.indexOf.call(parent.children, child);
|
|
9897
|
+
var total = parent.childElementCount;
|
|
9898
|
+
switch (evt.key) {
|
|
9899
|
+
case 'Tab':
|
|
9900
|
+
if (evt.shiftKey) {
|
|
9901
|
+
if (index === 0) {
|
|
9902
|
+
var inputPanel = document.querySelector("#" + id + " input");
|
|
9903
|
+
if (inputPanel) {
|
|
9904
|
+
inputPanel.focus();
|
|
9905
|
+
evt.preventDefault();
|
|
9906
|
+
}
|
|
9907
|
+
}
|
|
9908
|
+
}
|
|
9909
|
+
break;
|
|
9910
|
+
case 'Enter':
|
|
9911
|
+
handleSelectItem(e);
|
|
9912
|
+
setShowResults(false);
|
|
9913
|
+
var el = document.querySelector("#" + id + " input");
|
|
9914
|
+
if (el) el.focus();
|
|
9915
|
+
evt.preventDefault();
|
|
9916
|
+
break;
|
|
9917
|
+
case ' ':
|
|
9918
|
+
handleSelectItem(e);
|
|
9919
|
+
evt.preventDefault();
|
|
9920
|
+
break;
|
|
9921
|
+
case 'ArrowUp':
|
|
9922
|
+
if (index > 0) {
|
|
9923
|
+
parent.children[index - 1].focus();
|
|
9924
|
+
} else {
|
|
9925
|
+
var _el = document.querySelector("#" + id + " input");
|
|
9926
|
+
if (_el) _el.focus();
|
|
9927
|
+
}
|
|
9928
|
+
evt.preventDefault();
|
|
9929
|
+
break;
|
|
9930
|
+
case 'ArrowDown':
|
|
9931
|
+
if (index < total - 1) {
|
|
9932
|
+
parent.children[index + 1].focus();
|
|
9933
|
+
evt.preventDefault();
|
|
9934
|
+
}
|
|
9935
|
+
break;
|
|
9936
|
+
}
|
|
9937
|
+
}
|
|
9938
|
+
}, React$1__default.createElement("span", null, e.label));
|
|
9939
|
+
}) : results === null || results === void 0 ? void 0 : results.filter(function (search) {
|
|
9940
|
+
return getStringWithoutSpecialChar(search.label).toLowerCase().match(getStringWithoutSpecialChar(props.value).toLowerCase());
|
|
9941
|
+
}).map(function (results, i) {
|
|
9942
|
+
return React$1__default.createElement("div", {
|
|
9943
|
+
key: i,
|
|
9944
|
+
tabIndex: 1,
|
|
9945
|
+
className: rootClassName$2n + "-options",
|
|
9946
|
+
onClick: function onClick() {
|
|
9947
|
+
handleSelectItem(results);
|
|
9948
|
+
},
|
|
9949
|
+
onKeyDown: function onKeyDown(evt) {
|
|
9950
|
+
var child = evt.currentTarget;
|
|
9951
|
+
var parent = child.parentNode;
|
|
9952
|
+
var index = Array.prototype.indexOf.call(parent.children, child);
|
|
9953
|
+
var total = parent.childElementCount;
|
|
9954
|
+
switch (evt.key) {
|
|
9955
|
+
case 'Tab':
|
|
9956
|
+
if (evt.shiftKey) {
|
|
9957
|
+
if (index === 0) {
|
|
9958
|
+
var inputPanel = document.querySelector("#" + id + " input");
|
|
9959
|
+
if (inputPanel) {
|
|
9960
|
+
inputPanel.focus();
|
|
9961
|
+
evt.preventDefault();
|
|
9962
|
+
}
|
|
9963
|
+
}
|
|
9964
|
+
}
|
|
9965
|
+
break;
|
|
9966
|
+
case 'Enter':
|
|
9967
|
+
handleSelectItem(results);
|
|
9968
|
+
setShowResults(false);
|
|
9969
|
+
var el = document.querySelector("#" + id + " input");
|
|
9970
|
+
if (el) el.focus();
|
|
9971
|
+
evt.preventDefault();
|
|
9972
|
+
break;
|
|
9973
|
+
case ' ':
|
|
9974
|
+
handleSelectItem(results);
|
|
9975
|
+
evt.preventDefault();
|
|
9976
|
+
break;
|
|
9977
|
+
case 'ArrowUp':
|
|
9978
|
+
if (index > 0) {
|
|
9979
|
+
parent.children[index - 1].focus();
|
|
9980
|
+
} else {
|
|
9981
|
+
var _el2 = document.querySelector("#" + id + " input");
|
|
9982
|
+
if (_el2) _el2.focus();
|
|
9983
|
+
}
|
|
9984
|
+
evt.preventDefault();
|
|
9985
|
+
break;
|
|
9986
|
+
case 'ArrowDown':
|
|
9987
|
+
if (index < total - 1) {
|
|
9988
|
+
parent.children[index + 1].focus();
|
|
9989
|
+
evt.preventDefault();
|
|
9990
|
+
}
|
|
9991
|
+
break;
|
|
9992
|
+
}
|
|
9993
|
+
}
|
|
9994
|
+
}, React$1__default.createElement("span", null, results.label));
|
|
9995
|
+
}))));
|
|
9996
|
+
}
|
|
9997
|
+
Search.defaultProps = {
|
|
9998
|
+
minLenghtToSearch: 1
|
|
9999
|
+
};
|
|
10000
|
+
var Search$1 = React$1.memo(Search);
|
|
10001
|
+
|
|
10002
|
+
var rootClassName$2o = 'component-select';
|
|
9320
10003
|
function Select(props) {
|
|
9321
10004
|
var _props$options3;
|
|
9322
10005
|
var _useState = React$1.useState(getUniqueKey()),
|
|
@@ -9349,7 +10032,7 @@ function Select(props) {
|
|
|
9349
10032
|
var aux = evt.target;
|
|
9350
10033
|
var deveFechar = true;
|
|
9351
10034
|
while (aux && aux.id !== 'root') {
|
|
9352
|
-
if (aux && aux.id && aux.id === id && aux.classList.contains(rootClassName$
|
|
10035
|
+
if (aux && aux.id && aux.id === id && aux.classList.contains(rootClassName$2o + "-outer")) {
|
|
9353
10036
|
deveFechar = false;
|
|
9354
10037
|
break;
|
|
9355
10038
|
}
|
|
@@ -9435,31 +10118,39 @@ function Select(props) {
|
|
|
9435
10118
|
React$1.useEffect(function () {
|
|
9436
10119
|
if (props.preSelectUniqueOption && props.options && props.options.length === 1) {
|
|
9437
10120
|
if (props.multiple && props.value && Array.isArray(props.value) && props.value.length !== 1) {
|
|
9438
|
-
props.onChange([props.options[0].value]
|
|
10121
|
+
props.onChange([props.options[0].value], {
|
|
10122
|
+
setPanelOpened: setPanelOpened
|
|
10123
|
+
});
|
|
9439
10124
|
} else if (!props.multiple && props.value !== props.options[0].value) {
|
|
9440
|
-
props.onChange(props.options[0].value
|
|
10125
|
+
props.onChange(props.options[0].value, {
|
|
10126
|
+
setPanelOpened: setPanelOpened
|
|
10127
|
+
});
|
|
9441
10128
|
}
|
|
9442
10129
|
}
|
|
9443
10130
|
}, [opcoes]);
|
|
9444
10131
|
var getRightObject = function getRightObject() {
|
|
9445
10132
|
return React$1__default.createElement("div", {
|
|
9446
|
-
className: rootClassName$
|
|
10133
|
+
className: rootClassName$2o + "-objects"
|
|
9447
10134
|
}, props.clearButton && !props.readOnly && (props.multiple && props.value && Array.isArray(props.value) && props.value.length || !props.multiple && (props.value || props.value === 0 || props.value === false)) ? React$1__default.createElement(IconButton$1, {
|
|
9448
10135
|
disabled: props.disabled || false,
|
|
9449
10136
|
tabIndex: -1,
|
|
9450
|
-
className: rootClassName$
|
|
10137
|
+
className: rootClassName$2o + "-clear-button",
|
|
9451
10138
|
icon: React$1__default.createElement(CloseIcon, null),
|
|
9452
10139
|
onClick: function onClick() {
|
|
9453
10140
|
if (props.multiple) {
|
|
9454
|
-
props.onChange([]
|
|
10141
|
+
props.onChange([], {
|
|
10142
|
+
setPanelOpened: setPanelOpened
|
|
10143
|
+
});
|
|
9455
10144
|
} else {
|
|
9456
|
-
props.onChange(null
|
|
10145
|
+
props.onChange(null, {
|
|
10146
|
+
setPanelOpened: setPanelOpened
|
|
10147
|
+
});
|
|
9457
10148
|
}
|
|
9458
10149
|
}
|
|
9459
10150
|
}) : undefined, React$1__default.createElement(IconButton$1, {
|
|
9460
10151
|
disabled: props.disabled || false,
|
|
9461
10152
|
tabIndex: -1,
|
|
9462
|
-
className: rootClassName$
|
|
10153
|
+
className: rootClassName$2o + "-arrow " + rootClassName$2o + "-arrow-" + (panelOpened ? 'up' : 'down'),
|
|
9463
10154
|
onClick: function onClick() {
|
|
9464
10155
|
return setPanelOpened(!panelOpened);
|
|
9465
10156
|
},
|
|
@@ -9469,12 +10160,12 @@ function Select(props) {
|
|
|
9469
10160
|
var getInputProps = function getInputProps() {
|
|
9470
10161
|
var _props$options;
|
|
9471
10162
|
var p = _extends({}, props, {
|
|
9472
|
-
className: getMergedClassNames([rootClassName$
|
|
10163
|
+
className: getMergedClassNames([rootClassName$2o, props.className]),
|
|
9473
10164
|
forceFocus: fakeSelectFocused,
|
|
9474
10165
|
readOnly: true,
|
|
9475
10166
|
rightObject: getRightObject(),
|
|
9476
10167
|
onClick: function onClick() {
|
|
9477
|
-
var selectFake = document.querySelector("#" + id + " ." + rootClassName$
|
|
10168
|
+
var selectFake = document.querySelector("#" + id + " ." + rootClassName$2o + "-select-fake");
|
|
9478
10169
|
if (!props.multiple && isiPhone() && selectFake) {
|
|
9479
10170
|
selectFake.focus();
|
|
9480
10171
|
} else {
|
|
@@ -9482,7 +10173,7 @@ function Select(props) {
|
|
|
9482
10173
|
}
|
|
9483
10174
|
},
|
|
9484
10175
|
onFocus: function onFocus(evt) {
|
|
9485
|
-
var selectFake = document.querySelector("#" + id + " ." + rootClassName$
|
|
10176
|
+
var selectFake = document.querySelector("#" + id + " ." + rootClassName$2o + "-select-fake");
|
|
9486
10177
|
if (!props.multiple && isiPhone() && selectFake) {
|
|
9487
10178
|
selectFake.focus();
|
|
9488
10179
|
} else {
|
|
@@ -9495,12 +10186,12 @@ function Select(props) {
|
|
|
9495
10186
|
evt.preventDefault();
|
|
9496
10187
|
}
|
|
9497
10188
|
if (evt.keyCode === 9 && panelOpened) {
|
|
9498
|
-
var inputFilter = document.querySelector("#" + panelId + " ." + rootClassName$
|
|
10189
|
+
var inputFilter = document.querySelector("#" + panelId + " ." + rootClassName$2o + "-panel-input input");
|
|
9499
10190
|
if (inputFilter) {
|
|
9500
10191
|
inputFilter.focus();
|
|
9501
10192
|
evt.preventDefault();
|
|
9502
10193
|
} else {
|
|
9503
|
-
var firstOption = document.querySelector("#" + id + " ." + rootClassName$
|
|
10194
|
+
var firstOption = document.querySelector("#" + id + " ." + rootClassName$2o + "-options div");
|
|
9504
10195
|
if (firstOption) {
|
|
9505
10196
|
firstOption.focus();
|
|
9506
10197
|
evt.preventDefault();
|
|
@@ -9535,17 +10226,21 @@ function Select(props) {
|
|
|
9535
10226
|
if (!checked) {
|
|
9536
10227
|
var val = Array.isArray(props.value) ? props.value.slice() : [];
|
|
9537
10228
|
val.push(option.value);
|
|
9538
|
-
props.onChange(val
|
|
10229
|
+
props.onChange(val, {
|
|
10230
|
+
setPanelOpened: setPanelOpened
|
|
10231
|
+
});
|
|
9539
10232
|
} else {
|
|
9540
10233
|
var _val = Array.isArray(props.value) ? props.value.slice() : [];
|
|
9541
10234
|
_val.splice(_val.indexOf(option.value), 1);
|
|
9542
|
-
props.onChange(_val
|
|
10235
|
+
props.onChange(_val, {
|
|
10236
|
+
setPanelOpened: setPanelOpened
|
|
10237
|
+
});
|
|
9543
10238
|
}
|
|
9544
10239
|
};
|
|
9545
10240
|
return React$1__default.createElement("div", {
|
|
9546
10241
|
tabIndex: 1,
|
|
9547
10242
|
key: getKey(option),
|
|
9548
|
-
className: rootClassName$
|
|
10243
|
+
className: rootClassName$2o + "-multiple-option " + (props.readOnly ? 'read-only' : ''),
|
|
9549
10244
|
onKeyDown: function onKeyDown(evt) {
|
|
9550
10245
|
var child = evt.currentTarget;
|
|
9551
10246
|
var parent = child.parentNode;
|
|
@@ -9555,14 +10250,14 @@ function Select(props) {
|
|
|
9555
10250
|
case 'Tab':
|
|
9556
10251
|
if (evt.shiftKey) {
|
|
9557
10252
|
if (index === 0) {
|
|
9558
|
-
var inputFilter = document.querySelector("#" + panelId + " ." + rootClassName$
|
|
10253
|
+
var inputFilter = document.querySelector("#" + panelId + " ." + rootClassName$2o + "-panel-input input");
|
|
9559
10254
|
if (inputFilter) {
|
|
9560
10255
|
inputFilter.focus();
|
|
9561
10256
|
evt.preventDefault();
|
|
9562
10257
|
}
|
|
9563
10258
|
}
|
|
9564
10259
|
} else if (index === total - 1) {
|
|
9565
|
-
var selectAll = document.querySelector("#" + panelId + " " + rootClassName$
|
|
10260
|
+
var selectAll = document.querySelector("#" + panelId + " " + rootClassName$2o + "-footer-button." + rootClassName$2o + "-selectAll");
|
|
9566
10261
|
if (selectAll) {
|
|
9567
10262
|
selectAll.focus();
|
|
9568
10263
|
}
|
|
@@ -9583,7 +10278,7 @@ function Select(props) {
|
|
|
9583
10278
|
if (index > 0) {
|
|
9584
10279
|
parent.children[index - 1].focus();
|
|
9585
10280
|
} else {
|
|
9586
|
-
var _inputFilter = document.querySelector("#" + panelId + " ." + rootClassName$
|
|
10281
|
+
var _inputFilter = document.querySelector("#" + panelId + " ." + rootClassName$2o + "-panel-input input");
|
|
9587
10282
|
if (_inputFilter) _inputFilter.focus();
|
|
9588
10283
|
}
|
|
9589
10284
|
evt.preventDefault();
|
|
@@ -9604,7 +10299,7 @@ function Select(props) {
|
|
|
9604
10299
|
handleChange();
|
|
9605
10300
|
}
|
|
9606
10301
|
}), React$1__default.createElement("div", {
|
|
9607
|
-
className: rootClassName$
|
|
10302
|
+
className: rootClassName$2o + "-multiple-option-label"
|
|
9608
10303
|
}, option.label));
|
|
9609
10304
|
};
|
|
9610
10305
|
var getSingleOption = function getSingleOption(option) {
|
|
@@ -9612,13 +10307,15 @@ function Select(props) {
|
|
|
9612
10307
|
var handleChange = function handleChange() {
|
|
9613
10308
|
if (!props.readOnly && props.value !== option.value) {
|
|
9614
10309
|
setPanelOpened(false);
|
|
9615
|
-
props.onChange(option.value
|
|
10310
|
+
props.onChange(option.value, {
|
|
10311
|
+
setPanelOpened: setPanelOpened
|
|
10312
|
+
});
|
|
9616
10313
|
}
|
|
9617
10314
|
};
|
|
9618
10315
|
return React$1__default.createElement("div", {
|
|
9619
10316
|
key: getKey(option),
|
|
9620
10317
|
tabIndex: 1,
|
|
9621
|
-
className: rootClassName$
|
|
10318
|
+
className: rootClassName$2o + "-single-option " + (props.readOnly ? 'read-only' : ''),
|
|
9622
10319
|
onClick: handleChange,
|
|
9623
10320
|
onKeyDown: function onKeyDown(evt) {
|
|
9624
10321
|
var child = evt.currentTarget;
|
|
@@ -9629,7 +10326,7 @@ function Select(props) {
|
|
|
9629
10326
|
case 'Tab':
|
|
9630
10327
|
if (evt.shiftKey) {
|
|
9631
10328
|
if (index === 0) {
|
|
9632
|
-
var inputPanel = document.querySelector("#" + panelId + " ." + rootClassName$
|
|
10329
|
+
var inputPanel = document.querySelector("#" + panelId + " ." + rootClassName$2o + "-panel-input input");
|
|
9633
10330
|
if (inputPanel) {
|
|
9634
10331
|
inputPanel.focus();
|
|
9635
10332
|
evt.preventDefault();
|
|
@@ -9650,7 +10347,7 @@ function Select(props) {
|
|
|
9650
10347
|
if (index > 0) {
|
|
9651
10348
|
parent.children[index - 1].focus();
|
|
9652
10349
|
} else {
|
|
9653
|
-
var el = document.querySelector("#" + panelId + " ." + rootClassName$
|
|
10350
|
+
var el = document.querySelector("#" + panelId + " ." + rootClassName$2o + "-panel-input input");
|
|
9654
10351
|
if (el) el.focus();
|
|
9655
10352
|
}
|
|
9656
10353
|
evt.preventDefault();
|
|
@@ -9667,7 +10364,7 @@ function Select(props) {
|
|
|
9667
10364
|
};
|
|
9668
10365
|
var noOptionsMessage = React$1.useMemo(function () {
|
|
9669
10366
|
return React$1__default.createElement("div", {
|
|
9670
|
-
className: rootClassName$
|
|
10367
|
+
className: rootClassName$2o + "-no-result"
|
|
9671
10368
|
}, props.noOptionMessage);
|
|
9672
10369
|
}, [props.noOptionMessage]);
|
|
9673
10370
|
var optionsFiltered = React$1.useMemo(function () {
|
|
@@ -9678,12 +10375,14 @@ function Select(props) {
|
|
|
9678
10375
|
}, [props.options, filterInput]);
|
|
9679
10376
|
return React$1__default.createElement("div", {
|
|
9680
10377
|
id: id,
|
|
9681
|
-
className: rootClassName$
|
|
10378
|
+
className: rootClassName$2o + "-outer"
|
|
9682
10379
|
}, !props.multiple && isiPhone() && React$1__default.createElement("select", {
|
|
9683
|
-
className: rootClassName$
|
|
10380
|
+
className: rootClassName$2o + "-select-fake",
|
|
9684
10381
|
value: props.value ? String(props.value) : '',
|
|
9685
10382
|
onChange: function onChange(evt) {
|
|
9686
|
-
return props.onChange(evt.target.value
|
|
10383
|
+
return props.onChange(evt.target.value, {
|
|
10384
|
+
setPanelOpened: setPanelOpened
|
|
10385
|
+
});
|
|
9687
10386
|
},
|
|
9688
10387
|
tabIndex: props.tabIndex,
|
|
9689
10388
|
onFocus: function onFocus() {
|
|
@@ -9711,14 +10410,14 @@ function Select(props) {
|
|
|
9711
10410
|
panel.style.top = 'unset';
|
|
9712
10411
|
panel.style.bottom = '0';
|
|
9713
10412
|
}
|
|
9714
|
-
var firstInput = document.querySelector("#" + panelId + " ." + rootClassName$
|
|
10413
|
+
var firstInput = document.querySelector("#" + panelId + " ." + rootClassName$2o + "-panel-input input");
|
|
9715
10414
|
if (firstInput && !isiPhone()) {
|
|
9716
10415
|
setTimeout(function () {
|
|
9717
10416
|
firstInput.focus();
|
|
9718
10417
|
}, 50);
|
|
9719
10418
|
} else {
|
|
9720
10419
|
if (props.multiple) {
|
|
9721
|
-
var optionToFocus = document.querySelector("#" + panelId + " ." + rootClassName$
|
|
10420
|
+
var optionToFocus = document.querySelector("#" + panelId + " ." + rootClassName$2o + "-options div");
|
|
9722
10421
|
if (optionToFocus) {
|
|
9723
10422
|
setTimeout(function () {
|
|
9724
10423
|
optionToFocus.focus();
|
|
@@ -9734,7 +10433,7 @@ function Select(props) {
|
|
|
9734
10433
|
return opt.value === props.value;
|
|
9735
10434
|
});
|
|
9736
10435
|
var index = elProps ? elProps.ind + 1 : 1;
|
|
9737
|
-
var query = "#" + panelId + " ." + rootClassName$
|
|
10436
|
+
var query = "#" + panelId + " ." + rootClassName$2o + "-options div:nth-child(" + index + ")";
|
|
9738
10437
|
var _optionToFocus = document.querySelector(query);
|
|
9739
10438
|
if (_optionToFocus) {
|
|
9740
10439
|
setTimeout(function () {
|
|
@@ -9752,9 +10451,9 @@ function Select(props) {
|
|
|
9752
10451
|
}
|
|
9753
10452
|
}, React$1__default.createElement("div", {
|
|
9754
10453
|
id: panelId,
|
|
9755
|
-
className: rootClassName$
|
|
10454
|
+
className: rootClassName$2o + "-panel " + (props.multiple ? 'multiple' : '')
|
|
9756
10455
|
}, props.panelFilter && props.options && !!props.options.length && React$1__default.createElement("div", {
|
|
9757
|
-
className: rootClassName$
|
|
10456
|
+
className: rootClassName$2o + "-panel-input"
|
|
9758
10457
|
}, React$1__default.createElement(Input$1, {
|
|
9759
10458
|
value: filterInput,
|
|
9760
10459
|
onChange: function onChange(evt) {
|
|
@@ -9764,7 +10463,7 @@ function Select(props) {
|
|
|
9764
10463
|
hideLabelAndHelperText: true,
|
|
9765
10464
|
onKeyDown: function onKeyDown(evt) {
|
|
9766
10465
|
if (evt.key === 'Tab' && !evt.shiftKey || evt.key === 'ArrowDown') {
|
|
9767
|
-
var el = document.querySelector("#" + id + " ." + rootClassName$
|
|
10466
|
+
var el = document.querySelector("#" + id + " ." + rootClassName$2o + "-options div");
|
|
9768
10467
|
if (el) {
|
|
9769
10468
|
el.focus();
|
|
9770
10469
|
evt.preventDefault();
|
|
@@ -9772,33 +10471,37 @@ function Select(props) {
|
|
|
9772
10471
|
}
|
|
9773
10472
|
}
|
|
9774
10473
|
})), React$1__default.createElement("div", {
|
|
9775
|
-
className: rootClassName$
|
|
10474
|
+
className: rootClassName$2o + "-options scroll-white"
|
|
9776
10475
|
}, props.options && props.options.length ? optionsFiltered.map(function (option) {
|
|
9777
10476
|
if (props.multiple) {
|
|
9778
10477
|
return getMultipleOption(option);
|
|
9779
10478
|
}
|
|
9780
10479
|
return getSingleOption(option);
|
|
9781
10480
|
}) : noOptionsMessage), props.multiple && props.showPanelFooter && props.options && !!props.options.length && React$1__default.createElement(React$1__default.Fragment, null, React$1__default.createElement("div", {
|
|
9782
|
-
className: rootClassName$
|
|
10481
|
+
className: rootClassName$2o + "-panel-footer-clearfix"
|
|
9783
10482
|
}), React$1__default.createElement("div", {
|
|
9784
|
-
className: rootClassName$
|
|
10483
|
+
className: rootClassName$2o + "-panel-footer"
|
|
9785
10484
|
}, React$1__default.createElement(Button$1, {
|
|
9786
10485
|
theme: exports.ButtonThemes.DefaultPrimary,
|
|
9787
10486
|
disabled: props.readOnly,
|
|
9788
|
-
className: rootClassName$
|
|
10487
|
+
className: rootClassName$2o + "-footer-button",
|
|
9789
10488
|
onClick: function onClick() {
|
|
9790
10489
|
return props.onChange(optionsFiltered.map(function (op) {
|
|
9791
10490
|
return op.value;
|
|
9792
|
-
})
|
|
10491
|
+
}), {
|
|
10492
|
+
setPanelOpened: setPanelOpened
|
|
10493
|
+
});
|
|
9793
10494
|
},
|
|
9794
10495
|
tabIndex: 1
|
|
9795
10496
|
}, languageValues.components.select.selectAll), React$1__default.createElement(Button$1, {
|
|
9796
10497
|
tabIndex: 1,
|
|
9797
10498
|
theme: exports.ButtonThemes.DefaultPrimary,
|
|
9798
10499
|
disabled: props.readOnly,
|
|
9799
|
-
className: rootClassName$
|
|
10500
|
+
className: rootClassName$2o + "-footer-button",
|
|
9800
10501
|
onClick: function onClick() {
|
|
9801
|
-
return props.onChange([]
|
|
10502
|
+
return props.onChange([], {
|
|
10503
|
+
setPanelOpened: setPanelOpened
|
|
10504
|
+
});
|
|
9802
10505
|
}
|
|
9803
10506
|
}, languageValues.components.select.clearAll))))));
|
|
9804
10507
|
}
|
|
@@ -9816,7 +10519,7 @@ Select.defaultProps = {
|
|
|
9816
10519
|
};
|
|
9817
10520
|
var Select$1 = React$1.memo(Select);
|
|
9818
10521
|
|
|
9819
|
-
var rootClassName$
|
|
10522
|
+
var rootClassName$2p = 'component-switch';
|
|
9820
10523
|
function Switch(props) {
|
|
9821
10524
|
var handleClick = function handleClick() {
|
|
9822
10525
|
if (typeof props.onChange === 'function' && !props.disabled) {
|
|
@@ -9825,7 +10528,7 @@ function Switch(props) {
|
|
|
9825
10528
|
};
|
|
9826
10529
|
var getProps = function getProps() {
|
|
9827
10530
|
var p = _extends({}, props, {
|
|
9828
|
-
className: getMergedClassNames([rootClassName$
|
|
10531
|
+
className: getMergedClassNames([rootClassName$2p, props.className || '', rootClassName$2p + "-" + (props.value ? 'on' : 'off')]),
|
|
9829
10532
|
onClick: handleClick,
|
|
9830
10533
|
style: _extends({
|
|
9831
10534
|
transform: "scale(" + props.scale + ")"
|
|
@@ -9837,9 +10540,9 @@ function Switch(props) {
|
|
|
9837
10540
|
return p;
|
|
9838
10541
|
};
|
|
9839
10542
|
return React$1__default.createElement("button", Object.assign({}, getProps()), React$1__default.createElement("div", {
|
|
9840
|
-
className: rootClassName$
|
|
10543
|
+
className: rootClassName$2p + "-track"
|
|
9841
10544
|
}), React$1__default.createElement("div", {
|
|
9842
|
-
className: rootClassName$
|
|
10545
|
+
className: rootClassName$2p + "-thumb"
|
|
9843
10546
|
}));
|
|
9844
10547
|
}
|
|
9845
10548
|
Switch.defaultProps = {
|
|
@@ -9849,10 +10552,10 @@ Switch.defaultProps = {
|
|
|
9849
10552
|
scale: 1
|
|
9850
10553
|
};
|
|
9851
10554
|
|
|
9852
|
-
var rootClassName$
|
|
10555
|
+
var rootClassName$2q = 'component-table-actions-column';
|
|
9853
10556
|
var ActionsColumn = function ActionsColumn(props) {
|
|
9854
10557
|
return React$1__default.createElement("div", {
|
|
9855
|
-
className: rootClassName$
|
|
10558
|
+
className: rootClassName$2q
|
|
9856
10559
|
}, props.buttons && props.buttons.length ? props.buttons.map(function (btn, index) {
|
|
9857
10560
|
return React$1__default.createElement(IconButton$1, Object.assign({
|
|
9858
10561
|
key: index
|
|
@@ -9863,45 +10566,6 @@ ActionsColumn.defaultProps = {
|
|
|
9863
10566
|
buttons: []
|
|
9864
10567
|
};
|
|
9865
10568
|
|
|
9866
|
-
var rootClassName$2q = 'component-table-left-checkbox-with-label';
|
|
9867
|
-
var LeftCheckboxWithLabel = function LeftCheckboxWithLabel(props) {
|
|
9868
|
-
var _props$spanProps2;
|
|
9869
|
-
var style = React$1.useMemo(function () {
|
|
9870
|
-
var _props$spanProps;
|
|
9871
|
-
var style = _extends({
|
|
9872
|
-
justifyContent: props.justifyContent
|
|
9873
|
-
}, (_props$spanProps = props.spanProps) === null || _props$spanProps === void 0 ? void 0 : _props$spanProps.style);
|
|
9874
|
-
if (props.removeUserSelect) {
|
|
9875
|
-
style.userSelect = 'none';
|
|
9876
|
-
}
|
|
9877
|
-
if (props.anchorLabelToCheckbox && !props.disabled) {
|
|
9878
|
-
style.cursor = 'pointer';
|
|
9879
|
-
}
|
|
9880
|
-
return style;
|
|
9881
|
-
}, [props.anchorLabelToCheckbox, props.disabled, props.justifyContent, props.removeUserSelect, props.spanProps]);
|
|
9882
|
-
return React$1__default.createElement("div", {
|
|
9883
|
-
className: getMergedClassNames([rootClassName$2q, props.w100 ? 'w-100' : ''])
|
|
9884
|
-
}, React$1__default.createElement("span", {
|
|
9885
|
-
className: rootClassName$2q + "-checkbox-wrapper",
|
|
9886
|
-
"tooltip-position": props['tooltip-position'],
|
|
9887
|
-
"tooltip-text": props['tooltip-text']
|
|
9888
|
-
}, React$1__default.createElement(Checkbox$1, {
|
|
9889
|
-
value: props.value,
|
|
9890
|
-
disabled: props.disabled,
|
|
9891
|
-
onChange: props.onChange,
|
|
9892
|
-
theme: props.theme
|
|
9893
|
-
})), React$1__default.createElement("span", Object.assign({}, props.spanProps || {}, {
|
|
9894
|
-
className: getMergedClassNames([rootClassName$2q + "-label-wrapper", ((_props$spanProps2 = props.spanProps) === null || _props$spanProps2 === void 0 ? void 0 : _props$spanProps2.className) || '']),
|
|
9895
|
-
style: style,
|
|
9896
|
-
onClick: function onClick(evt) {
|
|
9897
|
-
if (props.anchorLabelToCheckbox) {
|
|
9898
|
-
props.onChange(!props.value, evt);
|
|
9899
|
-
}
|
|
9900
|
-
if (props.spanProps && typeof props.spanProps.onClick === 'function') props.spanProps.onClick(evt);
|
|
9901
|
-
}
|
|
9902
|
-
}), props.label));
|
|
9903
|
-
};
|
|
9904
|
-
|
|
9905
10569
|
var rootClassName$2r = 'component-table';
|
|
9906
10570
|
function TypedTable(props) {
|
|
9907
10571
|
return React$1__default.createElement(Table, Object.assign({}, props));
|
|
@@ -10083,53 +10747,6 @@ function useDraggableScroll(reference, options) {
|
|
|
10083
10747
|
}, [reference]);
|
|
10084
10748
|
}
|
|
10085
10749
|
|
|
10086
|
-
var ScreenSize;
|
|
10087
|
-
(function (ScreenSize) {
|
|
10088
|
-
ScreenSize["xs"] = "xs";
|
|
10089
|
-
ScreenSize["sm"] = "sm";
|
|
10090
|
-
ScreenSize["md"] = "md";
|
|
10091
|
-
ScreenSize["lg"] = "lg";
|
|
10092
|
-
ScreenSize["xl"] = "xl";
|
|
10093
|
-
})(ScreenSize || (ScreenSize = {}));
|
|
10094
|
-
function useScreenSize() {
|
|
10095
|
-
var _useState = React$1.useState(),
|
|
10096
|
-
value = _useState[0],
|
|
10097
|
-
setValue = _useState[1];
|
|
10098
|
-
var valueRef = React$1.useRef(value);
|
|
10099
|
-
valueRef.current = value;
|
|
10100
|
-
var f = function f() {
|
|
10101
|
-
if (window.innerWidth <= 575.98) {
|
|
10102
|
-
if (valueRef.current !== ScreenSize.xs) {
|
|
10103
|
-
setValue(ScreenSize.xs);
|
|
10104
|
-
}
|
|
10105
|
-
} else if (window.innerWidth <= 767.98) {
|
|
10106
|
-
if (valueRef.current !== ScreenSize.sm) {
|
|
10107
|
-
setValue(ScreenSize.sm);
|
|
10108
|
-
}
|
|
10109
|
-
} else if (window.innerWidth <= 991.98) {
|
|
10110
|
-
if (valueRef.current !== ScreenSize.md) {
|
|
10111
|
-
setValue(ScreenSize.md);
|
|
10112
|
-
}
|
|
10113
|
-
} else if (window.innerWidth <= 1199.98) {
|
|
10114
|
-
if (valueRef.current !== ScreenSize.lg) {
|
|
10115
|
-
setValue(ScreenSize.lg);
|
|
10116
|
-
}
|
|
10117
|
-
} else if (window.innerWidth > 1199.98) {
|
|
10118
|
-
if (valueRef.current !== ScreenSize.xl) {
|
|
10119
|
-
setValue(ScreenSize.xl);
|
|
10120
|
-
}
|
|
10121
|
-
}
|
|
10122
|
-
};
|
|
10123
|
-
React$1.useLayoutEffect(function () {
|
|
10124
|
-
f();
|
|
10125
|
-
window.addEventListener('resize', f);
|
|
10126
|
-
return function () {
|
|
10127
|
-
window.removeEventListener('resize', f);
|
|
10128
|
-
};
|
|
10129
|
-
}, []);
|
|
10130
|
-
return value;
|
|
10131
|
-
}
|
|
10132
|
-
|
|
10133
10750
|
var rootClassName$2t = 'component-upper-header-table';
|
|
10134
10751
|
function TableUpperHeader(props) {
|
|
10135
10752
|
var _props$leftContent, _props$rightContent;
|
|
@@ -11001,7 +11618,7 @@ function Title(props) {
|
|
|
11001
11618
|
icon: React$1__default.createElement(ArrowLeftIcon, null),
|
|
11002
11619
|
onClick: props.onBackClick
|
|
11003
11620
|
})) : undefined, React$1__default.createElement("div", {
|
|
11004
|
-
className: rootClassName$2D + "-text"
|
|
11621
|
+
className: getMergedClassNames([rootClassName$2D + "-text", props.rightElement ? 'ellipsis' : ''])
|
|
11005
11622
|
}, props.children)), props.rightElement ? React$1__default.createElement("div", {
|
|
11006
11623
|
className: rootClassName$2D + "-right-element"
|
|
11007
11624
|
}, props.rightElement) : undefined);
|
|
@@ -11647,7 +12264,7 @@ function CalendarMonthDay(props) {
|
|
|
11647
12264
|
evt.stopPropagation();
|
|
11648
12265
|
}
|
|
11649
12266
|
}
|
|
11650
|
-
}, React$1__default.createElement("span", null, React$1__default.createElement(
|
|
12267
|
+
}, React$1__default.createElement("span", null, React$1__default.createElement(AddIcon, null), props.language.addNew)) : undefined) : undefined);
|
|
11651
12268
|
}
|
|
11652
12269
|
var CalendarMonthDay$1 = React$1.memo(CalendarMonthDay);
|
|
11653
12270
|
|
|
@@ -43115,6 +43732,75 @@ function useModalManager() {
|
|
|
43115
43732
|
}))), openModal, closeModal];
|
|
43116
43733
|
}
|
|
43117
43734
|
|
|
43735
|
+
function useScrollTo() {
|
|
43736
|
+
var scrollTo = function scrollTo(_ref) {
|
|
43737
|
+
var to = _ref.to,
|
|
43738
|
+
parent = _ref.parent,
|
|
43739
|
+
offset = _ref.offset,
|
|
43740
|
+
_ref$duration = _ref.duration,
|
|
43741
|
+
duration = _ref$duration === void 0 ? 1000 : _ref$duration;
|
|
43742
|
+
var targetElement;
|
|
43743
|
+
if (typeof to === 'string') {
|
|
43744
|
+
targetElement = document.querySelector(to);
|
|
43745
|
+
} else {
|
|
43746
|
+
targetElement = to.current;
|
|
43747
|
+
}
|
|
43748
|
+
var parentElement = parent ? document.querySelector(parent) : window;
|
|
43749
|
+
if (!targetElement || !parentElement) {
|
|
43750
|
+
console.error('Elemento de destino inválido ou elemento pai inválido');
|
|
43751
|
+
return;
|
|
43752
|
+
}
|
|
43753
|
+
var target = offset < 0 ? targetElement.offsetTop - Math.abs(offset) : !offset ? targetElement.offsetTop : targetElement.offsetTop + offset;
|
|
43754
|
+
var smoothScrollTo = function smoothScrollTo(endX, endY, duration) {
|
|
43755
|
+
var startX = parentElement instanceof Window ? parentElement.scrollX || parentElement.pageXOffset : parentElement.scrollLeft;
|
|
43756
|
+
var startY = parentElement instanceof Window ? parentElement.scrollY || parentElement.pageYOffset : parentElement.scrollTop;
|
|
43757
|
+
var distanceX = endX - startX;
|
|
43758
|
+
var distanceY = endY - startY;
|
|
43759
|
+
var startTime = new Date().getTime();
|
|
43760
|
+
duration = typeof duration !== 'undefined' ? duration : 1000;
|
|
43761
|
+
var easeInOutQuart = function easeInOutQuart(time, from, distance, duration) {
|
|
43762
|
+
if ((time /= duration / 2) < 1) return distance / 2 * time * time * time * time + from;
|
|
43763
|
+
return -distance / 2 * ((time -= 2) * time * time * time - 2) + from;
|
|
43764
|
+
};
|
|
43765
|
+
var timer = setInterval(function () {
|
|
43766
|
+
var time = new Date().getTime() - startTime;
|
|
43767
|
+
var newX = easeInOutQuart(time, startX, distanceX, duration);
|
|
43768
|
+
var newY = easeInOutQuart(time, startY, distanceY, duration);
|
|
43769
|
+
if (time >= duration) {
|
|
43770
|
+
clearInterval(timer);
|
|
43771
|
+
newX = endX;
|
|
43772
|
+
newY = endY;
|
|
43773
|
+
removeScrollLock();
|
|
43774
|
+
}
|
|
43775
|
+
if (parentElement instanceof Window) {
|
|
43776
|
+
parentElement.scrollTo(newX, newY);
|
|
43777
|
+
} else {
|
|
43778
|
+
parentElement.scrollLeft = newX;
|
|
43779
|
+
parentElement.scrollTop = newY;
|
|
43780
|
+
}
|
|
43781
|
+
if (newX === endX && newY === endY) {
|
|
43782
|
+
clearInterval(timer);
|
|
43783
|
+
removeScrollLock();
|
|
43784
|
+
}
|
|
43785
|
+
}, 1000 / 60);
|
|
43786
|
+
var scrollLock = function scrollLock(event) {
|
|
43787
|
+
event.preventDefault();
|
|
43788
|
+
};
|
|
43789
|
+
var addScrollLock = function addScrollLock() {
|
|
43790
|
+
parentElement.addEventListener('wheel', scrollLock, {
|
|
43791
|
+
passive: false
|
|
43792
|
+
});
|
|
43793
|
+
};
|
|
43794
|
+
var removeScrollLock = function removeScrollLock() {
|
|
43795
|
+
parentElement.removeEventListener('wheel', scrollLock);
|
|
43796
|
+
};
|
|
43797
|
+
addScrollLock();
|
|
43798
|
+
};
|
|
43799
|
+
smoothScrollTo(0, target, duration);
|
|
43800
|
+
};
|
|
43801
|
+
return scrollTo;
|
|
43802
|
+
}
|
|
43803
|
+
|
|
43118
43804
|
function useStorageState(storage, key, initialValue) {
|
|
43119
43805
|
var _useState = React$1.useState(initialValue),
|
|
43120
43806
|
value = _useState[0],
|
|
@@ -43290,29 +43976,6 @@ function useValidatedState(validation, initialValue) {
|
|
|
43290
43976
|
return [value, setValue, validation(value)];
|
|
43291
43977
|
}
|
|
43292
43978
|
|
|
43293
|
-
var rootClassName$2X = 'component-chip';
|
|
43294
|
-
function Chip(props) {
|
|
43295
|
-
var _props$theme;
|
|
43296
|
-
return React$1__default.createElement("div", {
|
|
43297
|
-
className: useMergedClassNames([rootClassName$2X, props.w100 ? 'w100' : '', props.allClickable ? 'all-clickable' : '', (_props$theme = props.theme) != null ? _props$theme : 'primary-outline']),
|
|
43298
|
-
onClick: function onClick() {
|
|
43299
|
-
if (!props.disabled && props.allClickable && typeof props.onClick === 'function') {
|
|
43300
|
-
props.onClick();
|
|
43301
|
-
}
|
|
43302
|
-
}
|
|
43303
|
-
}, React$1__default.createElement("span", {
|
|
43304
|
-
className: 'nunito'
|
|
43305
|
-
}, props.label), React$1__default.createElement("div", {
|
|
43306
|
-
className: rootClassName$2X + "-button",
|
|
43307
|
-
onClick: function onClick() {
|
|
43308
|
-
if (!props.disabled && typeof props.onClick === 'function') {
|
|
43309
|
-
props.onClick();
|
|
43310
|
-
}
|
|
43311
|
-
}
|
|
43312
|
-
}, React$1__default.createElement(TimesCircleIcon, null)));
|
|
43313
|
-
}
|
|
43314
|
-
var Chip$1 = React$1.memo(Chip);
|
|
43315
|
-
|
|
43316
43979
|
var References;
|
|
43317
43980
|
(function (References) {
|
|
43318
43981
|
References[References["FORCE_CLOSE"] = -1] = "FORCE_CLOSE";
|
|
@@ -43459,6 +44122,68 @@ function FormattedText(text) {
|
|
|
43459
44122
|
}));
|
|
43460
44123
|
}
|
|
43461
44124
|
|
|
44125
|
+
var rootClassName$2X = 'icon-component';
|
|
44126
|
+
var DecreaseIcon = function DecreaseIcon() {
|
|
44127
|
+
return React$1__default.createElement("svg", {
|
|
44128
|
+
className: rootClassName$2X,
|
|
44129
|
+
viewBox: '0 0 24 24',
|
|
44130
|
+
xmlns: 'http://www.w3.org/2000/svg'
|
|
44131
|
+
}, React$1__default.createElement("path", {
|
|
44132
|
+
"fill-rule": 'evenodd',
|
|
44133
|
+
"clip-rule": 'evenodd',
|
|
44134
|
+
d: 'M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM17.5 12C17.5 11.7239 17.2761 11.5 17 11.5H7L6.91012 11.5081C6.67688 11.5504 6.5 11.7545 6.5 12C6.5 12.2761 6.72386 12.5 7 12.5H17L17.0899 12.4919C17.3231 12.4496 17.5 12.2455 17.5 12Z',
|
|
44135
|
+
fill: 'currentColor'
|
|
44136
|
+
}));
|
|
44137
|
+
};
|
|
44138
|
+
|
|
44139
|
+
var rootClassName$2Y = 'component-table-left-checkbox-with-label';
|
|
44140
|
+
var LeftControlWithLabel = function LeftControlWithLabel(props) {
|
|
44141
|
+
var _props$spanProps2;
|
|
44142
|
+
var style = React$1.useMemo(function () {
|
|
44143
|
+
var _props$spanProps;
|
|
44144
|
+
var style = _extends({
|
|
44145
|
+
justifyContent: props.justifyContent
|
|
44146
|
+
}, (_props$spanProps = props.spanProps) === null || _props$spanProps === void 0 ? void 0 : _props$spanProps.style);
|
|
44147
|
+
if (props.removeUserSelect) {
|
|
44148
|
+
style.userSelect = 'none';
|
|
44149
|
+
}
|
|
44150
|
+
if (props.anchorLabelToCheckbox && !props.disabled) {
|
|
44151
|
+
style.cursor = 'pointer';
|
|
44152
|
+
}
|
|
44153
|
+
return style;
|
|
44154
|
+
}, [props.anchorLabelToCheckbox, props.disabled, props.justifyContent, props.removeUserSelect, props.spanProps]);
|
|
44155
|
+
return React$1__default.createElement("div", {
|
|
44156
|
+
className: getMergedClassNames([rootClassName$2Y, props.w100 ? 'w-100' : ''])
|
|
44157
|
+
}, React$1__default.createElement("span", {
|
|
44158
|
+
className: rootClassName$2Y + "-checkbox-wrapper",
|
|
44159
|
+
"tooltip-position": props['tooltip-position'],
|
|
44160
|
+
"tooltip-text": props['tooltip-text']
|
|
44161
|
+
}, props.type === 'addRemove' ? React$1__default.createElement(IconButton$1, {
|
|
44162
|
+
className: getMergedClassNames([rootClassName$2Y + "-add-remove-button", props.value ? rootClassName$2Y + "-danger" : '']),
|
|
44163
|
+
icon: props.value ? React$1__default.createElement(DecreaseIcon, null) : React$1__default.createElement(AddIcon, null),
|
|
44164
|
+
disabled: props.disabled,
|
|
44165
|
+
onClick: function onClick(evt) {
|
|
44166
|
+
var _props$onChange;
|
|
44167
|
+
evt.stopPropagation();
|
|
44168
|
+
(_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, !props.value, evt);
|
|
44169
|
+
}
|
|
44170
|
+
}) : React$1__default.createElement(Checkbox$1, {
|
|
44171
|
+
value: props.value,
|
|
44172
|
+
disabled: props.disabled,
|
|
44173
|
+
onChange: props.onChange,
|
|
44174
|
+
theme: props.theme
|
|
44175
|
+
})), React$1__default.createElement("span", Object.assign({}, props.spanProps || {}, {
|
|
44176
|
+
className: getMergedClassNames([rootClassName$2Y + "-label-wrapper", ((_props$spanProps2 = props.spanProps) === null || _props$spanProps2 === void 0 ? void 0 : _props$spanProps2.className) || '']),
|
|
44177
|
+
style: style,
|
|
44178
|
+
onClick: function onClick(evt) {
|
|
44179
|
+
if (props.anchorLabelToCheckbox) {
|
|
44180
|
+
props.onChange(!props.value, evt);
|
|
44181
|
+
}
|
|
44182
|
+
if (props.spanProps && typeof props.spanProps.onClick === 'function') props.spanProps.onClick(evt);
|
|
44183
|
+
}
|
|
44184
|
+
}), props.label));
|
|
44185
|
+
};
|
|
44186
|
+
|
|
43462
44187
|
function AlertModal(props) {
|
|
43463
44188
|
var _useState = React$1.useState(false),
|
|
43464
44189
|
loading = _useState[0],
|
|
@@ -43471,7 +44196,7 @@ function AlertModal(props) {
|
|
|
43471
44196
|
loaderTheme: 'primary',
|
|
43472
44197
|
loaderSize: 1
|
|
43473
44198
|
},
|
|
43474
|
-
disabled: loading,
|
|
44199
|
+
disabled: loading || props.disabled,
|
|
43475
44200
|
children: !props.language || !props.language.confirm ? languageValues.components.modals.alertModal.confirm : props.language.confirm,
|
|
43476
44201
|
onClick: function onClick() {
|
|
43477
44202
|
if (typeof props.onConfirm === 'function') {
|
|
@@ -43500,8 +44225,8 @@ function ConfirmModal(props) {
|
|
|
43500
44225
|
var _useState2 = React$1.useState(false),
|
|
43501
44226
|
loading = _useState2[0],
|
|
43502
44227
|
setLoading = _useState2[1];
|
|
43503
|
-
var
|
|
43504
|
-
|
|
44228
|
+
var pr = React$1.useMemo(function () {
|
|
44229
|
+
return _extends({
|
|
43505
44230
|
footer: [{
|
|
43506
44231
|
children: !props.language || !props.language.cancel ? languageValues.components.modals.confirmModal.cancel : props.language.cancel,
|
|
43507
44232
|
onClick: props.onCancel,
|
|
@@ -43513,7 +44238,7 @@ function ConfirmModal(props) {
|
|
|
43513
44238
|
loaderTheme: 'primary',
|
|
43514
44239
|
loaderSize: 1
|
|
43515
44240
|
},
|
|
43516
|
-
disabled: loading,
|
|
44241
|
+
disabled: loading || props.disabled,
|
|
43517
44242
|
children: !props.language || !props.language.confirm ? languageValues.components.modals.confirmModal.confirm : props.language.confirm,
|
|
43518
44243
|
onClick: function onClick() {
|
|
43519
44244
|
if (typeof props.onConfirm === 'function') {
|
|
@@ -43529,11 +44254,11 @@ function ConfirmModal(props) {
|
|
|
43529
44254
|
theme: exports.ButtonThemes.Primary,
|
|
43530
44255
|
leftIcon: props.showIcons ? React$1__default.createElement(CheckCircleIcon, null) : undefined
|
|
43531
44256
|
}]
|
|
43532
|
-
}, props
|
|
43533
|
-
|
|
43534
|
-
|
|
43535
|
-
};
|
|
43536
|
-
return React$1__default.createElement(Modal, Object.assign({},
|
|
44257
|
+
}, props, {
|
|
44258
|
+
showIcons: undefined
|
|
44259
|
+
});
|
|
44260
|
+
}, [loading, props]);
|
|
44261
|
+
return React$1__default.createElement(Modal, Object.assign({}, pr));
|
|
43537
44262
|
}
|
|
43538
44263
|
ConfirmModal.defaultProps = {
|
|
43539
44264
|
showIcons: true
|
|
@@ -43555,7 +44280,7 @@ function DestructiveModal(props) {
|
|
|
43555
44280
|
loaderTheme: 'dark',
|
|
43556
44281
|
loaderSize: 1
|
|
43557
44282
|
},
|
|
43558
|
-
disabled: loading,
|
|
44283
|
+
disabled: loading || props.disabled,
|
|
43559
44284
|
children: !props.language || !props.language.confirm ? languageValues.components.modals.destructiveModal.confirm : props.language.confirm,
|
|
43560
44285
|
onClick: function onClick() {
|
|
43561
44286
|
if (typeof props.onConfirm === 'function') {
|
|
@@ -43633,7 +44358,7 @@ exports.AconteceuIcon = AconteceuIcon;
|
|
|
43633
44358
|
exports.ActionCard = ActionCard$1;
|
|
43634
44359
|
exports.ActionsColumn = ActionsColumn;
|
|
43635
44360
|
exports.AddAssemblyIcon = AddAssemblyIcon;
|
|
43636
|
-
exports.AddCircleIcon =
|
|
44361
|
+
exports.AddCircleIcon = AddIcon;
|
|
43637
44362
|
exports.AddIcon = AddIcon;
|
|
43638
44363
|
exports.AgencyIcon = AgencyIcon;
|
|
43639
44364
|
exports.AlertModal = AlertModal;
|
|
@@ -43745,7 +44470,8 @@ exports.InputArea = InputArea$1;
|
|
|
43745
44470
|
exports.InvestimentIcon = InvestimentIcon;
|
|
43746
44471
|
exports.ItalicIcon = ItalicIcon;
|
|
43747
44472
|
exports.ItemDropdownDownload = ItemDropdownDownload$1;
|
|
43748
|
-
exports.LeftCheckboxWithLabel =
|
|
44473
|
+
exports.LeftCheckboxWithLabel = LeftControlWithLabel;
|
|
44474
|
+
exports.LeftControlWithLabel = LeftControlWithLabel;
|
|
43749
44475
|
exports.LinkIcon = LinkIcon;
|
|
43750
44476
|
exports.LinksUteisIcon = LinksUteisIcon;
|
|
43751
44477
|
exports.ListDotIcon = ListDotIcon;
|
|
@@ -43767,6 +44493,7 @@ exports.Notification = Notification;
|
|
|
43767
44493
|
exports.OptionsIcon = OptionsIcon;
|
|
43768
44494
|
exports.PageSubTitle = PageSubTitle;
|
|
43769
44495
|
exports.PageTitle = PageTitle;
|
|
44496
|
+
exports.Pagination = Pagination;
|
|
43770
44497
|
exports.Paginator = Paginator;
|
|
43771
44498
|
exports.ParticipantesIcon = ParticipantesIcon;
|
|
43772
44499
|
exports.PaymentIcon = PaymentIcon;
|
|
@@ -43788,6 +44515,7 @@ exports.STATUS_PAUTA_BLOQUEADA = STATUS_PAUTA_BLOQUEADA;
|
|
|
43788
44515
|
exports.STATUS_PAUTA_ENCERRADA = STATUS_PAUTA_ENCERRADA;
|
|
43789
44516
|
exports.STATUS_PAUTA_LIBERADA = STATUS_PAUTA_LIBERADA;
|
|
43790
44517
|
exports.ScrollArrowOverflow = ScrollArrowOverflow$1;
|
|
44518
|
+
exports.Search = Search$1;
|
|
43791
44519
|
exports.SearchIcon = SearchIcon;
|
|
43792
44520
|
exports.Select = Select$1;
|
|
43793
44521
|
exports.SettingsIcon = SettingsIcon;
|
|
@@ -43830,9 +44558,12 @@ exports.useDraggableContainer = useDraggableContainer;
|
|
|
43830
44558
|
exports.useDropOpened = useDropOpened;
|
|
43831
44559
|
exports.useHTMLShare = useHTMLShare;
|
|
43832
44560
|
exports.useModalManager = useModalManager;
|
|
44561
|
+
exports.useOutsideClick = useOutsideClick;
|
|
44562
|
+
exports.usePagination = usePagination;
|
|
43833
44563
|
exports.useProgressiveCount = useProgressiveCount;
|
|
43834
44564
|
exports.usePublicMenuList = usePublicMenuList;
|
|
43835
44565
|
exports.useScreenSize = useScreenSize;
|
|
44566
|
+
exports.useScrollTo = useScrollTo;
|
|
43836
44567
|
exports.useStorageState = useStorageState;
|
|
43837
44568
|
exports.useTimeElapsed = useTimeElapsed;
|
|
43838
44569
|
exports.useToastManager = useToastManager;
|