@bacon-pos/ui 0.10.0 → 0.15.1
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/lib/commonjs/components/Alert/Alert.js +137 -0
- package/lib/commonjs/components/Alert/Alert.js.map +1 -0
- package/lib/commonjs/components/Alert/Alert.stories.js +104 -0
- package/lib/commonjs/components/Alert/Alert.stories.js.map +1 -0
- package/lib/commonjs/components/Alert/Alert.test.js +62 -0
- package/lib/commonjs/components/Alert/Alert.test.js.map +1 -0
- package/lib/commonjs/components/Alert/index.js +13 -0
- package/lib/commonjs/components/Alert/index.js.map +1 -0
- package/lib/commonjs/components/CodeInput/CodeInput.js +28 -9
- package/lib/commonjs/components/CodeInput/CodeInput.js.map +1 -1
- package/lib/commonjs/components/CodeInput/CodeInput.stories.js +28 -1
- package/lib/commonjs/components/CodeInput/CodeInput.stories.js.map +1 -1
- package/lib/commonjs/components/CodeInput/CodeInput.test.js +16 -0
- package/lib/commonjs/components/CodeInput/CodeInput.test.js.map +1 -1
- package/lib/commonjs/components/Dialog/Dialog.js +116 -71
- package/lib/commonjs/components/Dialog/Dialog.js.map +1 -1
- package/lib/commonjs/components/Dialog/StepDialog.js +111 -0
- package/lib/commonjs/components/Dialog/StepDialog.js.map +1 -0
- package/lib/commonjs/components/Dialog/StepDialog.stories.js +157 -0
- package/lib/commonjs/components/Dialog/StepDialog.stories.js.map +1 -0
- package/lib/commonjs/components/Dialog/StepDialog.test.js +118 -0
- package/lib/commonjs/components/Dialog/StepDialog.test.js.map +1 -0
- package/lib/commonjs/components/Dialog/index.js +7 -0
- package/lib/commonjs/components/Dialog/index.js.map +1 -1
- package/lib/commonjs/components/Icon/icons.generated.js +9 -1
- package/lib/commonjs/components/Icon/icons.generated.js.map +1 -1
- package/lib/commonjs/components/List/List.js +45 -0
- package/lib/commonjs/components/List/List.js.map +1 -0
- package/lib/commonjs/components/List/List.stories.js +215 -0
- package/lib/commonjs/components/List/List.stories.js.map +1 -0
- package/lib/commonjs/components/List/List.test.js +94 -0
- package/lib/commonjs/components/List/List.test.js.map +1 -0
- package/lib/commonjs/components/List/ListItem.js +210 -0
- package/lib/commonjs/components/List/ListItem.js.map +1 -0
- package/lib/commonjs/components/List/index.js +20 -0
- package/lib/commonjs/components/List/index.js.map +1 -0
- package/lib/commonjs/components/Menu/Menu.js +11 -3
- package/lib/commonjs/components/Menu/Menu.js.map +1 -1
- package/lib/commonjs/components/ProgressBar/ProgressBar.js +4 -3
- package/lib/commonjs/components/ProgressBar/ProgressBar.js.map +1 -1
- package/lib/commonjs/components/Sidebar/Sidebar.js +20 -3
- package/lib/commonjs/components/Sidebar/Sidebar.js.map +1 -1
- package/lib/commonjs/components/Sidebar/Sidebar.stories.js +17 -1
- package/lib/commonjs/components/Sidebar/Sidebar.stories.js.map +1 -1
- package/lib/commonjs/components/StatTile/StatTile.js +94 -0
- package/lib/commonjs/components/StatTile/StatTile.js.map +1 -0
- package/lib/commonjs/components/StatTile/StatTile.stories.js +100 -0
- package/lib/commonjs/components/StatTile/StatTile.stories.js.map +1 -0
- package/lib/commonjs/components/StatTile/StatTile.test.js +49 -0
- package/lib/commonjs/components/StatTile/StatTile.test.js.map +1 -0
- package/lib/commonjs/components/StatTile/index.js +13 -0
- package/lib/commonjs/components/StatTile/index.js.map +1 -0
- package/lib/commonjs/components/Table/Table.js +69 -6
- package/lib/commonjs/components/Table/Table.js.map +1 -1
- package/lib/commonjs/components/Table/Table.stories.js +118 -1
- package/lib/commonjs/components/Table/Table.stories.js.map +1 -1
- package/lib/commonjs/components/Table/Table.test.js +58 -0
- package/lib/commonjs/components/Table/Table.test.js.map +1 -1
- package/lib/commonjs/components/_internal/ModalHostContext.js +21 -0
- package/lib/commonjs/components/_internal/ModalHostContext.js.map +1 -0
- package/lib/commonjs/components/index.js +64 -31
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/module/components/Alert/Alert.js +133 -0
- package/lib/module/components/Alert/Alert.js.map +1 -0
- package/lib/module/components/Alert/Alert.stories.js +100 -0
- package/lib/module/components/Alert/Alert.stories.js.map +1 -0
- package/lib/module/components/Alert/Alert.test.js +62 -0
- package/lib/module/components/Alert/Alert.test.js.map +1 -0
- package/lib/module/components/Alert/index.js +4 -0
- package/lib/module/components/Alert/index.js.map +1 -0
- package/lib/module/components/CodeInput/CodeInput.js +28 -9
- package/lib/module/components/CodeInput/CodeInput.js.map +1 -1
- package/lib/module/components/CodeInput/CodeInput.stories.js +27 -0
- package/lib/module/components/CodeInput/CodeInput.stories.js.map +1 -1
- package/lib/module/components/CodeInput/CodeInput.test.js +16 -0
- package/lib/module/components/CodeInput/CodeInput.test.js.map +1 -1
- package/lib/module/components/Dialog/Dialog.js +116 -71
- package/lib/module/components/Dialog/Dialog.js.map +1 -1
- package/lib/module/components/Dialog/StepDialog.js +107 -0
- package/lib/module/components/Dialog/StepDialog.js.map +1 -0
- package/lib/module/components/Dialog/StepDialog.stories.js +153 -0
- package/lib/module/components/Dialog/StepDialog.stories.js.map +1 -0
- package/lib/module/components/Dialog/StepDialog.test.js +117 -0
- package/lib/module/components/Dialog/StepDialog.test.js.map +1 -0
- package/lib/module/components/Dialog/index.js +1 -0
- package/lib/module/components/Dialog/index.js.map +1 -1
- package/lib/module/components/Icon/icons.generated.js +9 -1
- package/lib/module/components/Icon/icons.generated.js.map +1 -1
- package/lib/module/components/List/List.js +41 -0
- package/lib/module/components/List/List.js.map +1 -0
- package/lib/module/components/List/List.stories.js +211 -0
- package/lib/module/components/List/List.stories.js.map +1 -0
- package/lib/module/components/List/List.test.js +94 -0
- package/lib/module/components/List/List.test.js.map +1 -0
- package/lib/module/components/List/ListItem.js +206 -0
- package/lib/module/components/List/ListItem.js.map +1 -0
- package/lib/module/components/List/index.js +5 -0
- package/lib/module/components/List/index.js.map +1 -0
- package/lib/module/components/Menu/Menu.js +12 -4
- package/lib/module/components/Menu/Menu.js.map +1 -1
- package/lib/module/components/ProgressBar/ProgressBar.js +4 -3
- package/lib/module/components/ProgressBar/ProgressBar.js.map +1 -1
- package/lib/module/components/Sidebar/Sidebar.js +20 -3
- package/lib/module/components/Sidebar/Sidebar.js.map +1 -1
- package/lib/module/components/Sidebar/Sidebar.stories.js +16 -0
- package/lib/module/components/Sidebar/Sidebar.stories.js.map +1 -1
- package/lib/module/components/StatTile/StatTile.js +90 -0
- package/lib/module/components/StatTile/StatTile.js.map +1 -0
- package/lib/module/components/StatTile/StatTile.stories.js +96 -0
- package/lib/module/components/StatTile/StatTile.stories.js.map +1 -0
- package/lib/module/components/StatTile/StatTile.test.js +49 -0
- package/lib/module/components/StatTile/StatTile.test.js.map +1 -0
- package/lib/module/components/StatTile/index.js +4 -0
- package/lib/module/components/StatTile/index.js.map +1 -0
- package/lib/module/components/Table/Table.js +70 -7
- package/lib/module/components/Table/Table.js.map +1 -1
- package/lib/module/components/Table/Table.stories.js +117 -0
- package/lib/module/components/Table/Table.stories.js.map +1 -1
- package/lib/module/components/Table/Table.test.js +58 -0
- package/lib/module/components/Table/Table.test.js.map +1 -1
- package/lib/module/components/_internal/ModalHostContext.js +17 -0
- package/lib/module/components/_internal/ModalHostContext.js.map +1 -0
- package/lib/module/components/index.js +3 -0
- package/lib/module/components/index.js.map +1 -1
- package/lib/typescript/commonjs/components/Alert/Alert.d.ts +41 -0
- package/lib/typescript/commonjs/components/Alert/Alert.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/Alert/index.d.ts +3 -0
- package/lib/typescript/commonjs/components/Alert/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/CodeInput/CodeInput.d.ts +5 -1
- package/lib/typescript/commonjs/components/CodeInput/CodeInput.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Dialog/Dialog.d.ts +13 -1
- package/lib/typescript/commonjs/components/Dialog/Dialog.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Dialog/StepDialog.d.ts +63 -0
- package/lib/typescript/commonjs/components/Dialog/StepDialog.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/Dialog/index.d.ts +1 -0
- package/lib/typescript/commonjs/components/Dialog/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Icon/icons.generated.d.ts +8 -0
- package/lib/typescript/commonjs/components/Icon/icons.generated.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/List/List.d.ts +22 -0
- package/lib/typescript/commonjs/components/List/List.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/List/ListItem.d.ts +61 -0
- package/lib/typescript/commonjs/components/List/ListItem.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/List/index.d.ts +5 -0
- package/lib/typescript/commonjs/components/List/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/Menu/Menu.d.ts +4 -2
- package/lib/typescript/commonjs/components/Menu/Menu.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/ProgressBar/ProgressBar.d.ts +3 -1
- package/lib/typescript/commonjs/components/ProgressBar/ProgressBar.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Sidebar/Sidebar.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/StatTile/StatTile.d.ts +31 -0
- package/lib/typescript/commonjs/components/StatTile/StatTile.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/StatTile/index.d.ts +3 -0
- package/lib/typescript/commonjs/components/StatTile/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/Table/Table.d.ts +25 -3
- package/lib/typescript/commonjs/components/Table/Table.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/_internal/ModalHostContext.d.ts +11 -0
- package/lib/typescript/commonjs/components/_internal/ModalHostContext.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/index.d.ts +3 -0
- package/lib/typescript/commonjs/components/index.d.ts.map +1 -1
- package/lib/typescript/module/components/Alert/Alert.d.ts +41 -0
- package/lib/typescript/module/components/Alert/Alert.d.ts.map +1 -0
- package/lib/typescript/module/components/Alert/index.d.ts +3 -0
- package/lib/typescript/module/components/Alert/index.d.ts.map +1 -0
- package/lib/typescript/module/components/CodeInput/CodeInput.d.ts +5 -1
- package/lib/typescript/module/components/CodeInput/CodeInput.d.ts.map +1 -1
- package/lib/typescript/module/components/Dialog/Dialog.d.ts +13 -1
- package/lib/typescript/module/components/Dialog/Dialog.d.ts.map +1 -1
- package/lib/typescript/module/components/Dialog/StepDialog.d.ts +63 -0
- package/lib/typescript/module/components/Dialog/StepDialog.d.ts.map +1 -0
- package/lib/typescript/module/components/Dialog/index.d.ts +1 -0
- package/lib/typescript/module/components/Dialog/index.d.ts.map +1 -1
- package/lib/typescript/module/components/Icon/icons.generated.d.ts +8 -0
- package/lib/typescript/module/components/Icon/icons.generated.d.ts.map +1 -1
- package/lib/typescript/module/components/List/List.d.ts +22 -0
- package/lib/typescript/module/components/List/List.d.ts.map +1 -0
- package/lib/typescript/module/components/List/ListItem.d.ts +61 -0
- package/lib/typescript/module/components/List/ListItem.d.ts.map +1 -0
- package/lib/typescript/module/components/List/index.d.ts +5 -0
- package/lib/typescript/module/components/List/index.d.ts.map +1 -0
- package/lib/typescript/module/components/Menu/Menu.d.ts +4 -2
- package/lib/typescript/module/components/Menu/Menu.d.ts.map +1 -1
- package/lib/typescript/module/components/ProgressBar/ProgressBar.d.ts +3 -1
- package/lib/typescript/module/components/ProgressBar/ProgressBar.d.ts.map +1 -1
- package/lib/typescript/module/components/Sidebar/Sidebar.d.ts.map +1 -1
- package/lib/typescript/module/components/StatTile/StatTile.d.ts +31 -0
- package/lib/typescript/module/components/StatTile/StatTile.d.ts.map +1 -0
- package/lib/typescript/module/components/StatTile/index.d.ts +3 -0
- package/lib/typescript/module/components/StatTile/index.d.ts.map +1 -0
- package/lib/typescript/module/components/Table/Table.d.ts +25 -3
- package/lib/typescript/module/components/Table/Table.d.ts.map +1 -1
- package/lib/typescript/module/components/_internal/ModalHostContext.d.ts +11 -0
- package/lib/typescript/module/components/_internal/ModalHostContext.d.ts.map +1 -0
- package/lib/typescript/module/components/index.d.ts +3 -0
- package/lib/typescript/module/components/index.d.ts.map +1 -1
- package/package.json +16 -14
- package/src/components/Alert/Alert.tsx +132 -0
- package/src/components/Alert/index.ts +2 -0
- package/src/components/CodeInput/CodeInput.tsx +46 -14
- package/src/components/Dialog/Dialog.tsx +92 -31
- package/src/components/Dialog/StepDialog.tsx +173 -0
- package/src/components/Dialog/index.ts +1 -0
- package/src/components/Icon/icons.generated.ts +9 -1
- package/src/components/List/List.tsx +45 -0
- package/src/components/List/ListItem.tsx +214 -0
- package/src/components/List/index.ts +4 -0
- package/src/components/Menu/Menu.tsx +15 -6
- package/src/components/ProgressBar/ProgressBar.tsx +6 -3
- package/src/components/Sidebar/Sidebar.tsx +18 -10
- package/src/components/StatTile/StatTile.tsx +98 -0
- package/src/components/StatTile/index.ts +2 -0
- package/src/components/Table/Table.tsx +93 -8
- package/src/components/_internal/ModalHostContext.tsx +15 -0
- package/src/components/index.ts +3 -0
|
@@ -28,6 +28,7 @@ function ProgressBar({
|
|
|
28
28
|
color,
|
|
29
29
|
trackColor,
|
|
30
30
|
borderColor,
|
|
31
|
+
bordered = true,
|
|
31
32
|
animated = true,
|
|
32
33
|
style,
|
|
33
34
|
accessibilityLabel
|
|
@@ -53,7 +54,7 @@ function ProgressBar({
|
|
|
53
54
|
outputRange: ['0%', '100%'],
|
|
54
55
|
extrapolate: 'clamp'
|
|
55
56
|
});
|
|
56
|
-
const inset = 2.5;
|
|
57
|
+
const inset = bordered ? 2.5 : 0;
|
|
57
58
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
58
59
|
style: [{
|
|
59
60
|
gap: 12,
|
|
@@ -71,8 +72,8 @@ function ProgressBar({
|
|
|
71
72
|
style: {
|
|
72
73
|
height,
|
|
73
74
|
borderRadius: height / 2,
|
|
74
|
-
borderWidth: 1.5,
|
|
75
|
-
borderColor: borderColor ?? theme.colors.border.default,
|
|
75
|
+
borderWidth: bordered ? 1.5 : 0,
|
|
76
|
+
borderColor: bordered ? borderColor ?? theme.colors.border.default : 'transparent',
|
|
76
77
|
backgroundColor: trackColor ?? theme.colors.background.subtle,
|
|
77
78
|
padding: inset,
|
|
78
79
|
justifyContent: 'center',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_index","_Text","_jsxRuntime","clamp01","n","ProgressBar","progress","label","showSupporting","showValue","formatValue","height","width","color","trackColor","borderColor","animated","style","accessibilityLabel","theme","useTheme","value","percent","Math","round","anim","useRef","Animated","Value","current","useEffect","timing","toValue","duration","easing","Easing","out","ease","useNativeDriver","start","setValue","fillWidth","interpolate","inputRange","outputRange","extrapolate","inset","jsxs","View","gap","undefined","alignSelf","accessibilityRole","accessibilityValue","min","max","now","children","jsx","borderRadius","borderWidth","colors","border","default","backgroundColor","background","subtle","padding","justifyContent","overflow","action","primary","flexDirection","alignItems","paddingHorizontal","Text","variant","numberOfLines","flexShrink"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/ProgressBar/ProgressBar.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAAoC,IAAAI,WAAA,GAAAJ,OAAA;
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_index","_Text","_jsxRuntime","clamp01","n","ProgressBar","progress","label","showSupporting","showValue","formatValue","height","width","color","trackColor","borderColor","bordered","animated","style","accessibilityLabel","theme","useTheme","value","percent","Math","round","anim","useRef","Animated","Value","current","useEffect","timing","toValue","duration","easing","Easing","out","ease","useNativeDriver","start","setValue","fillWidth","interpolate","inputRange","outputRange","extrapolate","inset","jsxs","View","gap","undefined","alignSelf","accessibilityRole","accessibilityValue","min","max","now","children","jsx","borderRadius","borderWidth","colors","border","default","backgroundColor","background","subtle","padding","justifyContent","overflow","action","primary","flexDirection","alignItems","paddingHorizontal","Text","variant","numberOfLines","flexShrink"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/ProgressBar/ProgressBar.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -172,6 +172,15 @@ function Sidebar({
|
|
|
172
172
|
outputRange: [Math.max(0, (collapsedWidth - 2 * PADDING - TOGGLE_SIZE) / 2), 0],
|
|
173
173
|
extrapolate: 'clamp'
|
|
174
174
|
});
|
|
175
|
+
|
|
176
|
+
// The logo glides to center the same way (measured so any custom logo works),
|
|
177
|
+
// at a constant size — no discrete size/alignment swap, so no flicker.
|
|
178
|
+
const [logoWidth, setLogoWidth] = (0, _react.useState)(0);
|
|
179
|
+
const logoTranslateX = width.interpolate({
|
|
180
|
+
inputRange: [collapsedWidth, expandedWidth],
|
|
181
|
+
outputRange: [Math.max(0, (collapsedWidth - 2 * PADDING - logoWidth) / 2), 0],
|
|
182
|
+
extrapolate: 'clamp'
|
|
183
|
+
});
|
|
175
184
|
const selectItem = item => {
|
|
176
185
|
if (!activeControlled) setActiveInternal(item.key);
|
|
177
186
|
item.onPress?.();
|
|
@@ -183,7 +192,7 @@ function Sidebar({
|
|
|
183
192
|
onCollapsedChange?.(next);
|
|
184
193
|
};
|
|
185
194
|
const logoNode = logo ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaconLogo.BaconLogo, {
|
|
186
|
-
height:
|
|
195
|
+
height: 40
|
|
187
196
|
});
|
|
188
197
|
const toggle = showToggle ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
|
|
189
198
|
style: {
|
|
@@ -219,10 +228,18 @@ function Sidebar({
|
|
|
219
228
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
220
229
|
style: {
|
|
221
230
|
minHeight: 56,
|
|
222
|
-
alignItems:
|
|
231
|
+
alignItems: 'flex-start',
|
|
223
232
|
justifyContent: 'center'
|
|
224
233
|
},
|
|
225
|
-
children:
|
|
234
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
|
|
235
|
+
onLayout: e => setLogoWidth(e.nativeEvent.layout.width),
|
|
236
|
+
style: {
|
|
237
|
+
transform: [{
|
|
238
|
+
translateX: logoTranslateX
|
|
239
|
+
}]
|
|
240
|
+
},
|
|
241
|
+
children: logoNode
|
|
242
|
+
})
|
|
226
243
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScrollArea.ScrollArea, {
|
|
227
244
|
style: {
|
|
228
245
|
flex: 1,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_index","_BaconLogo","_Icon","_IconButton","_Text","_ScrollArea","_jsxRuntime","ITEM_HEIGHT","ITEM_GAP","PADDING","TOGGLE_SIZE","SidebarButton","item","active","collapsed","onPress","theme","useTheme","hovered","setHovered","useState","disabled","backgroundColor","colors","action","secondary","background","muted","contentColor","secondaryForeground","text","iconColor","iconName","activeIcon","icon","initial","label","trim","charAt","toUpperCase","leadingBox","width","height","flexShrink","alignItems","justifyContent","leading","jsx","View","style","children","Icon","name","size","color","Text","variant","weight","jsxs","Pressable","undefined","onHoverIn","onHoverOut","accessibilityRole","accessibilityState","selected","accessibilityLabel","flexDirection","gap","paddingHorizontal","borderRadius","radii","pill","borderWidth","borderColor","border","default","opacity","numberOfLines","ellipsizeMode","minWidth","Sidebar","items","activeKey","defaultActiveKey","onChange","collapsedProp","defaultCollapsed","onCollapsedChange","showToggle","logo","footer","expandedWidth","collapsedWidth","scrollbarColor","activeControlled","activeInternal","setActiveInternal","collapseControlled","collapsedInternal","setCollapsedInternal","useRef","Animated","Value","current","visualCollapsed","setVisualCollapsed","useEffect","anim","timing","toValue","duration","easing","Easing","out","ease","useNativeDriver","start","finished","stop","arrowRot","arrowRotate","interpolate","inputRange","outputRange","toggleTranslateX","Math","max","extrapolate","selectItem","key","toggleCollapsed","next","logoNode","BaconLogo","toggle","transform","translateX","rotate","IconButton","paddingTop","paddingBottom","overflow","minHeight","ScrollArea","flex","marginTop","indicatorColor","strong","contentContainerStyle","map","marginLeft"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Sidebar/Sidebar.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAQA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAEA,IAAAK,WAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,GAAAN,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA;AAAqD,IAAAQ,WAAA,GAAAR,OAAA;AAmDrD,MAAMS,WAAW,GAAG,EAAE;AACtB,MAAMC,QAAQ,GAAG,EAAE;AACnB,MAAMC,OAAO,GAAG,EAAE;AAClB,MAAMC,WAAW,GAAG,EAAE,CAAC,CAAC;;AAExB,SAASC,aAAaA,CAAC;EACrBC,IAAI;EACJC,MAAM;EACNC,SAAS;EACTC;AAMF,CAAC,EAAE;EACD,MAAMC,KAAK,GAAG,IAAAC,eAAQ,EAAC,CAAC;EACxB,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAC7C,MAAMC,QAAQ,GAAGT,IAAI,CAACS,QAAQ;EAE9B,MAAMC,eAAe,GAAGT,MAAM,GAC1BG,KAAK,CAACO,MAAM,CAACC,MAAM,CAACC,SAAS,GAC7BP,OAAO,IAAI,CAACG,QAAQ,GAClBL,KAAK,CAACO,MAAM,CAACG,UAAU,CAACC,KAAK,GAC7B,aAAa;EACnB,MAAMC,YAAY,GAAGf,MAAM,GACvBG,KAAK,CAACO,MAAM,CAACC,MAAM,CAACK,mBAAmB,GACvCb,KAAK,CAACO,MAAM,CAACO,IAAI,CAACL,SAAS;EAC/B,MAAMM,SAAS,GAAGlB,MAAM,GAAGG,KAAK,CAACO,MAAM,CAACC,MAAM,CAACK,mBAAmB,GAAG,WAAW;EAChF,MAAMG,QAAQ,GAAGnB,MAAM,IAAID,IAAI,CAACqB,UAAU,GAAGrB,IAAI,CAACqB,UAAU,GAAGrB,IAAI,CAACsB,IAAI;EACxE,MAAMC,OAAO,GAAGvB,IAAI,CAACwB,KAAK,CAACC,IAAI,CAAC,CAAC,CAACC,MAAM,CAAC,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC;;EAEzD;EACA;EACA;EACA,MAAMC,UAAqB,GAAG;IAC5BC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,CAAC;IACbC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACD,MAAMC,OAAO,gBACX,IAAAxC,WAAA,CAAAyC,GAAA,EAAChD,YAAA,CAAAiD,IAAI;IAACC,KAAK,EAAET,UAAW;IAAAU,QAAA,EACrBlB,QAAQ,gBACP,IAAA1B,WAAA,CAAAyC,GAAA,EAAC7C,KAAA,CAAAiD,IAAI;MAACC,IAAI,EAAEpB,QAAS;MAACqB,IAAI,EAAE,EAAG;MAACC,KAAK,EAAEvB;IAAU,CAAE,CAAC,GAClDjB,SAAS,gBACX,IAAAR,WAAA,CAAAyC,GAAA,EAAC3C,KAAA,CAAAmD,IAAI;MAACC,OAAO,EAAC,WAAW;MAACC,MAAM,EAAC,QAAQ;MAACH,KAAK,EAAE1B,YAAa;MAAAsB,QAAA,EAC3Df;IAAO,CACJ,CAAC,GACL;EAAI,CACJ,CACP;EAED,oBACE,IAAA7B,WAAA,CAAAoD,IAAA,EAAC3D,YAAA,CAAA4D,SAAS;IACR5C,OAAO,EAAEM,QAAQ,GAAGuC,SAAS,GAAG7C,OAAQ;IACxC8C,SAAS,EAAEA,CAAA,KAAM1C,UAAU,CAAC,IAAI,CAAE;IAClC2C,UAAU,EAAEA,CAAA,KAAM3C,UAAU,CAAC,KAAK,CAAE;IACpCE,QAAQ,EAAEA,QAAS;IACnB0C,iBAAiB,EAAC,KAAK;IACvBC,kBAAkB,EAAE;MAAEC,QAAQ,EAAEpD,MAAM;MAAEQ;IAAS,CAAE;IACnD6C,kBAAkB,EAAEtD,IAAI,CAACwB,KAAM;IAC/Ba,KAAK,EAAE;MACLkB,aAAa,EAAE,KAAK;MACpBvB,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE/B,SAAS,GAAG,QAAQ,GAAG,YAAY;MACnDsD,GAAG,EAAE,EAAE;MACP1B,MAAM,EAAEnC,WAAW;MACnB8D,iBAAiB,EAAE5D,OAAO;MAC1B6D,YAAY,EAAEtD,KAAK,CAACuD,KAAK,CAACC,IAAI;MAC9BC,WAAW,EAAE5D,MAAM,GAAG,CAAC,GAAG,CAAC;MAC3B6D,WAAW,EAAE7D,MAAM,GAAGG,KAAK,CAACO,MAAM,CAACoD,MAAM,CAACC,OAAO,GAAG,aAAa;MACjEtD,eAAe;MACfuD,OAAO,EAAExD,QAAQ,GAAG,GAAG,GAAG;IAC5B,CAAE;IAAA6B,QAAA,GAEDJ,OAAO,EACP,CAAChC,SAAS,gBACT,IAAAR,WAAA,CAAAyC,GAAA,EAAC3C,KAAA,CAAAmD,IAAI;MACHC,OAAO,EAAC,WAAW;MACnBC,MAAM,EAAC,QAAQ;MACfH,KAAK,EAAE1B,YAAa;MACpBkD,aAAa,EAAE,CAAE;MACjBC,aAAa,EAAC,MAAM;MACpB9B,KAAK,EAAE;QAAEN,UAAU,EAAE,CAAC;QAAEqC,QAAQ,EAAE;MAAE,CAAE;MAAA9B,QAAA,EAErCtC,IAAI,CAACwB;IAAK,CACP,CAAC,GACL,IAAI;EAAA,CACC,CAAC;AAEhB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAAS6C,OAAOA,CAAC;EACtBC,KAAK,GAAG,EAAE;EACVC,SAAS;EACTC,gBAAgB;EAChBC,QAAQ;EACRvE,SAAS,EAAEwE,aAAa;EACxBC,gBAAgB,GAAG,KAAK;EACxBC,iBAAiB;EACjBC,UAAU,GAAG,IAAI;EACjBC,IAAI;EACJC,MAAM;EACNC,aAAa,GAAG,GAAG;EACnBC,cAAc,GAAG,GAAG;EACpBC,cAAc;EACd7C;AACY,CAAC,EAAE;EACf,MAAMjC,KAAK,GAAG,IAAAC,eAAQ,EAAC,CAAC;EAExB,MAAM8E,gBAAgB,GAAGZ,SAAS,KAAKvB,SAAS;EAChD,MAAM,CAACoC,cAAc,EAAEC,iBAAiB,CAAC,GAAG,IAAA7E,eAAQ,EAACgE,gBAAgB,CAAC;EACtE,MAAMvE,MAAM,GAAGkF,gBAAgB,GAAGZ,SAAS,GAAGa,cAAc;EAE5D,MAAME,kBAAkB,GAAGZ,aAAa,KAAK1B,SAAS;EACtD,MAAM,CAACuC,iBAAiB,EAAEC,oBAAoB,CAAC,GAAG,IAAAhF,eAAQ,EAACmE,gBAAgB,CAAC;EAC5E,MAAMzE,SAAS,GAAGoF,kBAAkB,GAAGZ,aAAa,GAAGa,iBAAiB;EAExE,MAAM1D,KAAK,GAAG,IAAA4D,aAAM,EAAC,IAAIC,qBAAQ,CAACC,KAAK,CAACzF,SAAS,GAAG+E,cAAc,GAAGD,aAAa,CAAC,CAAC,CAACY,OAAO;EAC5F;EACA;EACA;EACA,MAAM,CAACC,eAAe,EAAEC,kBAAkB,CAAC,GAAG,IAAAtF,eAAQ,EAACN,SAAS,CAAC;EACjE,IAAA6F,gBAAS,EAAC,MAAM;IACd,IAAI,CAAC7F,SAAS,EAAE4F,kBAAkB,CAAC,KAAK,CAAC;IACzC,MAAME,IAAI,GAAGN,qBAAQ,CAACO,MAAM,CAACpE,KAAK,EAAE;MAClCqE,OAAO,EAAEhG,SAAS,GAAG+E,cAAc,GAAGD,aAAa;MACnDmB,QAAQ,EAAE,GAAG;MACbC,MAAM,EAAEC,mBAAM,CAACC,GAAG,CAACD,mBAAM,CAACE,IAAI,CAAC;MAC/BC,eAAe,EAAE,KAAK,CAAE;IAC1B,CAAC,CAAC;IACFR,IAAI,CAACS,KAAK,CAAC,CAAC;MAAEC;IAAS,CAAC,KAAK;MAC3B,IAAIA,QAAQ,IAAIxG,SAAS,EAAE4F,kBAAkB,CAAC,IAAI,CAAC;IACrD,CAAC,CAAC;IACF,OAAO,MAAME,IAAI,CAACW,IAAI,CAAC,CAAC;EAC1B,CAAC,EAAE,CAACzG,SAAS,EAAE+E,cAAc,EAAED,aAAa,EAAEnD,KAAK,CAAC,CAAC;;EAErD;EACA;EACA,MAAM+E,QAAQ,GAAG,IAAAnB,aAAM,EAAC,IAAIC,qBAAQ,CAACC,KAAK,CAACzF,SAAS,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC0F,OAAO;EACtE,IAAAG,gBAAS,EAAC,MAAM;IACd,MAAMC,IAAI,GAAGN,qBAAQ,CAACO,MAAM,CAACW,QAAQ,EAAE;MACrCV,OAAO,EAAEhG,SAAS,GAAG,CAAC,GAAG,CAAC;MAC1BiG,QAAQ,EAAE,GAAG;MACbC,MAAM,EAAEC,mBAAM,CAACC,GAAG,CAACD,mBAAM,CAACE,IAAI,CAAC;MAC/BC,eAAe,EAAE;IACnB,CAAC,CAAC;IACFR,IAAI,CAACS,KAAK,CAAC,CAAC;IACZ,OAAO,MAAMT,IAAI,CAACW,IAAI,CAAC,CAAC;EAC1B,CAAC,EAAE,CAACzG,SAAS,EAAE0G,QAAQ,CAAC,CAAC;EACzB,MAAMC,WAAW,GAAGD,QAAQ,CAACE,WAAW,CAAC;IAAEC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAAEC,WAAW,EAAE,CAAC,MAAM,EAAE,QAAQ;EAAE,CAAC,CAAC;;EAEjG;EACA;EACA,MAAMC,gBAAgB,GAAGpF,KAAK,CAACiF,WAAW,CAAC;IACzCC,UAAU,EAAE,CAAC9B,cAAc,EAAED,aAAa,CAAC;IAC3CgC,WAAW,EAAE,CAACE,IAAI,CAACC,GAAG,CAAC,CAAC,EAAE,CAAClC,cAAc,GAAG,CAAC,GAAGpF,OAAO,GAAGC,WAAW,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC;IAC/EsH,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,MAAMC,UAAU,GAAIrH,IAAiB,IAAK;IACxC,IAAI,CAACmF,gBAAgB,EAAEE,iBAAiB,CAACrF,IAAI,CAACsH,GAAG,CAAC;IAClDtH,IAAI,CAACG,OAAO,GAAG,CAAC;IAChBsE,QAAQ,GAAGzE,IAAI,CAACsH,GAAG,CAAC;EACtB,CAAC;EAED,MAAMC,eAAe,GAAGA,CAAA,KAAM;IAC5B,MAAMC,IAAI,GAAG,CAACtH,SAAS;IACvB,IAAI,CAACoF,kBAAkB,EAAEE,oBAAoB,CAACgC,IAAI,CAAC;IACnD5C,iBAAiB,GAAG4C,IAAI,CAAC;EAC3B,CAAC;EAED,MAAMC,QAAQ,GAAG3C,IAAI,iBAAI,IAAApF,WAAA,CAAAyC,GAAA,EAAC9C,UAAA,CAAAqI,SAAS;IAAC5F,MAAM,EAAE+D,eAAe,GAAG,EAAE,GAAG;EAAG,CAAE,CAAC;EACzE,MAAM8B,MAAM,GAAG9C,UAAU,gBACvB,IAAAnF,WAAA,CAAAyC,GAAA,EAAChD,YAAA,CAAAuG,QAAQ,CAACtD,IAAI;IAACC,KAAK,EAAE;MAAEuF,SAAS,EAAE,CAAC;QAAEC,UAAU,EAAEZ;MAAiB,CAAC;IAAE,CAAE;IAAA3E,QAAA,eACtE,IAAA5C,WAAA,CAAAyC,GAAA,EAAChD,YAAA,CAAAuG,QAAQ,CAACtD,IAAI;MAACC,KAAK,EAAE;QAAEuF,SAAS,EAAE,CAAC;UAAEE,MAAM,EAAEjB;QAAY,CAAC;MAAE,CAAE;MAAAvE,QAAA,eAC7D,IAAA5C,WAAA,CAAAyC,GAAA,EAAC5C,WAAA,CAAAwI,UAAU;QACTzG,IAAI,EAAC,YAAY;QACjBgC,kBAAkB,EAAEpD,SAAS,GAAG,gBAAgB,GAAG,kBAAmB;QACtE0C,OAAO,EAAC,OAAO;QACfH,IAAI,EAAC,IAAI;QACTtC,OAAO,EAAEoH;MAAgB,CAC1B;IAAC,CACW;EAAC,CACH,CAAC,GACd,IAAI;EAER,oBACE,IAAA7H,WAAA,CAAAoD,IAAA,EAAC3D,YAAA,CAAAuG,QAAQ,CAACtD,IAAI;IACZC,KAAK,EAAE,CACL;MACER,KAAK;MACLC,MAAM,EAAE,MAAM;MACdpB,eAAe,EAAEN,KAAK,CAACO,MAAM,CAACG,UAAU,CAACkD,OAAO;MAChDgE,UAAU,EAAE,EAAE;MACdC,aAAa,EAAEpI,OAAO;MACtB4D,iBAAiB,EAAE5D,OAAO;MAC1BqI,QAAQ,EAAE;IACZ,CAAC,EACD7F,KAAK,CACL;IAAAC,QAAA,gBAGF,IAAA5C,WAAA,CAAAyC,GAAA,EAAChD,YAAA,CAAAiD,IAAI;MACHC,KAAK,EAAE;QACL8F,SAAS,EAAE,EAAE;QACbnG,UAAU,EAAE6D,eAAe,GAAG,QAAQ,GAAG,YAAY;QACrD5D,cAAc,EAAE;MAClB,CAAE;MAAAK,QAAA,EAEDmF;IAAQ,CACL,CAAC,eAGP,IAAA/H,WAAA,CAAAyC,GAAA,EAAC1C,WAAA,CAAA2I,UAAU;MACT/F,KAAK,EAAE;QAAEgG,IAAI,EAAE,CAAC;QAAEC,SAAS,EAAE;MAAG,CAAE;MAClCC,cAAc,EAAErD,cAAc,IAAI9E,KAAK,CAACO,MAAM,CAACoD,MAAM,CAACyE,MAAO;MAC7DC,qBAAqB,EAAE;QAAEjF,GAAG,EAAE5D,QAAQ;QAAEqI,aAAa,EAAE;MAAE,CAAE;MAAA3F,QAAA,EAE1DgC,KAAK,CAACoE,GAAG,CAAE1I,IAAI,iBACd,IAAAN,WAAA,CAAAyC,GAAA,EAACpC,aAAa;QAEZC,IAAI,EAAEA,IAAK;QACXC,MAAM,EAAED,IAAI,CAACsH,GAAG,KAAKrH,MAAO;QAC5BC,SAAS,EAAE2F,eAAgB;QAC3B1F,OAAO,EAAEA,CAAA,KAAMkH,UAAU,CAACrH,IAAI;MAAE,GAJ3BA,IAAI,CAACsH,GAKX,CACF;IAAC,CACQ,CAAC,eAGb,IAAA5H,WAAA,CAAAoD,IAAA,EAAC3D,YAAA,CAAAiD,IAAI;MAACC,KAAK,EAAE;QAAEiG,SAAS,EAAE,EAAE;QAAE9E,GAAG,EAAE;MAAG,CAAE;MAAAlB,QAAA,GACrCyC,MAAM,IAAI,CAACc,eAAe,gBACzB,IAAAnG,WAAA,CAAAyC,GAAA,EAAC3C,KAAA,CAAAmD,IAAI;QAACC,OAAO,EAAC,WAAW;QAACF,KAAK,EAAC,UAAU;QAACwB,aAAa,EAAE,CAAE;QAAC7B,KAAK,EAAE;UAAEsG,UAAU,EAAE;QAAE,CAAE;QAAArG,QAAA,EACnFyC;MAAM,CACH,CAAC,GACL,IAAI,EACP4C,MAAM,gBACL,IAAAjI,WAAA,CAAAyC,GAAA,EAAChD,YAAA,CAAAiD,IAAI;QAACC,KAAK,EAAE;UAAEL,UAAU,EAAE;QAAa,CAAE;QAAAM,QAAA,EAAEqF;MAAM,CAAO,CAAC,GACxD,IAAI;IAAA,CACJ,CAAC;EAAA,CACM,CAAC;AAEpB","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_index","_BaconLogo","_Icon","_IconButton","_Text","_ScrollArea","_jsxRuntime","ITEM_HEIGHT","ITEM_GAP","PADDING","TOGGLE_SIZE","SidebarButton","item","active","collapsed","onPress","theme","useTheme","hovered","setHovered","useState","disabled","backgroundColor","colors","action","secondary","background","muted","contentColor","secondaryForeground","text","iconColor","iconName","activeIcon","icon","initial","label","trim","charAt","toUpperCase","leadingBox","width","height","flexShrink","alignItems","justifyContent","leading","jsx","View","style","children","Icon","name","size","color","Text","variant","weight","jsxs","Pressable","undefined","onHoverIn","onHoverOut","accessibilityRole","accessibilityState","selected","accessibilityLabel","flexDirection","gap","paddingHorizontal","borderRadius","radii","pill","borderWidth","borderColor","border","default","opacity","numberOfLines","ellipsizeMode","minWidth","Sidebar","items","activeKey","defaultActiveKey","onChange","collapsedProp","defaultCollapsed","onCollapsedChange","showToggle","logo","footer","expandedWidth","collapsedWidth","scrollbarColor","activeControlled","activeInternal","setActiveInternal","collapseControlled","collapsedInternal","setCollapsedInternal","useRef","Animated","Value","current","visualCollapsed","setVisualCollapsed","useEffect","anim","timing","toValue","duration","easing","Easing","out","ease","useNativeDriver","start","finished","stop","arrowRot","arrowRotate","interpolate","inputRange","outputRange","toggleTranslateX","Math","max","extrapolate","logoWidth","setLogoWidth","logoTranslateX","selectItem","key","toggleCollapsed","next","logoNode","BaconLogo","toggle","transform","translateX","rotate","IconButton","paddingTop","paddingBottom","overflow","minHeight","onLayout","e","nativeEvent","layout","ScrollArea","flex","marginTop","indicatorColor","strong","contentContainerStyle","map","marginLeft"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Sidebar/Sidebar.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.default = exports.Toggleable = exports.Scrolling = exports.NoIcon = exports.Minimal = exports.LongLabels = exports.Expanded = exports.CustomLogo = exports.Collapsed = void 0;
|
|
6
|
+
exports.default = exports.Toggleable = exports.Scrolling = exports.NoIcon = exports.Minimal = exports.LongLabels = exports.LockedCollapsed = exports.Expanded = exports.CustomLogo = exports.Collapsed = void 0;
|
|
7
7
|
var _react = require("react");
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _Sidebar = require("./Sidebar.js");
|
|
@@ -212,6 +212,22 @@ const NoIcon = exports.NoIcon = {
|
|
|
212
212
|
}
|
|
213
213
|
};
|
|
214
214
|
|
|
215
|
+
/** Locked collapsed — no toggle, the user can't expand it (showToggle={false}). */
|
|
216
|
+
const LockedCollapsed = exports.LockedCollapsed = {
|
|
217
|
+
render: () => {
|
|
218
|
+
const [active, setActive] = (0, _react.useState)('home');
|
|
219
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Frame, {
|
|
220
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Sidebar.Sidebar, {
|
|
221
|
+
items: ITEMS,
|
|
222
|
+
activeKey: active,
|
|
223
|
+
onChange: setActive,
|
|
224
|
+
defaultCollapsed: true,
|
|
225
|
+
showToggle: false
|
|
226
|
+
})
|
|
227
|
+
});
|
|
228
|
+
}
|
|
229
|
+
};
|
|
230
|
+
|
|
215
231
|
/** Custom logo color. */
|
|
216
232
|
const CustomLogo = exports.CustomLogo = {
|
|
217
233
|
render: () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_Sidebar","_jsxRuntime","meta","title","component","Sidebar","_default","exports","default","ITEMS","key","label","icon","Frame","children","jsx","View","style","height","flexDirection","Expanded","render","active","setActive","useState","items","activeKey","onChange","footer","Collapsed","defaultCollapsed","Toggleable","Minimal","slice","showToggle","Scrolling","many","Array","from","length","map","_","i","String","LongLabels","NoIcon","CustomLogo"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Sidebar/Sidebar.stories.tsx"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_Sidebar","_jsxRuntime","meta","title","component","Sidebar","_default","exports","default","ITEMS","key","label","icon","Frame","children","jsx","View","style","height","flexDirection","Expanded","render","active","setActive","useState","items","activeKey","onChange","footer","Collapsed","defaultCollapsed","Toggleable","Minimal","slice","showToggle","Scrolling","many","Array","from","length","map","_","i","String","LongLabels","NoIcon","LockedCollapsed","CustomLogo"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Sidebar/Sidebar.stories.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.StatTile = StatTile;
|
|
7
|
+
var _reactNative = require("react-native");
|
|
8
|
+
var _index = require("../../theme/index.js");
|
|
9
|
+
var _Icon = require("../Icon/Icon.js");
|
|
10
|
+
var _Text = require("../Text/Text.js");
|
|
11
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
+
/**
|
|
13
|
+
* StatTile — a compact KPI card: a small label over a prominent value (Figma
|
|
14
|
+
* "info card"). Fills its parent by default (so a row/grid of tiles sizes evenly)
|
|
15
|
+
* or takes a fixed `width`. `value` accepts a node for custom color/formatting.
|
|
16
|
+
*/
|
|
17
|
+
function StatTile({
|
|
18
|
+
label,
|
|
19
|
+
value,
|
|
20
|
+
icon,
|
|
21
|
+
width,
|
|
22
|
+
onPress,
|
|
23
|
+
backgroundColor,
|
|
24
|
+
labelColor,
|
|
25
|
+
valueColor,
|
|
26
|
+
style,
|
|
27
|
+
accessibilityLabel
|
|
28
|
+
}) {
|
|
29
|
+
const theme = (0, _index.useTheme)();
|
|
30
|
+
const content = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
31
|
+
children: [icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
32
|
+
style: {
|
|
33
|
+
width: 24,
|
|
34
|
+
height: 24,
|
|
35
|
+
flexShrink: 0
|
|
36
|
+
},
|
|
37
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
38
|
+
name: icon,
|
|
39
|
+
size: 24,
|
|
40
|
+
color: "secondary"
|
|
41
|
+
})
|
|
42
|
+
}) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
43
|
+
style: {
|
|
44
|
+
flex: 1,
|
|
45
|
+
minWidth: 0,
|
|
46
|
+
gap: 4
|
|
47
|
+
},
|
|
48
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
|
|
49
|
+
variant: "bodySmall",
|
|
50
|
+
color: labelColor ?? 'secondary',
|
|
51
|
+
numberOfLines: 1,
|
|
52
|
+
children: label
|
|
53
|
+
}), typeof value === 'string' || typeof value === 'number' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
|
|
54
|
+
variant: "bodyLarge",
|
|
55
|
+
weight: "semibold",
|
|
56
|
+
color: valueColor ?? 'primary',
|
|
57
|
+
numberOfLines: 1,
|
|
58
|
+
children: String(value)
|
|
59
|
+
}) : value]
|
|
60
|
+
})]
|
|
61
|
+
});
|
|
62
|
+
const containerStyle = {
|
|
63
|
+
flexDirection: 'row',
|
|
64
|
+
alignItems: 'center',
|
|
65
|
+
gap: 12,
|
|
66
|
+
padding: 12,
|
|
67
|
+
borderRadius: theme.radii.lg,
|
|
68
|
+
backgroundColor: backgroundColor ?? theme.colors.background.subtle,
|
|
69
|
+
...(width != null ? {
|
|
70
|
+
width
|
|
71
|
+
} : {
|
|
72
|
+
alignSelf: 'stretch'
|
|
73
|
+
})
|
|
74
|
+
};
|
|
75
|
+
if (!onPress) {
|
|
76
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
77
|
+
accessibilityLabel: accessibilityLabel,
|
|
78
|
+
style: [containerStyle, style],
|
|
79
|
+
children: content
|
|
80
|
+
});
|
|
81
|
+
}
|
|
82
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
|
|
83
|
+
onPress: onPress,
|
|
84
|
+
accessibilityRole: "button",
|
|
85
|
+
accessibilityLabel: accessibilityLabel ?? label,
|
|
86
|
+
style: ({
|
|
87
|
+
pressed
|
|
88
|
+
}) => [containerStyle, {
|
|
89
|
+
opacity: pressed ? 0.96 : 1
|
|
90
|
+
}, style],
|
|
91
|
+
children: content
|
|
92
|
+
});
|
|
93
|
+
}
|
|
94
|
+
//# sourceMappingURL=StatTile.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_index","_Icon","_Text","_jsxRuntime","StatTile","label","value","icon","width","onPress","backgroundColor","labelColor","valueColor","style","accessibilityLabel","theme","useTheme","content","jsxs","Fragment","children","jsx","View","height","flexShrink","Icon","name","size","color","flex","minWidth","gap","Text","variant","numberOfLines","weight","String","containerStyle","flexDirection","alignItems","padding","borderRadius","radii","lg","colors","background","subtle","alignSelf","Pressable","accessibilityRole","pressed","opacity"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/StatTile/StatTile.tsx"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAEA,IAAAG,KAAA,GAAAH,OAAA;AAAoC,IAAAI,WAAA,GAAAJ,OAAA;AAwBpC;AACA;AACA;AACA;AACA;AACO,SAASK,QAAQA,CAAC;EACvBC,KAAK;EACLC,KAAK;EACLC,IAAI;EACJC,KAAK;EACLC,OAAO;EACPC,eAAe;EACfC,UAAU;EACVC,UAAU;EACVC,KAAK;EACLC;AACa,CAAC,EAAE;EAChB,MAAMC,KAAK,GAAG,IAAAC,eAAQ,EAAC,CAAC;EAExB,MAAMC,OAAO,gBACX,IAAAd,WAAA,CAAAe,IAAA,EAAAf,WAAA,CAAAgB,QAAA;IAAAC,QAAA,GACGb,IAAI,gBACH,IAAAJ,WAAA,CAAAkB,GAAA,EAACvB,YAAA,CAAAwB,IAAI;MAACT,KAAK,EAAE;QAAEL,KAAK,EAAE,EAAE;QAAEe,MAAM,EAAE,EAAE;QAAEC,UAAU,EAAE;MAAE,CAAE;MAAAJ,QAAA,eACpD,IAAAjB,WAAA,CAAAkB,GAAA,EAACpB,KAAA,CAAAwB,IAAI;QAACC,IAAI,EAAEnB,IAAK;QAACoB,IAAI,EAAE,EAAG;QAACC,KAAK,EAAC;MAAW,CAAE;IAAC,CAC5C,CAAC,GACL,IAAI,eACR,IAAAzB,WAAA,CAAAe,IAAA,EAACpB,YAAA,CAAAwB,IAAI;MAACT,KAAK,EAAE;QAAEgB,IAAI,EAAE,CAAC;QAAEC,QAAQ,EAAE,CAAC;QAAEC,GAAG,EAAE;MAAE,CAAE;MAAAX,QAAA,gBAC5C,IAAAjB,WAAA,CAAAkB,GAAA,EAACnB,KAAA,CAAA8B,IAAI;QAACC,OAAO,EAAC,WAAW;QAACL,KAAK,EAAEjB,UAAU,IAAI,WAAY;QAACuB,aAAa,EAAE,CAAE;QAAAd,QAAA,EAC1Ef;MAAK,CACF,CAAC,EACN,OAAOC,KAAK,KAAK,QAAQ,IAAI,OAAOA,KAAK,KAAK,QAAQ,gBACrD,IAAAH,WAAA,CAAAkB,GAAA,EAACnB,KAAA,CAAA8B,IAAI;QAACC,OAAO,EAAC,WAAW;QAACE,MAAM,EAAC,UAAU;QAACP,KAAK,EAAEhB,UAAU,IAAI,SAAU;QAACsB,aAAa,EAAE,CAAE;QAAAd,QAAA,EAC1FgB,MAAM,CAAC9B,KAAK;MAAC,CACV,CAAC,GAEPA,KACD;IAAA,CACG,CAAC;EAAA,CACP,CACH;EAED,MAAM+B,cAAyB,GAAG;IAChCC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBR,GAAG,EAAE,EAAE;IACPS,OAAO,EAAE,EAAE;IACXC,YAAY,EAAE1B,KAAK,CAAC2B,KAAK,CAACC,EAAE;IAC5BjC,eAAe,EAAEA,eAAe,IAAIK,KAAK,CAAC6B,MAAM,CAACC,UAAU,CAACC,MAAM;IAClE,IAAItC,KAAK,IAAI,IAAI,GAAG;MAAEA;IAAM,CAAC,GAAG;MAAEuC,SAAS,EAAE;IAAU,CAAC;EAC1D,CAAC;EAED,IAAI,CAACtC,OAAO,EAAE;IACZ,oBACE,IAAAN,WAAA,CAAAkB,GAAA,EAACvB,YAAA,CAAAwB,IAAI;MAACR,kBAAkB,EAAEA,kBAAmB;MAACD,KAAK,EAAE,CAACwB,cAAc,EAAExB,KAAK,CAAE;MAAAO,QAAA,EAC1EH;IAAO,CACJ,CAAC;EAEX;EACA,oBACE,IAAAd,WAAA,CAAAkB,GAAA,EAACvB,YAAA,CAAAkD,SAAS;IACRvC,OAAO,EAAEA,OAAQ;IACjBwC,iBAAiB,EAAC,QAAQ;IAC1BnC,kBAAkB,EAAEA,kBAAkB,IAAIT,KAAM;IAChDQ,KAAK,EAAEA,CAAC;MAAEqC;IAAQ,CAAC,KAAK,CAACb,cAAc,EAAE;MAAEc,OAAO,EAAED,OAAO,GAAG,IAAI,GAAG;IAAE,CAAC,EAAErC,KAAK,CAAE;IAAAO,QAAA,EAEhFH;EAAO,CACC,CAAC;AAEhB","ignoreList":[]}
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = exports.WithIcon = exports.Row = exports.Default = exports.CustomValue = void 0;
|
|
7
|
+
var _reactNative = require("react-native");
|
|
8
|
+
var _StatTile = require("./StatTile.js");
|
|
9
|
+
var _Text = require("../Text/Text.js");
|
|
10
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
+
const meta = {
|
|
12
|
+
title: 'Components/StatTile',
|
|
13
|
+
component: _StatTile.StatTile
|
|
14
|
+
};
|
|
15
|
+
var _default = exports.default = meta;
|
|
16
|
+
/** Figma "info card". */
|
|
17
|
+
const Default = exports.Default = {
|
|
18
|
+
render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
19
|
+
style: {
|
|
20
|
+
padding: 24,
|
|
21
|
+
width: 420
|
|
22
|
+
},
|
|
23
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_StatTile.StatTile, {
|
|
24
|
+
label: "Starting cash",
|
|
25
|
+
value: "$1,250.25"
|
|
26
|
+
})
|
|
27
|
+
})
|
|
28
|
+
};
|
|
29
|
+
|
|
30
|
+
/** A row of tiles sizing evenly (each fills its flex cell). */
|
|
31
|
+
const Row = exports.Row = {
|
|
32
|
+
render: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
33
|
+
style: {
|
|
34
|
+
padding: 24,
|
|
35
|
+
flexDirection: 'row',
|
|
36
|
+
gap: 12,
|
|
37
|
+
width: 720
|
|
38
|
+
},
|
|
39
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
40
|
+
style: {
|
|
41
|
+
flex: 1
|
|
42
|
+
},
|
|
43
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_StatTile.StatTile, {
|
|
44
|
+
label: "Sales",
|
|
45
|
+
value: "$4,820"
|
|
46
|
+
})
|
|
47
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
48
|
+
style: {
|
|
49
|
+
flex: 1
|
|
50
|
+
},
|
|
51
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_StatTile.StatTile, {
|
|
52
|
+
label: "Orders",
|
|
53
|
+
value: "128"
|
|
54
|
+
})
|
|
55
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
56
|
+
style: {
|
|
57
|
+
flex: 1
|
|
58
|
+
},
|
|
59
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_StatTile.StatTile, {
|
|
60
|
+
label: "Avg. ticket",
|
|
61
|
+
value: "$37.60"
|
|
62
|
+
})
|
|
63
|
+
})]
|
|
64
|
+
})
|
|
65
|
+
};
|
|
66
|
+
|
|
67
|
+
/** With a leading icon. */
|
|
68
|
+
const WithIcon = exports.WithIcon = {
|
|
69
|
+
render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
70
|
+
style: {
|
|
71
|
+
padding: 24,
|
|
72
|
+
width: 420
|
|
73
|
+
},
|
|
74
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_StatTile.StatTile, {
|
|
75
|
+
label: "Starting cash",
|
|
76
|
+
value: "$1,250.25",
|
|
77
|
+
icon: "dollar-circle"
|
|
78
|
+
})
|
|
79
|
+
})
|
|
80
|
+
};
|
|
81
|
+
|
|
82
|
+
/** Custom value node (e.g. a colored delta). */
|
|
83
|
+
const CustomValue = exports.CustomValue = {
|
|
84
|
+
render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
85
|
+
style: {
|
|
86
|
+
padding: 24,
|
|
87
|
+
width: 420
|
|
88
|
+
},
|
|
89
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_StatTile.StatTile, {
|
|
90
|
+
label: "Net change",
|
|
91
|
+
value: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
|
|
92
|
+
variant: "bodyLarge",
|
|
93
|
+
weight: "semibold",
|
|
94
|
+
color: "#008C57",
|
|
95
|
+
children: "+$320.10"
|
|
96
|
+
})
|
|
97
|
+
})
|
|
98
|
+
})
|
|
99
|
+
};
|
|
100
|
+
//# sourceMappingURL=StatTile.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_StatTile","_Text","_jsxRuntime","meta","title","component","StatTile","_default","exports","default","Default","render","jsx","View","style","padding","width","children","label","value","Row","jsxs","flexDirection","gap","flex","WithIcon","icon","CustomValue","Text","variant","weight","color"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/StatTile/StatTile.stories.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _reactNative = require("@testing-library/react-native");
|
|
4
|
+
var _reactNative2 = require("react-native");
|
|
5
|
+
var _index = require("../../theme/index.js");
|
|
6
|
+
var _StatTile = require("./StatTile.js");
|
|
7
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
8
|
+
function wrap(ui) {
|
|
9
|
+
return (0, _reactNative.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ThemeProvider, {
|
|
10
|
+
children: ui
|
|
11
|
+
}));
|
|
12
|
+
}
|
|
13
|
+
describe('StatTile', () => {
|
|
14
|
+
it('renders label and value', () => {
|
|
15
|
+
wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_StatTile.StatTile, {
|
|
16
|
+
label: "Starting cash",
|
|
17
|
+
value: "$1,250.25"
|
|
18
|
+
}));
|
|
19
|
+
expect(_reactNative.screen.getByText('Starting cash')).toBeTruthy();
|
|
20
|
+
expect(_reactNative.screen.getByText('$1,250.25')).toBeTruthy();
|
|
21
|
+
});
|
|
22
|
+
it('renders a numeric value', () => {
|
|
23
|
+
wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_StatTile.StatTile, {
|
|
24
|
+
label: "Orders",
|
|
25
|
+
value: 128
|
|
26
|
+
}));
|
|
27
|
+
expect(_reactNative.screen.getByText('128')).toBeTruthy();
|
|
28
|
+
});
|
|
29
|
+
it('renders a custom value node', () => {
|
|
30
|
+
wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_StatTile.StatTile, {
|
|
31
|
+
label: "Delta",
|
|
32
|
+
value: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative2.Text, {
|
|
33
|
+
children: "+3.2%"
|
|
34
|
+
})
|
|
35
|
+
}));
|
|
36
|
+
expect(_reactNative.screen.getByText('+3.2%')).toBeTruthy();
|
|
37
|
+
});
|
|
38
|
+
it('fires onPress', () => {
|
|
39
|
+
const onPress = jest.fn();
|
|
40
|
+
wrap(/*#__PURE__*/(0, _jsxRuntime.jsx)(_StatTile.StatTile, {
|
|
41
|
+
label: "Sales",
|
|
42
|
+
value: "$10",
|
|
43
|
+
onPress: onPress
|
|
44
|
+
}));
|
|
45
|
+
_reactNative.fireEvent.press(_reactNative.screen.getByText('Sales'));
|
|
46
|
+
expect(onPress).toHaveBeenCalledTimes(1);
|
|
47
|
+
});
|
|
48
|
+
});
|
|
49
|
+
//# sourceMappingURL=StatTile.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_reactNative2","_index","_StatTile","_jsxRuntime","wrap","ui","render","jsx","ThemeProvider","children","describe","it","StatTile","label","value","expect","screen","getByText","toBeTruthy","Text","onPress","jest","fn","fireEvent","press","toHaveBeenCalledTimes"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/StatTile/StatTile.test.tsx"],"mappings":";;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AAAsC,IAAAI,WAAA,GAAAJ,OAAA;AAEtC,SAASK,IAAIA,CAACC,EAAsB,EAAE;EACpC,OAAO,IAAAC,mBAAM,eAAC,IAAAH,WAAA,CAAAI,GAAA,EAACN,MAAA,CAAAO,aAAa;IAAAC,QAAA,EAAEJ;EAAE,CAAgB,CAAC,CAAC;AACpD;AAEAK,QAAQ,CAAC,UAAU,EAAE,MAAM;EACzBC,EAAE,CAAC,yBAAyB,EAAE,MAAM;IAClCP,IAAI,cAAC,IAAAD,WAAA,CAAAI,GAAA,EAACL,SAAA,CAAAU,QAAQ;MAACC,KAAK,EAAC,eAAe;MAACC,KAAK,EAAC;IAAW,CAAE,CAAC,CAAC;IAC1DC,MAAM,CAACC,mBAAM,CAACC,SAAS,CAAC,eAAe,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;IACtDH,MAAM,CAACC,mBAAM,CAACC,SAAS,CAAC,WAAW,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EACpD,CAAC,CAAC;EAEFP,EAAE,CAAC,yBAAyB,EAAE,MAAM;IAClCP,IAAI,cAAC,IAAAD,WAAA,CAAAI,GAAA,EAACL,SAAA,CAAAU,QAAQ;MAACC,KAAK,EAAC,QAAQ;MAACC,KAAK,EAAE;IAAI,CAAE,CAAC,CAAC;IAC7CC,MAAM,CAACC,mBAAM,CAACC,SAAS,CAAC,KAAK,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EAC9C,CAAC,CAAC;EAEFP,EAAE,CAAC,6BAA6B,EAAE,MAAM;IACtCP,IAAI,cAAC,IAAAD,WAAA,CAAAI,GAAA,EAACL,SAAA,CAAAU,QAAQ;MAACC,KAAK,EAAC,OAAO;MAACC,KAAK,eAAE,IAAAX,WAAA,CAAAI,GAAA,EAACP,aAAA,CAAAmB,IAAI;QAAAV,QAAA,EAAC;MAAK,CAAM;IAAE,CAAE,CAAC,CAAC;IAC3DM,MAAM,CAACC,mBAAM,CAACC,SAAS,CAAC,OAAO,CAAC,CAAC,CAACC,UAAU,CAAC,CAAC;EAChD,CAAC,CAAC;EAEFP,EAAE,CAAC,eAAe,EAAE,MAAM;IACxB,MAAMS,OAAO,GAAGC,IAAI,CAACC,EAAE,CAAC,CAAC;IACzBlB,IAAI,cAAC,IAAAD,WAAA,CAAAI,GAAA,EAACL,SAAA,CAAAU,QAAQ;MAACC,KAAK,EAAC,OAAO;MAACC,KAAK,EAAC,KAAK;MAACM,OAAO,EAAEA;IAAQ,CAAE,CAAC,CAAC;IAC9DG,sBAAS,CAACC,KAAK,CAACR,mBAAM,CAACC,SAAS,CAAC,OAAO,CAAC,CAAC;IAC1CF,MAAM,CAACK,OAAO,CAAC,CAACK,qBAAqB,CAAC,CAAC,CAAC;EAC1C,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "StatTile", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _StatTile.StatTile;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
var _StatTile = require("./StatTile.js");
|
|
13
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_StatTile","require"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/StatTile/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA","ignoreList":[]}
|
|
@@ -9,10 +9,13 @@ var _reactNative = require("react-native");
|
|
|
9
9
|
var _index = require("../../theme/index.js");
|
|
10
10
|
var _Checkbox = require("../Checkbox/Checkbox.js");
|
|
11
11
|
var _Icon = require("../Icon/Icon.js");
|
|
12
|
+
var _MenuButton = require("../Menu/MenuButton.js");
|
|
12
13
|
var _Spinner = require("../Spinner/Spinner.js");
|
|
13
14
|
var _Text = require("../Text/Text.js");
|
|
14
15
|
var _ScrollArea = require("../_internal/ScrollArea.js");
|
|
15
16
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
17
|
+
/** A structured row action (inline icon, or a row in the overflow "More" menu). */
|
|
18
|
+
|
|
16
19
|
const ROW_HEIGHT = 72;
|
|
17
20
|
const PADDING = 24;
|
|
18
21
|
const CELL_GAP = 8;
|
|
@@ -45,7 +48,11 @@ function Table({
|
|
|
45
48
|
defaultExpandedKeys,
|
|
46
49
|
onExpandedChange,
|
|
47
50
|
renderActions,
|
|
48
|
-
|
|
51
|
+
actions,
|
|
52
|
+
maxInlineActions = 2,
|
|
53
|
+
moreIcon = 'more',
|
|
54
|
+
actionsMenuWidth,
|
|
55
|
+
actionsWidth,
|
|
49
56
|
selectable = false,
|
|
50
57
|
selectedKeys,
|
|
51
58
|
defaultSelectedKeys,
|
|
@@ -71,8 +78,10 @@ function Table({
|
|
|
71
78
|
const isMobile = screenWidth < mobileBreakpoint;
|
|
72
79
|
|
|
73
80
|
// Expandable and actions are mutually exclusive; expandable wins if both set.
|
|
74
|
-
const hasActions = !expandable && !!renderActions;
|
|
75
|
-
const
|
|
81
|
+
const hasActions = !expandable && (!!renderActions || !!actions);
|
|
82
|
+
const ACTION_SLOT = 44; // sm icon-button footprint (40 + gap)
|
|
83
|
+
const actionsColWidth = actionsWidth ?? (renderActions ? 96 : (maxInlineActions + 1) * ACTION_SLOT);
|
|
84
|
+
const trailingWidth = expandable ? CHEVRON_WIDTH : hasActions ? actionsColWidth : 0;
|
|
76
85
|
|
|
77
86
|
// ---- sort ----
|
|
78
87
|
const sortControlled = sort !== undefined;
|
|
@@ -159,6 +168,58 @@ function Table({
|
|
|
159
168
|
return content;
|
|
160
169
|
};
|
|
161
170
|
|
|
171
|
+
// Actions cell: free-form `renderActions`, or structured `actions` with the
|
|
172
|
+
// first N inline and the rest in a "More" menu (all in the menu on mobile).
|
|
173
|
+
const renderActionsCell = (row, index) => {
|
|
174
|
+
if (renderActions) return renderActions(row, index);
|
|
175
|
+
if (!actions) return null;
|
|
176
|
+
const list = actions(row, index);
|
|
177
|
+
const inlineCount = isMobile ? 0 : maxInlineActions;
|
|
178
|
+
const inline = list.slice(0, inlineCount);
|
|
179
|
+
const overflow = list.slice(inlineCount);
|
|
180
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
181
|
+
children: [inline.map(a => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
|
|
182
|
+
onPress: a.disabled ? undefined : a.onPress,
|
|
183
|
+
disabled: a.disabled,
|
|
184
|
+
hitSlop: 8,
|
|
185
|
+
accessibilityRole: "button",
|
|
186
|
+
accessibilityLabel: a.label,
|
|
187
|
+
style: {
|
|
188
|
+
width: 40,
|
|
189
|
+
height: 40,
|
|
190
|
+
alignItems: 'center',
|
|
191
|
+
justifyContent: 'center',
|
|
192
|
+
opacity: a.disabled ? 0.5 : 1
|
|
193
|
+
},
|
|
194
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
195
|
+
name: a.icon,
|
|
196
|
+
size: 24,
|
|
197
|
+
color: a.destructive ? theme.colors.feedback.error : a.color ?? theme.colors.text.secondary
|
|
198
|
+
})
|
|
199
|
+
}, a.key)), overflow.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuButton.MenuButton, {
|
|
200
|
+
icon: moreIcon,
|
|
201
|
+
accessibilityLabel: "More actions",
|
|
202
|
+
variant: "ghost",
|
|
203
|
+
size: "sm",
|
|
204
|
+
menuWidth: actionsMenuWidth,
|
|
205
|
+
options: overflow.map(a => ({
|
|
206
|
+
key: a.key,
|
|
207
|
+
label: a.label,
|
|
208
|
+
disabled: a.disabled,
|
|
209
|
+
destructive: a.destructive,
|
|
210
|
+
leading: {
|
|
211
|
+
kind: 'icon',
|
|
212
|
+
name: a.icon,
|
|
213
|
+
...(a.destructive || !a.color ? {} : {
|
|
214
|
+
color: a.color
|
|
215
|
+
})
|
|
216
|
+
},
|
|
217
|
+
onPress: a.onPress
|
|
218
|
+
}))
|
|
219
|
+
}) : null]
|
|
220
|
+
});
|
|
221
|
+
};
|
|
222
|
+
|
|
162
223
|
// ---------- Desktop ----------
|
|
163
224
|
const header = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
164
225
|
style: {
|
|
@@ -269,13 +330,14 @@ function Table({
|
|
|
269
330
|
})
|
|
270
331
|
}) : hasActions ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
271
332
|
style: {
|
|
272
|
-
width:
|
|
333
|
+
width: actionsColWidth,
|
|
273
334
|
flexShrink: 0,
|
|
274
335
|
flexDirection: 'row',
|
|
336
|
+
alignItems: 'center',
|
|
275
337
|
justifyContent: 'flex-end',
|
|
276
338
|
gap: 4
|
|
277
339
|
},
|
|
278
|
-
children:
|
|
340
|
+
children: renderActionsCell(row, index)
|
|
279
341
|
}) : null]
|
|
280
342
|
}), expandable && isOpen && renderExpanded ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
281
343
|
style: {
|
|
@@ -359,10 +421,11 @@ function Table({
|
|
|
359
421
|
}), hasActions ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
360
422
|
style: {
|
|
361
423
|
flexDirection: 'row',
|
|
424
|
+
alignItems: 'center',
|
|
362
425
|
justifyContent: 'flex-end',
|
|
363
426
|
gap: 4
|
|
364
427
|
},
|
|
365
|
-
children:
|
|
428
|
+
children: renderActionsCell(row, index)
|
|
366
429
|
}) : null]
|
|
367
430
|
}), expandable && isOpen && renderExpanded ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
368
431
|
style: {
|