plataforma-fundacao-componentes 2.25.3 → 2.25.5

package/dist/components/textEditor/components/textEditorHeaderButton/TextEditorHeaderButton.d.ts

@@ -1,4 +1,4 @@
-declare function TextEditorHeaderButton(props: any): React.JSX.Element;
+declare function TextEditorHeaderButton(props: any): import("react").JSX.Element;
 declare namespace TextEditorHeaderButton {
     export namespace propTypes {
         export const icon: PropTypes.Requireable<object>;
@@ -8,5 +8,4 @@ declare namespace TextEditorHeaderButton {
     }
 }
 export default TextEditorHeaderButton;
-import React from "react";
 import PropTypes from "prop-types";

package/dist/components/title/Title.d.ts

@@ -1,10 +1,14 @@
-import React from 'react';
+import React, { CSSProperties, ReactNode } from 'react';
 import './Title.scss';
 interface TitleProps {
     children: any;
     showBackButton?: boolean;
     onBackClick?: (event?: any) => void;
-    rightElement?: React.ReactNode;
+    oneLineTitle?: boolean;
+    rightElement?: ReactNode;
+    hideRightElementXS?: boolean;
+    align?: CSSProperties['alignItems'];
+    flexWrap?: CSSProperties['flexWrap'];
 }
 declare function Title(props: TitleProps): React.JSX.Element;
 declare namespace Title {

package/dist/components/title/Title.stories.d.ts

@@ -1,23 +1,45 @@
-declare namespace _default {
-    export const title: string;
-    export { Title as component };
-}
+import React, { ComponentProps } from 'react';
+import Title from './Title';
+declare const _default: {
+    title: string;
+    component: typeof Title;
+    argTypes: {
+        align: {
+            options: string[];
+            type: string;
+        };
+    };
+};
 export default _default;
-export function FirstExample(args: any): React.JSX.Element;
-export namespace FirstExample {
-    export namespace args {
-        export const children: string;
-    }
-}
-export function BackExample(args: any): React.JSX.Element;
-export namespace BackExample {
-    export namespace args_1 {
-        const children_1: string;
-        export { children_1 as children };
-        export const showBackButton: boolean;
-    }
-    export { args_1 as args };
-}
-export function RightElementExample(args: any): React.JSX.Element;
-import Title from "./Title";
-import React from "react";
+export declare const FirstExample: {
+    (args: ComponentProps<typeof Title>): React.JSX.Element;
+    args: {
+        children: string;
+    };
+};
+export declare const BackExample: {
+    (args: ComponentProps<typeof Title>): React.JSX.Element;
+    args: {
+        children: string;
+        showBackButton: boolean;
+    };
+};
+export declare const RightElementExample: {
+    (args: ComponentProps<typeof Title>): React.JSX.Element;
+    args: {
+        showBackButton: boolean;
+        oneLineTitle: boolean;
+        hideRightElementsXS: boolean;
+        children: string;
+    };
+};
+export declare const RightElementExampleTwoElements: {
+    (args: ComponentProps<typeof Title>): React.JSX.Element;
+    args: {
+        showBackButton: boolean;
+        oneLineTitle: boolean;
+        hideRightElementXS: boolean;
+        align: string;
+        children: string;
+    };
+};

package/dist/index.css

@@ -6989,6 +6989,120 @@ nav.component-tabs {
   warningLight: #ffeb98;
   warningDark: #765f00; }
 
+.component-text-editor {
+  background-color: #fefefe;
+  border: 1px solid #cdd3cd;
+  transition: border 0.3s ease;
+  border-radius: 8px;
+  width: 100%; }
+  .component-text-editor.error {
+    border: 1px solid #e60000; }
+  .component-text-editor.disabled .component-text-editor-editor {
+    min-height: 60px; }
+  .component-text-editor .component-text-editor-header {
+    position: relative;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    align-items: center;
+    padding: 4px 8px; }
+    .component-text-editor .component-text-editor-header .component-text-editor-left-content {
+      flex-wrap: wrap;
+      display: flex;
+      align-items: center; }
+    .component-text-editor .component-text-editor-header .component-text-editor-right-content {
+      display: flex;
+      align-items: center; }
+      @media (max-width: 575.98px) {
+        .component-text-editor .component-text-editor-header .component-text-editor-right-content {
+          width: 100%;
+          justify-content: flex-end; } }
+    .component-text-editor .component-text-editor-header::after {
+      content: "";
+      position: absolute;
+      left: 9px;
+      bottom: 0;
+      width: calc(100% - 18px);
+      height: 1px;
+      background-color: #dbdfdb; }
+  .component-text-editor .component-text-editor-editor {
+    color: #121212;
+    padding: 20px;
+    min-height: 50px; }
+    .component-text-editor .component-text-editor-editor:focus {
+      outline: none; }
+
+.component-text-editor-top-label {
+  color: #323c32;
+  transition: color 0.3s ease;
+  font-size: 12px;
+  line-height: 16px;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  min-height: 16px; }
+  .component-text-editor-top-label.error {
+    color: #e60000; }
+
+.component-text-editor-helper-text {
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  transition: color 0.3s ease;
+  color: #323c32;
+  font-size: 12px;
+  line-height: 16px;
+  min-height: 16px; }
+  .component-text-editor-helper-text.error {
+    color: #e60000; }
+
+.component-text-editor-editor h1 {
+  margin: 0;
+  font-size: 2.5rem;
+  font-weight: 300; }
+
+.component-text-editor-editor h6 {
+  margin: 0;
+  font-family: "Nunito";
+  font-size: 1.2rem;
+  font-weight: 500; }
+
+.component-text-editor-editor a {
+  text-decoration: underline;
+  color: #3fa111; }
+
+.component-text-editor-outer {
+  display: flex;
+  flex-direction: column;
+  width: 100%; }
+
+: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; }
+
 .text-editor-header-input {
   display: flex;
   justify-content: space-between;
@@ -7350,159 +7464,51 @@ nav.component-tabs {
   warningLight: #ffeb98;
   warningDark: #765f00; }
 
-.component-text-editor {
-  background-color: #fefefe;
-  border: 1px solid #cdd3cd;
-  transition: border 0.3s ease;
-  border-radius: 8px;
-  width: 100%; }
-  .component-text-editor.error {
-    border: 1px solid #e60000; }
-  .component-text-editor.disabled .component-text-editor-editor {
-    min-height: 60px; }
-  .component-text-editor .component-text-editor-header {
-    position: relative;
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: space-between;
-    align-items: center;
-    padding: 4px 8px; }
-    .component-text-editor .component-text-editor-header .component-text-editor-left-content {
-      flex-wrap: wrap;
-      display: flex;
-      align-items: center; }
-    .component-text-editor .component-text-editor-header .component-text-editor-right-content {
-      display: flex;
-      align-items: center; }
-      @media (max-width: 575.98px) {
-        .component-text-editor .component-text-editor-header .component-text-editor-right-content {
-          width: 100%;
-          justify-content: flex-end; } }
-    .component-text-editor .component-text-editor-header::after {
-      content: "";
-      position: absolute;
-      left: 9px;
-      bottom: 0;
-      width: calc(100% - 18px);
-      height: 1px;
-      background-color: #dbdfdb; }
-  .component-text-editor .component-text-editor-editor {
-    color: #121212;
-    padding: 20px;
-    min-height: 50px; }
-    .component-text-editor .component-text-editor-editor:focus {
-      outline: none; }
-
-.component-text-editor-top-label {
-  color: #323c32;
-  transition: color 0.3s ease;
-  font-size: 12px;
-  line-height: 16px;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-  min-height: 16px; }
-  .component-text-editor-top-label.error {
-    color: #e60000; }
-
-.component-text-editor-helper-text {
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-  transition: color 0.3s ease;
-  color: #323c32;
-  font-size: 12px;
-  line-height: 16px;
-  min-height: 16px; }
-  .component-text-editor-helper-text.error {
-    color: #e60000; }
-
-.component-text-editor-editor h1 {
-  margin: 0;
-  font-size: 2.5rem;
-  font-weight: 300; }
-
-.component-text-editor-editor h6 {
-  margin: 0;
-  font-family: "Nunito";
-  font-size: 1.2rem;
-  font-weight: 500; }
-
-.component-text-editor-editor a {
-  text-decoration: underline;
-  color: #3fa111; }
-
-.component-text-editor-outer {
-  display: flex;
-  flex-direction: column;
-  width: 100%; }
-
-: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-title {
   width: 100%;
   position: relative;
   display: flex;
-  align-items: center;
-  justify-content: space-between; }
+  align-items: flex-start;
+  justify-content: space-between;
+  flex-flow: row wrap;
+  -moz-column-break-inside: avoid;
+       break-inside: avoid; }
   .component-title .component-title-wrapper {
     display: flex;
     align-items: center;
-    flex: 1 1 100%;
-    min-width: 0; }
-  .component-title .component-title-icon {
-    display: flex;
-    align-items: center;
-    margin-right: 12px;
-    margin-top: 2px; }
-  .component-title .component-title-text {
-    -webkit-user-select: none;
-       -moz-user-select: none;
-            user-select: none;
-    color: #323c32;
-    font-size: 26px;
-    font-weight: 700; }
-    @media screen and (max-width: 767.98px) {
-      .component-title .component-title-text {
-        font-size: 22px; } }
-    @media screen and (max-width: 575.98px) {
-      .component-title .component-title-text {
-        font-size: 20px; } }
-    .component-title .component-title-text.ellipsis {
+    justify-content: flex-start;
+    max-width: 100%;
+    flex: 1 4 auto; }
+    .component-title .component-title-wrapper .component-title-icon {
+      display: flex;
+      align-items: center;
+      margin-right: 12px;
+      margin-top: 2px; }
+    .component-title .component-title-wrapper .component-title-text {
+      -webkit-user-select: none;
+         -moz-user-select: none;
+              user-select: none;
+      color: #323c32;
+      font-size: 26px;
+      font-weight: 700;
       overflow: hidden;
-      text-overflow: ellipsis;
-      width: calc(100% - 48px);
-      white-space: nowrap; }
+      max-width: 100%;
+      text-overflow: ellipsis; }
+      .component-title .component-title-wrapper .component-title-text.one-line-title {
+        white-space: nowrap; }
       @media screen and (max-width: 767.98px) {
-        .component-title .component-title-text.ellipsis {
-          white-space: pre-wrap; } }
+        .component-title .component-title-wrapper .component-title-text {
+          font-size: 22px; } }
+      @media screen and (max-width: 575.98px) {
+        .component-title .component-title-wrapper .component-title-text {
+          font-size: 20px; } }
+  .component-title .component-title-right-element {
+    display: flex;
+    flex: 1 1 auto;
+    align-items: center;
+    justify-content: flex-end; }
   @media screen and (max-width: 575.98px) {
-    .component-title .component-title-right-element {
+    .component-title.hide-right-xs .component-title-right-element {
       display: none;
       visibility: hidden; } }
 

package/dist/index.js

@@ -11172,7 +11172,7 @@ TextEditorColorPicker.defaultProps = {
 
 var rootClassName$2B = 'text-editor-header-button';
 function TextEditorHeaderButton(props) {
-  return /*#__PURE__*/React$1__default.createElement("button", {
+  return /*#__PURE__*/React.createElement("button", {
     className: getMergedClassNames([rootClassName$2B, props.active ? 'active' : '']),
     onClick: props.onClick,
     disabled: props.disabled
@@ -11612,7 +11612,11 @@ TextEditor.defaultProps = {
 var rootClassName$2F = 'component-title';
 function Title(props) {
   return React$1__default.createElement("div", {
-    className: rootClassName$2F
+    className: getMergedClassNames([rootClassName$2F, props.hideRightElementXS ? 'hide-right-xs' : '']),
+    style: {
+      alignItems: props.align,
+      flexWrap: props.flexWrap
+    }
   }, React$1__default.createElement("div", {
     className: rootClassName$2F + "-wrapper"
   }, props.showBackButton ? React$1__default.createElement("div", {
@@ -11621,7 +11625,7 @@ function Title(props) {
     icon: React$1__default.createElement(ArrowLeftIcon, null),
     onClick: props.onBackClick
   })) : undefined, React$1__default.createElement("div", {
-    className: getMergedClassNames([rootClassName$2F + "-text", props.rightElement ? 'ellipsis' : ''])
+    className: getMergedClassNames([rootClassName$2F + "-text", props.oneLineTitle ? 'one-line-title' : ''])
   }, props.children)), props.rightElement ? React$1__default.createElement("div", {
     className: rootClassName$2F + "-right-element"
   }, props.rightElement) : undefined);