@ftdata/ui 0.0.16 → 0.0.18
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/components/IconButton/index.d.ts +15 -0
- package/dist/components/IconButton/index.js +37 -0
- package/dist/components/IconButton/modifiers/color.d.ts +36 -0
- package/dist/components/IconButton/modifiers/color.js +38 -0
- package/dist/components/IconButton/styles.d.ts +10 -0
- package/dist/components/IconButton/styles.js +32 -0
- package/dist/components/Input/index.d.ts +1 -0
- package/dist/components/Input/index.js +12 -26
- package/dist/components/Input/styles.js +1 -1
- package/dist/components/Modal/index.d.ts +25 -0
- package/dist/components/Modal/index.js +69 -0
- package/dist/components/Modal/styles.d.ts +8 -0
- package/dist/components/Modal/styles.js +81 -0
- package/dist/components/MultiSelect/components/Badge/index.d.ts +2 -1
- package/dist/components/MultiSelect/components/Badge/index.js +5 -2
- package/dist/components/MultiSelect/components/Badge/styles.d.ts +5 -1
- package/dist/components/MultiSelect/components/Badge/styles.js +2 -1
- package/dist/components/MultiSelect/components/MultiSelectList/Row/index.d.ts +3 -2
- package/dist/components/MultiSelect/components/MultiSelectList/Row/index.js +21 -10
- package/dist/components/MultiSelect/components/MultiSelectList/Row/style.js +0 -1
- package/dist/components/MultiSelect/components/MultiSelectList/index.d.ts +3 -3
- package/dist/components/MultiSelect/components/MultiSelectList/index.js +8 -11
- package/dist/components/MultiSelect/components/MultiSelectList/style.d.ts +1 -1
- package/dist/components/MultiSelect/components/MultiSelectList/style.js +21 -3
- package/dist/components/MultiSelect/helpers/addOption.d.ts +3 -3
- package/dist/components/MultiSelect/helpers/computeUnselected.d.ts +1 -1
- package/dist/components/MultiSelect/helpers/computeUnselected.js +1 -1
- package/dist/components/MultiSelect/helpers/feedbackText.d.ts +1 -1
- package/dist/components/MultiSelect/helpers/feedbackText.js +9 -9
- package/dist/components/MultiSelect/helpers/filterOptions.d.ts +1 -1
- package/dist/components/MultiSelect/helpers/removeOptions.d.ts +3 -3
- package/dist/components/MultiSelect/index.d.ts +37 -19
- package/dist/components/MultiSelect/index.js +92 -135
- package/dist/components/MultiSelect/styles.js +8 -23
- package/dist/components/Select/index.d.ts +2 -1
- package/dist/components/Select/index.js +12 -24
- package/dist/components/Select/styles.js +1 -1
- package/dist/components/Texts/paragraphs.d.ts +12 -0
- package/dist/components/Texts/paragraphs.js +14 -0
- package/dist/components/Texts/text.d.ts +17 -0
- package/dist/components/Texts/text.js +21 -0
- package/dist/components/Texts/titles.d.ts +7 -0
- package/dist/components/Texts/titles.js +37 -0
- package/dist/components/fields/components/HelpText/index.js +18 -13
- package/dist/components/fields/components/HelpText/modifiers/colors.js +2 -2
- package/dist/components/fields/components/HelpText/styles.js +5 -0
- package/dist/components/fields/components/Label/index.js +1 -1
- package/dist/components/fields/components/Label/styles.js +11 -4
- package/dist/components/fields/modifiers/selectColorModifier.d.ts +1 -1
- package/dist/components/fields/modifiers/selectColorModifier.js +7 -1
- package/dist/index.d.ts +5 -5
- package/dist/index.js +4 -2
- package/package.json +2 -2
- package/dist/components/MultiSelect/helpers/arraysEqual.d.ts +0 -2
- package/dist/components/MultiSelect/helpers/arraysEqual.js +0 -5
- package/dist/components/MultiSelect/helpers/computeSelected.d.ts +0 -2
- package/dist/components/MultiSelect/helpers/computeSelected.js +0 -2
- package/dist/components/MultiSelect/helpers/getChangedFieds.d.ts +0 -2
- package/dist/components/MultiSelect/helpers/getChangedFieds.js +0 -17
- package/dist/components/MultiSelect/hooks/useMultiSelect.d.ts +0 -10
- package/dist/components/MultiSelect/hooks/useMultiSelect.js +0 -44
- package/dist/components/MultiSelect/interfaces/actions.d.ts +0 -4
- package/dist/components/MultiSelect/interfaces/actions.js +0 -0
- package/dist/components/MultiSelect/interfaces/config.d.ts +0 -17
- package/dist/components/MultiSelect/interfaces/config.js +0 -0
- package/dist/components/MultiSelect/interfaces/state.d.ts +0 -10
- package/dist/components/MultiSelect/interfaces/state.js +0 -0
- package/dist/components/MultiSelect/reducers/stateReducer.d.ts +0 -21
- package/dist/components/MultiSelect/reducers/stateReducer.js +0 -44
- package/dist/components/Text/Paragraph/Paragraph.stories.d.ts +0 -29
- package/dist/components/Text/Paragraph/Paragraph.stories.js +0 -124
- package/dist/components/Text/Title/Title.stories.d.ts +0 -41
- package/dist/components/Text/Title/Title.stories.js +0 -106
|
@@ -1,124 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Paragraph, Title } from "../index.js";
|
|
3
|
-
const meta = {
|
|
4
|
-
title: "DESIGN COMPONENTS/Text/Paragraph",
|
|
5
|
-
component: Paragraph,
|
|
6
|
-
tags: [
|
|
7
|
-
"autodocs"
|
|
8
|
-
],
|
|
9
|
-
parameters: {
|
|
10
|
-
layout: "centered"
|
|
11
|
-
},
|
|
12
|
-
argTypes: {
|
|
13
|
-
children: {
|
|
14
|
-
description: "Define o texto que ser\xe1 renderizado.",
|
|
15
|
-
control: {
|
|
16
|
-
type: "text"
|
|
17
|
-
}
|
|
18
|
-
},
|
|
19
|
-
size: {
|
|
20
|
-
description: "Define o tamanho do Paragraph.",
|
|
21
|
-
table: {
|
|
22
|
-
type: {
|
|
23
|
-
summary: '"caption" | "sm" | "md"'
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
};
|
|
29
|
-
const Paragraph_stories = meta;
|
|
30
|
-
const loremIpsum = `Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
|
31
|
-
Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
|
32
|
-
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
|
33
|
-
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
|
34
|
-
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.`;
|
|
35
|
-
const Default = {
|
|
36
|
-
args: {
|
|
37
|
-
size: "caption",
|
|
38
|
-
children: loremIpsum
|
|
39
|
-
}
|
|
40
|
-
};
|
|
41
|
-
const Caption = {
|
|
42
|
-
args: {
|
|
43
|
-
children: loremIpsum,
|
|
44
|
-
size: "caption"
|
|
45
|
-
}
|
|
46
|
-
};
|
|
47
|
-
const Sm = {
|
|
48
|
-
args: {
|
|
49
|
-
children: loremIpsum,
|
|
50
|
-
size: "sm"
|
|
51
|
-
}
|
|
52
|
-
};
|
|
53
|
-
const Md = {
|
|
54
|
-
args: {
|
|
55
|
-
children: loremIpsum,
|
|
56
|
-
size: "md"
|
|
57
|
-
}
|
|
58
|
-
};
|
|
59
|
-
const Sizes = {
|
|
60
|
-
render: ()=>/*#__PURE__*/ jsxs("div", {
|
|
61
|
-
style: {
|
|
62
|
-
display: "flex",
|
|
63
|
-
justifyContent: "center",
|
|
64
|
-
alignItems: "center",
|
|
65
|
-
flexDirection: "column",
|
|
66
|
-
gap: "2.5rem",
|
|
67
|
-
width: "100%"
|
|
68
|
-
},
|
|
69
|
-
children: [
|
|
70
|
-
/*#__PURE__*/ jsxs("div", {
|
|
71
|
-
style: {
|
|
72
|
-
display: "grid",
|
|
73
|
-
gridTemplateColumns: "10% 90%",
|
|
74
|
-
alignItems: "center"
|
|
75
|
-
},
|
|
76
|
-
children: [
|
|
77
|
-
/*#__PURE__*/ jsx(Title, {
|
|
78
|
-
size: "md",
|
|
79
|
-
children: "Caption"
|
|
80
|
-
}),
|
|
81
|
-
/*#__PURE__*/ jsx(Paragraph, {
|
|
82
|
-
size: "caption",
|
|
83
|
-
children: loremIpsum
|
|
84
|
-
})
|
|
85
|
-
]
|
|
86
|
-
}),
|
|
87
|
-
/*#__PURE__*/ jsxs("div", {
|
|
88
|
-
style: {
|
|
89
|
-
display: "grid",
|
|
90
|
-
gridTemplateColumns: "10% 90%",
|
|
91
|
-
alignItems: "center"
|
|
92
|
-
},
|
|
93
|
-
children: [
|
|
94
|
-
/*#__PURE__*/ jsx(Title, {
|
|
95
|
-
size: "md",
|
|
96
|
-
children: "md"
|
|
97
|
-
}),
|
|
98
|
-
/*#__PURE__*/ jsx(Paragraph, {
|
|
99
|
-
size: "md",
|
|
100
|
-
children: loremIpsum
|
|
101
|
-
})
|
|
102
|
-
]
|
|
103
|
-
}),
|
|
104
|
-
/*#__PURE__*/ jsxs("div", {
|
|
105
|
-
style: {
|
|
106
|
-
display: "grid",
|
|
107
|
-
gridTemplateColumns: "10% 90%",
|
|
108
|
-
alignItems: "center"
|
|
109
|
-
},
|
|
110
|
-
children: [
|
|
111
|
-
/*#__PURE__*/ jsx(Title, {
|
|
112
|
-
size: "md",
|
|
113
|
-
children: "sm"
|
|
114
|
-
}),
|
|
115
|
-
/*#__PURE__*/ jsx(Paragraph, {
|
|
116
|
-
size: "sm",
|
|
117
|
-
children: loremIpsum
|
|
118
|
-
})
|
|
119
|
-
]
|
|
120
|
-
})
|
|
121
|
-
]
|
|
122
|
-
})
|
|
123
|
-
};
|
|
124
|
-
export { Caption, Default, Md, Sizes, Sm, Paragraph_stories as default };
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from "@storybook/react";
|
|
2
|
-
import { Title } from "../index";
|
|
3
|
-
/**
|
|
4
|
-
* Títulos são usados para mostrar textos importantes em uma página.
|
|
5
|
-
* Este componente também funciona com os atributos nativos de um HTML input element.
|
|
6
|
-
*/
|
|
7
|
-
declare const meta: Meta<typeof Title>;
|
|
8
|
-
export default meta;
|
|
9
|
-
type Story = StoryObj<typeof meta>;
|
|
10
|
-
/**
|
|
11
|
-
* Variação padrão do Title quando apenas as propriedades obrigatórias são fornecidas.
|
|
12
|
-
*/
|
|
13
|
-
export declare const Default: Story;
|
|
14
|
-
/**
|
|
15
|
-
* Variação subheading do Title.
|
|
16
|
-
*/
|
|
17
|
-
export declare const Subheading: Story;
|
|
18
|
-
/**
|
|
19
|
-
* Variação sm do Title.
|
|
20
|
-
*/
|
|
21
|
-
export declare const Sm: Story;
|
|
22
|
-
/**
|
|
23
|
-
* Variação md do Title.
|
|
24
|
-
*/
|
|
25
|
-
export declare const Md: Story;
|
|
26
|
-
/**
|
|
27
|
-
* Variação section do Title.
|
|
28
|
-
*/
|
|
29
|
-
export declare const Section: Story;
|
|
30
|
-
/**
|
|
31
|
-
* Variação standart do Title.
|
|
32
|
-
*/
|
|
33
|
-
export declare const Standart: Story;
|
|
34
|
-
/**
|
|
35
|
-
* Variação huge do Title.
|
|
36
|
-
*/
|
|
37
|
-
export declare const Huge: Story;
|
|
38
|
-
/**
|
|
39
|
-
* Todas as variações padrão de de tamanho do Title.
|
|
40
|
-
*/
|
|
41
|
-
export declare const Sizes: Story;
|
|
@@ -1,106 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Title } from "../index.js";
|
|
3
|
-
const meta = {
|
|
4
|
-
title: "DESIGN COMPONENTS/Text/Title",
|
|
5
|
-
component: Title,
|
|
6
|
-
tags: [
|
|
7
|
-
"autodocs"
|
|
8
|
-
],
|
|
9
|
-
parameters: {
|
|
10
|
-
layout: "centered"
|
|
11
|
-
},
|
|
12
|
-
argTypes: {
|
|
13
|
-
size: {
|
|
14
|
-
description: "Define o tipo e tamanho do Title de acordo com sua varia\xe7\xe3o.",
|
|
15
|
-
table: {
|
|
16
|
-
type: {
|
|
17
|
-
summary: '"subheading" | "sm" | "md" | "section" | "standard" | "huge"'
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
},
|
|
21
|
-
children: {
|
|
22
|
-
control: {
|
|
23
|
-
type: "text"
|
|
24
|
-
},
|
|
25
|
-
description: "Define o texto que ser\xe1 renderizado."
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
};
|
|
29
|
-
const Title_stories = meta;
|
|
30
|
-
const Default = {
|
|
31
|
-
args: {
|
|
32
|
-
children: "Default",
|
|
33
|
-
size: "huge"
|
|
34
|
-
}
|
|
35
|
-
};
|
|
36
|
-
const Subheading = {
|
|
37
|
-
args: {
|
|
38
|
-
children: "Subheading",
|
|
39
|
-
size: "subheading"
|
|
40
|
-
}
|
|
41
|
-
};
|
|
42
|
-
const Sm = {
|
|
43
|
-
args: {
|
|
44
|
-
children: "Sm",
|
|
45
|
-
size: "sm"
|
|
46
|
-
}
|
|
47
|
-
};
|
|
48
|
-
const Md = {
|
|
49
|
-
args: {
|
|
50
|
-
children: "Md",
|
|
51
|
-
size: "md"
|
|
52
|
-
}
|
|
53
|
-
};
|
|
54
|
-
const Section = {
|
|
55
|
-
args: {
|
|
56
|
-
children: "Section",
|
|
57
|
-
size: "section"
|
|
58
|
-
}
|
|
59
|
-
};
|
|
60
|
-
const Standart = {
|
|
61
|
-
args: {
|
|
62
|
-
children: "Standart",
|
|
63
|
-
size: "standard"
|
|
64
|
-
}
|
|
65
|
-
};
|
|
66
|
-
const Huge = {
|
|
67
|
-
args: {
|
|
68
|
-
children: "Huge",
|
|
69
|
-
size: "huge"
|
|
70
|
-
}
|
|
71
|
-
};
|
|
72
|
-
const Sizes = {
|
|
73
|
-
render: ()=>/*#__PURE__*/ jsxs("div", {
|
|
74
|
-
style: {
|
|
75
|
-
display: "flex",
|
|
76
|
-
flexDirection: "column"
|
|
77
|
-
},
|
|
78
|
-
children: [
|
|
79
|
-
/*#__PURE__*/ jsx(Title, {
|
|
80
|
-
size: "huge",
|
|
81
|
-
children: "Huge - Lorem Ipsum"
|
|
82
|
-
}),
|
|
83
|
-
/*#__PURE__*/ jsx(Title, {
|
|
84
|
-
size: "standard",
|
|
85
|
-
children: "Standart - Lorem Ipsum"
|
|
86
|
-
}),
|
|
87
|
-
/*#__PURE__*/ jsx(Title, {
|
|
88
|
-
size: "section",
|
|
89
|
-
children: "Section - Lorem Ipsum"
|
|
90
|
-
}),
|
|
91
|
-
/*#__PURE__*/ jsx(Title, {
|
|
92
|
-
size: "subheading",
|
|
93
|
-
children: "Subheading - Lorem Ipsum"
|
|
94
|
-
}),
|
|
95
|
-
/*#__PURE__*/ jsx(Title, {
|
|
96
|
-
size: "md",
|
|
97
|
-
children: "Md - Lorem Ipsum"
|
|
98
|
-
}),
|
|
99
|
-
/*#__PURE__*/ jsx(Title, {
|
|
100
|
-
size: "sm",
|
|
101
|
-
children: "sm - Lorem Ipsum"
|
|
102
|
-
})
|
|
103
|
-
]
|
|
104
|
-
})
|
|
105
|
-
};
|
|
106
|
-
export { Default, Huge, Md, Section, Sizes, Sm, Standart, Subheading, Title_stories as default };
|