plataforma-fundacao-componentes 2.25.4 → 2.25.6

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.
@@ -1,23 +1,22 @@
1
- declare function TextEditor(props: any): import("react").JSX.Element;
1
+ import React, { ReactNode } from 'react';
2
+ import './TextEditor.scss';
3
+ interface Props {
4
+ disabled?: boolean;
5
+ value?: string;
6
+ onChange?: (s: string, f: string) => void;
7
+ topLabel?: ReactNode;
8
+ helperText?: ReactNode;
9
+ hideTopLabel?: boolean;
10
+ hideHelperText?: boolean;
11
+ error?: boolean;
12
+ className?: string;
13
+ }
14
+ declare function TextEditor(props: Props): React.JSX.Element;
2
15
  declare namespace TextEditor {
3
- export namespace propTypes {
4
- export const disabled: PropTypes.Requireable<boolean>;
5
- export const value: PropTypes.Requireable<string>;
6
- export const onChange: PropTypes.Requireable<(...args: any[]) => any>;
7
- export const topLabel: PropTypes.Requireable<string | object>;
8
- export const helperText: PropTypes.Requireable<string | object>;
9
- export const hideTopLabel: PropTypes.Requireable<boolean>;
10
- export const hideHelperText: PropTypes.Requireable<boolean>;
11
- export const error: PropTypes.Requireable<boolean>;
12
- }
13
- export namespace defaultProps {
14
- const disabled_1: boolean;
15
- export { disabled_1 as disabled };
16
- const value_1: string;
17
- export { value_1 as value };
18
- export function onChange_1(): void;
19
- export { onChange_1 as onChange };
20
- }
16
+ var defaultProps: {
17
+ disabled: boolean;
18
+ value: string;
19
+ onChange: () => void;
20
+ };
21
21
  }
22
22
  export default TextEditor;
23
- import PropTypes from "prop-types";
@@ -1,14 +1,14 @@
1
- declare function TextEditorColorPicker(props: any): import("react").JSX.Element;
1
+ import React from 'react';
2
+ import './TextEditorColorPicker.scss';
3
+ interface Props {
4
+ onChange: (color: string) => void;
5
+ atualColor?: string;
6
+ opened: boolean;
7
+ }
8
+ declare function TextEditorColorPicker(props: Props): React.JSX.Element;
2
9
  declare namespace TextEditorColorPicker {
3
- export namespace propTypes {
4
- export const onChange: PropTypes.Requireable<(...args: any[]) => any>;
5
- export const atualColor: PropTypes.Requireable<string>;
6
- export const opened: PropTypes.Requireable<boolean>;
7
- }
8
- export namespace defaultProps {
9
- export function onChange_1(): void;
10
- export { onChange_1 as onChange };
11
- }
10
+ var defaultProps: {
11
+ onChange: () => void;
12
+ };
12
13
  }
13
14
  export default TextEditorColorPicker;
14
- import PropTypes from "prop-types";
@@ -1,12 +1,8 @@
1
- declare function TextEditorHeaderButton(props: any): React.JSX.Element;
2
- declare namespace TextEditorHeaderButton {
3
- export namespace propTypes {
4
- export const icon: PropTypes.Requireable<object>;
5
- export const onClick: PropTypes.Requireable<(...args: any[]) => any>;
6
- export const active: PropTypes.Requireable<boolean>;
7
- export const disabled: PropTypes.Requireable<boolean>;
8
- }
1
+ import React, { ButtonHTMLAttributes, ReactNode } from 'react';
2
+ import './TextEditorHeaderButton.scss';
3
+ interface Props extends ButtonHTMLAttributes<HTMLButtonElement> {
4
+ icon?: ReactNode;
5
+ active?: boolean;
9
6
  }
10
- export default TextEditorHeaderButton;
11
- import React from "react";
12
- import PropTypes from "prop-types";
7
+ export default function TextEditorHeaderButton({ icon, active, ...props }: Props): React.JSX.Element;
8
+ export {};
@@ -1,15 +1,13 @@
1
- declare function TextEditorHeaderInput(props: any): import("react").JSX.Element;
1
+ import React, { InputHTMLAttributes } from 'react';
2
+ import './TextEditorHeaderInput.scss';
3
+ interface Props extends InputHTMLAttributes<HTMLInputElement> {
4
+ label?: string;
5
+ onEnter: () => void;
6
+ }
7
+ declare function TextEditorHeaderInput(props: Props): React.JSX.Element;
2
8
  declare namespace TextEditorHeaderInput {
3
- export namespace propTypes {
4
- export const onChange: PropTypes.Requireable<(...args: any[]) => any>;
5
- export const label: PropTypes.Requireable<string>;
6
- export const value: PropTypes.Requireable<import("react").Key>;
7
- export const onEnter: PropTypes.Requireable<(...args: any[]) => any>;
8
- }
9
- export namespace defaultProps {
10
- export function onChange_1(): void;
11
- export { onChange_1 as onChange };
12
- }
9
+ var defaultProps: {
10
+ onChange: () => void;
11
+ };
13
12
  }
14
13
  export default TextEditorHeaderInput;
15
- import PropTypes from "prop-types";
@@ -1,9 +1,3 @@
1
- declare function TextEditorMenuButton(props: any): import("react").JSX.Element;
2
- declare namespace TextEditorMenuButton {
3
- export namespace propTypes {
4
- export const onClick: PropTypes.Requireable<(...args: any[]) => any>;
5
- export const disabled: PropTypes.Requireable<boolean>;
6
- }
7
- }
8
- export default TextEditorMenuButton;
9
- import PropTypes from "prop-types";
1
+ import React, { ButtonHTMLAttributes } from 'react';
2
+ import './TextEditorMenuButton.scss';
3
+ export default function TextEditorMenuButton(props: ButtonHTMLAttributes<HTMLButtonElement>): React.JSX.Element;
@@ -1,13 +1,13 @@
1
- declare function TextEditorTitleChoser(props: any): import("react").JSX.Element;
1
+ import React from 'react';
2
+ import './TextEditorTitleChoser.scss';
3
+ interface Props {
4
+ onChange: (text: string) => void;
5
+ opened: boolean;
6
+ }
7
+ declare function TextEditorTitleChoser(props: Props): React.JSX.Element;
2
8
  declare namespace TextEditorTitleChoser {
3
- export namespace propTypes {
4
- export const onChange: PropTypes.Requireable<(...args: any[]) => any>;
5
- export const opened: PropTypes.Requireable<boolean>;
6
- }
7
- export namespace defaultProps {
8
- export function onChange_1(): void;
9
- export { onChange_1 as onChange };
10
- }
9
+ var defaultProps: {
10
+ onChange: () => void;
11
+ };
11
12
  }
12
13
  export default TextEditorTitleChoser;
13
- import PropTypes from "prop-types";
@@ -1,14 +1,14 @@
1
- declare function TextEditorUrlCreator(props: any): import("react").JSX.Element;
1
+ import React from 'react';
2
+ import './TextEditorUrlCreator.scss';
3
+ interface Props {
4
+ opened?: boolean;
5
+ onChange: (textValue: string, urlValue: string, newTab: boolean) => void;
6
+ editorId: string;
7
+ }
8
+ declare function TextEditorUrlCreator(props: Props): React.JSX.Element;
2
9
  declare namespace TextEditorUrlCreator {
3
- export namespace propTypes {
4
- export const opened: PropTypes.Requireable<boolean>;
5
- export const onChange: PropTypes.Requireable<(...args: any[]) => any>;
6
- export const editorId: PropTypes.Requireable<string>;
7
- }
8
- export namespace defaultProps {
9
- export function onChange_1(): void;
10
- export { onChange_1 as onChange };
11
- }
10
+ var defaultProps: {
11
+ onChange: () => void;
12
+ };
12
13
  }
13
14
  export default TextEditorUrlCreator;
14
- import PropTypes from "prop-types";
package/dist/index.css CHANGED
@@ -6989,6 +6989,120 @@ nav.component-tabs {
6989
6989
  warningLight: #ffeb98;
6990
6990
  warningDark: #765f00; }
6991
6991
 
6992
+ .component-text-editor {
6993
+ background-color: #fefefe;
6994
+ border: 1px solid #cdd3cd;
6995
+ transition: border 0.3s ease;
6996
+ border-radius: 8px;
6997
+ width: 100%; }
6998
+ .component-text-editor.error {
6999
+ border: 1px solid #e60000; }
7000
+ .component-text-editor.disabled .component-text-editor-editor {
7001
+ min-height: 60px; }
7002
+ .component-text-editor .component-text-editor-header {
7003
+ position: relative;
7004
+ display: flex;
7005
+ flex-wrap: wrap;
7006
+ justify-content: space-between;
7007
+ align-items: center;
7008
+ padding: 4px 8px; }
7009
+ .component-text-editor .component-text-editor-header .component-text-editor-left-content {
7010
+ flex-wrap: wrap;
7011
+ display: flex;
7012
+ align-items: center; }
7013
+ .component-text-editor .component-text-editor-header .component-text-editor-right-content {
7014
+ display: flex;
7015
+ align-items: center; }
7016
+ @media (max-width: 575.98px) {
7017
+ .component-text-editor .component-text-editor-header .component-text-editor-right-content {
7018
+ width: 100%;
7019
+ justify-content: flex-end; } }
7020
+ .component-text-editor .component-text-editor-header::after {
7021
+ content: "";
7022
+ position: absolute;
7023
+ left: 9px;
7024
+ bottom: 0;
7025
+ width: calc(100% - 18px);
7026
+ height: 1px;
7027
+ background-color: #dbdfdb; }
7028
+ .component-text-editor .component-text-editor-editor {
7029
+ color: #121212;
7030
+ padding: 20px;
7031
+ min-height: 50px; }
7032
+ .component-text-editor .component-text-editor-editor:focus {
7033
+ outline: none; }
7034
+
7035
+ .component-text-editor-top-label {
7036
+ color: #323c32;
7037
+ transition: color 0.3s ease;
7038
+ font-size: 12px;
7039
+ line-height: 16px;
7040
+ -webkit-user-select: none;
7041
+ -moz-user-select: none;
7042
+ user-select: none;
7043
+ min-height: 16px; }
7044
+ .component-text-editor-top-label.error {
7045
+ color: #e60000; }
7046
+
7047
+ .component-text-editor-helper-text {
7048
+ -webkit-user-select: none;
7049
+ -moz-user-select: none;
7050
+ user-select: none;
7051
+ transition: color 0.3s ease;
7052
+ color: #323c32;
7053
+ font-size: 12px;
7054
+ line-height: 16px;
7055
+ min-height: 16px; }
7056
+ .component-text-editor-helper-text.error {
7057
+ color: #e60000; }
7058
+
7059
+ .component-text-editor-editor h1 {
7060
+ margin: 0;
7061
+ font-size: 2.5rem;
7062
+ font-weight: 300; }
7063
+
7064
+ .component-text-editor-editor h6 {
7065
+ margin: 0;
7066
+ font-family: "Nunito";
7067
+ font-size: 1.2rem;
7068
+ font-weight: 500; }
7069
+
7070
+ .component-text-editor-editor a {
7071
+ text-decoration: underline;
7072
+ color: #3fa111; }
7073
+
7074
+ .component-text-editor-outer {
7075
+ display: flex;
7076
+ flex-direction: column;
7077
+ width: 100%; }
7078
+
7079
+ :export {
7080
+ widthXs: 575.98px;
7081
+ widthSm: 767.98px;
7082
+ widthMd: 991.98px;
7083
+ widthLg: 1199.98px; }
7084
+
7085
+ :export {
7086
+ white: #fefefe;
7087
+ darkenWhite: #efefef;
7088
+ black: #121212;
7089
+ transparent: rgba(0, 0, 0, 0);
7090
+ primary: #3fa110;
7091
+ primaryDark: #33820d;
7092
+ primaryLight: #d7e6c8;
7093
+ secondaryDarker: #323c32;
7094
+ secondaryDark: #5a645a;
7095
+ blueDarker: #2b517b;
7096
+ secondary: #828a82;
7097
+ secondaryLight: #cdd3cd;
7098
+ secondaryLighter: #f8f9f7;
7099
+ danger: #e60000;
7100
+ dangerLight: #ffb4b4;
7101
+ dangerDark: #ab4745;
7102
+ warning: #ffcd00;
7103
+ warningLight: #ffeb98;
7104
+ warningDark: #765f00; }
7105
+
6992
7106
  .text-editor-header-input {
6993
7107
  display: flex;
6994
7108
  justify-content: space-between;
@@ -7350,120 +7464,6 @@ nav.component-tabs {
7350
7464
  warningLight: #ffeb98;
7351
7465
  warningDark: #765f00; }
7352
7466
 
7353
- .component-text-editor {
7354
- background-color: #fefefe;
7355
- border: 1px solid #cdd3cd;
7356
- transition: border 0.3s ease;
7357
- border-radius: 8px;
7358
- width: 100%; }
7359
- .component-text-editor.error {
7360
- border: 1px solid #e60000; }
7361
- .component-text-editor.disabled .component-text-editor-editor {
7362
- min-height: 60px; }
7363
- .component-text-editor .component-text-editor-header {
7364
- position: relative;
7365
- display: flex;
7366
- flex-wrap: wrap;
7367
- justify-content: space-between;
7368
- align-items: center;
7369
- padding: 4px 8px; }
7370
- .component-text-editor .component-text-editor-header .component-text-editor-left-content {
7371
- flex-wrap: wrap;
7372
- display: flex;
7373
- align-items: center; }
7374
- .component-text-editor .component-text-editor-header .component-text-editor-right-content {
7375
- display: flex;
7376
- align-items: center; }
7377
- @media (max-width: 575.98px) {
7378
- .component-text-editor .component-text-editor-header .component-text-editor-right-content {
7379
- width: 100%;
7380
- justify-content: flex-end; } }
7381
- .component-text-editor .component-text-editor-header::after {
7382
- content: "";
7383
- position: absolute;
7384
- left: 9px;
7385
- bottom: 0;
7386
- width: calc(100% - 18px);
7387
- height: 1px;
7388
- background-color: #dbdfdb; }
7389
- .component-text-editor .component-text-editor-editor {
7390
- color: #121212;
7391
- padding: 20px;
7392
- min-height: 50px; }
7393
- .component-text-editor .component-text-editor-editor:focus {
7394
- outline: none; }
7395
-
7396
- .component-text-editor-top-label {
7397
- color: #323c32;
7398
- transition: color 0.3s ease;
7399
- font-size: 12px;
7400
- line-height: 16px;
7401
- -webkit-user-select: none;
7402
- -moz-user-select: none;
7403
- user-select: none;
7404
- min-height: 16px; }
7405
- .component-text-editor-top-label.error {
7406
- color: #e60000; }
7407
-
7408
- .component-text-editor-helper-text {
7409
- -webkit-user-select: none;
7410
- -moz-user-select: none;
7411
- user-select: none;
7412
- transition: color 0.3s ease;
7413
- color: #323c32;
7414
- font-size: 12px;
7415
- line-height: 16px;
7416
- min-height: 16px; }
7417
- .component-text-editor-helper-text.error {
7418
- color: #e60000; }
7419
-
7420
- .component-text-editor-editor h1 {
7421
- margin: 0;
7422
- font-size: 2.5rem;
7423
- font-weight: 300; }
7424
-
7425
- .component-text-editor-editor h6 {
7426
- margin: 0;
7427
- font-family: "Nunito";
7428
- font-size: 1.2rem;
7429
- font-weight: 500; }
7430
-
7431
- .component-text-editor-editor a {
7432
- text-decoration: underline;
7433
- color: #3fa111; }
7434
-
7435
- .component-text-editor-outer {
7436
- display: flex;
7437
- flex-direction: column;
7438
- width: 100%; }
7439
-
7440
- :export {
7441
- widthXs: 575.98px;
7442
- widthSm: 767.98px;
7443
- widthMd: 991.98px;
7444
- widthLg: 1199.98px; }
7445
-
7446
- :export {
7447
- white: #fefefe;
7448
- darkenWhite: #efefef;
7449
- black: #121212;
7450
- transparent: rgba(0, 0, 0, 0);
7451
- primary: #3fa110;
7452
- primaryDark: #33820d;
7453
- primaryLight: #d7e6c8;
7454
- secondaryDarker: #323c32;
7455
- secondaryDark: #5a645a;
7456
- blueDarker: #2b517b;
7457
- secondary: #828a82;
7458
- secondaryLight: #cdd3cd;
7459
- secondaryLighter: #f8f9f7;
7460
- danger: #e60000;
7461
- dangerLight: #ffb4b4;
7462
- dangerDark: #ab4745;
7463
- warning: #ffcd00;
7464
- warningLight: #ffeb98;
7465
- warningDark: #765f00; }
7466
-
7467
7467
  .component-title {
7468
7468
  width: 100%;
7469
7469
  position: relative;