plataforma-fundacao-componentes 2.23.17 → 2.23.19

package/dist/components/buttonFileUpload/ButtonFileUpload.d.ts

@@ -10,7 +10,7 @@ export interface ButtonFileUploadProps {
     allowedFileTypes?: Array<BlobFileTypes>;
     multiple?: boolean;
     disabled?: boolean;
-    value: object | object[] | Blob | Blob[] | File | File[];
+    value?: null | object | object[] | Blob | Blob[] | File | File[];
     onChange: (value: File | File[] | Blob | Blob[] | object | object[]) => void;
     onTypeNotAllowed?: () => void;
     buttonProps?: ButtonProps | object;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import './Chip.scss';
+export interface ChipProps {
+    label?: string;
+    w100?: boolean;
+    allClickable?: boolean;
+    onClick: () => void;
+}
+declare function Chip(props: ChipProps): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof Chip>;
+export default _default;

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { ChipProps } from './Chip';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const FirstExample: {
+    (args: ChipProps): JSX.Element;
+    args: ChipProps;
+};

package/dist/index.css

@@ -7351,8 +7351,8 @@ header.component-header {
   justify-content: flex-end;
   padding: 24px;
   -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
+  -moz-user-select: none;
+  user-select: none;
   background-color: black;
   transition: min-height 0.3s ease, height 0.3s ease; }
   .previa-video:hover .previa-video-img {
@@ -7394,8 +7394,7 @@ header.component-header {
     top: 0;
     left: 0;
     position: absolute;
-    display: flex;
-    opacity: 0; }
+    display: flex; }
     .previa-video .previa-video-video iframe {
       width: 100%;
       height: 100%; }
@@ -10218,3 +10217,67 @@ nav.component-tabs {
     transition: transform 0.3s ease; }
     .qrcode.button:active {
       transform: scale(0.95); }
+
+:export {
+  widthXs: 575.98px;
+  widthSm: 767.98px;
+  widthMd: 991.98px;
+  widthLg: 1199.98px; }
+
+:export {
+  white: #fefefe;
+  darkenWhite: #efefef;
+  black: #121212;
+  transparent: rgba(0, 0, 0, 0);
+  primary: #3fa110;
+  primaryDark: #33820d;
+  primaryLight: #d7e6c8;
+  secondaryDarker: #323c32;
+  secondaryDark: #5a645a;
+  blueDarker: #2b517b;
+  secondary: #828a82;
+  secondaryLight: #cdd3cd;
+  secondaryLighter: #f8f9f7;
+  danger: #e60000;
+  dangerLight: #ffb4b4;
+  dangerDark: #ab4745;
+  warning: #ffcd00;
+  warningLight: #ffeb98;
+  warningDark: #765f00; }
+
+.component-chip {
+  font-size: 14px;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-radius: 200px;
+  border: 1px solid #3fa110;
+  color: #3fa110;
+  background-color: rgba(0, 0, 0, 0);
+  font-weight: 600; }
+  .component-chip span {
+    max-width: calc(100% - 24px);
+    padding-left: 4px;
+    text-overflow: ellipsis;
+    overflow: hidden; }
+  .component-chip.w100 {
+    width: 100%; }
+  .component-chip.all-clickable,
+  .component-chip .component-chip-button {
+    transform: scale(1);
+    transition: transform 0.3s ease;
+    cursor: pointer; }
+    .component-chip.all-clickable:active,
+    .component-chip .component-chip-button:active {
+      transform: scale(0.95); }
+  .component-chip .component-chip-button {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 2px; }
+    .component-chip .component-chip-button svg {
+      width: 20px;
+      height: 20px; }

package/dist/index.d.ts

@@ -207,6 +207,7 @@ import useStorageState from './hooks/useStorageState/useStorageState';
 import useTimeElapsed from './hooks/useTimeElapsed/useTimeElapsed';
 import useToastManager from './hooks/useToastManager/useToastManager';
 import useValidatedState from './hooks/useValidatedState/useValidatedState';
+import Chip from './components/chip/Chip';
 export * from './components/modal/ModalTypes';
 export * from './libraries/ActionCardThemes';
 export * from './libraries/BlobFileTypes';
@@ -229,4 +230,4 @@ export { Accordion, ActionCard, AdvancedSemiHeader, AssembleiaItem, AssembleiaPa
 /**
  * @deprecated
  */
-Title as ModulosTitle, MoneyByMonth, MoneyMonthLineChart, NotaEdit, Notification, HourEvents, Calendar, CalendarEvent, FloatingPanel, InlineMonthPicker, ScrollArrowOverflow, PageSubTitle, PageTitle, Paginator, PreviaVideo, ProgressBar, RadioButton, QRCode, Row, SearchBlocoDeNotas, Select, Switch, Table, TypedTable, TableFileNameAndAction, TableActions, TableWithOverflow, TextEditor, LeftCheckboxWithLabel, ActionsColumn, Tabs, Toast, ToastManager, Tooltip, TooltipManager, TopLoader, VideoItem, VideoPlayer, VideoModal, useCallbackedState, useCarouselBehaviour, useControlledTimer, useDraggableContainer, useHTMLShare, useDropOpened, useModalManager, useProgressiveCount, useScreenSize, useStorageState, useTimeElapsed, useToastManager, useValidatedState, AconteceuIcon, ChevronArrowRightIcon, FontIcon, PaymentIcon, AddCircleIcon, CircleArrowLeft, CopyIcon, QRCodeIcon, PrintIcon, FormacaoIcon, PercentLoaderIcon, AddIcon, AddAssemblyIcon, CircleArrowRight, FundacaoLogo, PieChartIcon, AlignCenterIcon, ClockIcon, CalendarCheckIcon, DevicePlusIcon, NotebookIcon, AgencyIcon, FundoSocialIcon, PlayIcon, AlignJustifyIcon, CloseIcon, GlobeIcon, QRCodeWhatsapp, AlignLeftIcon, CloudDownloadIcon, GraduationIcon, RedoIcon, AlignRightIcon, CloudUploadIcon, HamburgerIcon, RefreshIcon, ArrowLeftIcon, ComitesIcon, HandUpIcon, SearchIcon, ArrowRightIcon, ComunidadeIcon, HomeIcon, SettingsIcon, AssembleiasIcon, CreditIcon, InformationIcon, SicrediLogo, ATMIcon, CrescerIcon, InvestimentIcon, PhonePlusIcon, SquaresIcon, BackOfficeIcon, CrescerLogo, ItalicIcon, SustentabilidadeIcon, BarChartIcon, DownloadIcon, LinkIcon, ThreeDotsLoader, BeeIcon, DraggableIcon, LinksUteisIcon, ThumbsUpIcon, BigPlayIcon, EditIcon, ListDotIcon, TimesCircleIcon, BoldIcon, EvidenciasIcon, ListIcon, TransferenciaIcon, CalendarIcon, ExclamationIcon, LoaderIcon, TrashIcon, CardsIcon, ExitIconArrowLeft, LocalIcon, TrianguloInferior, CataventoVerde, ExitIconArrowRight, LockIcon, TwoFileIcon, CheckCircleIcon, EyeIcon, MessageIcon, UnderlineIcon, CheckIcon, FilePlusIcon, MoneyFileIcon, UndoIcon, ChequeIcon, FilesIcon, NavigatorWithMouse, UserIcon, ChevronArrowDownIcon, FilterIcon, OptionsIcon, WebsiteIcon, ChevronArrowLeftIcon, FontColorIcon, ParticipantesIcon, };
+Title as ModulosTitle, MoneyByMonth, MoneyMonthLineChart, NotaEdit, Notification, HourEvents, Calendar, CalendarEvent, FloatingPanel, InlineMonthPicker, ScrollArrowOverflow, PageSubTitle, PageTitle, Paginator, PreviaVideo, ProgressBar, RadioButton, QRCode, Row, SearchBlocoDeNotas, Select, Switch, Table, TypedTable, TableFileNameAndAction, TableActions, TableWithOverflow, TextEditor, LeftCheckboxWithLabel, ActionsColumn, Tabs, Toast, ToastManager, Tooltip, TooltipManager, TopLoader, VideoItem, VideoPlayer, VideoModal, useCallbackedState, useCarouselBehaviour, useControlledTimer, useDraggableContainer, useHTMLShare, useDropOpened, useModalManager, useProgressiveCount, useScreenSize, useStorageState, useTimeElapsed, useToastManager, useValidatedState, AconteceuIcon, ChevronArrowRightIcon, FontIcon, PaymentIcon, AddCircleIcon, CircleArrowLeft, CopyIcon, QRCodeIcon, PrintIcon, FormacaoIcon, PercentLoaderIcon, AddIcon, AddAssemblyIcon, CircleArrowRight, FundacaoLogo, PieChartIcon, AlignCenterIcon, ClockIcon, CalendarCheckIcon, DevicePlusIcon, NotebookIcon, AgencyIcon, FundoSocialIcon, PlayIcon, AlignJustifyIcon, CloseIcon, GlobeIcon, QRCodeWhatsapp, AlignLeftIcon, CloudDownloadIcon, GraduationIcon, RedoIcon, AlignRightIcon, CloudUploadIcon, HamburgerIcon, RefreshIcon, ArrowLeftIcon, ComitesIcon, HandUpIcon, SearchIcon, ArrowRightIcon, ComunidadeIcon, HomeIcon, SettingsIcon, AssembleiasIcon, CreditIcon, InformationIcon, SicrediLogo, ATMIcon, CrescerIcon, InvestimentIcon, PhonePlusIcon, SquaresIcon, BackOfficeIcon, CrescerLogo, ItalicIcon, SustentabilidadeIcon, BarChartIcon, Chip, DownloadIcon, LinkIcon, ThreeDotsLoader, BeeIcon, DraggableIcon, LinksUteisIcon, ThumbsUpIcon, BigPlayIcon, EditIcon, ListDotIcon, TimesCircleIcon, BoldIcon, EvidenciasIcon, ListIcon, TransferenciaIcon, CalendarIcon, ExclamationIcon, LoaderIcon, TrashIcon, CardsIcon, ExitIconArrowLeft, LocalIcon, TrianguloInferior, CataventoVerde, ExitIconArrowRight, LockIcon, TwoFileIcon, CheckCircleIcon, EyeIcon, MessageIcon, UnderlineIcon, CheckIcon, FilePlusIcon, MoneyFileIcon, UndoIcon, ChequeIcon, FilesIcon, NavigatorWithMouse, UserIcon, ChevronArrowDownIcon, FilterIcon, OptionsIcon, WebsiteIcon, ChevronArrowLeftIcon, FontColorIcon, ParticipantesIcon, };

package/dist/index.js

@@ -10631,7 +10631,6 @@ function PreviaVideo(props) {
   }, props.label), React__default.createElement(reactTransitionGroup.CSSTransition, {
     "in": clicou,
     timeout: 300,
-    mountOnEnter: true,
     unmountOnExit: true,
     classNames: 'video',
     onExiting: function onExiting() {
@@ -40467,8 +40466,7 @@ function useModalManager() {
       document.removeEventListener('keydown', escapeCall);
     };
   }, []);
-
-  var openModal = function openModal(component, modalProps) {
+  var openModal = React.useCallback(function (component, modalProps) {
     var modalKey = modalProps.modalKey ? modalProps.modalKey : getUniqueKey();
     var arr = refModals.current.slice();
 
@@ -40490,9 +40488,8 @@ function useModalManager() {
     setArrayOfModal(arr);
     hackFocus$1();
     return modalKey;
-  };
-
-  var closeModal = function closeModal(modalKey) {
+  }, []);
+  var closeModal = React.useCallback(function (modalKey) {
     if (modalKey) {
       closeModalByKey(modalKey);
     } else if (refModals.current.length) {
@@ -40500,8 +40497,7 @@ function useModalManager() {
 
       closeModalByKey((_refModals$current = refModals.current[refModals.current.length - 1]) === null || _refModals$current === void 0 ? void 0 : (_refModals$current$pr = _refModals$current.props) === null || _refModals$current$pr === void 0 ? void 0 : _refModals$current$pr.modalKey);
     }
-  };
-
+  }, []);
   return [React__default.createElement(React__default.Fragment, {
     key: 1
   }, React__default.createElement(reactTransitionGroup.TransitionGroup, {
@@ -40574,7 +40570,7 @@ function useToastManager(props) {
     setArrayOfToast(arr);
   };
 
-  var showToast = function showToast(toast) {
+  var showToast = React.useCallback(function (toast) {
     var id = "toaster-" + count$1;
     var arr = toastsRef.current.slice();
     var obj = {};
@@ -40594,8 +40590,7 @@ function useToastManager(props) {
       setArrayOfToast(arr);
       count$1++;
     }
-  };
-
+  }, [max]);
   var clearToast = React.useCallback(function () {
     setArrayOfToast([]);
   }, []);
@@ -40689,6 +40684,26 @@ function useValidatedState(validation, initialValue) {
   return [value, setValue, validation(value)];
 }
 
+var rootClassName$3b = 'component-chip';
+
+function Chip(props) {
+  return React__default.createElement("div", {
+    className: useMergedClassNames([rootClassName$3b, props.w100 ? 'w100' : '', props.allClickable ? 'all-clickable' : '']),
+    onClick: function onClick() {
+      if (props.allClickable && typeof props.onClick === 'function') {
+        props.onClick();
+      }
+    }
+  }, React__default.createElement("span", {
+    className: 'nunito'
+  }, props.label), React__default.createElement("div", {
+    className: rootClassName$3b + "-button",
+    onClick: props.onClick
+  }, React__default.createElement(TimesCircleIcon, null)));
+}
+
+var Chip$1 = React.memo(Chip);
+
 function AlertModal(props) {
   var _useState = React.useState(false),
       loading = _useState[0],
@@ -40890,6 +40905,7 @@ exports.ChequeIcon = ChequeIcon;
 exports.ChevronArrowDownIcon = ChevronArrowDownIcon;
 exports.ChevronArrowLeftIcon = ChevronArrowLeftIcon;
 exports.ChevronArrowRightIcon = ChevronArrowRightIcon;
+exports.Chip = Chip$1;
 exports.CircleArrowLeft = CircleArrowLeft;
 exports.CircleArrowRight = CircleArrowRight;
 exports.ClockIcon = ClockIcon;