@pismo/marola 2.1.45 → 2.1.46

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.
Files changed (3) hide show
  1. package/dist/assets/TransactionRow.css +1 -1
  2. package/dist/components/TransactionRow/TransactionRow.js +33 -33
  3. package/package.json +1 -1
package/dist/assets/TransactionRow.css CHANGED
@@ -1 +1 @@
1
- ._container_sv3th_1{width:100%;height:56px;border-top:1px solid var(--border-secondary)}._container-grid_sv3th_6{display:grid;grid-template-columns:1fr 1.5fr .5fr 5fr 2fr 2fr;align-items:center;justify-content:space-between;padding:12px 16px}._container-pending_sv3th_13{display:flex;align-items:center;justify-content:flex-start;padding:12px 16px}._container-pending--right_sv3th_19{margin-left:auto}._container_sv3th_1 :hover{cursor:pointer;background-color:var(--border-secondary)}._info-section_sv3th_27,._info-section--content_sv3th_31{width:100%;overflow:hidden}._info-section--item_sv3th_35{display:inline-flex;flex-shrink:0;padding-left:8px}._info-section--item_sv3th_35:not(:last-child){flex-shrink:0}._info-section--item_sv3th_35:last-child{flex-shrink:1;min-width:0;overflow:hidden}._info-section--item_sv3th_35:not(:first-child){margin-left:8px;border-left:1px solid var(--border-secondary)}._info-section--right_sv3th_52{display:flex;justify-content:flex-end}._info-section_sv3th_27 ._truncate-text_sv3th_56{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._info-section_sv3th_27 ._separator_sv3th_63{display:inline-block;width:1px;height:16px;margin:0 8px;vertical-align:middle;background-color:var(--border-secondary)}
1
+ ._container_1wc4o_1{width:100%;height:56px;border-top:1px solid var(--border-secondary)}._container-grid_1wc4o_6{display:grid;grid-template-columns:1fr 1.5fr .5fr 4.5fr 2.5fr 2fr;align-items:center;justify-content:space-between;padding:12px 16px}._container-pending_1wc4o_13{display:flex;align-items:center;justify-content:flex-start;padding:12px 16px}._container-pending--right_1wc4o_19{margin-left:auto}._container_1wc4o_1 :hover{cursor:pointer;background-color:var(--border-secondary)}._info-section_1wc4o_27,._info-section--content_1wc4o_31{width:100%;overflow:hidden}._info-section--item_1wc4o_35{display:inline-flex;flex-shrink:0;padding-left:8px}._info-section--item_1wc4o_35:not(:last-child){flex-shrink:0}._info-section--item_1wc4o_35:last-child{flex-shrink:1;min-width:0;overflow:hidden}._info-section--item_1wc4o_35:not(:first-child){margin-left:8px;border-left:1px solid var(--border-secondary)}._info-section--right_1wc4o_52{display:flex;justify-content:flex-end}._info-section_1wc4o_27 ._truncate-text_1wc4o_56{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._info-section_1wc4o_27 ._separator_1wc4o_63{display:inline-block;width:1px;height:16px;margin:0 8px;vertical-align:middle;background-color:var(--border-secondary)}
package/dist/components/TransactionRow/TransactionRow.js CHANGED
@@ -1,42 +1,42 @@
1
- import { jsx as e, jsxs as s, Fragment as o } from "react/jsx-runtime";
1
+ import { jsx as e, jsxs as c, Fragment as s } from "react/jsx-runtime";
2
2
  import { Avatar as _ } from "../Avatar/Avatar.js";
3
3
  import { Icon as y } from "../Icon/Icon.js";
4
4
  import { SkeletonCircle as f, Skeleton as r } from "../Skeleton/Skeleton.js";
5
5
  import { Typography as a } from "../Typography/Typography.js";
6
- import '../../assets/TransactionRow.css';const k = "_container_sv3th_1", w = "_separator_sv3th_63", n = {
7
- container: k,
8
- "container-grid": "_container-grid_sv3th_6",
9
- "container-pending": "_container-pending_sv3th_13",
10
- "container-pending--right": "_container-pending--right_sv3th_19",
11
- "info-section": "_info-section_sv3th_27",
12
- "info-section--content": "_info-section--content_sv3th_31",
13
- "info-section--item": "_info-section--item_sv3th_35",
14
- "info-section--right": "_info-section--right_sv3th_52",
15
- "truncate-text": "_truncate-text_sv3th_56",
16
- separator: w
6
+ import '../../assets/TransactionRow.css';const b = "_container_1wc4o_1", k = "_separator_1wc4o_63", n = {
7
+ container: b,
8
+ "container-grid": "_container-grid_1wc4o_6",
9
+ "container-pending": "_container-pending_1wc4o_13",
10
+ "container-pending--right": "_container-pending--right_1wc4o_19",
11
+ "info-section": "_info-section_1wc4o_27",
12
+ "info-section--content": "_info-section--content_1wc4o_31",
13
+ "info-section--item": "_info-section--item_1wc4o_35",
14
+ "info-section--right": "_info-section--right_1wc4o_52",
15
+ "truncate-text": "_truncate-text_1wc4o_56",
16
+ separator: k
17
17
  }, D = ({
18
18
  dateTime: g,
19
19
  category: l,
20
20
  categoryType: d,
21
21
  name: h,
22
- type: N,
23
- installments: v,
24
- amount: m,
25
- month: $,
26
- icon: p,
27
- onClick: c,
28
- isPendingTransaction: b,
22
+ type: w,
23
+ installments: m,
24
+ amount: p,
25
+ month: N,
26
+ icon: v,
27
+ onClick: o,
28
+ isPendingTransaction: $,
29
29
  isLoading: i = !1,
30
30
  "data-testid": t = "Description"
31
- }) => b ? /* @__PURE__ */ e("div", { className: n.container, children: /* @__PURE__ */ s("div", { className: n["container-pending"], onClick: () => c == null ? void 0 : c(), children: [
32
- i ? /* @__PURE__ */ e(f, { size: "32px", "data-testid": `${t}-skeletonIcon` }) : /* @__PURE__ */ e(_, { type: "icon", children: /* @__PURE__ */ e(y, { icon: p || "clock" }) }),
31
+ }) => $ ? /* @__PURE__ */ e("div", { className: n.container, children: /* @__PURE__ */ c("div", { className: n["container-pending"], onClick: () => o == null ? void 0 : o(), children: [
32
+ i ? /* @__PURE__ */ e(f, { size: "32px", "data-testid": `${t}-skeletonIcon` }) : /* @__PURE__ */ e(_, { type: "icon", children: /* @__PURE__ */ e(y, { icon: v || "clock" }) }),
33
33
  /* @__PURE__ */ e("div", { className: n["info-section"], children: /* @__PURE__ */ e("div", { className: n["info-section--item"], children: i ? /* @__PURE__ */ e(r, { style: { width: 140 }, "data-testid": `${t}-skeletonName` }) : /* @__PURE__ */ e(a, { color: "var(--gray-95)", variant: "base", "data-testid": `${t}-content`, children: h }) }) }),
34
- /* @__PURE__ */ e("div", { className: n["container-pending--right"], children: i ? /* @__PURE__ */ e(r, { style: { width: 70 }, "data-testid": `${t}-skeletonAmount` }) : /* @__PURE__ */ e(a, { bold: !0, color: "var(--gray-95)", variant: "base", children: m }) })
35
- ] }) }) : /* @__PURE__ */ e("div", { className: n.container, children: /* @__PURE__ */ s("div", { onClick: () => c == null ? void 0 : c(), className: n["container-grid"], children: [
36
- /* @__PURE__ */ e("div", { children: i ? /* @__PURE__ */ e(r, { style: { width: 50 }, "data-testid": `${t}-skeletonMonth` }) : /* @__PURE__ */ e(a, { color: "var(--gray-95)", variant: "base", children: $ }) }),
34
+ /* @__PURE__ */ e("div", { className: n["container-pending--right"], children: i ? /* @__PURE__ */ e(r, { style: { width: 70 }, "data-testid": `${t}-skeletonAmount` }) : /* @__PURE__ */ e(a, { bold: !0, color: "var(--gray-95)", variant: "base", children: p }) })
35
+ ] }) }) : /* @__PURE__ */ e("div", { className: n.container, children: /* @__PURE__ */ c("div", { onClick: () => o == null ? void 0 : o(), className: n["container-grid"], children: [
36
+ /* @__PURE__ */ e("div", { children: i ? /* @__PURE__ */ e(r, { style: { width: 50 }, "data-testid": `${t}-skeletonMonth` }) : /* @__PURE__ */ e(a, { color: "var(--gray-95)", variant: "base", children: N }) }),
37
37
  /* @__PURE__ */ e("div", { children: i ? /* @__PURE__ */ e(r, { style: { width: 90 }, "data-testid": `${t}-skeletonDate` }) : /* @__PURE__ */ e(a, { color: "var(--gray-95)", variant: "base", children: g }) }),
38
- i ? /* @__PURE__ */ e(f, { size: "32px", "data-testid": `${t}-skeletonIcon` }) : /* @__PURE__ */ e(_, { type: "icon", children: /* @__PURE__ */ e(y, { icon: p || "coin" }) }),
39
- /* @__PURE__ */ e("div", { className: n["info-section"], children: /* @__PURE__ */ e("div", { className: n["info-section--content"], children: i ? /* @__PURE__ */ s(o, { children: [
38
+ i ? /* @__PURE__ */ e(f, { size: "32px", "data-testid": `${t}-skeletonIcon` }) : /* @__PURE__ */ e(_, { type: "icon", children: /* @__PURE__ */ e(y, { icon: v || "coin" }) }),
39
+ /* @__PURE__ */ e("div", { className: n["info-section"], children: /* @__PURE__ */ e("div", { className: n["info-section--content"], children: i ? /* @__PURE__ */ c(s, { children: [
40
40
  /* @__PURE__ */ e(
41
41
  r,
42
42
  {
@@ -58,7 +58,7 @@ import '../../assets/TransactionRow.css';const k = "_container_sv3th_1", w = "_s
58
58
  "data-testid": `${t}-skeletonCategoryType`
59
59
  }
60
60
  )
61
- ] }) : /* @__PURE__ */ s(
61
+ ] }) : /* @__PURE__ */ c(
62
62
  a,
63
63
  {
64
64
  color: "var(--gray-95)",
@@ -67,22 +67,22 @@ import '../../assets/TransactionRow.css';const k = "_container_sv3th_1", w = "_s
67
67
  "data-testid": `${t}-content`,
68
68
  children: [
69
69
  /* @__PURE__ */ e("span", { "data-testid": `${t}-name`, children: h }),
70
- l && /* @__PURE__ */ s(o, { children: [
70
+ l && /* @__PURE__ */ c(s, { children: [
71
71
  /* @__PURE__ */ e("span", { className: n.separator }),
72
72
  /* @__PURE__ */ e("span", { "data-testid": `${t}-category`, children: l })
73
73
  ] }),
74
- d && /* @__PURE__ */ s(o, { children: [
74
+ d && /* @__PURE__ */ c(s, { children: [
75
75
  /* @__PURE__ */ e("span", { className: n.separator }),
76
76
  /* @__PURE__ */ e("span", { "data-testid": `${t}-categoryType`, children: d })
77
77
  ] })
78
78
  ]
79
79
  }
80
80
  ) }) }),
81
- /* @__PURE__ */ s("div", { className: n["info-section--right"], children: [
82
- v && /* @__PURE__ */ e("div", { className: n["info-section--item"], children: i ? /* @__PURE__ */ e(r, { style: { width: 70 }, "data-testid": `${t}-skeletonInstallments` }) : /* @__PURE__ */ e(a, { color: "var(--gray-95)", variant: "base", children: v }) }),
83
- /* @__PURE__ */ e("div", { className: n["info-section--item"], children: i ? /* @__PURE__ */ e(r, { style: { width: 70 }, "data-testid": `${t}-skeletonType` }) : /* @__PURE__ */ e(a, { color: "var(--gray-95)", variant: "base", children: N }) })
81
+ /* @__PURE__ */ c("div", { className: n["info-section--right"], children: [
82
+ m && /* @__PURE__ */ e("div", { className: n["info-section--item"], children: i ? /* @__PURE__ */ e(r, { style: { width: 70 }, "data-testid": `${t}-skeletonInstallments` }) : /* @__PURE__ */ e(a, { color: "var(--gray-95)", variant: "base", children: m }) }),
83
+ /* @__PURE__ */ e("div", { className: n["info-section--item"], children: i ? /* @__PURE__ */ e(r, { style: { width: 70 }, "data-testid": `${t}-skeletonType` }) : /* @__PURE__ */ e(a, { color: "var(--gray-95)", variant: "base", children: w }) })
84
84
  ] }),
85
- /* @__PURE__ */ e("div", { className: n["info-section--right"], children: i ? /* @__PURE__ */ e(r, { style: { width: 140 }, "data-testid": `${t}-skeletonAmount` }) : /* @__PURE__ */ e(a, { bold: !0, variant: "base", children: m }) })
85
+ /* @__PURE__ */ e("div", { className: n["info-section--right"], children: i ? /* @__PURE__ */ e(r, { style: { width: 140 }, "data-testid": `${t}-skeletonAmount` }) : /* @__PURE__ */ e(a, { bold: !0, variant: "base", children: p }) })
86
86
  ] }) });
87
87
  export {
88
88
  D as TransactionRow
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.45",
4
+ "version": "2.1.46",
5
5
  "type": "module",
6
6
  "main": "dist/main.js",
7
7
  "types": "dist/main.d.ts",