@pismo/marola 2.1.61 → 2.1.63
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/assets/TransactionRow.css +1 -1
- package/dist/components/InputSearch/InputSearch.js +18 -8
- package/dist/components/TransactionRow/TransactionRow.d.ts +2 -1
- package/dist/components/TransactionRow/TransactionRow.js +94 -90
- package/dist/components/TransactionRow/TransactionRow.stories.d.ts +4 -1
- package/package.json +4 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._container_izv92_1{width:100%;min-height:56px}._container--border-top_izv92_5{border-top:1px solid var(--border-secondary)}._container--border-bottom_izv92_8{border-bottom:1px solid var(--border-secondary)}._container--border-full_izv92_11{border:1px solid var(--border-secondary);border-radius:8px}._container__grid_izv92_15{display:grid;grid-template-columns:1fr 1.5fr .5fr 4.5fr 2.5fr 2fr;align-items:center;justify-content:space-between;height:56px;padding:12px 16px}._container--pending_izv92_23{display:flex;align-items:center;justify-content:flex-start;height:66px;padding:12px 16px}._container__pending-right_izv92_30{margin-left:auto}._container--two-line_izv92_33{display:flex;gap:1rem;align-items:center;justify-content:space-between;min-height:72px;padding:16px}._container__avatar_izv92_41{background-color:var(--colors-neutral-bg-color-bg-container-disabled)}._container_izv92_1 :hover{cursor:pointer;background-color:var(--border-secondary)}._container__icon-wrapper_izv92_48{position:relative;display:inline-block}._container__pending-indicator_izv92_52{position:absolute;right:-6px;bottom:-6px;display:flex;align-items:center;justify-content:center;width:18px;height:18px;pointer-events:none;background-color:var(--colors-brand-primary-color-primary-bg);border-radius:50%}._container__two-line-content_izv92_65{display:flex;flex-direction:column;flex-grow:1;gap:.125rem;min-width:0}._container__two-line-primary_izv92_72{font-size:.875rem;font-weight:600;color:var(--gray-95)}._container__two-line-secondary_izv92_77{font-size:.75rem;color:var(--gray-75)}._container__two-line-right_izv92_81{display:flex;flex-direction:column;flex-shrink:0;gap:.125rem;align-items:flex-end;margin-left:auto}._container__two-line-right-primary_izv92_89{font-size:.875rem;font-weight:600;color:var(--gray-95)}._container__two-line-right-secondary_izv92_94{font-size:.75rem;color:var(--gray-75)}._container__info-section_izv92_98,._container__info-section--content_izv92_102{width:100%;overflow:hidden}._container__info-section--item_izv92_106{display:inline-flex;flex-shrink:0;padding-left:8px}._container__info-section--item_izv92_106:not(:last-child){flex-shrink:0}._container__info-section--item_izv92_106:last-child{flex-shrink:1;min-width:0;overflow:hidden}._container__info-section--item_izv92_106:not(:first-child){margin-left:8px;border-left:1px solid var(--border-secondary)}._container__info-section--right_izv92_123{display:flex;justify-content:flex-end}._container__truncate-text_izv92_127{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._container__separator_izv92_134{display:inline-block;width:1px;height:16px;margin:0 8px;vertical-align:middle;background-color:var(--border-secondary)}
|
|
@@ -1,12 +1,22 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef as
|
|
3
|
-
import { c as
|
|
4
|
-
import { Icon as
|
|
5
|
-
import { Input as
|
|
6
|
-
import '../../assets/InputSearch.css';const
|
|
7
|
-
inputSearch:
|
|
8
|
-
}, d =
|
|
9
|
-
({ classNameWrapper: t, value: o, ...
|
|
2
|
+
import { forwardRef as a } from "react";
|
|
3
|
+
import { c as i } from "../../clsx-OuTLNxxd.js";
|
|
4
|
+
import { Icon as p } from "../Icon/Icon.js";
|
|
5
|
+
import { Input as s } from "../Input/Input.js";
|
|
6
|
+
import '../../assets/InputSearch.css';const m = "_inputSearch_114e1_1", f = {
|
|
7
|
+
inputSearch: m
|
|
8
|
+
}, d = a(
|
|
9
|
+
({ classNameWrapper: t, value: e, triggerDelay: o, ...c }, n) => /* @__PURE__ */ r("div", { className: i(f.inputSearch, t), children: /* @__PURE__ */ r(
|
|
10
|
+
s,
|
|
11
|
+
{
|
|
12
|
+
type: "search",
|
|
13
|
+
ref: n,
|
|
14
|
+
...c,
|
|
15
|
+
triggerDelay: o ?? 500,
|
|
16
|
+
leftIcon: /* @__PURE__ */ r(p, { icon: "magnifying-glass" }),
|
|
17
|
+
defaultValue: e
|
|
18
|
+
}
|
|
19
|
+
) })
|
|
10
20
|
);
|
|
11
21
|
export {
|
|
12
22
|
d as InputSearch
|
|
@@ -20,6 +20,7 @@ type TransactionRowProps = {
|
|
|
20
20
|
rightSecondaryContent?: React.ReactNode;
|
|
21
21
|
colorVariant?: 'danger' | 'success' | 'primary';
|
|
22
22
|
pendingItem?: boolean;
|
|
23
|
+
border?: 'top' | 'bottom' | 'full';
|
|
23
24
|
};
|
|
24
|
-
export declare const TransactionRow: ({ dateTime, category, categoryType, name, type, installments, amount, month, icon, onClick, pendingItem, isLoading, isPendingTransaction, "data-testid": dataTestId, variant, primaryContent, secondaryContent, rightPrimaryContent, rightSecondaryContent, colorVariant, }: TransactionRowProps) => import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
export declare const TransactionRow: ({ dateTime, category, categoryType, name, type, installments, amount, month, icon, onClick, pendingItem, isLoading, isPendingTransaction, "data-testid": dataTestId, variant, primaryContent, secondaryContent, rightPrimaryContent, rightSecondaryContent, colorVariant, border, }: TransactionRowProps) => import("react/jsx-runtime").JSX.Element;
|
|
25
26
|
export {};
|
|
@@ -1,50 +1,54 @@
|
|
|
1
|
-
import { jsx as e, jsxs as
|
|
2
|
-
import { Avatar as
|
|
1
|
+
import { jsx as e, jsxs as r, Fragment as _ } from "react/jsx-runtime";
|
|
2
|
+
import { Avatar as w } from "../Avatar/Avatar.js";
|
|
3
3
|
import { Icon as d } from "../Icon/Icon.js";
|
|
4
4
|
import { SkeletonCircle as f, Skeleton as a } from "../Skeleton/Skeleton.js";
|
|
5
|
-
import { Typography as
|
|
6
|
-
import '../../assets/TransactionRow.css';const
|
|
7
|
-
container:
|
|
8
|
-
|
|
9
|
-
"container--
|
|
10
|
-
"
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
"
|
|
14
|
-
"
|
|
15
|
-
|
|
16
|
-
"
|
|
17
|
-
"
|
|
18
|
-
"container__two-line-
|
|
19
|
-
"container__two-line-
|
|
20
|
-
"container__two-line-
|
|
21
|
-
"
|
|
22
|
-
"
|
|
23
|
-
"
|
|
24
|
-
"container__info-section
|
|
25
|
-
"
|
|
26
|
-
|
|
27
|
-
|
|
5
|
+
import { Typography as o } from "../Typography/Typography.js";
|
|
6
|
+
import '../../assets/TransactionRow.css';const M = "_container_izv92_1", R = "_container__grid_izv92_15", q = "_container__avatar_izv92_41", B = "_container__separator_izv92_134", n = {
|
|
7
|
+
container: M,
|
|
8
|
+
"container--border-top": "_container--border-top_izv92_5",
|
|
9
|
+
"container--border-bottom": "_container--border-bottom_izv92_8",
|
|
10
|
+
"container--border-full": "_container--border-full_izv92_11",
|
|
11
|
+
container__grid: R,
|
|
12
|
+
"container--pending": "_container--pending_izv92_23",
|
|
13
|
+
"container__pending-right": "_container__pending-right_izv92_30",
|
|
14
|
+
"container--two-line": "_container--two-line_izv92_33",
|
|
15
|
+
container__avatar: q,
|
|
16
|
+
"container__icon-wrapper": "_container__icon-wrapper_izv92_48",
|
|
17
|
+
"container__pending-indicator": "_container__pending-indicator_izv92_52",
|
|
18
|
+
"container__two-line-content": "_container__two-line-content_izv92_65",
|
|
19
|
+
"container__two-line-primary": "_container__two-line-primary_izv92_72",
|
|
20
|
+
"container__two-line-secondary": "_container__two-line-secondary_izv92_77",
|
|
21
|
+
"container__two-line-right": "_container__two-line-right_izv92_81",
|
|
22
|
+
"container__two-line-right-primary": "_container__two-line-right-primary_izv92_89",
|
|
23
|
+
"container__two-line-right-secondary": "_container__two-line-right-secondary_izv92_94",
|
|
24
|
+
"container__info-section": "_container__info-section_izv92_98",
|
|
25
|
+
"container__info-section--content": "_container__info-section--content_izv92_102",
|
|
26
|
+
"container__info-section--item": "_container__info-section--item_izv92_106",
|
|
27
|
+
"container__info-section--right": "_container__info-section--right_izv92_123",
|
|
28
|
+
"container__truncate-text": "_container__truncate-text_izv92_127",
|
|
29
|
+
container__separator: B
|
|
30
|
+
}, Q = ({
|
|
28
31
|
dateTime: k,
|
|
29
|
-
category:
|
|
30
|
-
categoryType:
|
|
31
|
-
name:
|
|
32
|
-
type:
|
|
32
|
+
category: g,
|
|
33
|
+
categoryType: $,
|
|
34
|
+
name: b,
|
|
35
|
+
type: A,
|
|
33
36
|
installments: l,
|
|
34
|
-
amount:
|
|
35
|
-
month:
|
|
36
|
-
icon:
|
|
37
|
-
onClick:
|
|
38
|
-
pendingItem:
|
|
37
|
+
amount: N,
|
|
38
|
+
month: D,
|
|
39
|
+
icon: v,
|
|
40
|
+
onClick: c,
|
|
41
|
+
pendingItem: h = !1,
|
|
39
42
|
isLoading: t = !1,
|
|
40
|
-
isPendingTransaction:
|
|
41
|
-
"data-testid":
|
|
42
|
-
variant:
|
|
43
|
-
primaryContent:
|
|
43
|
+
isPendingTransaction: j = !1,
|
|
44
|
+
"data-testid": i = "Description",
|
|
45
|
+
variant: F = "default",
|
|
46
|
+
primaryContent: z,
|
|
44
47
|
secondaryContent: u,
|
|
45
|
-
rightPrimaryContent:
|
|
46
|
-
rightSecondaryContent:
|
|
47
|
-
colorVariant: x
|
|
48
|
+
rightPrimaryContent: p,
|
|
49
|
+
rightSecondaryContent: m,
|
|
50
|
+
colorVariant: x,
|
|
51
|
+
border: y = "top"
|
|
48
52
|
}) => {
|
|
49
53
|
const s = (() => {
|
|
50
54
|
if (!x) return "var(--gray-95)";
|
|
@@ -59,113 +63,113 @@ import '../../assets/TransactionRow.css';const F = "_container_f0c9g_1", M = "_c
|
|
|
59
63
|
return;
|
|
60
64
|
}
|
|
61
65
|
})();
|
|
62
|
-
return
|
|
63
|
-
t ? /* @__PURE__ */ e(f, { size: "32px", "data-testid": `${
|
|
64
|
-
/* @__PURE__ */ e(
|
|
65
|
-
|
|
66
|
+
return F === "two-line" ? /* @__PURE__ */ e("div", { className: `${n.container} ${n[`container--border-${y}`]}`, onClick: () => c == null ? void 0 : c(), children: /* @__PURE__ */ r("div", { className: n["container--two-line"], children: [
|
|
67
|
+
t ? /* @__PURE__ */ e(f, { size: "32px", "data-testid": `${i}-skeletonIcon` }) : /* @__PURE__ */ r("div", { className: n["container__icon-wrapper"], children: [
|
|
68
|
+
/* @__PURE__ */ e(w, { type: "icon", className: n.container__avatar, children: /* @__PURE__ */ e(d, { icon: v || "coin", color: s }) }),
|
|
69
|
+
h && /* @__PURE__ */ e("div", { className: n["container__pending-indicator"], children: /* @__PURE__ */ e(d, { icon: "clock-rotate-left", color: "var(--colors-brand-primary-color-primary)", size: "0.75rem" }) })
|
|
66
70
|
] }),
|
|
67
|
-
/* @__PURE__ */ e("div", { className: n["container__two-line-content"], children: t ? /* @__PURE__ */
|
|
68
|
-
/* @__PURE__ */ e(a, { style: { width: 140 }, "data-testid": `${
|
|
69
|
-
/* @__PURE__ */ e(a, { style: { width: 100, marginTop: "4px" }, "data-testid": `${
|
|
70
|
-
] }) : /* @__PURE__ */
|
|
71
|
-
|
|
72
|
-
|
|
71
|
+
/* @__PURE__ */ e("div", { className: n["container__two-line-content"], children: t ? /* @__PURE__ */ r(_, { children: [
|
|
72
|
+
/* @__PURE__ */ e(a, { style: { width: 140 }, "data-testid": `${i}-skeletonName` }),
|
|
73
|
+
/* @__PURE__ */ e(a, { style: { width: 100, marginTop: "4px" }, "data-testid": `${i}-skeletonDate` })
|
|
74
|
+
] }) : /* @__PURE__ */ r(_, { children: [
|
|
75
|
+
z && /* @__PURE__ */ e(
|
|
76
|
+
o,
|
|
73
77
|
{
|
|
74
78
|
color: "var(--gray-95)",
|
|
75
79
|
variant: "base",
|
|
76
80
|
className: n["container__two-line-primary"],
|
|
77
|
-
"data-testid": `${
|
|
78
|
-
children:
|
|
81
|
+
"data-testid": `${i}-name`,
|
|
82
|
+
children: z
|
|
79
83
|
}
|
|
80
84
|
),
|
|
81
|
-
u && /* @__PURE__ */ e(
|
|
85
|
+
u && /* @__PURE__ */ e(o, { color: "var(--gray-75)", variant: "base", className: n["container__two-line-secondary"], children: u })
|
|
82
86
|
] }) }),
|
|
83
|
-
(
|
|
84
|
-
/* @__PURE__ */ e(a, { style: { width: 60 }, "data-testid": `${
|
|
85
|
-
/* @__PURE__ */ e(a, { style: { width: 50, marginTop: "4px" }, "data-testid": `${
|
|
86
|
-
] }) : /* @__PURE__ */
|
|
87
|
-
|
|
88
|
-
|
|
87
|
+
(p || m || h || t) && /* @__PURE__ */ e("div", { className: n["container__two-line-right"], children: t ? /* @__PURE__ */ r(_, { children: [
|
|
88
|
+
/* @__PURE__ */ e(a, { style: { width: 60 }, "data-testid": `${i}-skeletonType` }),
|
|
89
|
+
/* @__PURE__ */ e(a, { style: { width: 50, marginTop: "4px" }, "data-testid": `${i}-skeletonAmount` })
|
|
90
|
+
] }) : /* @__PURE__ */ r(_, { children: [
|
|
91
|
+
p && /* @__PURE__ */ e(
|
|
92
|
+
o,
|
|
89
93
|
{
|
|
90
94
|
color: s || "var(--gray-95)",
|
|
91
95
|
variant: "base",
|
|
92
96
|
className: n["container__two-line-right-primary"],
|
|
93
|
-
children:
|
|
97
|
+
children: p
|
|
94
98
|
}
|
|
95
99
|
),
|
|
96
|
-
(
|
|
97
|
-
|
|
100
|
+
(m || l || h) && /* @__PURE__ */ r(
|
|
101
|
+
o,
|
|
98
102
|
{
|
|
99
103
|
color: "var(--gray-75)",
|
|
100
104
|
variant: "base",
|
|
101
105
|
className: n["container__two-line-right-secondary"],
|
|
102
106
|
children: [
|
|
103
|
-
l && /* @__PURE__ */
|
|
107
|
+
l && /* @__PURE__ */ r(_, { children: [
|
|
104
108
|
l,
|
|
105
109
|
" . "
|
|
106
110
|
] }),
|
|
107
|
-
|
|
111
|
+
m || "Pending"
|
|
108
112
|
]
|
|
109
113
|
}
|
|
110
114
|
)
|
|
111
115
|
] }) })
|
|
112
|
-
] }) }) :
|
|
113
|
-
t ? /* @__PURE__ */ e(f, { size: "32px", "data-testid": `${
|
|
114
|
-
/* @__PURE__ */ e("div", { className: n["container__info-section"], children: /* @__PURE__ */ e("div", { className: n["container__info-section--item"], children: t ? /* @__PURE__ */ e(a, { style: { width: 140 }, "data-testid": `${
|
|
115
|
-
/* @__PURE__ */ e("div", { className: n["container__pending-right"], children: t ? /* @__PURE__ */ e(a, { style: { width: 70 }, "data-testid": `${
|
|
116
|
-
] }) }) : /* @__PURE__ */ e("div", { className: n.container
|
|
117
|
-
/* @__PURE__ */ e("div", { children: t ? /* @__PURE__ */ e(a, { style: { width: 50 }, "data-testid": `${
|
|
118
|
-
/* @__PURE__ */ e("div", { children: t ? /* @__PURE__ */ e(a, { style: { width: 90 }, "data-testid": `${
|
|
119
|
-
t ? /* @__PURE__ */ e(f, { size: "32px", "data-testid": `${
|
|
120
|
-
/* @__PURE__ */ e("div", { className: n["container__info-section"], children: /* @__PURE__ */ e("div", { className: n["container__info-section--content"], children: t ? /* @__PURE__ */
|
|
116
|
+
] }) }) : j ? /* @__PURE__ */ e("div", { className: `${n.container} ${n[`container--border-${y}`]}`, children: /* @__PURE__ */ r("div", { className: n["container--pending"], onClick: () => c == null ? void 0 : c(), children: [
|
|
117
|
+
t ? /* @__PURE__ */ e(f, { size: "32px", "data-testid": `${i}-skeletonIcon` }) : /* @__PURE__ */ e(w, { type: "icon", children: /* @__PURE__ */ e(d, { icon: v || "coin", color: s }) }),
|
|
118
|
+
/* @__PURE__ */ e("div", { className: n["container__info-section"], children: /* @__PURE__ */ e("div", { className: n["container__info-section--item"], children: t ? /* @__PURE__ */ e(a, { style: { width: 140 }, "data-testid": `${i}-skeletonName` }) : /* @__PURE__ */ e(o, { color: "var(--gray-95)", variant: "base", "data-testid": `${i}-content`, children: b }) }) }),
|
|
119
|
+
/* @__PURE__ */ e("div", { className: n["container__pending-right"], children: t ? /* @__PURE__ */ e(a, { style: { width: 70 }, "data-testid": `${i}-skeletonAmount` }) : /* @__PURE__ */ e(o, { bold: !0, color: "var(--gray-95)", variant: "base", children: N }) })
|
|
120
|
+
] }) }) : /* @__PURE__ */ e("div", { className: `${n.container} ${n[`container--border-${y}`]}`, children: /* @__PURE__ */ r("div", { onClick: () => c == null ? void 0 : c(), className: n.container__grid, children: [
|
|
121
|
+
/* @__PURE__ */ e("div", { children: t ? /* @__PURE__ */ e(a, { style: { width: 50 }, "data-testid": `${i}-skeletonMonth` }) : /* @__PURE__ */ e(o, { color: "var(--gray-95)", variant: "base", children: D }) }),
|
|
122
|
+
/* @__PURE__ */ e("div", { children: t ? /* @__PURE__ */ e(a, { style: { width: 90 }, "data-testid": `${i}-skeletonDate` }) : /* @__PURE__ */ e(o, { color: "var(--gray-95)", variant: "base", children: k }) }),
|
|
123
|
+
t ? /* @__PURE__ */ e(f, { size: "32px", "data-testid": `${i}-skeletonIcon` }) : /* @__PURE__ */ e(w, { type: "icon", children: /* @__PURE__ */ e(d, { icon: v || "coin", color: s }) }),
|
|
124
|
+
/* @__PURE__ */ e("div", { className: n["container__info-section"], children: /* @__PURE__ */ e("div", { className: n["container__info-section--content"], children: t ? /* @__PURE__ */ r(_, { children: [
|
|
121
125
|
/* @__PURE__ */ e(
|
|
122
126
|
a,
|
|
123
127
|
{
|
|
124
128
|
style: { width: 70, display: "inline-block", marginLeft: "8px" },
|
|
125
|
-
"data-testid": `${
|
|
129
|
+
"data-testid": `${i}-skeletonName`
|
|
126
130
|
}
|
|
127
131
|
),
|
|
128
132
|
/* @__PURE__ */ e(
|
|
129
133
|
a,
|
|
130
134
|
{
|
|
131
135
|
style: { width: 70, display: "inline-block", marginLeft: "8px" },
|
|
132
|
-
"data-testid": `${
|
|
136
|
+
"data-testid": `${i}-skeletonCategory`
|
|
133
137
|
}
|
|
134
138
|
),
|
|
135
139
|
/* @__PURE__ */ e(
|
|
136
140
|
a,
|
|
137
141
|
{
|
|
138
142
|
style: { width: 70, display: "inline-block", marginLeft: "8px" },
|
|
139
|
-
"data-testid": `${
|
|
143
|
+
"data-testid": `${i}-skeletonCategoryType`
|
|
140
144
|
}
|
|
141
145
|
)
|
|
142
|
-
] }) : /* @__PURE__ */
|
|
143
|
-
|
|
146
|
+
] }) : /* @__PURE__ */ r(
|
|
147
|
+
o,
|
|
144
148
|
{
|
|
145
149
|
color: "var(--gray-95)",
|
|
146
150
|
variant: "base",
|
|
147
151
|
className: n["container__truncate-text"],
|
|
148
|
-
"data-testid": `${
|
|
152
|
+
"data-testid": `${i}-content`,
|
|
149
153
|
children: [
|
|
150
|
-
/* @__PURE__ */ e("span", { "data-testid": `${
|
|
151
|
-
|
|
154
|
+
/* @__PURE__ */ e("span", { "data-testid": `${i}-name`, children: b }),
|
|
155
|
+
g && /* @__PURE__ */ r(_, { children: [
|
|
152
156
|
/* @__PURE__ */ e("span", { className: n.container__separator }),
|
|
153
|
-
/* @__PURE__ */ e("span", { "data-testid": `${
|
|
157
|
+
/* @__PURE__ */ e("span", { "data-testid": `${i}-category`, children: g })
|
|
154
158
|
] }),
|
|
155
|
-
|
|
159
|
+
$ && /* @__PURE__ */ r(_, { children: [
|
|
156
160
|
/* @__PURE__ */ e("span", { className: n.container__separator }),
|
|
157
|
-
/* @__PURE__ */ e("span", { "data-testid": `${
|
|
161
|
+
/* @__PURE__ */ e("span", { "data-testid": `${i}-categoryType`, children: $ })
|
|
158
162
|
] })
|
|
159
163
|
]
|
|
160
164
|
}
|
|
161
165
|
) }) }),
|
|
162
|
-
/* @__PURE__ */
|
|
163
|
-
l && /* @__PURE__ */ e("div", { className: n["container__info-section--item"], children: t ? /* @__PURE__ */ e(a, { style: { width: 70 }, "data-testid": `${
|
|
164
|
-
/* @__PURE__ */ e("div", { className: n["container__info-section--item"], children: t ? /* @__PURE__ */ e(a, { style: { width: 70 }, "data-testid": `${
|
|
166
|
+
/* @__PURE__ */ r("div", { className: n["container__info-section--right"], children: [
|
|
167
|
+
l && /* @__PURE__ */ e("div", { className: n["container__info-section--item"], children: t ? /* @__PURE__ */ e(a, { style: { width: 70 }, "data-testid": `${i}-skeletonInstallments` }) : /* @__PURE__ */ e(o, { color: "var(--gray-95)", variant: "base", children: l }) }),
|
|
168
|
+
/* @__PURE__ */ e("div", { className: n["container__info-section--item"], children: t ? /* @__PURE__ */ e(a, { style: { width: 70 }, "data-testid": `${i}-skeletonType` }) : /* @__PURE__ */ e(o, { color: "var(--gray-95)", variant: "base", children: A }) })
|
|
165
169
|
] }),
|
|
166
|
-
/* @__PURE__ */ e("div", { className: n["container__info-section--right"], children: t ? /* @__PURE__ */ e(a, { style: { width: 140 }, "data-testid": `${
|
|
170
|
+
/* @__PURE__ */ e("div", { className: n["container__info-section--right"], children: t ? /* @__PURE__ */ e(a, { style: { width: 140 }, "data-testid": `${i}-skeletonAmount` }) : /* @__PURE__ */ e(o, { bold: !0, variant: "base", children: N }) })
|
|
167
171
|
] }) });
|
|
168
172
|
};
|
|
169
173
|
export {
|
|
170
|
-
|
|
174
|
+
Q as TransactionRow
|
|
171
175
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { StoryObj } from '@storybook/react';
|
|
2
2
|
declare const meta: {
|
|
3
3
|
title: string;
|
|
4
|
-
component: ({ dateTime, category, categoryType, name, type, installments, amount, month, icon, onClick, pendingItem, isLoading, isPendingTransaction, "data-testid": dataTestId, variant, primaryContent, secondaryContent, rightPrimaryContent, rightSecondaryContent, colorVariant, }: {
|
|
4
|
+
component: ({ dateTime, category, categoryType, name, type, installments, amount, month, icon, onClick, pendingItem, isLoading, isPendingTransaction, "data-testid": dataTestId, variant, primaryContent, secondaryContent, rightPrimaryContent, rightSecondaryContent, colorVariant, border, }: {
|
|
5
5
|
dateTime?: import('react').ReactNode;
|
|
6
6
|
month?: import('react').ReactNode;
|
|
7
7
|
category?: import('react').ReactNode;
|
|
@@ -22,6 +22,7 @@ declare const meta: {
|
|
|
22
22
|
rightSecondaryContent?: import('react').ReactNode;
|
|
23
23
|
colorVariant?: "success" | "primary" | "danger" | undefined;
|
|
24
24
|
pendingItem?: boolean | undefined;
|
|
25
|
+
border?: "bottom" | "top" | "full" | undefined;
|
|
25
26
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
26
27
|
tags: string[];
|
|
27
28
|
parameters: {
|
|
@@ -47,3 +48,5 @@ export declare const TwoLineMultipleExamples: Story;
|
|
|
47
48
|
export declare const TwoLineWithColorVariants: Story;
|
|
48
49
|
export declare const DefaultWithColorVariants: Story;
|
|
49
50
|
export declare const TwoLineWithPendingIndicator: Story;
|
|
51
|
+
export declare const BorderVariants: Story;
|
|
52
|
+
export declare const TwoLineBorderVariants: Story;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pismo/marola",
|
|
3
3
|
"description": "CDX tribe component library",
|
|
4
|
-
"version": "2.1.
|
|
4
|
+
"version": "2.1.63",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/main.js",
|
|
7
7
|
"types": "dist/main.d.ts",
|
|
@@ -88,7 +88,7 @@
|
|
|
88
88
|
"stylelint-config-standard-scss": "^13.1.0",
|
|
89
89
|
"stylelint-prettier": "^5.0.0",
|
|
90
90
|
"typescript": "^5.2.2",
|
|
91
|
-
"vite": "^6.
|
|
91
|
+
"vite": "^6.4.1",
|
|
92
92
|
"vite-plugin-dts": "^4.5.3",
|
|
93
93
|
"vite-plugin-lib-inject-css": "^2.2.1",
|
|
94
94
|
"vite-plugin-svgr": "^4.3.0",
|
|
@@ -118,10 +118,10 @@
|
|
|
118
118
|
"rollup": "^4.40.1",
|
|
119
119
|
"send": "^1.2.0",
|
|
120
120
|
"serve-static": "^2.2.0",
|
|
121
|
-
"vite": "^6.
|
|
121
|
+
"vite": "^6.4.1",
|
|
122
122
|
"ws": "^8.18.1",
|
|
123
123
|
"tmp": "^0.2.5",
|
|
124
124
|
"brace-expansion": "^2.0.2",
|
|
125
125
|
"debug": "^4.4.3"
|
|
126
126
|
}
|
|
127
|
-
}
|
|
127
|
+
}
|