@bacon-pos/ui 0.3.0 → 0.5.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/lib/commonjs/components/CodeField/CodeField.js +95 -65
- package/lib/commonjs/components/CodeField/CodeField.js.map +1 -1
- package/lib/commonjs/components/CodeField/CodeField.stories.js +24 -1
- package/lib/commonjs/components/CodeField/CodeField.stories.js.map +1 -1
- package/lib/commonjs/components/CodeField/CodeField.test.js +28 -0
- package/lib/commonjs/components/CodeField/CodeField.test.js.map +1 -1
- package/lib/commonjs/components/Dialog/Dialog.js +23 -4
- package/lib/commonjs/components/Dialog/Dialog.js.map +1 -1
- package/lib/commonjs/components/Dialog/Dialog.stories.js +49 -1
- package/lib/commonjs/components/Dialog/Dialog.stories.js.map +1 -1
- package/lib/commonjs/components/Keypad/Keypad.js +162 -0
- package/lib/commonjs/components/Keypad/Keypad.js.map +1 -0
- package/lib/commonjs/components/Keypad/Keypad.stories.js +210 -0
- package/lib/commonjs/components/Keypad/Keypad.stories.js.map +1 -0
- package/lib/commonjs/components/Keypad/Keypad.test.js +119 -0
- package/lib/commonjs/components/Keypad/Keypad.test.js.map +1 -0
- package/lib/commonjs/components/Keypad/index.js +13 -0
- package/lib/commonjs/components/Keypad/index.js.map +1 -0
- package/lib/commonjs/components/Toast/Toast.js +184 -0
- package/lib/commonjs/components/Toast/Toast.js.map +1 -0
- package/lib/commonjs/components/Toast/Toast.stories.js +109 -0
- package/lib/commonjs/components/Toast/Toast.stories.js.map +1 -0
- package/lib/commonjs/components/Toast/Toast.test.js +70 -0
- package/lib/commonjs/components/Toast/Toast.test.js.map +1 -0
- package/lib/commonjs/components/Toast/ToastProvider.js +95 -0
- package/lib/commonjs/components/Toast/ToastProvider.js.map +1 -0
- package/lib/commonjs/components/Toast/index.js +26 -0
- package/lib/commonjs/components/Toast/index.js.map +1 -0
- package/lib/commonjs/components/index.js +30 -8
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/module/components/CodeField/CodeField.js +95 -65
- package/lib/module/components/CodeField/CodeField.js.map +1 -1
- package/lib/module/components/CodeField/CodeField.stories.js +23 -0
- package/lib/module/components/CodeField/CodeField.stories.js.map +1 -1
- package/lib/module/components/CodeField/CodeField.test.js +28 -0
- package/lib/module/components/CodeField/CodeField.test.js.map +1 -1
- package/lib/module/components/Dialog/Dialog.js +23 -4
- package/lib/module/components/Dialog/Dialog.js.map +1 -1
- package/lib/module/components/Dialog/Dialog.stories.js +48 -0
- package/lib/module/components/Dialog/Dialog.stories.js.map +1 -1
- package/lib/module/components/Keypad/Keypad.js +158 -0
- package/lib/module/components/Keypad/Keypad.js.map +1 -0
- package/lib/module/components/Keypad/Keypad.stories.js +206 -0
- package/lib/module/components/Keypad/Keypad.stories.js.map +1 -0
- package/lib/module/components/Keypad/Keypad.test.js +119 -0
- package/lib/module/components/Keypad/Keypad.test.js.map +1 -0
- package/lib/module/components/Keypad/index.js +4 -0
- package/lib/module/components/Keypad/index.js.map +1 -0
- package/lib/module/components/Toast/Toast.js +180 -0
- package/lib/module/components/Toast/Toast.js.map +1 -0
- package/lib/module/components/Toast/Toast.stories.js +105 -0
- package/lib/module/components/Toast/Toast.stories.js.map +1 -0
- package/lib/module/components/Toast/Toast.test.js +69 -0
- package/lib/module/components/Toast/Toast.test.js.map +1 -0
- package/lib/module/components/Toast/ToastProvider.js +90 -0
- package/lib/module/components/Toast/ToastProvider.js.map +1 -0
- package/lib/module/components/Toast/index.js +5 -0
- package/lib/module/components/Toast/index.js.map +1 -0
- package/lib/module/components/index.js +2 -0
- package/lib/module/components/index.js.map +1 -1
- package/lib/typescript/commonjs/components/CodeField/CodeField.d.ts +5 -1
- package/lib/typescript/commonjs/components/CodeField/CodeField.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Dialog/Dialog.d.ts +5 -1
- package/lib/typescript/commonjs/components/Dialog/Dialog.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/Keypad/Keypad.d.ts +54 -0
- package/lib/typescript/commonjs/components/Keypad/Keypad.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/Keypad/index.d.ts +3 -0
- package/lib/typescript/commonjs/components/Keypad/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/Toast/Toast.d.ts +40 -0
- package/lib/typescript/commonjs/components/Toast/Toast.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/Toast/ToastProvider.d.ts +34 -0
- package/lib/typescript/commonjs/components/Toast/ToastProvider.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/Toast/index.d.ts +3 -0
- package/lib/typescript/commonjs/components/Toast/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/index.d.ts +2 -0
- package/lib/typescript/commonjs/components/index.d.ts.map +1 -1
- package/lib/typescript/module/components/CodeField/CodeField.d.ts +5 -1
- package/lib/typescript/module/components/CodeField/CodeField.d.ts.map +1 -1
- package/lib/typescript/module/components/Dialog/Dialog.d.ts +5 -1
- package/lib/typescript/module/components/Dialog/Dialog.d.ts.map +1 -1
- package/lib/typescript/module/components/Keypad/Keypad.d.ts +54 -0
- package/lib/typescript/module/components/Keypad/Keypad.d.ts.map +1 -0
- package/lib/typescript/module/components/Keypad/index.d.ts +3 -0
- package/lib/typescript/module/components/Keypad/index.d.ts.map +1 -0
- package/lib/typescript/module/components/Toast/Toast.d.ts +40 -0
- package/lib/typescript/module/components/Toast/Toast.d.ts.map +1 -0
- package/lib/typescript/module/components/Toast/ToastProvider.d.ts +34 -0
- package/lib/typescript/module/components/Toast/ToastProvider.d.ts.map +1 -0
- package/lib/typescript/module/components/Toast/index.d.ts +3 -0
- package/lib/typescript/module/components/Toast/index.d.ts.map +1 -0
- package/lib/typescript/module/components/index.d.ts +2 -0
- package/lib/typescript/module/components/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/CodeField/CodeField.tsx +104 -64
- package/src/components/Dialog/Dialog.tsx +40 -10
- package/src/components/Keypad/Keypad.tsx +191 -0
- package/src/components/Keypad/index.ts +2 -0
- package/src/components/Toast/Toast.tsx +173 -0
- package/src/components/Toast/ToastProvider.tsx +126 -0
- package/src/components/Toast/index.ts +7 -0
- package/src/components/index.ts +2 -0
|
@@ -11,6 +11,16 @@ const WEB_NO_OUTLINE = {
|
|
|
11
11
|
outlineStyle: 'none',
|
|
12
12
|
outlineWidth: 0
|
|
13
13
|
};
|
|
14
|
+
|
|
15
|
+
/** Convert a `#RRGGBB` (or `#RGB`) token to an `rgba()` string at the given alpha. */
|
|
16
|
+
function hexToRgba(hex, alpha) {
|
|
17
|
+
const h = hex.replace('#', '');
|
|
18
|
+
const full = h.length === 3 ? h.replace(/./g, c => c + c) : h;
|
|
19
|
+
const r = parseInt(full.slice(0, 2), 16);
|
|
20
|
+
const g = parseInt(full.slice(2, 4), 16);
|
|
21
|
+
const b = parseInt(full.slice(4, 6), 16);
|
|
22
|
+
return `rgba(${r}, ${g}, ${b}, ${alpha})`;
|
|
23
|
+
}
|
|
14
24
|
/** Chars to strip per mode (applied after upper-casing). */
|
|
15
25
|
const DISALLOWED = {
|
|
16
26
|
numeric: /[^0-9]/g,
|
|
@@ -29,6 +39,8 @@ export function CodeField({
|
|
|
29
39
|
length = 6,
|
|
30
40
|
mode = 'numeric',
|
|
31
41
|
onComplete,
|
|
42
|
+
helperText,
|
|
43
|
+
error,
|
|
32
44
|
disabled = false,
|
|
33
45
|
autoFocus = false,
|
|
34
46
|
cellWidth = 126,
|
|
@@ -48,78 +60,96 @@ export function CodeField({
|
|
|
48
60
|
if (next.length === length) onComplete?.(next);
|
|
49
61
|
};
|
|
50
62
|
const activeIndex = Math.min(value.length, length - 1);
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
63
|
+
const hasError = Boolean(error);
|
|
64
|
+
const message = typeof error === 'string' ? error : helperText;
|
|
65
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
54
66
|
style: [{
|
|
55
|
-
position: 'relative',
|
|
56
67
|
alignSelf: 'flex-start'
|
|
57
68
|
}, style],
|
|
58
|
-
children: [/*#__PURE__*/
|
|
69
|
+
children: [/*#__PURE__*/_jsxs(Pressable, {
|
|
70
|
+
onPress: () => inputRef.current?.focus(),
|
|
71
|
+
disabled: disabled,
|
|
59
72
|
style: {
|
|
60
|
-
|
|
61
|
-
gap
|
|
73
|
+
position: 'relative'
|
|
62
74
|
},
|
|
63
|
-
children:
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
opacity: disabled ? 0.6 : 1,
|
|
79
|
-
...(isActive ? {
|
|
80
|
-
boxShadow: [{
|
|
81
|
-
offsetX: 0,
|
|
82
|
-
offsetY: 0,
|
|
83
|
-
blurRadius: 0,
|
|
84
|
-
spreadDistance: 6,
|
|
85
|
-
color: 'rgba(201,255,0,0.15)'
|
|
86
|
-
}]
|
|
87
|
-
} : null)
|
|
88
|
-
},
|
|
89
|
-
children: /*#__PURE__*/_jsx(Text, {
|
|
90
|
-
color: disabled ? 'tertiary' : 'primary',
|
|
75
|
+
children: [/*#__PURE__*/_jsx(View, {
|
|
76
|
+
style: {
|
|
77
|
+
flexDirection: 'row',
|
|
78
|
+
gap
|
|
79
|
+
},
|
|
80
|
+
children: Array.from({
|
|
81
|
+
length
|
|
82
|
+
}).map((_, i) => {
|
|
83
|
+
const isActive = focused && i === activeIndex && !disabled;
|
|
84
|
+
// Error overrides the default/focus border on every cell; the active
|
|
85
|
+
// cell still gets the ring (red on error, lime otherwise).
|
|
86
|
+
const borderColor = hasError ? theme.colors.feedback.error : isActive ? theme.colors.border.focus : theme.colors.border.default;
|
|
87
|
+
const ringColor = hasError ? hexToRgba(theme.colors.feedback.error, 0.15) : 'rgba(201,255,0,0.15)';
|
|
88
|
+
return /*#__PURE__*/_jsx(View, {
|
|
89
|
+
testID: "code-field-cell",
|
|
91
90
|
style: {
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
91
|
+
width: cellWidth,
|
|
92
|
+
height: cellHeight,
|
|
93
|
+
borderRadius: theme.radii.pill,
|
|
94
|
+
borderWidth: 1,
|
|
95
|
+
borderColor,
|
|
96
|
+
backgroundColor: disabled ? theme.colors.disabled.background : theme.colors.background.default,
|
|
97
|
+
alignItems: 'center',
|
|
98
|
+
justifyContent: 'center',
|
|
99
|
+
opacity: disabled ? 0.6 : 1,
|
|
100
|
+
...(isActive ? {
|
|
101
|
+
boxShadow: [{
|
|
102
|
+
offsetX: 0,
|
|
103
|
+
offsetY: 0,
|
|
104
|
+
blurRadius: 0,
|
|
105
|
+
spreadDistance: 6,
|
|
106
|
+
color: ringColor
|
|
107
|
+
}]
|
|
108
|
+
} : null)
|
|
95
109
|
},
|
|
96
|
-
children:
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
110
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
111
|
+
color: disabled ? 'tertiary' : 'primary',
|
|
112
|
+
style: {
|
|
113
|
+
fontFamily: fontFamily ?? theme.fontFamily.regular,
|
|
114
|
+
fontSize,
|
|
115
|
+
lineHeight: Math.round(fontSize * 1.45)
|
|
116
|
+
},
|
|
117
|
+
children: value[i] ?? ''
|
|
118
|
+
})
|
|
119
|
+
}, i);
|
|
120
|
+
})
|
|
121
|
+
}), /*#__PURE__*/_jsx(TextInput, {
|
|
122
|
+
ref: inputRef,
|
|
123
|
+
value: value,
|
|
124
|
+
onChangeText: handleChange,
|
|
125
|
+
onFocus: () => setFocused(true),
|
|
126
|
+
onBlur: () => setFocused(false),
|
|
127
|
+
keyboardType: mode === 'numeric' ? 'number-pad' : 'default',
|
|
128
|
+
autoCapitalize: "characters",
|
|
129
|
+
autoCorrect: false,
|
|
130
|
+
maxLength: length,
|
|
131
|
+
editable: !disabled,
|
|
132
|
+
caretHidden: true,
|
|
133
|
+
autoFocus: autoFocus,
|
|
134
|
+
accessibilityLabel: accessibilityLabel,
|
|
135
|
+
style: [{
|
|
136
|
+
position: 'absolute',
|
|
137
|
+
top: 0,
|
|
138
|
+
left: 0,
|
|
139
|
+
right: 0,
|
|
140
|
+
bottom: 0,
|
|
141
|
+
opacity: 0
|
|
142
|
+
}, WEB_NO_OUTLINE]
|
|
143
|
+
})]
|
|
144
|
+
}), message ? /*#__PURE__*/_jsx(Text, {
|
|
145
|
+
variant: "bodySmall",
|
|
146
|
+
color: hasError ? theme.colors.feedback.error : 'tertiary',
|
|
147
|
+
style: {
|
|
148
|
+
marginTop: 8,
|
|
149
|
+
marginLeft: 8
|
|
150
|
+
},
|
|
151
|
+
children: message
|
|
152
|
+
}) : null]
|
|
123
153
|
});
|
|
124
154
|
}
|
|
125
155
|
//# sourceMappingURL=CodeField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useRef","useState","Pressable","TextInput","View","useTheme","Text","jsx","_jsx","jsxs","_jsxs","WEB_NO_OUTLINE","outlineStyle","outlineWidth","
|
|
1
|
+
{"version":3,"names":["useRef","useState","Pressable","TextInput","View","useTheme","Text","jsx","_jsx","jsxs","_jsxs","WEB_NO_OUTLINE","outlineStyle","outlineWidth","hexToRgba","hex","alpha","h","replace","full","length","c","r","parseInt","slice","g","b","DISALLOWED","numeric","alphanumeric","CodeField","value","onChangeText","mode","onComplete","helperText","error","disabled","autoFocus","cellWidth","cellHeight","gap","fontFamily","fontSize","accessibilityLabel","style","theme","inputRef","focused","setFocused","handleChange","text","next","toUpperCase","activeIndex","Math","min","hasError","Boolean","message","alignSelf","children","onPress","current","focus","position","flexDirection","Array","from","map","_","i","isActive","borderColor","colors","feedback","border","default","ringColor","testID","width","height","borderRadius","radii","pill","borderWidth","backgroundColor","background","alignItems","justifyContent","opacity","boxShadow","offsetX","offsetY","blurRadius","spreadDistance","color","regular","lineHeight","round","ref","onFocus","onBlur","keyboardType","autoCapitalize","autoCorrect","maxLength","editable","caretHidden","top","left","right","bottom","variant","marginTop","marginLeft"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/CodeField/CodeField.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -69,4 +69,27 @@ export const Disabled = {
|
|
|
69
69
|
disabled: true
|
|
70
70
|
})
|
|
71
71
|
};
|
|
72
|
+
// Error state — red cells + focus ring, message below (like Input).
|
|
73
|
+
export const Error = {
|
|
74
|
+
render: () => /*#__PURE__*/_jsx(Demo, {
|
|
75
|
+
length: 4,
|
|
76
|
+
error: "That code is incorrect. Try again."
|
|
77
|
+
})
|
|
78
|
+
};
|
|
79
|
+
export const ErrorHelperText = {
|
|
80
|
+
render: () => /*#__PURE__*/_jsxs(View, {
|
|
81
|
+
style: {
|
|
82
|
+
gap: 24,
|
|
83
|
+
alignItems: 'flex-start'
|
|
84
|
+
},
|
|
85
|
+
children: [/*#__PURE__*/_jsx(Demo, {
|
|
86
|
+
length: 4,
|
|
87
|
+
helperText: "Enter the 4-digit code we sent you."
|
|
88
|
+
}), /*#__PURE__*/_jsx(Demo, {
|
|
89
|
+
length: 4,
|
|
90
|
+
error: true,
|
|
91
|
+
helperText: "Enter the 4-digit code we sent you."
|
|
92
|
+
})]
|
|
93
|
+
})
|
|
94
|
+
};
|
|
72
95
|
//# sourceMappingURL=CodeField.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useState","View","CodeField","Text","jsx","_jsx","jsxs","_jsxs","meta","title","component","Demo","props","value","setValue","done","setDone","style","gap","alignItems","children","onChangeText","onComplete","variant","color","Default","render","length","Compact","cellWidth","Alphanumeric","mode","Alpha","Disabled","disabled"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/CodeField/CodeField.stories.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,OAAO;AAEhC,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,SAAS,QAA4B,gBAAa;AAC3D,SAASC,IAAI,QAAQ,iBAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEpC,MAAMC,IAAI,GAAG;EACXC,KAAK,EAAE,sBAAsB;EAC7BC,SAAS,EAAER;AACb,CAAkC;AAElC,eAAeM,IAAI;AAGnB,SAASG,IAAIA,CAACC,
|
|
1
|
+
{"version":3,"names":["useState","View","CodeField","Text","jsx","_jsx","jsxs","_jsxs","meta","title","component","Demo","props","value","setValue","done","setDone","style","gap","alignItems","children","onChangeText","onComplete","variant","color","Default","render","length","Compact","cellWidth","Alphanumeric","mode","Alpha","Disabled","disabled","Error","error","ErrorHelperText","helperText"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/CodeField/CodeField.stories.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -74,5 +74,33 @@ describe('CodeField', () => {
|
|
|
74
74
|
expect(screen.getByText('1')).toBeTruthy();
|
|
75
75
|
expect(screen.getByText('2')).toBeTruthy();
|
|
76
76
|
});
|
|
77
|
+
it('shows the error message when error is a string', () => {
|
|
78
|
+
renderWithTheme(/*#__PURE__*/_jsx(CodeField, {
|
|
79
|
+
value: "",
|
|
80
|
+
onChangeText: () => {},
|
|
81
|
+
error: "Wrong code"
|
|
82
|
+
}));
|
|
83
|
+
expect(screen.getByText('Wrong code')).toBeTruthy();
|
|
84
|
+
});
|
|
85
|
+
it('shows helperText, and the error message replaces it when error is a string', () => {
|
|
86
|
+
const {
|
|
87
|
+
rerender
|
|
88
|
+
} = renderWithTheme(/*#__PURE__*/_jsx(CodeField, {
|
|
89
|
+
value: "",
|
|
90
|
+
onChangeText: () => {},
|
|
91
|
+
helperText: "Enter your code"
|
|
92
|
+
}));
|
|
93
|
+
expect(screen.getByText('Enter your code')).toBeTruthy();
|
|
94
|
+
rerender(/*#__PURE__*/_jsx(ThemeProvider, {
|
|
95
|
+
children: /*#__PURE__*/_jsx(CodeField, {
|
|
96
|
+
value: "",
|
|
97
|
+
onChangeText: () => {},
|
|
98
|
+
helperText: "Enter your code",
|
|
99
|
+
error: "Wrong code"
|
|
100
|
+
})
|
|
101
|
+
}));
|
|
102
|
+
expect(screen.getByText('Wrong code')).toBeTruthy();
|
|
103
|
+
expect(screen.queryByText('Enter your code')).toBeNull();
|
|
104
|
+
});
|
|
77
105
|
});
|
|
78
106
|
//# sourceMappingURL=CodeField.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","render","screen","fireEvent","CodeField","ThemeProvider","jsx","_jsx","renderWithTheme","ui","children","describe","it","value","onChangeText","length","expect","getAllByTestId","toHaveLength","jest","fn","mode","changeText","getByLabelText","toHaveBeenCalledWith","onComplete","getByText","toBeTruthy"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/CodeField/CodeField.test.tsx"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["React","render","screen","fireEvent","CodeField","ThemeProvider","jsx","_jsx","renderWithTheme","ui","children","describe","it","value","onChangeText","length","expect","getAllByTestId","toHaveLength","jest","fn","mode","changeText","getByLabelText","toHaveBeenCalledWith","onComplete","getByText","toBeTruthy","error","rerender","helperText","queryByText","toBeNull"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/CodeField/CodeField.test.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -33,6 +33,8 @@ export function Dialog({
|
|
|
33
33
|
contentSpacing = 24,
|
|
34
34
|
radius = 24,
|
|
35
35
|
maxWidth = 560,
|
|
36
|
+
width,
|
|
37
|
+
fullscreen = false,
|
|
36
38
|
maxHeightRatio = 0.9,
|
|
37
39
|
scrollbarColor,
|
|
38
40
|
style
|
|
@@ -122,14 +124,31 @@ export function Dialog({
|
|
|
122
124
|
})
|
|
123
125
|
}, i))]
|
|
124
126
|
}) : null;
|
|
125
|
-
const cardBase = {
|
|
127
|
+
const cardBase = fullscreen ? {
|
|
128
|
+
flex: 1,
|
|
126
129
|
width: '100%',
|
|
127
|
-
|
|
130
|
+
backgroundColor: theme.colors.background.default,
|
|
131
|
+
borderRadius: 0
|
|
132
|
+
} : {
|
|
133
|
+
width: width ?? '100%',
|
|
134
|
+
maxWidth: width ? undefined : maxWidth,
|
|
128
135
|
backgroundColor: theme.colors.background.default,
|
|
129
136
|
borderRadius: radius,
|
|
130
137
|
overflow: 'hidden'
|
|
131
138
|
};
|
|
132
|
-
const card =
|
|
139
|
+
const card = fullscreen ? /*#__PURE__*/_jsxs(View, {
|
|
140
|
+
accessibilityViewIsModal: true,
|
|
141
|
+
style: [cardBase, style],
|
|
142
|
+
children: [closeBtn, stickyHeader ? header : null, /*#__PURE__*/_jsxs(ScrollArea, {
|
|
143
|
+
indicatorColor: indicatorColor,
|
|
144
|
+
style: {
|
|
145
|
+
flex: 1
|
|
146
|
+
},
|
|
147
|
+
keyboardShouldPersistTaps: "handled",
|
|
148
|
+
keyboardDismissMode: "interactive",
|
|
149
|
+
children: [!stickyHeader ? header : null, contentBody, !stickyFooter ? footer : null]
|
|
150
|
+
}), stickyFooter ? footer : null]
|
|
151
|
+
}) : scrollMode === 'page' ? /*#__PURE__*/_jsxs(View, {
|
|
133
152
|
accessibilityViewIsModal: true,
|
|
134
153
|
style: [cardBase, style],
|
|
135
154
|
children: [closeBtn, header, contentBody, footer]
|
|
@@ -164,7 +183,7 @@ export function Dialog({
|
|
|
164
183
|
flex: 1,
|
|
165
184
|
backgroundColor: 'rgba(16, 18, 20, 0.55)'
|
|
166
185
|
},
|
|
167
|
-
children: scrollMode === 'page' ? /*#__PURE__*/_jsx(ScrollView, {
|
|
186
|
+
children: fullscreen ? card : scrollMode === 'page' ? /*#__PURE__*/_jsx(ScrollView, {
|
|
168
187
|
style: {
|
|
169
188
|
flex: 1
|
|
170
189
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["KeyboardAvoidingView","Modal","Platform","Pressable","ScrollView","StyleSheet","useWindowDimensions","View","useTheme","Button","Icon","Text","ScrollArea","jsx","_jsx","jsxs","_jsxs","Dialog","visible","onClose","title","subtitle","children","actions","cancel","showClose","closeDestructive","dismissOnBackdrop","scrollMode","stickyHeader","stickyFooter","padding","contentSpacing","radius","maxWidth","maxHeightRatio","scrollbarColor","style","theme","height","indicatorColor","colors","text","tertiary","closeBtn","onPress","hitSlop","accessibilityRole","accessibilityLabel","position","top","right","zIndex","name","size","color","feedback","error","secondary","header","paddingHorizontal","paddingTop","paddingBottom","paddingRight","gap","variant","weight","contentBody","hasFooter","length","footer","flexDirection","flex","fullWidth","destructive","label","map","action","i","loading","disabled","cardBase","
|
|
1
|
+
{"version":3,"names":["KeyboardAvoidingView","Modal","Platform","Pressable","ScrollView","StyleSheet","useWindowDimensions","View","useTheme","Button","Icon","Text","ScrollArea","jsx","_jsx","jsxs","_jsxs","Dialog","visible","onClose","title","subtitle","children","actions","cancel","showClose","closeDestructive","dismissOnBackdrop","scrollMode","stickyHeader","stickyFooter","padding","contentSpacing","radius","maxWidth","width","fullscreen","maxHeightRatio","scrollbarColor","style","theme","height","indicatorColor","colors","text","tertiary","closeBtn","onPress","hitSlop","accessibilityRole","accessibilityLabel","position","top","right","zIndex","name","size","color","feedback","error","secondary","header","paddingHorizontal","paddingTop","paddingBottom","paddingRight","gap","variant","weight","contentBody","hasFooter","length","footer","flexDirection","flex","fullWidth","destructive","label","map","action","i","loading","disabled","cardBase","backgroundColor","background","default","borderRadius","undefined","overflow","card","accessibilityViewIsModal","keyboardShouldPersistTaps","keyboardDismissMode","maxHeight","flexShrink","transparent","animationType","statusBarTranslucent","onRequestClose","behavior","OS","contentContainerStyle","flexGrow","showsVerticalScrollIndicator","justifyContent","alignItems","absoluteFill","accessibilityElementsHidden","importantForAccessibility"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Dialog/Dialog.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -113,6 +113,54 @@ export const LongScrollingForm = {
|
|
|
113
113
|
})
|
|
114
114
|
})
|
|
115
115
|
};
|
|
116
|
+
export const Wide = {
|
|
117
|
+
render: () => /*#__PURE__*/_jsx(Frame, {
|
|
118
|
+
render: (open, close) => /*#__PURE__*/_jsx(Dialog, {
|
|
119
|
+
visible: open,
|
|
120
|
+
onClose: close,
|
|
121
|
+
title: "Wider dialog",
|
|
122
|
+
subtitle: "width overrides maxWidth",
|
|
123
|
+
width: 760,
|
|
124
|
+
cancel: {},
|
|
125
|
+
actions: [{
|
|
126
|
+
label: 'OK',
|
|
127
|
+
onPress: close
|
|
128
|
+
}],
|
|
129
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
130
|
+
variant: "bodyMedium",
|
|
131
|
+
color: "secondary",
|
|
132
|
+
children: "A wider dialog for larger content."
|
|
133
|
+
})
|
|
134
|
+
})
|
|
135
|
+
})
|
|
136
|
+
};
|
|
137
|
+
export const Fullscreen = {
|
|
138
|
+
render: () => /*#__PURE__*/_jsx(Frame, {
|
|
139
|
+
render: (open, close) => /*#__PURE__*/_jsx(Dialog, {
|
|
140
|
+
visible: open,
|
|
141
|
+
onClose: close,
|
|
142
|
+
title: "Fullscreen dialog",
|
|
143
|
+
subtitle: "Fills the whole screen \u2014 good for small devices",
|
|
144
|
+
fullscreen: true,
|
|
145
|
+
cancel: {},
|
|
146
|
+
actions: [{
|
|
147
|
+
label: 'Save',
|
|
148
|
+
onPress: close
|
|
149
|
+
}],
|
|
150
|
+
children: /*#__PURE__*/_jsx(View, {
|
|
151
|
+
style: {
|
|
152
|
+
gap: 16
|
|
153
|
+
},
|
|
154
|
+
children: Array.from({
|
|
155
|
+
length: 6
|
|
156
|
+
}).map((_, i) => /*#__PURE__*/_jsx(Input, {
|
|
157
|
+
label: `Field ${i + 1}`,
|
|
158
|
+
placeholder: `Value ${i + 1}`
|
|
159
|
+
}, i))
|
|
160
|
+
})
|
|
161
|
+
})
|
|
162
|
+
})
|
|
163
|
+
};
|
|
116
164
|
export const PageScroll = {
|
|
117
165
|
render: () => /*#__PURE__*/_jsx(Frame, {
|
|
118
166
|
render: (open, close) => /*#__PURE__*/_jsx(Dialog, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useState","View","Dialog","Button","Input","Text","jsx","_jsx","jsxs","_jsxs","meta","title","component","Frame","render","open","setOpen","style","padding","children","label","onPress","Basic","close","visible","onClose","subtitle","cancel","actions","placeholder","revealable","DestructiveCancel","closeDestructive","destructive","ThreeActions","variant","LongScrollingForm","gap","Array","from","length","map","_","i","PageScroll","scrollMode","EverythingScrolls","stickyHeader","stickyFooter","
|
|
1
|
+
{"version":3,"names":["useState","View","Dialog","Button","Input","Text","jsx","_jsx","jsxs","_jsxs","meta","title","component","Frame","render","open","setOpen","style","padding","children","label","onPress","Basic","close","visible","onClose","subtitle","cancel","actions","placeholder","revealable","DestructiveCancel","closeDestructive","destructive","ThreeActions","variant","LongScrollingForm","gap","Array","from","length","map","_","i","Wide","width","color","Fullscreen","fullscreen","PageScroll","scrollMode","EverythingScrolls","stickyHeader","stickyFooter","repeat"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Dialog/Dialog.stories.tsx"],"mappings":"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","ignoreList":[]}
|