plataforma-fundacao-componentes 2.25.5 → 2.25.7

package/dist/components/paginator/Paginator.stories.d.ts

@@ -9,6 +9,7 @@ export namespace Example {
         export const quantidadeDePaginas: number;
         export const limiter: number;
         export const maxLength: number;
+        export const loading: boolean;
     }
 }
 export function ExampleWithInteraction(): import("react").JSX.Element;

package/dist/components/textEditor/TextEditor.d.ts

@@ -1,23 +1,22 @@
-declare function TextEditor(props: any): import("react").JSX.Element;
+import React, { ReactNode } from 'react';
+import './TextEditor.scss';
+interface Props {
+    disabled?: boolean;
+    value?: string;
+    onChange?: (s: string, f: string) => void;
+    topLabel?: ReactNode;
+    helperText?: ReactNode;
+    hideTopLabel?: boolean;
+    hideHelperText?: boolean;
+    error?: boolean;
+    className?: string;
+}
+declare function TextEditor(props: Props): React.JSX.Element;
 declare namespace TextEditor {
-    export namespace propTypes {
-        export const disabled: PropTypes.Requireable<boolean>;
-        export const value: PropTypes.Requireable<string>;
-        export const onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        export const topLabel: PropTypes.Requireable<string | object>;
-        export const helperText: PropTypes.Requireable<string | object>;
-        export const hideTopLabel: PropTypes.Requireable<boolean>;
-        export const hideHelperText: PropTypes.Requireable<boolean>;
-        export const error: PropTypes.Requireable<boolean>;
-    }
-    export namespace defaultProps {
-        const disabled_1: boolean;
-        export { disabled_1 as disabled };
-        const value_1: string;
-        export { value_1 as value };
-        export function onChange_1(): void;
-        export { onChange_1 as onChange };
-    }
+    var defaultProps: {
+        disabled: boolean;
+        value: string;
+        onChange: () => void;
+    };
 }
 export default TextEditor;
-import PropTypes from "prop-types";

package/dist/components/textEditor/components/textEditorColorPicker/TextEditorColorPicker.d.ts

@@ -1,14 +1,14 @@
-declare function TextEditorColorPicker(props: any): import("react").JSX.Element;
+import React from 'react';
+import './TextEditorColorPicker.scss';
+interface Props {
+    onChange: (color: string) => void;
+    atualColor?: string;
+    opened: boolean;
+}
+declare function TextEditorColorPicker(props: Props): React.JSX.Element;
 declare namespace TextEditorColorPicker {
-    export namespace propTypes {
-        export const onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        export const atualColor: PropTypes.Requireable<string>;
-        export const opened: PropTypes.Requireable<boolean>;
-    }
-    export namespace defaultProps {
-        export function onChange_1(): void;
-        export { onChange_1 as onChange };
-    }
+    var defaultProps: {
+        onChange: () => void;
+    };
 }
 export default TextEditorColorPicker;
-import PropTypes from "prop-types";

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

@@ -1,11 +1,8 @@
-declare function TextEditorHeaderButton(props: any): import("react").JSX.Element;
-declare namespace TextEditorHeaderButton {
-    export namespace propTypes {
-        export const icon: PropTypes.Requireable<object>;
-        export const onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        export const active: PropTypes.Requireable<boolean>;
-        export const disabled: PropTypes.Requireable<boolean>;
-    }
+import React, { ButtonHTMLAttributes, ReactNode } from 'react';
+import './TextEditorHeaderButton.scss';
+interface Props extends ButtonHTMLAttributes<HTMLButtonElement> {
+    icon?: ReactNode;
+    active?: boolean;
 }
-export default TextEditorHeaderButton;
-import PropTypes from "prop-types";
+export default function TextEditorHeaderButton({ icon, active, ...props }: Props): React.JSX.Element;
+export {};

package/dist/components/textEditor/components/textEditorInput/TextEditorHeaderInput.d.ts

@@ -1,15 +1,13 @@
-declare function TextEditorHeaderInput(props: any): import("react").JSX.Element;
+import React, { InputHTMLAttributes } from 'react';
+import './TextEditorHeaderInput.scss';
+interface Props extends InputHTMLAttributes<HTMLInputElement> {
+    label?: string;
+    onEnter: () => void;
+}
+declare function TextEditorHeaderInput(props: Props): React.JSX.Element;
 declare namespace TextEditorHeaderInput {
-    export namespace propTypes {
-        export const onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        export const label: PropTypes.Requireable<string>;
-        export const value: PropTypes.Requireable<import("react").Key>;
-        export const onEnter: PropTypes.Requireable<(...args: any[]) => any>;
-    }
-    export namespace defaultProps {
-        export function onChange_1(): void;
-        export { onChange_1 as onChange };
-    }
+    var defaultProps: {
+        onChange: () => void;
+    };
 }
 export default TextEditorHeaderInput;
-import PropTypes from "prop-types";

package/dist/components/textEditor/components/textEditorMenuButton/TextEditorMenuButton.d.ts

@@ -1,9 +1,3 @@
-declare function TextEditorMenuButton(props: any): import("react").JSX.Element;
-declare namespace TextEditorMenuButton {
-    export namespace propTypes {
-        export const onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        export const disabled: PropTypes.Requireable<boolean>;
-    }
-}
-export default TextEditorMenuButton;
-import PropTypes from "prop-types";
+import React, { ButtonHTMLAttributes } from 'react';
+import './TextEditorMenuButton.scss';
+export default function TextEditorMenuButton(props: ButtonHTMLAttributes<HTMLButtonElement>): React.JSX.Element;

package/dist/components/textEditor/components/textEditorTitleChoser/TextEditorTitleChoser.d.ts

@@ -1,13 +1,13 @@
-declare function TextEditorTitleChoser(props: any): import("react").JSX.Element;
+import React from 'react';
+import './TextEditorTitleChoser.scss';
+interface Props {
+    onChange: (text: string) => void;
+    opened: boolean;
+}
+declare function TextEditorTitleChoser(props: Props): React.JSX.Element;
 declare namespace TextEditorTitleChoser {
-    export namespace propTypes {
-        export const onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        export const opened: PropTypes.Requireable<boolean>;
-    }
-    export namespace defaultProps {
-        export function onChange_1(): void;
-        export { onChange_1 as onChange };
-    }
+    var defaultProps: {
+        onChange: () => void;
+    };
 }
 export default TextEditorTitleChoser;
-import PropTypes from "prop-types";

package/dist/components/textEditor/components/textEditorUrlCreator/TextEditorUrlCreator.d.ts

@@ -1,14 +1,14 @@
-declare function TextEditorUrlCreator(props: any): import("react").JSX.Element;
+import React from 'react';
+import './TextEditorUrlCreator.scss';
+interface Props {
+    opened?: boolean;
+    onChange: (textValue: string, urlValue: string, newTab: boolean) => void;
+    editorId: string;
+}
+declare function TextEditorUrlCreator(props: Props): React.JSX.Element;
 declare namespace TextEditorUrlCreator {
-    export namespace propTypes {
-        export const opened: PropTypes.Requireable<boolean>;
-        export const onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        export const editorId: PropTypes.Requireable<string>;
-    }
-    export namespace defaultProps {
-        export function onChange_1(): void;
-        export { onChange_1 as onChange };
-    }
+    var defaultProps: {
+        onChange: () => void;
+    };
 }
 export default TextEditorUrlCreator;
-import PropTypes from "prop-types";

package/dist/index.css

@@ -5311,37 +5311,46 @@ header.component-header {
     justify-content: center;
     margin-left: auto;
     margin-right: auto; }
-    .component-paginator .component-paginator-center-content .component-paginator-numbers {
-      overflow-x: auto;
-      display: flex; }
-      .component-paginator .component-paginator-center-content .component-paginator-numbers .component-paginator-number {
-        -webkit-user-select: none;
-           -moz-user-select: none;
-                user-select: none;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        -webkit-appearance: none;
-        -moz-appearance: none;
-             appearance: none;
-        border: none;
-        outline: none;
-        background-color: rgba(0, 0, 0, 0);
-        color: #323c32;
-        cursor: pointer;
-        padding: 2px;
-        border-radius: 200px;
-        width: 25px;
-        height: 25px;
-        font-size: 16px;
-        font-weight: 500;
-        transition: background-color 0.3s ease, color 0.3s ease; }
-        .component-paginator .component-paginator-center-content .component-paginator-numbers .component-paginator-number:hover {
-          background-color: #f3f5f1; }
-        .component-paginator .component-paginator-center-content .component-paginator-numbers .component-paginator-number.active {
-          cursor: default;
-          background-color: #3fa110;
-          color: #fefefe; }
+    .component-paginator .component-paginator-center-content > div {
+      display: flex;
+      align-items: center;
+      visibility: visible;
+      opacity: 1;
+      transition: 0.3s ease; }
+      .component-paginator .component-paginator-center-content > div.hidden {
+        visibility: hidden;
+        opacity: 0; }
+      .component-paginator .component-paginator-center-content > div .component-paginator-numbers {
+        overflow-x: auto;
+        display: flex; }
+        .component-paginator .component-paginator-center-content > div .component-paginator-numbers .component-paginator-number {
+          -webkit-user-select: none;
+             -moz-user-select: none;
+                  user-select: none;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          -webkit-appearance: none;
+          -moz-appearance: none;
+               appearance: none;
+          border: none;
+          outline: none;
+          background-color: rgba(0, 0, 0, 0);
+          color: #323c32;
+          cursor: pointer;
+          padding: 2px;
+          border-radius: 200px;
+          width: 25px;
+          height: 25px;
+          font-size: 16px;
+          font-weight: 500;
+          transition: background-color 0.3s ease, color 0.3s ease; }
+          .component-paginator .component-paginator-center-content > div .component-paginator-numbers .component-paginator-number:hover {
+            background-color: #f3f5f1; }
+          .component-paginator .component-paginator-center-content > div .component-paginator-numbers .component-paginator-number.active {
+            cursor: default;
+            background-color: #3fa110;
+            color: #fefefe; }
     .component-paginator .component-paginator-center-content .component-paginator-loader {
       position: absolute;
       top: 0;
@@ -5351,8 +5360,8 @@ header.component-header {
       display: flex;
       align-items: center;
       justify-content: center;
-      background-color: #f8f9f7;
-      opacity: 1; }
+      opacity: 1;
+      transition: 0.3s ease; }
       .component-paginator .component-paginator-center-content .component-paginator-loader.component-paginator-loader-enter {
         opacity: 0; }
       .component-paginator .component-paginator-center-content .component-paginator-loader.component-paginator-loader-enter-active {
@@ -5598,12 +5607,18 @@ h5 {
   .pagination-component .paginationContainer {
     display: flex;
     align-items: center;
+    transition: 0.3s ease;
+    opacity: 1;
+    visibility: visible;
     list-style-type: none;
     gap: 12px;
     color: #3fa110;
     margin: 0;
     padding: 0;
     position: relative; }
+    .pagination-component .paginationContainer.hidden {
+      opacity: 0;
+      visibility: hidden; }
     .pagination-component .paginationContainer .paginationItem {
       display: flex;
       align-items: center;
@@ -5649,8 +5664,7 @@ h5 {
           width: 100%;
           background: #33820d;
           border-radius: 2px;
-          transition: 0.3s ease-in-out;
-          z-index: -1; }
+          transition: 0.3s ease-in-out; }
       .pagination-component .paginationContainer .paginationItem:active {
         transform: scale(0.9); }
       .pagination-component .paginationContainer .paginationItem.disabled {
@@ -5682,7 +5696,6 @@ h5 {
     left: 0;
     width: 100%;
     height: 100%;
-    background-color: #f8f9f7;
     opacity: 1; }
     .pagination-component .paginationContainerLoader.enter {
       opacity: 0; }