@ttoss/components 2.14.22 → 2.14.24
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/Accordion/index.mjs +1 -1
- package/dist/DatePicker/index.mjs +2 -2
- package/dist/Drawer/index.mjs +1 -1
- package/dist/EnhancedTitle/index.mjs +5 -5
- package/dist/FileUploader/index.mjs +1 -1
- package/dist/InstallPwa/index.mjs +2 -2
- package/dist/List/index.mjs +2 -2
- package/dist/LockedOverlay/index.mjs +2 -2
- package/dist/Markdown/index.mjs +1 -1
- package/dist/Menu/index.mjs +1 -1
- package/dist/MetricCard/index.mjs +7 -7
- package/dist/Modal/index.mjs +1 -1
- package/dist/NavList/index.mjs +3 -3
- package/dist/NotificationCard/index.mjs +1 -1
- package/dist/NotificationsMenu/index.mjs +2 -2
- package/dist/Search/index.mjs +1 -1
- package/dist/SpotlightCard/index.mjs +1 -1
- package/dist/Table/index.mjs +8 -8
- package/dist/Tabs/index.mjs +1 -1
- package/dist/Toast/index.mjs +2 -2
- package/package.json +12 -12
package/dist/Accordion/index.mjs
CHANGED
|
@@ -7,10 +7,10 @@ import { DayPicker } from "react-day-picker";
|
|
|
7
7
|
import { ptBR } from "react-day-picker/locale";
|
|
8
8
|
|
|
9
9
|
//#region src/components/DatePicker/DatePicker.tsx
|
|
10
|
-
|
|
10
|
+
var formatDate = date => {
|
|
11
11
|
return date.toLocaleDateString("pt-BR");
|
|
12
12
|
};
|
|
13
|
-
|
|
13
|
+
var DatePicker = ({
|
|
14
14
|
label,
|
|
15
15
|
value,
|
|
16
16
|
presets,
|
package/dist/Drawer/index.mjs
CHANGED
|
@@ -4,7 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
4
4
|
import { Icon } from "@ttoss/react-icons";
|
|
5
5
|
|
|
6
6
|
//#region src/components/EnhancedTitle/EnhancedTitle.styles.ts
|
|
7
|
-
|
|
7
|
+
var gradientFlow = keyframes({
|
|
8
8
|
"0%": {
|
|
9
9
|
backgroundPosition: "0% 50%"
|
|
10
10
|
},
|
|
@@ -15,13 +15,13 @@ const gradientFlow = keyframes({
|
|
|
15
15
|
backgroundPosition: "0% 50%"
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
|
-
|
|
18
|
+
var getAccentGradientBackground = t => {
|
|
19
19
|
const theme = t;
|
|
20
20
|
const start = theme.colors?.action?.background?.accent?.default || theme.colors?.input?.background?.accent?.default;
|
|
21
21
|
if (!start) return void 0;
|
|
22
22
|
return `linear-gradient(270deg, ${start}, ${theme.colors?.action?.background?.accent?.active || theme.colors?.input?.background?.accent?.active || start}, ${start})`;
|
|
23
23
|
};
|
|
24
|
-
|
|
24
|
+
var getPrimaryGradientBackground = t => {
|
|
25
25
|
const theme = t;
|
|
26
26
|
const start = theme.colors?.action?.background?.primary?.default;
|
|
27
27
|
if (!start) return void 0;
|
|
@@ -30,7 +30,7 @@ const getPrimaryGradientBackground = t => {
|
|
|
30
30
|
/**
|
|
31
31
|
* Returns style configuration for the icon wrapper based on variant.
|
|
32
32
|
*/
|
|
33
|
-
|
|
33
|
+
var getEnhancedTitleIconSx = variant => {
|
|
34
34
|
return {
|
|
35
35
|
flexShrink: 0,
|
|
36
36
|
alignItems: "center",
|
|
@@ -132,7 +132,7 @@ const getEnhancedTitleIconSx = variant => {
|
|
|
132
132
|
* />
|
|
133
133
|
* ```
|
|
134
134
|
*/
|
|
135
|
-
|
|
135
|
+
var EnhancedTitle = ({
|
|
136
136
|
variant = "spotlight-primary",
|
|
137
137
|
icon,
|
|
138
138
|
title,
|
|
@@ -4,7 +4,7 @@ import { Button, Flex, Text } from "@ttoss/ui";
|
|
|
4
4
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
5
|
|
|
6
6
|
//#region src/components/InstallPwa/InstallPwa.tsx
|
|
7
|
-
|
|
7
|
+
var InstallPwaUi = ({
|
|
8
8
|
onInstall
|
|
9
9
|
}) => {
|
|
10
10
|
return /* @__PURE__ */jsx(Flex, {
|
|
@@ -35,7 +35,7 @@ const InstallPwaUi = ({
|
|
|
35
35
|
})
|
|
36
36
|
});
|
|
37
37
|
};
|
|
38
|
-
|
|
38
|
+
var InstallPwa = () => {
|
|
39
39
|
const [supportsPwa, setSupportsPwa] = React.useState(false);
|
|
40
40
|
const [promptInstall, setPromptInstall] = React.useState(null);
|
|
41
41
|
React.useEffect(() => {
|
package/dist/List/index.mjs
CHANGED
|
@@ -3,7 +3,7 @@ import * as React from "react";
|
|
|
3
3
|
import { jsx } from "react/jsx-runtime";
|
|
4
4
|
|
|
5
5
|
//#region src/components/List/List.tsx
|
|
6
|
-
|
|
6
|
+
var List = React.forwardRef(({
|
|
7
7
|
children,
|
|
8
8
|
...props
|
|
9
9
|
}, ref) => {
|
|
@@ -17,7 +17,7 @@ List.displayName = "List";
|
|
|
17
17
|
|
|
18
18
|
//#endregion
|
|
19
19
|
//#region src/components/List/ListItem.tsx
|
|
20
|
-
|
|
20
|
+
var ListItem = React.forwardRef((props, ref) => {
|
|
21
21
|
const {
|
|
22
22
|
children,
|
|
23
23
|
...rest
|
|
@@ -5,7 +5,7 @@ import { Icon } from "@ttoss/react-icons";
|
|
|
5
5
|
import { Box, Button, Card, Flex, Text, keyframes } from "@ttoss/ui";
|
|
6
6
|
|
|
7
7
|
//#region src/components/SpotlightCard/SpotlightCard.tsx
|
|
8
|
-
|
|
8
|
+
var SpotlightCard = ({
|
|
9
9
|
icon,
|
|
10
10
|
title,
|
|
11
11
|
badge,
|
|
@@ -278,7 +278,7 @@ SpotlightCard.displayName = "SpotlightCard";
|
|
|
278
278
|
* </Box>
|
|
279
279
|
* ```
|
|
280
280
|
*/
|
|
281
|
-
|
|
281
|
+
var LockedOverlay = ({
|
|
282
282
|
isOpen,
|
|
283
283
|
onRequestClose,
|
|
284
284
|
header,
|
package/dist/Markdown/index.mjs
CHANGED
package/dist/Menu/index.mjs
CHANGED
|
@@ -5,7 +5,7 @@ import { Box, Card, Flex, Text, TooltipIcon } from "@ttoss/ui";
|
|
|
5
5
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
6
6
|
|
|
7
7
|
//#region src/components/MetricCard/MetricCard.tsx
|
|
8
|
-
|
|
8
|
+
var messages = defineMessages({
|
|
9
9
|
ofMax: {
|
|
10
10
|
id: "oYpm71",
|
|
11
11
|
defaultMessage: [{
|
|
@@ -58,7 +58,7 @@ const messages = defineMessages({
|
|
|
58
58
|
/**
|
|
59
59
|
* Icon wrapper for metric cards.
|
|
60
60
|
*/
|
|
61
|
-
|
|
61
|
+
var MetricIconWrapper = ({
|
|
62
62
|
icon
|
|
63
63
|
}) => {
|
|
64
64
|
return /* @__PURE__ */jsx(Flex, {
|
|
@@ -82,7 +82,7 @@ const MetricIconWrapper = ({
|
|
|
82
82
|
/**
|
|
83
83
|
* Card header with label, tooltip, and optional clickable icon.
|
|
84
84
|
*/
|
|
85
|
-
|
|
85
|
+
var MetricCardHeader = ({
|
|
86
86
|
label,
|
|
87
87
|
tooltip,
|
|
88
88
|
isClickable
|
|
@@ -139,7 +139,7 @@ const MetricCardHeader = ({
|
|
|
139
139
|
/**
|
|
140
140
|
* Renders the content for a date metric.
|
|
141
141
|
*/
|
|
142
|
-
|
|
142
|
+
var DateMetricContent = ({
|
|
143
143
|
metric
|
|
144
144
|
}) => {
|
|
145
145
|
return /* @__PURE__ */jsxs(Fragment, {
|
|
@@ -177,7 +177,7 @@ const DateMetricContent = ({
|
|
|
177
177
|
/**
|
|
178
178
|
* Renders the content for a percentage metric.
|
|
179
179
|
*/
|
|
180
|
-
|
|
180
|
+
var PercentageMetricContent = ({
|
|
181
181
|
metric
|
|
182
182
|
}) => {
|
|
183
183
|
const {
|
|
@@ -279,7 +279,7 @@ const PercentageMetricContent = ({
|
|
|
279
279
|
/**
|
|
280
280
|
* Renders the content for a number metric.
|
|
281
281
|
*/
|
|
282
|
-
|
|
282
|
+
var NumberMetricContent = ({
|
|
283
283
|
metric
|
|
284
284
|
}) => {
|
|
285
285
|
const {
|
|
@@ -357,7 +357,7 @@ const NumberMetricContent = ({
|
|
|
357
357
|
* />
|
|
358
358
|
* ```
|
|
359
359
|
*/
|
|
360
|
-
|
|
360
|
+
var MetricCard = ({
|
|
361
361
|
metric,
|
|
362
362
|
isLoading = false
|
|
363
363
|
}) => {
|
package/dist/Modal/index.mjs
CHANGED
package/dist/NavList/index.mjs
CHANGED
|
@@ -5,7 +5,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
|
5
5
|
import * as React from "react";
|
|
6
6
|
|
|
7
7
|
//#region src/components/NavList/NavList.tsx
|
|
8
|
-
|
|
8
|
+
var getVariantStyles = variant => {
|
|
9
9
|
switch (variant) {
|
|
10
10
|
case "sidebar":
|
|
11
11
|
return {
|
|
@@ -116,7 +116,7 @@ const getVariantStyles = variant => {
|
|
|
116
116
|
return getVariantStyles("menu");
|
|
117
117
|
}
|
|
118
118
|
};
|
|
119
|
-
|
|
119
|
+
var NavListItemComponent = ({
|
|
120
120
|
item,
|
|
121
121
|
onItemClick,
|
|
122
122
|
variantStyles,
|
|
@@ -181,7 +181,7 @@ const NavListItemComponent = ({
|
|
|
181
181
|
})]
|
|
182
182
|
});
|
|
183
183
|
};
|
|
184
|
-
|
|
184
|
+
var NavList = ({
|
|
185
185
|
items = [],
|
|
186
186
|
groups = [],
|
|
187
187
|
variant = "menu",
|
|
@@ -5,7 +5,7 @@ import * as React from "react";
|
|
|
5
5
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
6
6
|
|
|
7
7
|
//#region src/components/NotificationCard/NotificationCard.tsx
|
|
8
|
-
|
|
8
|
+
var NotificationCard = props => {
|
|
9
9
|
const sxMap = {
|
|
10
10
|
success: {
|
|
11
11
|
card: {
|
|
@@ -171,7 +171,7 @@ const NotificationCard = props => {
|
|
|
171
171
|
|
|
172
172
|
//#endregion
|
|
173
173
|
//#region src/components/NotificationsMenu/NotificationsMenu.tsx
|
|
174
|
-
|
|
174
|
+
var NotificationsMenu = ({
|
|
175
175
|
notifications,
|
|
176
176
|
defaultOpen = false,
|
|
177
177
|
hasMore = false,
|
package/dist/Search/index.mjs
CHANGED
package/dist/Table/index.mjs
CHANGED
|
@@ -4,49 +4,49 @@ import { jsx } from "react/jsx-runtime";
|
|
|
4
4
|
import { createCell, createColumnHelper, flexRender, getCoreRowModel, useReactTable } from "@tanstack/react-table";
|
|
5
5
|
|
|
6
6
|
//#region src/components/Table/Table.tsx
|
|
7
|
-
|
|
7
|
+
var Table = props => {
|
|
8
8
|
return /* @__PURE__ */jsx(Box, {
|
|
9
9
|
as: "table",
|
|
10
10
|
...props
|
|
11
11
|
});
|
|
12
12
|
};
|
|
13
|
-
|
|
13
|
+
var TableHead = props => {
|
|
14
14
|
return /* @__PURE__ */jsx(Box, {
|
|
15
15
|
as: "thead",
|
|
16
16
|
...props
|
|
17
17
|
});
|
|
18
18
|
};
|
|
19
|
-
|
|
19
|
+
var TableBody = props => {
|
|
20
20
|
return /* @__PURE__ */jsx(Box, {
|
|
21
21
|
as: "tbody",
|
|
22
22
|
...props
|
|
23
23
|
});
|
|
24
24
|
};
|
|
25
|
-
|
|
25
|
+
var TableRow = props => {
|
|
26
26
|
return /* @__PURE__ */jsx(Box, {
|
|
27
27
|
as: "tr",
|
|
28
28
|
...props
|
|
29
29
|
});
|
|
30
30
|
};
|
|
31
|
-
|
|
31
|
+
var TableCell = props => {
|
|
32
32
|
return /* @__PURE__ */jsx(Box, {
|
|
33
33
|
as: "td",
|
|
34
34
|
...props
|
|
35
35
|
});
|
|
36
36
|
};
|
|
37
|
-
|
|
37
|
+
var TableHeader = props => {
|
|
38
38
|
return /* @__PURE__ */jsx(Box, {
|
|
39
39
|
as: "th",
|
|
40
40
|
...props
|
|
41
41
|
});
|
|
42
42
|
};
|
|
43
|
-
|
|
43
|
+
var TableCaption = props => {
|
|
44
44
|
return /* @__PURE__ */jsx(Box, {
|
|
45
45
|
as: "caption",
|
|
46
46
|
...props
|
|
47
47
|
});
|
|
48
48
|
};
|
|
49
|
-
|
|
49
|
+
var TableFooter = props => {
|
|
50
50
|
return /* @__PURE__ */jsx(Box, {
|
|
51
51
|
as: "tfoot",
|
|
52
52
|
...props
|
package/dist/Tabs/index.mjs
CHANGED
package/dist/Toast/index.mjs
CHANGED
|
@@ -7,7 +7,7 @@ import * as React from "react";
|
|
|
7
7
|
import { ToastContainer as ToastContainer$1, toast as toast$1 } from "react-toastify";
|
|
8
8
|
|
|
9
9
|
//#region src/components/Toast/Toast.tsx
|
|
10
|
-
|
|
10
|
+
var ToastContainer = props => {
|
|
11
11
|
const {
|
|
12
12
|
theme
|
|
13
13
|
} = useTheme();
|
|
@@ -37,7 +37,7 @@ const ToastContainer = props => {
|
|
|
37
37
|
})
|
|
38
38
|
});
|
|
39
39
|
};
|
|
40
|
-
|
|
40
|
+
var toast = toast$1;
|
|
41
41
|
|
|
42
42
|
//#endregion
|
|
43
43
|
export { ToastContainer, toast };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ttoss/components",
|
|
3
|
-
"version": "2.14.
|
|
3
|
+
"version": "2.14.24",
|
|
4
4
|
"description": "React components for ttoss ecosystem.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"React",
|
|
@@ -134,20 +134,20 @@
|
|
|
134
134
|
"react": "^19.2.6",
|
|
135
135
|
"tsdown": "^0.22.0",
|
|
136
136
|
"tsx": "^4.21.0",
|
|
137
|
-
"@ttoss/config": "^1.37.
|
|
138
|
-
"@ttoss/
|
|
139
|
-
"@ttoss/react-
|
|
140
|
-
"@ttoss/
|
|
141
|
-
"@ttoss/
|
|
142
|
-
"@ttoss/
|
|
143
|
-
"@ttoss/
|
|
137
|
+
"@ttoss/config": "^1.37.15",
|
|
138
|
+
"@ttoss/i18n-cli": "^0.8.15",
|
|
139
|
+
"@ttoss/react-i18n": "^2.2.17",
|
|
140
|
+
"@ttoss/react-hooks": "^2.3.16",
|
|
141
|
+
"@ttoss/react-icons": "^0.7.17",
|
|
142
|
+
"@ttoss/test-utils": "^4.2.15",
|
|
143
|
+
"@ttoss/ui": "^6.9.23"
|
|
144
144
|
},
|
|
145
145
|
"peerDependencies": {
|
|
146
146
|
"react": ">=16.8.0",
|
|
147
|
-
"@ttoss/react-
|
|
148
|
-
"@ttoss/ui": "^6.9.
|
|
149
|
-
"@ttoss/react-
|
|
150
|
-
"@ttoss/react-
|
|
147
|
+
"@ttoss/react-i18n": "^2.2.17",
|
|
148
|
+
"@ttoss/ui": "^6.9.23",
|
|
149
|
+
"@ttoss/react-hooks": "^2.3.16",
|
|
150
|
+
"@ttoss/react-icons": "^0.7.17"
|
|
151
151
|
},
|
|
152
152
|
"publishConfig": {
|
|
153
153
|
"access": "public",
|