@multiplatform.one/frappe-ui 7.36.0 → 7.38.0
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/cjs/record/RecordBars.cjs +4 -1
- package/dist/cjs/record/RecordBars.native.js +5 -1
- package/dist/cjs/record/RecordBars.native.js.map +1 -1
- package/dist/cjs/record/RecordPager.cjs +64 -45
- package/dist/cjs/record/RecordPager.native.js +65 -45
- package/dist/cjs/record/RecordPager.native.js.map +1 -1
- package/dist/esm/record/RecordBars.mjs +5 -2
- package/dist/esm/record/RecordBars.mjs.map +1 -1
- package/dist/esm/record/RecordBars.native.js +6 -2
- package/dist/esm/record/RecordBars.native.js.map +1 -1
- package/dist/esm/record/RecordPager.mjs +66 -47
- package/dist/esm/record/RecordPager.mjs.map +1 -1
- package/dist/esm/record/RecordPager.native.js +67 -47
- package/dist/esm/record/RecordPager.native.js.map +1 -1
- package/dist/jsx/record/RecordBars.mjs +5 -2
- package/dist/jsx/record/RecordBars.mjs.map +1 -1
- package/dist/jsx/record/RecordBars.native.js +5 -1
- package/dist/jsx/record/RecordBars.native.js.map +1 -1
- package/dist/jsx/record/RecordPager.mjs +66 -47
- package/dist/jsx/record/RecordPager.mjs.map +1 -1
- package/dist/jsx/record/RecordPager.native.js +65 -45
- package/dist/jsx/record/RecordPager.native.js.map +1 -1
- package/package.json +16 -16
- package/src/record/RecordBars.spec.tsx +64 -0
- package/src/record/RecordBars.tsx +12 -2
- package/src/record/RecordPager.spec.tsx +37 -0
- package/src/record/RecordPager.tsx +46 -34
- package/types/record/RecordBars.d.ts.map +1 -1
- package/types/record/RecordPager.d.ts.map +1 -1
|
@@ -42,6 +42,9 @@ function RecordBars({
|
|
|
42
42
|
const {
|
|
43
43
|
t
|
|
44
44
|
} = (0, import_react_i18next.useTranslation)();
|
|
45
|
+
const theme = (0, import_components.useTheme)();
|
|
46
|
+
const tintToken = `$${tint}9`;
|
|
47
|
+
const hasTint = tint && (theme[`${tint}9`]?.val || (0, import_components.getTokens)().color?.[tintToken]);
|
|
45
48
|
const {
|
|
46
49
|
knobProps
|
|
47
50
|
} = (0, import_theme.useResolvedKnobs)();
|
|
@@ -73,7 +76,7 @@ function RecordBars({
|
|
|
73
76
|
...knobProps.gap,
|
|
74
77
|
children: bars.map(bar => {
|
|
75
78
|
const percent = Math.max(0, Math.min(100, bar.value / section.max * 100));
|
|
76
|
-
const fill =
|
|
79
|
+
const fill = hasTint && bar.value === top ? tintToken : "$color9";
|
|
77
80
|
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
|
|
78
81
|
role: "listitem",
|
|
79
82
|
alignItems: "center",
|
|
@@ -43,9 +43,13 @@ function RecordBars(param) {
|
|
|
43
43
|
testID
|
|
44
44
|
} = param;
|
|
45
45
|
var _section_totalLabel;
|
|
46
|
+
var _theme_, _getTokens_color;
|
|
46
47
|
var {
|
|
47
48
|
t
|
|
48
49
|
} = (0, import_react_i18next.useTranslation)();
|
|
50
|
+
var theme = (0, import_components.useTheme)();
|
|
51
|
+
var tintToken = `$${tint}9`;
|
|
52
|
+
var hasTint = tint && (((_theme_ = theme[`${tint}9`]) === null || _theme_ === void 0 ? void 0 : _theme_.val) || ((_getTokens_color = (0, import_components.getTokens)().color) === null || _getTokens_color === void 0 ? void 0 : _getTokens_color[tintToken]));
|
|
49
53
|
var {
|
|
50
54
|
knobProps
|
|
51
55
|
} = (0, import_theme.useResolvedKnobs)();
|
|
@@ -84,7 +88,7 @@ function RecordBars(param) {
|
|
|
84
88
|
...knobProps.gap,
|
|
85
89
|
children: bars.map(function (bar) {
|
|
86
90
|
var percent = Math.max(0, Math.min(100, bar.value / section.max * 100));
|
|
87
|
-
var fill =
|
|
91
|
+
var fill = hasTint && bar.value === top ? tintToken : "$color9";
|
|
88
92
|
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
|
|
89
93
|
role: "listitem",
|
|
90
94
|
alignItems: "center",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","RecordBars_exports","__export","RecordBars","module","exports","import_jsx_runtime","require","import_components","import_theme","import_react_i18next","import_recordData","import_RecordRows","labelWidth","valueWidth","param","rows","section","tint","testID","_section_totalLabel","t","useTranslation","knobProps","useResolvedKnobs","nested","bars","total","childBars","name","name2","key","_ref","_section_barLabel","barLabel","call","length","_section_empty","jsx","Text","label","body","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","RecordBars_exports","__export","RecordBars","module","exports","import_jsx_runtime","require","import_components","import_theme","import_react_i18next","import_recordData","import_RecordRows","labelWidth","valueWidth","param","rows","section","tint","testID","_section_totalLabel","_theme_","_getTokens_color","t","useTranslation","theme","useTheme","tintToken","hasTint","val","getTokens","color","knobProps","useResolvedKnobs","nested","bars","total","childBars","name","name2","key","_ref","_section_barLabel","barLabel","call","length","_section_empty","jsx","Text","label","body","children","empty","top","Math","max","map","bar","jsxs","RecordGroupFrame","panelPadding","gap","role","title","YStack","percent","min","fill","XStack","alignItems","width","flexShrink","numberOfLines","fontWeight","textAlign","flex","minWidth","height","borderRadius","backgroundColor","overflow","Separator","totalLabel"],"sources":["../../../src/record/RecordBars.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -26,7 +26,6 @@ __export(RecordPager_exports, {
|
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(RecordPager_exports);
|
|
28
28
|
var import_components = require("@multiplatform.one/components");
|
|
29
|
-
var import_forms = require("@multiplatform.one/forms");
|
|
30
29
|
var import_theme = require("@multiplatform.one/theme");
|
|
31
30
|
var import_react = require("@phosphor-icons/react");
|
|
32
31
|
var import_react_i18next = require("react-i18next");
|
|
@@ -39,61 +38,73 @@ function PagerButton({
|
|
|
39
38
|
const {
|
|
40
39
|
t
|
|
41
40
|
} = (0, import_react_i18next.useTranslation)();
|
|
41
|
+
const theme = (0, import_components.useTheme)();
|
|
42
42
|
const {
|
|
43
|
-
knobProps
|
|
43
|
+
knobProps,
|
|
44
|
+
control
|
|
44
45
|
} = (0, import_theme.useResolvedKnobs)();
|
|
45
46
|
const isPrev = direction === "prev";
|
|
47
|
+
const label = isPrev ? t("Previous") : t("Next");
|
|
48
|
+
const Arrow = isPrev ? import_react.ArrowLeftIcon : import_react.ArrowRightIcon;
|
|
46
49
|
const avatar = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Avatar, {
|
|
47
50
|
src: entry.image,
|
|
48
51
|
name: entry.title,
|
|
49
52
|
backgroundColor: "$color4",
|
|
50
53
|
fallbackBackgroundColor: "$color4"
|
|
51
54
|
});
|
|
52
|
-
return /* @__PURE__ */(0, import_jsx_runtime.
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
55
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
|
|
56
|
+
...(import_components.isWeb ? {
|
|
57
|
+
render: /* @__PURE__ */(0, import_jsx_runtime.jsx)("button", {
|
|
58
|
+
type: "button"
|
|
59
|
+
})
|
|
60
|
+
} : {}),
|
|
61
|
+
role: "button",
|
|
62
|
+
tabIndex: 0,
|
|
63
|
+
"aria-label": [label, entry.code, entry.title].filter(Boolean).join(" "),
|
|
64
|
+
...knobProps.inputSurface,
|
|
65
|
+
...knobProps.containerRadius,
|
|
66
|
+
...knobProps.panelPadding,
|
|
67
|
+
...knobProps.gapSm,
|
|
68
|
+
backgroundColor: "$background",
|
|
69
|
+
borderColor: "$borderColor",
|
|
70
|
+
hoverStyle: control.hoverKnobProps,
|
|
71
|
+
pressStyle: control.pressKnobProps,
|
|
72
|
+
focusVisibleStyle: control.focusVisibleKnobProps,
|
|
73
|
+
flexGrow: 1,
|
|
74
|
+
flexBasis: 0,
|
|
56
75
|
minWidth: 0,
|
|
76
|
+
cursor: "pointer",
|
|
57
77
|
onPress: entry.onPress,
|
|
58
|
-
icon: isPrev ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ArrowLeftIcon, {
|
|
59
|
-
size: 18
|
|
60
|
-
}) : void 0,
|
|
61
|
-
iconAfter: isPrev ? void 0 : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ArrowRightIcon, {
|
|
62
|
-
size: 18
|
|
63
|
-
}),
|
|
64
78
|
testID,
|
|
65
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
|
|
66
|
-
|
|
79
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
|
|
80
|
+
...knobProps.gapSm,
|
|
67
81
|
alignItems: "center",
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
82
|
+
flexDirection: isPrev ? "row" : "row-reverse",
|
|
83
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Arrow, {
|
|
84
|
+
size: knobProps.controlIcon.width,
|
|
85
|
+
color: theme.color11?.val
|
|
86
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
|
|
87
|
+
...knobProps.label,
|
|
88
|
+
color: "$color11",
|
|
89
|
+
numberOfLines: 1,
|
|
72
90
|
flexShrink: 1,
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
numberOfLines: 1,
|
|
91
|
-
flexShrink: 1,
|
|
92
|
-
children: entry.title
|
|
93
|
-
})]
|
|
94
|
-
})]
|
|
95
|
-
}), isPrev ? null : avatar]
|
|
96
|
-
})
|
|
91
|
+
children: label
|
|
92
|
+
})]
|
|
93
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
|
|
94
|
+
...knobProps.gapSm,
|
|
95
|
+
alignItems: "center",
|
|
96
|
+
flexWrap: "wrap",
|
|
97
|
+
children: [avatar, entry.code ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
|
|
98
|
+
...knobProps.label,
|
|
99
|
+
color: "$color11",
|
|
100
|
+
children: entry.code
|
|
101
|
+
}) : null]
|
|
102
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
|
|
103
|
+
...knobProps.body,
|
|
104
|
+
fontWeight: "700",
|
|
105
|
+
textAlign: "left",
|
|
106
|
+
children: entry.title
|
|
107
|
+
})]
|
|
97
108
|
});
|
|
98
109
|
}
|
|
99
110
|
function RecordPager({
|
|
@@ -106,17 +117,25 @@ function RecordPager({
|
|
|
106
117
|
} = (0, import_theme.useResolvedKnobs)();
|
|
107
118
|
if (!prev && !next) return null;
|
|
108
119
|
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
|
|
109
|
-
justifyContent: "space-between",
|
|
110
120
|
...knobProps.gap,
|
|
111
121
|
marginTop: "$2",
|
|
122
|
+
alignItems: "stretch",
|
|
112
123
|
children: [prev ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(PagerButton, {
|
|
113
124
|
direction: "prev",
|
|
114
125
|
entry: prev,
|
|
115
126
|
testID: testID && `${testID}-prev`
|
|
116
|
-
}) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
|
|
127
|
+
}) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
|
|
128
|
+
flexGrow: 1,
|
|
129
|
+
flexBasis: 0,
|
|
130
|
+
minWidth: 0
|
|
131
|
+
}), next ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(PagerButton, {
|
|
117
132
|
direction: "next",
|
|
118
133
|
entry: next,
|
|
119
134
|
testID: testID && `${testID}-next`
|
|
120
|
-
}) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
|
|
135
|
+
}) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
|
|
136
|
+
flexGrow: 1,
|
|
137
|
+
flexBasis: 0,
|
|
138
|
+
minWidth: 0
|
|
139
|
+
})]
|
|
121
140
|
});
|
|
122
141
|
}
|
|
@@ -29,7 +29,6 @@ __export(RecordPager_exports, {
|
|
|
29
29
|
module.exports = __toCommonJS(RecordPager_exports);
|
|
30
30
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
31
|
var import_components = require("@multiplatform.one/components");
|
|
32
|
-
var import_forms = require("@multiplatform.one/forms");
|
|
33
32
|
var import_theme = require("@multiplatform.one/theme");
|
|
34
33
|
var import_react = require("@phosphor-icons/react");
|
|
35
34
|
var import_react_i18next = require("react-i18next");
|
|
@@ -39,64 +38,77 @@ function PagerButton(param) {
|
|
|
39
38
|
entry,
|
|
40
39
|
testID
|
|
41
40
|
} = param;
|
|
41
|
+
var _theme_color11;
|
|
42
42
|
var {
|
|
43
43
|
t
|
|
44
44
|
} = (0, import_react_i18next.useTranslation)();
|
|
45
|
+
var theme = (0, import_components.useTheme)();
|
|
45
46
|
var {
|
|
46
|
-
knobProps
|
|
47
|
+
knobProps,
|
|
48
|
+
control
|
|
47
49
|
} = (0, import_theme.useResolvedKnobs)();
|
|
48
50
|
var isPrev = direction === "prev";
|
|
51
|
+
var label = isPrev ? t("Previous") : t("Next");
|
|
52
|
+
var Arrow = isPrev ? import_react.ArrowLeftIcon : import_react.ArrowRightIcon;
|
|
49
53
|
var avatar = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Avatar, {
|
|
50
54
|
src: entry.image,
|
|
51
55
|
name: entry.title,
|
|
52
56
|
backgroundColor: "$color4",
|
|
53
57
|
fallbackBackgroundColor: "$color4"
|
|
54
58
|
});
|
|
55
|
-
return /* @__PURE__ */(0, import_jsx_runtime.
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
|
|
60
|
+
...(import_components.isWeb ? {
|
|
61
|
+
render: /* @__PURE__ */(0, import_jsx_runtime.jsx)("button", {
|
|
62
|
+
type: "button"
|
|
63
|
+
})
|
|
64
|
+
} : {}),
|
|
65
|
+
role: "button",
|
|
66
|
+
tabIndex: 0,
|
|
67
|
+
"aria-label": [label, entry.code, entry.title].filter(Boolean).join(" "),
|
|
68
|
+
...knobProps.inputSurface,
|
|
69
|
+
...knobProps.containerRadius,
|
|
70
|
+
...knobProps.panelPadding,
|
|
71
|
+
...knobProps.gapSm,
|
|
72
|
+
backgroundColor: "$background",
|
|
73
|
+
borderColor: "$borderColor",
|
|
74
|
+
hoverStyle: control.hoverKnobProps,
|
|
75
|
+
pressStyle: control.pressKnobProps,
|
|
76
|
+
focusVisibleStyle: control.focusVisibleKnobProps,
|
|
77
|
+
flexGrow: 1,
|
|
78
|
+
flexBasis: 0,
|
|
59
79
|
minWidth: 0,
|
|
80
|
+
cursor: "pointer",
|
|
60
81
|
onPress: entry.onPress,
|
|
61
|
-
icon: isPrev ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ArrowLeftIcon, {
|
|
62
|
-
size: 18
|
|
63
|
-
}) : void 0,
|
|
64
|
-
iconAfter: isPrev ? void 0 : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ArrowRightIcon, {
|
|
65
|
-
size: 18
|
|
66
|
-
}),
|
|
67
82
|
testID,
|
|
68
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
|
|
69
|
-
|
|
83
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
|
|
84
|
+
...knobProps.gapSm,
|
|
70
85
|
alignItems: "center",
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
86
|
+
flexDirection: isPrev ? "row" : "row-reverse",
|
|
87
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Arrow, {
|
|
88
|
+
size: knobProps.controlIcon.width,
|
|
89
|
+
color: (_theme_color11 = theme.color11) === null || _theme_color11 === void 0 ? void 0 : _theme_color11.val
|
|
90
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
|
|
91
|
+
...knobProps.label,
|
|
92
|
+
color: "$color11",
|
|
93
|
+
numberOfLines: 1,
|
|
75
94
|
flexShrink: 1,
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
numberOfLines: 1,
|
|
94
|
-
flexShrink: 1,
|
|
95
|
-
children: entry.title
|
|
96
|
-
})]
|
|
97
|
-
})]
|
|
98
|
-
}), isPrev ? null : avatar]
|
|
99
|
-
})
|
|
95
|
+
children: label
|
|
96
|
+
})]
|
|
97
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
|
|
98
|
+
...knobProps.gapSm,
|
|
99
|
+
alignItems: "center",
|
|
100
|
+
flexWrap: "wrap",
|
|
101
|
+
children: [avatar, entry.code ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
|
|
102
|
+
...knobProps.label,
|
|
103
|
+
color: "$color11",
|
|
104
|
+
children: entry.code
|
|
105
|
+
}) : null]
|
|
106
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
|
|
107
|
+
...knobProps.body,
|
|
108
|
+
fontWeight: "700",
|
|
109
|
+
textAlign: "left",
|
|
110
|
+
children: entry.title
|
|
111
|
+
})]
|
|
100
112
|
});
|
|
101
113
|
}
|
|
102
114
|
function RecordPager(param) {
|
|
@@ -110,18 +122,26 @@ function RecordPager(param) {
|
|
|
110
122
|
} = (0, import_theme.useResolvedKnobs)();
|
|
111
123
|
if (!prev && !next) return null;
|
|
112
124
|
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
|
|
113
|
-
justifyContent: "space-between",
|
|
114
125
|
...knobProps.gap,
|
|
115
126
|
marginTop: "$2",
|
|
127
|
+
alignItems: "stretch",
|
|
116
128
|
children: [prev ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(PagerButton, {
|
|
117
129
|
direction: "prev",
|
|
118
130
|
entry: prev,
|
|
119
131
|
testID: testID && `${testID}-prev`
|
|
120
|
-
}) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
|
|
132
|
+
}) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
|
|
133
|
+
flexGrow: 1,
|
|
134
|
+
flexBasis: 0,
|
|
135
|
+
minWidth: 0
|
|
136
|
+
}), next ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(PagerButton, {
|
|
121
137
|
direction: "next",
|
|
122
138
|
entry: next,
|
|
123
139
|
testID: testID && `${testID}-next`
|
|
124
|
-
}) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
|
|
140
|
+
}) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
|
|
141
|
+
flexGrow: 1,
|
|
142
|
+
flexBasis: 0,
|
|
143
|
+
minWidth: 0
|
|
144
|
+
})]
|
|
125
145
|
});
|
|
126
146
|
}
|
|
127
147
|
//# sourceMappingURL=RecordPager.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","RecordPager_exports","__export","RecordPager","module","exports","import_jsx_runtime","require","import_components","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","RecordPager_exports","__export","RecordPager","module","exports","import_jsx_runtime","require","import_components","import_theme","import_react","import_react_i18next","PagerButton","param","direction","entry","testID","_theme_color11","t","useTranslation","theme","useTheme","knobProps","control","useResolvedKnobs","isPrev","label","Arrow","ArrowLeftIcon","ArrowRightIcon","avatar","jsx","Avatar","src","image","name","title","backgroundColor","fallbackBackgroundColor","jsxs","YStack","isWeb","render","type","role","tabIndex","code","filter","Boolean","join","inputSurface","containerRadius","panelPadding","gapSm","borderColor","hoverStyle","hoverKnobProps","pressStyle","pressKnobProps","focusVisibleStyle","focusVisibleKnobProps","flexGrow","flexBasis","minWidth","cursor","onPress","children","XStack","alignItems","flexDirection","size","controlIcon","width","color","color11","val","Text","numberOfLines","flexShrink","flexWrap"],"sources":["../../../src/record/RecordPager.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Separator, Text, XStack, YStack } from "@multiplatform.one/components";
|
|
1
|
+
import { Separator, Text, XStack, YStack, getTokens, useTheme } from "@multiplatform.one/components";
|
|
2
2
|
import { useResolvedKnobs } from "@multiplatform.one/theme";
|
|
3
3
|
import { useTranslation } from "react-i18next";
|
|
4
4
|
import { childBars } from "./recordData.mjs";
|
|
@@ -15,6 +15,9 @@ function RecordBars({
|
|
|
15
15
|
const {
|
|
16
16
|
t
|
|
17
17
|
} = useTranslation();
|
|
18
|
+
const theme = useTheme();
|
|
19
|
+
const tintToken = `$${tint}9`;
|
|
20
|
+
const hasTint = tint && (theme[`${tint}9`]?.val || getTokens().color?.[tintToken]);
|
|
18
21
|
const {
|
|
19
22
|
knobProps
|
|
20
23
|
} = useResolvedKnobs();
|
|
@@ -46,7 +49,7 @@ function RecordBars({
|
|
|
46
49
|
...knobProps.gap,
|
|
47
50
|
children: bars.map(bar => {
|
|
48
51
|
const percent = Math.max(0, Math.min(100, bar.value / section.max * 100));
|
|
49
|
-
const fill =
|
|
52
|
+
const fill = hasTint && bar.value === top ? tintToken : "$color9";
|
|
50
53
|
return /* @__PURE__ */jsxs(XStack, {
|
|
51
54
|
role: "listitem",
|
|
52
55
|
alignItems: "center",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Separator","Text","XStack","YStack","useResolvedKnobs","useTranslation","childBars","RecordGroupFrame","jsx","jsxs","labelWidth","valueWidth","RecordBars","rows","section","tint","testID","t","knobProps","nested","bars","total","name","key","barLabel","length","label","body","
|
|
1
|
+
{"version":3,"names":["Separator","Text","XStack","YStack","getTokens","useTheme","useResolvedKnobs","useTranslation","childBars","RecordGroupFrame","jsx","jsxs","labelWidth","valueWidth","RecordBars","rows","section","tint","testID","t","theme","tintToken","hasTint","val","color","knobProps","nested","bars","total","name","key","barLabel","length","label","body","children","empty","top","Math","max","map","bar","value","panelPadding","gap","role","title","percent","min","fill","alignItems","width","flexShrink","numberOfLines","fontWeight","textAlign","flex","minWidth","height","borderRadius","backgroundColor","overflow","totalLabel"],"sources":["../../../src/record/RecordBars.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Separator, Text, XStack, YStack } from "@multiplatform.one/components";
|
|
2
|
+
import { Separator, Text, XStack, YStack, getTokens, useTheme } from "@multiplatform.one/components";
|
|
3
3
|
import { useResolvedKnobs } from "@multiplatform.one/theme";
|
|
4
4
|
import { useTranslation } from "react-i18next";
|
|
5
5
|
import { childBars } from "./recordData.native.js";
|
|
@@ -14,9 +14,13 @@ function RecordBars(param) {
|
|
|
14
14
|
testID
|
|
15
15
|
} = param;
|
|
16
16
|
var _section_totalLabel;
|
|
17
|
+
var _theme_, _getTokens_color;
|
|
17
18
|
var {
|
|
18
19
|
t
|
|
19
20
|
} = useTranslation();
|
|
21
|
+
var theme = useTheme();
|
|
22
|
+
var tintToken = `$${tint}9`;
|
|
23
|
+
var hasTint = tint && (((_theme_ = theme[`${tint}9`]) === null || _theme_ === void 0 ? void 0 : _theme_.val) || ((_getTokens_color = getTokens().color) === null || _getTokens_color === void 0 ? void 0 : _getTokens_color[tintToken]));
|
|
20
24
|
var {
|
|
21
25
|
knobProps
|
|
22
26
|
} = useResolvedKnobs();
|
|
@@ -55,7 +59,7 @@ function RecordBars(param) {
|
|
|
55
59
|
...knobProps.gap,
|
|
56
60
|
children: bars.map(function (bar) {
|
|
57
61
|
var percent = Math.max(0, Math.min(100, bar.value / section.max * 100));
|
|
58
|
-
var fill =
|
|
62
|
+
var fill = hasTint && bar.value === top ? tintToken : "$color9";
|
|
59
63
|
return /* @__PURE__ */_jsxs(XStack, {
|
|
60
64
|
role: "listitem",
|
|
61
65
|
alignItems: "center",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Separator","Text","XStack","YStack","useResolvedKnobs","useTranslation","childBars","RecordGroupFrame","labelWidth","valueWidth","RecordBars","param","rows","section","tint","testID","_section_totalLabel","t","knobProps","nested","bars","total","name","name2","key","_ref","_section_barLabel","barLabel","call","length","_section_empty","label","body","
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Separator","Text","XStack","YStack","getTokens","useTheme","useResolvedKnobs","useTranslation","childBars","RecordGroupFrame","labelWidth","valueWidth","RecordBars","param","rows","section","tint","testID","_section_totalLabel","_theme_","_getTokens_color","t","theme","tintToken","hasTint","val","color","knobProps","nested","bars","total","name","name2","key","_ref","_section_barLabel","barLabel","call","length","_section_empty","label","body","children","empty","top","Math","max","map","bar","value","panelPadding","gap","role","title","percent","min","fill","alignItems","width","flexShrink","numberOfLines","fontWeight","textAlign","flex","minWidth","height","borderRadius","backgroundColor","overflow","totalLabel"],"sources":["../../../src/record/RecordBars.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|