@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
|
@@ -8,7 +8,9 @@ var _reactNative = require("react-native");
|
|
|
8
8
|
var _index = require("../../theme/index.js");
|
|
9
9
|
var _Button = require("../Button/Button.js");
|
|
10
10
|
var _Icon = require("../Icon/Icon.js");
|
|
11
|
+
var _IconButton = require("../IconButton/IconButton.js");
|
|
11
12
|
var _Text = require("../Text/Text.js");
|
|
13
|
+
var _ModalHostContext = require("../_internal/ModalHostContext.js");
|
|
12
14
|
var _ScrollArea = require("../_internal/ScrollArea.js");
|
|
13
15
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
16
|
/**
|
|
@@ -24,6 +26,9 @@ function Dialog({
|
|
|
24
26
|
onClose,
|
|
25
27
|
title,
|
|
26
28
|
subtitle,
|
|
29
|
+
onBack,
|
|
30
|
+
backAccessibilityLabel = 'Back',
|
|
31
|
+
footerAccessory,
|
|
27
32
|
children,
|
|
28
33
|
actions = [],
|
|
29
34
|
cancel,
|
|
@@ -74,59 +79,90 @@ function Dialog({
|
|
|
74
79
|
},
|
|
75
80
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
76
81
|
style: {
|
|
77
|
-
|
|
78
|
-
|
|
82
|
+
flexDirection: 'row',
|
|
83
|
+
alignItems: 'center',
|
|
84
|
+
gap: 20,
|
|
85
|
+
paddingRight: showClose ? 40 : 0
|
|
79
86
|
},
|
|
80
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
87
|
+
children: [onBack ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.IconButton, {
|
|
88
|
+
icon: "arrow-left",
|
|
89
|
+
accessibilityLabel: backAccessibilityLabel,
|
|
90
|
+
variant: "secondary",
|
|
91
|
+
size: "lg",
|
|
92
|
+
onPress: onBack
|
|
93
|
+
}) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
94
|
+
style: {
|
|
95
|
+
flex: 1,
|
|
96
|
+
gap: 4
|
|
97
|
+
},
|
|
98
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
|
|
99
|
+
variant: "h3",
|
|
100
|
+
weight: "semibold",
|
|
101
|
+
color: "primary",
|
|
102
|
+
children: title
|
|
103
|
+
}), subtitle ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
|
|
104
|
+
variant: "bodyLarge",
|
|
105
|
+
color: "secondary",
|
|
106
|
+
children: subtitle
|
|
107
|
+
}) : null]
|
|
108
|
+
})]
|
|
90
109
|
})
|
|
91
110
|
});
|
|
111
|
+
const hasButtons = cancel != null || actions.length > 0;
|
|
112
|
+
const hasFooter = hasButtons || footerAccessory != null;
|
|
113
|
+
|
|
114
|
+
// The footer owns the bottom padding; without a footer the content would
|
|
115
|
+
// otherwise hug the bottom edge, so it takes over the bottom padding itself.
|
|
92
116
|
const contentBody = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
93
117
|
style: {
|
|
94
|
-
paddingHorizontal: padding
|
|
118
|
+
paddingHorizontal: padding,
|
|
119
|
+
paddingBottom: hasFooter ? 0 : padding
|
|
95
120
|
},
|
|
96
121
|
children: children
|
|
97
122
|
});
|
|
98
|
-
const hasFooter = cancel != null || actions.length > 0;
|
|
99
123
|
const footer = hasFooter ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
100
124
|
style: {
|
|
101
|
-
flexDirection: 'row',
|
|
102
|
-
gap: 12,
|
|
103
125
|
paddingHorizontal: padding,
|
|
104
126
|
paddingBottom: padding,
|
|
105
127
|
paddingTop: contentSpacing
|
|
106
128
|
},
|
|
107
|
-
children: [
|
|
129
|
+
children: [footerAccessory ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
108
130
|
style: {
|
|
109
|
-
|
|
131
|
+
alignItems: 'center',
|
|
132
|
+
// Figma keeps the accessory (e.g. step progress) closer to the
|
|
133
|
+
// content above it than to the buttons below (~40 vs ~56).
|
|
134
|
+
marginBottom: hasButtons ? Math.round(contentSpacing * 1.4) : 0
|
|
110
135
|
},
|
|
111
|
-
children:
|
|
112
|
-
|
|
113
|
-
variant: cancel.destructive ? 'destructive' : 'secondary',
|
|
114
|
-
label: cancel.label ?? 'Cancel',
|
|
115
|
-
onPress: cancel.onPress ?? onClose
|
|
116
|
-
})
|
|
117
|
-
}) : null, actions.map((action, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
136
|
+
children: footerAccessory
|
|
137
|
+
}) : null, hasButtons ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
118
138
|
style: {
|
|
119
|
-
|
|
139
|
+
flexDirection: 'row',
|
|
140
|
+
gap: 12
|
|
120
141
|
},
|
|
121
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
142
|
+
children: [cancel ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
143
|
+
style: {
|
|
144
|
+
flex: 1
|
|
145
|
+
},
|
|
146
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
|
|
147
|
+
fullWidth: true,
|
|
148
|
+
variant: cancel.destructive ? 'destructive' : 'secondary',
|
|
149
|
+
label: cancel.label ?? 'Cancel',
|
|
150
|
+
onPress: cancel.onPress ?? onClose
|
|
151
|
+
})
|
|
152
|
+
}) : null, actions.map((action, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
153
|
+
style: {
|
|
154
|
+
flex: 1
|
|
155
|
+
},
|
|
156
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
|
|
157
|
+
fullWidth: true,
|
|
158
|
+
variant: action.variant ?? 'default',
|
|
159
|
+
label: action.label,
|
|
160
|
+
onPress: action.onPress,
|
|
161
|
+
loading: action.loading,
|
|
162
|
+
disabled: action.disabled
|
|
163
|
+
})
|
|
164
|
+
}, i))]
|
|
165
|
+
}) : null]
|
|
130
166
|
}) : null;
|
|
131
167
|
const cardBase = fullscreen ? {
|
|
132
168
|
flex: 1,
|
|
@@ -148,6 +184,9 @@ function Dialog({
|
|
|
148
184
|
style: {
|
|
149
185
|
flex: 1
|
|
150
186
|
},
|
|
187
|
+
contentContainerStyle: {
|
|
188
|
+
paddingVertical: 8
|
|
189
|
+
},
|
|
151
190
|
keyboardShouldPersistTaps: "handled",
|
|
152
191
|
keyboardDismissMode: "interactive",
|
|
153
192
|
children: [!stickyHeader ? header : null, contentBody, !stickyFooter ? footer : null]
|
|
@@ -166,6 +205,9 @@ function Dialog({
|
|
|
166
205
|
style: {
|
|
167
206
|
flexShrink: 1
|
|
168
207
|
},
|
|
208
|
+
contentContainerStyle: {
|
|
209
|
+
paddingVertical: 8
|
|
210
|
+
},
|
|
169
211
|
keyboardShouldPersistTaps: "handled",
|
|
170
212
|
keyboardDismissMode: "interactive",
|
|
171
213
|
children: [!stickyHeader ? header : null, contentBody, !stickyFooter ? footer : null]
|
|
@@ -177,55 +219,58 @@ function Dialog({
|
|
|
177
219
|
animationType: "fade",
|
|
178
220
|
statusBarTranslucent: true,
|
|
179
221
|
onRequestClose: onClose,
|
|
180
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
},
|
|
185
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
222
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ModalHostContext.ModalHostContext.Provider, {
|
|
223
|
+
value: true,
|
|
224
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.KeyboardAvoidingView, {
|
|
225
|
+
behavior: _reactNative.Platform.OS === 'ios' ? 'padding' : undefined,
|
|
186
226
|
style: {
|
|
187
|
-
flex: 1
|
|
188
|
-
backgroundColor: 'rgba(16, 18, 20, 0.55)'
|
|
227
|
+
flex: 1
|
|
189
228
|
},
|
|
190
|
-
children:
|
|
229
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
191
230
|
style: {
|
|
192
|
-
flex: 1
|
|
193
|
-
|
|
194
|
-
contentContainerStyle: {
|
|
195
|
-
flexGrow: 1,
|
|
196
|
-
padding: 16
|
|
231
|
+
flex: 1,
|
|
232
|
+
backgroundColor: 'rgba(16, 18, 20, 0.55)'
|
|
197
233
|
},
|
|
198
|
-
|
|
199
|
-
showsVerticalScrollIndicator: false,
|
|
200
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
|
|
234
|
+
children: fullscreen ? card : scrollMode === 'page' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
|
|
201
235
|
style: {
|
|
236
|
+
flex: 1
|
|
237
|
+
},
|
|
238
|
+
contentContainerStyle: {
|
|
202
239
|
flexGrow: 1,
|
|
203
|
-
|
|
204
|
-
alignItems: 'center'
|
|
240
|
+
padding: 16
|
|
205
241
|
},
|
|
206
|
-
|
|
242
|
+
keyboardShouldPersistTaps: "handled",
|
|
243
|
+
showsVerticalScrollIndicator: false,
|
|
207
244
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
|
|
208
245
|
style: {
|
|
209
|
-
|
|
246
|
+
flexGrow: 1,
|
|
247
|
+
justifyContent: 'center',
|
|
210
248
|
alignItems: 'center'
|
|
211
249
|
},
|
|
212
|
-
onPress:
|
|
213
|
-
children:
|
|
250
|
+
onPress: dismissOnBackdrop ? onClose : undefined,
|
|
251
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
|
|
252
|
+
style: {
|
|
253
|
+
width: '100%',
|
|
254
|
+
alignItems: 'center'
|
|
255
|
+
},
|
|
256
|
+
onPress: () => {},
|
|
257
|
+
children: card
|
|
258
|
+
})
|
|
214
259
|
})
|
|
260
|
+
}) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
261
|
+
style: {
|
|
262
|
+
flex: 1,
|
|
263
|
+
justifyContent: 'center',
|
|
264
|
+
alignItems: 'center',
|
|
265
|
+
padding: 16
|
|
266
|
+
},
|
|
267
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
|
|
268
|
+
style: _reactNative.StyleSheet.absoluteFill,
|
|
269
|
+
onPress: dismissOnBackdrop ? onClose : undefined,
|
|
270
|
+
accessibilityElementsHidden: true,
|
|
271
|
+
importantForAccessibility: "no-hide-descendants"
|
|
272
|
+
}), card]
|
|
215
273
|
})
|
|
216
|
-
}) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
217
|
-
style: {
|
|
218
|
-
flex: 1,
|
|
219
|
-
justifyContent: 'center',
|
|
220
|
-
alignItems: 'center',
|
|
221
|
-
padding: 16
|
|
222
|
-
},
|
|
223
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
|
|
224
|
-
style: _reactNative.StyleSheet.absoluteFill,
|
|
225
|
-
onPress: dismissOnBackdrop ? onClose : undefined,
|
|
226
|
-
accessibilityElementsHidden: true,
|
|
227
|
-
importantForAccessibility: "no-hide-descendants"
|
|
228
|
-
}), card]
|
|
229
274
|
})
|
|
230
275
|
})
|
|
231
276
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_index","_Button","_Icon","_Text","_ScrollArea","_jsxRuntime","Dialog","visible","onClose","title","subtitle","children","actions","cancel","showClose","closeDestructive","dismissOnBackdrop","scrollMode","stickyHeader","stickyFooter","padding","contentSpacing","radius","maxWidth","width","fullscreen","maxHeightRatio","scrollbarColor","style","theme","useTheme","height","useWindowDimensions","indicatorColor","colors","text","tertiary","closeBtn","jsx","Pressable","onPress","hitSlop","accessibilityRole","accessibilityLabel","position","top","right","zIndex","Icon","name","size","color","feedback","error","secondary","header","View","paddingHorizontal","paddingTop","paddingBottom","jsxs","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_index","_Button","_Icon","_IconButton","_Text","_ModalHostContext","_ScrollArea","_jsxRuntime","Dialog","visible","onClose","title","subtitle","onBack","backAccessibilityLabel","footerAccessory","children","actions","cancel","showClose","closeDestructive","dismissOnBackdrop","scrollMode","stickyHeader","stickyFooter","padding","contentSpacing","radius","maxWidth","width","fullscreen","maxHeightRatio","scrollbarColor","style","theme","useTheme","height","useWindowDimensions","indicatorColor","colors","text","tertiary","closeBtn","jsx","Pressable","onPress","hitSlop","accessibilityRole","accessibilityLabel","position","top","right","zIndex","Icon","name","size","color","feedback","error","secondary","header","View","paddingHorizontal","paddingTop","paddingBottom","jsxs","flexDirection","alignItems","gap","paddingRight","IconButton","icon","variant","flex","Text","weight","hasButtons","length","hasFooter","contentBody","footer","marginBottom","Math","round","Button","fullWidth","destructive","label","map","action","i","loading","disabled","cardBase","backgroundColor","background","default","borderRadius","undefined","overflow","card","accessibilityViewIsModal","ScrollArea","contentContainerStyle","paddingVertical","keyboardShouldPersistTaps","keyboardDismissMode","maxHeight","flexShrink","Modal","transparent","animationType","statusBarTranslucent","onRequestClose","ModalHostContext","Provider","value","KeyboardAvoidingView","behavior","Platform","OS","ScrollView","flexGrow","showsVerticalScrollIndicator","justifyContent","StyleSheet","absoluteFill","accessibilityElementsHidden","importantForAccessibility"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Dialog/Dialog.tsx"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AAYA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,iBAAA,GAAAN,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA;AAAqD,IAAAQ,WAAA,GAAAR,OAAA;AAmFrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASS,MAAMA,CAAC;EACrBC,OAAO;EACPC,OAAO;EACPC,KAAK;EACLC,QAAQ;EACRC,MAAM;EACNC,sBAAsB,GAAG,MAAM;EAC/BC,eAAe;EACfC,QAAQ;EACRC,OAAO,GAAG,EAAE;EACZC,MAAM;EACNC,SAAS,GAAG,IAAI;EAChBC,gBAAgB,GAAG,KAAK;EACxBC,iBAAiB,GAAG,KAAK;EACzBC,UAAU,GAAG,OAAO;EACpBC,YAAY,GAAG,IAAI;EACnBC,YAAY,GAAG,IAAI;EACnBC,OAAO,GAAG,EAAE;EACZC,cAAc,GAAG,EAAE;EACnBC,MAAM,GAAG,EAAE;EACXC,QAAQ,GAAG,GAAG;EACdC,KAAK;EACLC,UAAU,GAAG,KAAK;EAClBC,cAAc,GAAG,GAAG;EACpBC,cAAc;EACdC;AACW,CAAC,EAAE;EACd,MAAMC,KAAK,GAAG,IAAAC,eAAQ,EAAC,CAAC;EACxB,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EACxC,MAAMC,cAAc,GAAGN,cAAc,IAAIE,KAAK,CAACK,MAAM,CAACC,IAAI,CAACC,QAAQ;EAEnE,MAAMC,QAAQ,GAAGvB,SAAS,gBACxB,IAAAZ,WAAA,CAAAoC,GAAA,EAAC7C,YAAA,CAAA8C,SAAS;IACRC,OAAO,EAAEnC,OAAQ;IACjBoC,OAAO,EAAE,CAAE;IACXC,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAC,OAAO;IAC1Bf,KAAK,EAAE;MAAEgB,QAAQ,EAAE,UAAU;MAAEC,GAAG,EAAEzB,OAAO;MAAE0B,KAAK,EAAE1B,OAAO;MAAEA,OAAO,EAAE,CAAC;MAAE2B,MAAM,EAAE;IAAE,CAAE;IAAApC,QAAA,eAErF,IAAAT,WAAA,CAAAoC,GAAA,EAACzC,KAAA,CAAAmD,IAAI;MACHC,IAAI,EAAC,OAAO;MACZC,IAAI,EAAE,EAAG;MACTC,KAAK,EAAEpC,gBAAgB,GAAGc,KAAK,CAACK,MAAM,CAACkB,QAAQ,CAACC,KAAK,GAAGxB,KAAK,CAACK,MAAM,CAACC,IAAI,CAACmB;IAAU,CACrF;EAAC,CACO,CAAC,GACV,IAAI;EAER,MAAMC,MAAM,gBACV,IAAArD,WAAA,CAAAoC,GAAA,EAAC7C,YAAA,CAAA+D,IAAI;IAAC5B,KAAK,EAAE;MAAE6B,iBAAiB,EAAErC,OAAO;MAAEsC,UAAU,EAAEtC,OAAO;MAAEuC,aAAa,EAAEtC;IAAe,CAAE;IAAAV,QAAA,eAC9F,IAAAT,WAAA,CAAA0D,IAAA,EAACnE,YAAA,CAAA+D,IAAI;MACH5B,KAAK,EAAE;QACLiC,aAAa,EAAE,KAAK;QACpBC,UAAU,EAAE,QAAQ;QACpBC,GAAG,EAAE,EAAE;QACPC,YAAY,EAAElD,SAAS,GAAG,EAAE,GAAG;MACjC,CAAE;MAAAH,QAAA,GAEDH,MAAM,gBACL,IAAAN,WAAA,CAAAoC,GAAA,EAACxC,WAAA,CAAAmE,UAAU;QACTC,IAAI,EAAC,YAAY;QACjBvB,kBAAkB,EAAElC,sBAAuB;QAC3C0D,OAAO,EAAC,WAAW;QACnBjB,IAAI,EAAC,IAAI;QACTV,OAAO,EAAEhC;MAAO,CACjB,CAAC,GACA,IAAI,eACR,IAAAN,WAAA,CAAA0D,IAAA,EAACnE,YAAA,CAAA+D,IAAI;QAAC5B,KAAK,EAAE;UAAEwC,IAAI,EAAE,CAAC;UAAEL,GAAG,EAAE;QAAE,CAAE;QAAApD,QAAA,gBAC/B,IAAAT,WAAA,CAAAoC,GAAA,EAACvC,KAAA,CAAAsE,IAAI;UAACF,OAAO,EAAC,IAAI;UAACG,MAAM,EAAC,UAAU;UAACnB,KAAK,EAAC,SAAS;UAAAxC,QAAA,EACjDL;QAAK,CACF,CAAC,EACNC,QAAQ,gBACP,IAAAL,WAAA,CAAAoC,GAAA,EAACvC,KAAA,CAAAsE,IAAI;UAACF,OAAO,EAAC,WAAW;UAAChB,KAAK,EAAC,WAAW;UAAAxC,QAAA,EACxCJ;QAAQ,CACL,CAAC,GACL,IAAI;MAAA,CACJ,CAAC;IAAA,CACH;EAAC,CACH,CACP;EAED,MAAMgE,UAAU,GAAG1D,MAAM,IAAI,IAAI,IAAID,OAAO,CAAC4D,MAAM,GAAG,CAAC;EACvD,MAAMC,SAAS,GAAGF,UAAU,IAAI7D,eAAe,IAAI,IAAI;;EAEvD;EACA;EACA,MAAMgE,WAAW,gBACf,IAAAxE,WAAA,CAAAoC,GAAA,EAAC7C,YAAA,CAAA+D,IAAI;IAAC5B,KAAK,EAAE;MAAE6B,iBAAiB,EAAErC,OAAO;MAAEuC,aAAa,EAAEc,SAAS,GAAG,CAAC,GAAGrD;IAAQ,CAAE;IAAAT,QAAA,EACjFA;EAAQ,CACL,CACP;EAED,MAAMgE,MAAM,GAAGF,SAAS,gBACtB,IAAAvE,WAAA,CAAA0D,IAAA,EAACnE,YAAA,CAAA+D,IAAI;IACH5B,KAAK,EAAE;MACL6B,iBAAiB,EAAErC,OAAO;MAC1BuC,aAAa,EAAEvC,OAAO;MACtBsC,UAAU,EAAErC;IACd,CAAE;IAAAV,QAAA,GAEDD,eAAe,gBACd,IAAAR,WAAA,CAAAoC,GAAA,EAAC7C,YAAA,CAAA+D,IAAI;MACH5B,KAAK,EAAE;QACLkC,UAAU,EAAE,QAAQ;QACpB;QACA;QACAc,YAAY,EAAEL,UAAU,GAAGM,IAAI,CAACC,KAAK,CAACzD,cAAc,GAAG,GAAG,CAAC,GAAG;MAChE,CAAE;MAAAV,QAAA,EAEDD;IAAe,CACZ,CAAC,GACL,IAAI,EACP6D,UAAU,gBACT,IAAArE,WAAA,CAAA0D,IAAA,EAACnE,YAAA,CAAA+D,IAAI;MAAC5B,KAAK,EAAE;QAAEiC,aAAa,EAAE,KAAK;QAAEE,GAAG,EAAE;MAAG,CAAE;MAAApD,QAAA,GAC5CE,MAAM,gBACL,IAAAX,WAAA,CAAAoC,GAAA,EAAC7C,YAAA,CAAA+D,IAAI;QAAC5B,KAAK,EAAE;UAAEwC,IAAI,EAAE;QAAE,CAAE;QAAAzD,QAAA,eACvB,IAAAT,WAAA,CAAAoC,GAAA,EAAC1C,OAAA,CAAAmF,MAAM;UACLC,SAAS;UACTb,OAAO,EAAEtD,MAAM,CAACoE,WAAW,GAAG,aAAa,GAAG,WAAY;UAC1DC,KAAK,EAAErE,MAAM,CAACqE,KAAK,IAAI,QAAS;UAChC1C,OAAO,EAAE3B,MAAM,CAAC2B,OAAO,IAAInC;QAAQ,CACpC;MAAC,CACE,CAAC,GACL,IAAI,EACPO,OAAO,CAACuE,GAAG,CAAC,CAACC,MAAM,EAAEC,CAAC,kBACrB,IAAAnF,WAAA,CAAAoC,GAAA,EAAC7C,YAAA,CAAA+D,IAAI;QAAS5B,KAAK,EAAE;UAAEwC,IAAI,EAAE;QAAE,CAAE;QAAAzD,QAAA,eAC/B,IAAAT,WAAA,CAAAoC,GAAA,EAAC1C,OAAA,CAAAmF,MAAM;UACLC,SAAS;UACTb,OAAO,EAAEiB,MAAM,CAACjB,OAAO,IAAI,SAAU;UACrCe,KAAK,EAAEE,MAAM,CAACF,KAAM;UACpB1C,OAAO,EAAE4C,MAAM,CAAC5C,OAAQ;UACxB8C,OAAO,EAAEF,MAAM,CAACE,OAAQ;UACxBC,QAAQ,EAAEH,MAAM,CAACG;QAAS,CAC3B;MAAC,GAROF,CASL,CACP,CAAC;IAAA,CACE,CAAC,GACL,IAAI;EAAA,CACJ,CAAC,GACL,IAAI;EAER,MAAMG,QAAmB,GAAG/D,UAAU,GAClC;IACE2C,IAAI,EAAE,CAAC;IACP5C,KAAK,EAAE,MAAM;IACbiE,eAAe,EAAE5D,KAAK,CAACK,MAAM,CAACwD,UAAU,CAACC,OAAO;IAChDC,YAAY,EAAE;EAChB,CAAC,GACD;IACEpE,KAAK,EAAEA,KAAK,IAAI,MAAM;IACtBD,QAAQ,EAAEC,KAAK,GAAGqE,SAAS,GAAGtE,QAAQ;IACtCkE,eAAe,EAAE5D,KAAK,CAACK,MAAM,CAACwD,UAAU,CAACC,OAAO;IAChDC,YAAY,EAAEtE,MAAM;IACpBwE,QAAQ,EAAE;EACZ,CAAC;EAEL,MAAMC,IAAI,GAAGtE,UAAU,gBACrB,IAAAvB,WAAA,CAAA0D,IAAA,EAACnE,YAAA,CAAA+D,IAAI;IAACwC,wBAAwB;IAACpE,KAAK,EAAE,CAAC4D,QAAQ,EAAE5D,KAAK,CAAE;IAAAjB,QAAA,GACrD0B,QAAQ,EACRnB,YAAY,GAAGqC,MAAM,GAAG,IAAI,eAC7B,IAAArD,WAAA,CAAA0D,IAAA,EAAC3D,WAAA,CAAAgG,UAAU;MACThE,cAAc,EAAEA,cAAe;MAC/BL,KAAK,EAAE;QAAEwC,IAAI,EAAE;MAAE,CAAE;MACnB8B,qBAAqB,EAAE;QAAEC,eAAe,EAAE;MAAE,CAAE;MAC9CC,yBAAyB,EAAC,SAAS;MACnCC,mBAAmB,EAAC,aAAa;MAAA1F,QAAA,GAEhC,CAACO,YAAY,GAAGqC,MAAM,GAAG,IAAI,EAC7BmB,WAAW,EACX,CAACvD,YAAY,GAAGwD,MAAM,GAAG,IAAI;IAAA,CACpB,CAAC,EACZxD,YAAY,GAAGwD,MAAM,GAAG,IAAI;EAAA,CACzB,CAAC,GACL1D,UAAU,KAAK,MAAM,gBACrB,IAAAf,WAAA,CAAA0D,IAAA,EAACnE,YAAA,CAAA+D,IAAI;IAACwC,wBAAwB;IAACpE,KAAK,EAAE,CAAC4D,QAAQ,EAAE5D,KAAK,CAAE;IAAAjB,QAAA,GACrD0B,QAAQ,EACRkB,MAAM,EACNmB,WAAW,EACXC,MAAM;EAAA,CACH,CAAC,gBAEP,IAAAzE,WAAA,CAAA0D,IAAA,EAACnE,YAAA,CAAA+D,IAAI;IACHwC,wBAAwB;IACxBpE,KAAK,EAAE,CAAC4D,QAAQ,EAAE;MAAEc,SAAS,EAAEvE,MAAM,GAAGL;IAAe,CAAC,EAAEE,KAAK,CAAE;IAAAjB,QAAA,GAEhE0B,QAAQ,EACRnB,YAAY,GAAGqC,MAAM,GAAG,IAAI,eAC7B,IAAArD,WAAA,CAAA0D,IAAA,EAAC3D,WAAA,CAAAgG,UAAU;MACThE,cAAc,EAAEA,cAAe;MAC/BL,KAAK,EAAE;QAAE2E,UAAU,EAAE;MAAE,CAAE;MACzBL,qBAAqB,EAAE;QAAEC,eAAe,EAAE;MAAE,CAAE;MAC9CC,yBAAyB,EAAC,SAAS;MACnCC,mBAAmB,EAAC,aAAa;MAAA1F,QAAA,GAEhC,CAACO,YAAY,GAAGqC,MAAM,GAAG,IAAI,EAC7BmB,WAAW,EACX,CAACvD,YAAY,GAAGwD,MAAM,GAAG,IAAI;IAAA,CACpB,CAAC,EACZxD,YAAY,GAAGwD,MAAM,GAAG,IAAI;EAAA,CACzB,CACP;EAEH,oBACE,IAAAzE,WAAA,CAAAoC,GAAA,EAAC7C,YAAA,CAAA+G,KAAK;IACJpG,OAAO,EAAEA,OAAQ;IACjBqG,WAAW;IACXC,aAAa,EAAC,MAAM;IACpBC,oBAAoB;IACpBC,cAAc,EAAEvG,OAAQ;IAAAM,QAAA,eAExB,IAAAT,WAAA,CAAAoC,GAAA,EAACtC,iBAAA,CAAA6G,gBAAgB,CAACC,QAAQ;MAACC,KAAK,EAAE,IAAK;MAAApG,QAAA,eACvC,IAAAT,WAAA,CAAAoC,GAAA,EAAC7C,YAAA,CAAAuH,oBAAoB;QACnBC,QAAQ,EAAEC,qBAAQ,CAACC,EAAE,KAAK,KAAK,GAAG,SAAS,GAAGtB,SAAU;QACxDjE,KAAK,EAAE;UAAEwC,IAAI,EAAE;QAAE,CAAE;QAAAzD,QAAA,eAEnB,IAAAT,WAAA,CAAAoC,GAAA,EAAC7C,YAAA,CAAA+D,IAAI;UAAC5B,KAAK,EAAE;YAAEwC,IAAI,EAAE,CAAC;YAAEqB,eAAe,EAAE;UAAyB,CAAE;UAAA9E,QAAA,EACjEc,UAAU,GACTsE,IAAI,GACF9E,UAAU,KAAK,MAAM,gBACvB,IAAAf,WAAA,CAAAoC,GAAA,EAAC7C,YAAA,CAAA2H,UAAU;YACTxF,KAAK,EAAE;cAAEwC,IAAI,EAAE;YAAE,CAAE;YACnB8B,qBAAqB,EAAE;cAAEmB,QAAQ,EAAE,CAAC;cAAEjG,OAAO,EAAE;YAAG,CAAE;YACpDgF,yBAAyB,EAAC,SAAS;YACnCkB,4BAA4B,EAAE,KAAM;YAAA3G,QAAA,eAEpC,IAAAT,WAAA,CAAAoC,GAAA,EAAC7C,YAAA,CAAA8C,SAAS;cACRX,KAAK,EAAE;gBAAEyF,QAAQ,EAAE,CAAC;gBAAEE,cAAc,EAAE,QAAQ;gBAAEzD,UAAU,EAAE;cAAS,CAAE;cACvEtB,OAAO,EAAExB,iBAAiB,GAAGX,OAAO,GAAGwF,SAAU;cAAAlF,QAAA,eAEjD,IAAAT,WAAA,CAAAoC,GAAA,EAAC7C,YAAA,CAAA8C,SAAS;gBAACX,KAAK,EAAE;kBAAEJ,KAAK,EAAE,MAAM;kBAAEsC,UAAU,EAAE;gBAAS,CAAE;gBAACtB,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAE;gBAAA7B,QAAA,EAC1EoF;cAAI,CACI;YAAC,CACH;UAAC,CACF,CAAC,gBAEb,IAAA7F,WAAA,CAAA0D,IAAA,EAACnE,YAAA,CAAA+D,IAAI;YAAC5B,KAAK,EAAE;cAAEwC,IAAI,EAAE,CAAC;cAAEmD,cAAc,EAAE,QAAQ;cAAEzD,UAAU,EAAE,QAAQ;cAAE1C,OAAO,EAAE;YAAG,CAAE;YAAAT,QAAA,gBACpF,IAAAT,WAAA,CAAAoC,GAAA,EAAC7C,YAAA,CAAA8C,SAAS;cACRX,KAAK,EAAE4F,uBAAU,CAACC,YAAa;cAC/BjF,OAAO,EAAExB,iBAAiB,GAAGX,OAAO,GAAGwF,SAAU;cACjD6B,2BAA2B;cAC3BC,yBAAyB,EAAC;YAAqB,CAChD,CAAC,EACD5B,IAAI;UAAA,CACD;QACP,CACG;MAAC,CACa;IAAC,CACI;EAAC,CACvB,CAAC;AAEZ","ignoreList":[]}
|
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.StepDialog = StepDialog;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _ProgressBar = require("../ProgressBar/ProgressBar.js");
|
|
9
|
+
var _Dialog = require("./Dialog.js");
|
|
10
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
+
const clamp = (n, min, max) => n < min ? min : n > max ? max : n;
|
|
12
|
+
|
|
13
|
+
/**
|
|
14
|
+
* StepDialog — a multi-step (wizard) flow built on `Dialog`. Give it an array of
|
|
15
|
+
* `steps`; it tracks the current one, renders a round back button in the header
|
|
16
|
+
* from step 2 onward, a thin progress bar in the footer, and a
|
|
17
|
+
* secondary (Back / Cancel) + primary (Continue / Finish) button pair. A step's
|
|
18
|
+
* `onNext` can return `false` (sync or async) to block advancing after failed
|
|
19
|
+
* validation. Controlled via `step`/`onStepChange` or fully uncontrolled.
|
|
20
|
+
* Forwards all other `Dialog` props (width, fullscreen, scrollMode, …).
|
|
21
|
+
*/
|
|
22
|
+
function StepDialog({
|
|
23
|
+
steps,
|
|
24
|
+
step,
|
|
25
|
+
defaultStep = 0,
|
|
26
|
+
onStepChange,
|
|
27
|
+
onFinish,
|
|
28
|
+
finishLabel = 'Finish',
|
|
29
|
+
backLabel = 'Back',
|
|
30
|
+
cancelLabel = 'Cancel',
|
|
31
|
+
showHeaderBack = true,
|
|
32
|
+
showFooterBack = true,
|
|
33
|
+
showProgress = true,
|
|
34
|
+
progressWidth = '62%',
|
|
35
|
+
visible,
|
|
36
|
+
onClose,
|
|
37
|
+
...dialogProps
|
|
38
|
+
}) {
|
|
39
|
+
const total = steps.length;
|
|
40
|
+
const [uncontrolled, setUncontrolled] = (0, _react.useState)(defaultStep);
|
|
41
|
+
const isControlled = step !== undefined;
|
|
42
|
+
const index = clamp(isControlled ? step : uncontrolled, 0, Math.max(0, total - 1));
|
|
43
|
+
|
|
44
|
+
// Reset an uncontrolled flow to its first step whenever it is closed.
|
|
45
|
+
(0, _react.useEffect)(() => {
|
|
46
|
+
if (!visible && !isControlled) setUncontrolled(defaultStep);
|
|
47
|
+
}, [visible, isControlled, defaultStep]);
|
|
48
|
+
const setIndex = next => {
|
|
49
|
+
const clamped = clamp(next, 0, total - 1);
|
|
50
|
+
if (!isControlled) setUncontrolled(clamped);
|
|
51
|
+
onStepChange?.(clamped);
|
|
52
|
+
};
|
|
53
|
+
const current = steps[index];
|
|
54
|
+
if (!current) return null;
|
|
55
|
+
const isFirst = index === 0;
|
|
56
|
+
const isLast = index === total - 1;
|
|
57
|
+
const goBack = () => {
|
|
58
|
+
if (!isFirst) setIndex(index - 1);
|
|
59
|
+
};
|
|
60
|
+
const advance = () => {
|
|
61
|
+
if (isLast) onFinish?.();else setIndex(index + 1);
|
|
62
|
+
};
|
|
63
|
+
const goNext = () => {
|
|
64
|
+
const result = current.onNext?.();
|
|
65
|
+
// Await only a real promise, so sync steps advance synchronously.
|
|
66
|
+
if (result && typeof result.then === 'function') {
|
|
67
|
+
void result.then(r => {
|
|
68
|
+
if (r !== false) advance();
|
|
69
|
+
});
|
|
70
|
+
return;
|
|
71
|
+
}
|
|
72
|
+
if (result === false) return;
|
|
73
|
+
advance();
|
|
74
|
+
};
|
|
75
|
+
const footerAccessory = showProgress ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressBar.ProgressBar, {
|
|
76
|
+
progress: (index + 1) / total,
|
|
77
|
+
showSupporting: false,
|
|
78
|
+
bordered: false,
|
|
79
|
+
height: 6,
|
|
80
|
+
style: {
|
|
81
|
+
width: progressWidth,
|
|
82
|
+
alignSelf: 'center'
|
|
83
|
+
},
|
|
84
|
+
accessibilityLabel: `Step ${index + 1} of ${total}`
|
|
85
|
+
}) : undefined;
|
|
86
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.Dialog, {
|
|
87
|
+
...dialogProps,
|
|
88
|
+
visible: visible,
|
|
89
|
+
onClose: onClose,
|
|
90
|
+
title: current.title,
|
|
91
|
+
subtitle: current.subtitle,
|
|
92
|
+
onBack: !isFirst && showHeaderBack ? goBack : undefined,
|
|
93
|
+
backAccessibilityLabel: backLabel,
|
|
94
|
+
footerAccessory: footerAccessory,
|
|
95
|
+
cancel: showFooterBack ? isFirst ? {
|
|
96
|
+
label: cancelLabel,
|
|
97
|
+
onPress: onClose
|
|
98
|
+
} : {
|
|
99
|
+
label: backLabel,
|
|
100
|
+
onPress: goBack
|
|
101
|
+
} : undefined,
|
|
102
|
+
actions: [{
|
|
103
|
+
label: current.nextLabel ?? (isLast ? finishLabel : 'Continue'),
|
|
104
|
+
onPress: goNext,
|
|
105
|
+
disabled: current.nextDisabled,
|
|
106
|
+
loading: current.nextLoading
|
|
107
|
+
}],
|
|
108
|
+
children: current.content
|
|
109
|
+
});
|
|
110
|
+
}
|
|
111
|
+
//# sourceMappingURL=StepDialog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_ProgressBar","_Dialog","_jsxRuntime","clamp","n","min","max","StepDialog","steps","step","defaultStep","onStepChange","onFinish","finishLabel","backLabel","cancelLabel","showHeaderBack","showFooterBack","showProgress","progressWidth","visible","onClose","dialogProps","total","length","uncontrolled","setUncontrolled","useState","isControlled","undefined","index","Math","useEffect","setIndex","next","clamped","current","isFirst","isLast","goBack","advance","goNext","result","onNext","then","r","footerAccessory","jsx","ProgressBar","progress","showSupporting","bordered","height","style","width","alignSelf","accessibilityLabel","Dialog","title","subtitle","onBack","backAccessibilityLabel","cancel","label","onPress","actions","nextLabel","disabled","nextDisabled","loading","nextLoading","children","content"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Dialog/StepDialog.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAAoD,IAAAG,WAAA,GAAAH,OAAA;AA0DpD,MAAMI,KAAK,GAAGA,CAACC,CAAS,EAAEC,GAAW,EAAEC,GAAW,KAAMF,CAAC,GAAGC,GAAG,GAAGA,GAAG,GAAGD,CAAC,GAAGE,GAAG,GAAGA,GAAG,GAAGF,CAAE;;AAE1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,UAAUA,CAAC;EACzBC,KAAK;EACLC,IAAI;EACJC,WAAW,GAAG,CAAC;EACfC,YAAY;EACZC,QAAQ;EACRC,WAAW,GAAG,QAAQ;EACtBC,SAAS,GAAG,MAAM;EAClBC,WAAW,GAAG,QAAQ;EACtBC,cAAc,GAAG,IAAI;EACrBC,cAAc,GAAG,IAAI;EACrBC,YAAY,GAAG,IAAI;EACnBC,aAAa,GAAG,KAAK;EACrBC,OAAO;EACPC,OAAO;EACP,GAAGC;AACY,CAAC,EAAE;EAClB,MAAMC,KAAK,GAAGf,KAAK,CAACgB,MAAM;EAC1B,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAC,eAAQ,EAACjB,WAAW,CAAC;EAC7D,MAAMkB,YAAY,GAAGnB,IAAI,KAAKoB,SAAS;EACvC,MAAMC,KAAK,GAAG3B,KAAK,CAACyB,YAAY,GAAGnB,IAAI,GAAGgB,YAAY,EAAE,CAAC,EAAEM,IAAI,CAACzB,GAAG,CAAC,CAAC,EAAEiB,KAAK,GAAG,CAAC,CAAC,CAAC;;EAElF;EACA,IAAAS,gBAAS,EAAC,MAAM;IACd,IAAI,CAACZ,OAAO,IAAI,CAACQ,YAAY,EAAEF,eAAe,CAAChB,WAAW,CAAC;EAC7D,CAAC,EAAE,CAACU,OAAO,EAAEQ,YAAY,EAAElB,WAAW,CAAC,CAAC;EAExC,MAAMuB,QAAQ,GAAIC,IAAY,IAAK;IACjC,MAAMC,OAAO,GAAGhC,KAAK,CAAC+B,IAAI,EAAE,CAAC,EAAEX,KAAK,GAAG,CAAC,CAAC;IACzC,IAAI,CAACK,YAAY,EAAEF,eAAe,CAACS,OAAO,CAAC;IAC3CxB,YAAY,GAAGwB,OAAO,CAAC;EACzB,CAAC;EAED,MAAMC,OAAO,GAAG5B,KAAK,CAACsB,KAAK,CAAC;EAC5B,IAAI,CAACM,OAAO,EAAE,OAAO,IAAI;EAEzB,MAAMC,OAAO,GAAGP,KAAK,KAAK,CAAC;EAC3B,MAAMQ,MAAM,GAAGR,KAAK,KAAKP,KAAK,GAAG,CAAC;EAElC,MAAMgB,MAAM,GAAGA,CAAA,KAAM;IACnB,IAAI,CAACF,OAAO,EAAEJ,QAAQ,CAACH,KAAK,GAAG,CAAC,CAAC;EACnC,CAAC;EAED,MAAMU,OAAO,GAAGA,CAAA,KAAM;IACpB,IAAIF,MAAM,EAAE1B,QAAQ,GAAG,CAAC,CAAC,KACpBqB,QAAQ,CAACH,KAAK,GAAG,CAAC,CAAC;EAC1B,CAAC;EAED,MAAMW,MAAM,GAAGA,CAAA,KAAM;IACnB,MAAMC,MAAM,GAAGN,OAAO,CAACO,MAAM,GAAG,CAAC;IACjC;IACA,IAAID,MAAM,IAAI,OAAQA,MAAM,CAAsBE,IAAI,KAAK,UAAU,EAAE;MACrE,KAAMF,MAAM,CAA6BE,IAAI,CAAEC,CAAC,IAAK;QACnD,IAAIA,CAAC,KAAK,KAAK,EAAEL,OAAO,CAAC,CAAC;MAC5B,CAAC,CAAC;MACF;IACF;IACA,IAAIE,MAAM,KAAK,KAAK,EAAE;IACtBF,OAAO,CAAC,CAAC;EACX,CAAC;EAED,MAAMM,eAAe,GAAG5B,YAAY,gBAClC,IAAAhB,WAAA,CAAA6C,GAAA,EAAC/C,YAAA,CAAAgD,WAAW;IACVC,QAAQ,EAAE,CAACnB,KAAK,GAAG,CAAC,IAAIP,KAAM;IAC9B2B,cAAc,EAAE,KAAM;IACtBC,QAAQ,EAAE,KAAM;IAChBC,MAAM,EAAE,CAAE;IACVC,KAAK,EAAE;MAAEC,KAAK,EAAEnC,aAAa;MAAEoC,SAAS,EAAE;IAAS,CAAE;IACrDC,kBAAkB,EAAE,QAAQ1B,KAAK,GAAG,CAAC,OAAOP,KAAK;EAAG,CACrD,CAAC,GACAM,SAAS;EAEb,oBACE,IAAA3B,WAAA,CAAA6C,GAAA,EAAC9C,OAAA,CAAAwD,MAAM;IAAA,GACDnC,WAAW;IACfF,OAAO,EAAEA,OAAQ;IACjBC,OAAO,EAAEA,OAAQ;IACjBqC,KAAK,EAAEtB,OAAO,CAACsB,KAAM;IACrBC,QAAQ,EAAEvB,OAAO,CAACuB,QAAS;IAC3BC,MAAM,EAAE,CAACvB,OAAO,IAAIrB,cAAc,GAAGuB,MAAM,GAAGV,SAAU;IACxDgC,sBAAsB,EAAE/C,SAAU;IAClCgC,eAAe,EAAEA,eAAgB;IACjCgB,MAAM,EACJ7C,cAAc,GACVoB,OAAO,GACL;MAAE0B,KAAK,EAAEhD,WAAW;MAAEiD,OAAO,EAAE3C;IAAQ,CAAC,GACxC;MAAE0C,KAAK,EAAEjD,SAAS;MAAEkD,OAAO,EAAEzB;IAAO,CAAC,GACvCV,SACL;IACDoC,OAAO,EAAE,CACP;MACEF,KAAK,EAAE3B,OAAO,CAAC8B,SAAS,KAAK5B,MAAM,GAAGzB,WAAW,GAAG,UAAU,CAAC;MAC/DmD,OAAO,EAAEvB,MAAM;MACf0B,QAAQ,EAAE/B,OAAO,CAACgC,YAAY;MAC9BC,OAAO,EAAEjC,OAAO,CAACkC;IACnB,CAAC,CACD;IAAAC,QAAA,EAEDnC,OAAO,CAACoC;EAAO,CACV,CAAC;AAEb","ignoreList":[]}
|
|
@@ -0,0 +1,157 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = exports.Fullscreen = exports.Basic = exports.AsyncValidation = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _StepDialog = require("./StepDialog.js");
|
|
10
|
+
var _Button = require("../Button/Button.js");
|
|
11
|
+
var _Input = require("../Input/Input.js");
|
|
12
|
+
var _Radio = require("../Radio/Radio.js");
|
|
13
|
+
var _Text = require("../Text/Text.js");
|
|
14
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
|
+
const meta = {
|
|
16
|
+
title: 'Components/StepDialog',
|
|
17
|
+
component: _StepDialog.StepDialog
|
|
18
|
+
};
|
|
19
|
+
var _default = exports.default = meta;
|
|
20
|
+
function Frame({
|
|
21
|
+
render
|
|
22
|
+
}) {
|
|
23
|
+
const [open, setOpen] = (0, _react.useState)(false);
|
|
24
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
25
|
+
style: {
|
|
26
|
+
padding: 24
|
|
27
|
+
},
|
|
28
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
|
|
29
|
+
label: "Start flow",
|
|
30
|
+
onPress: () => setOpen(true)
|
|
31
|
+
}), render(open, () => setOpen(false))]
|
|
32
|
+
});
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
/** Three-step flow: pick an option, fill details, confirm. */
|
|
36
|
+
const Basic = exports.Basic = {
|
|
37
|
+
render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(Frame, {
|
|
38
|
+
render: (open, close) => {
|
|
39
|
+
const [plan, setPlan] = (0, _react.useState)('standard');
|
|
40
|
+
const [name, setName] = (0, _react.useState)('');
|
|
41
|
+
const steps = [{
|
|
42
|
+
title: 'Choose a plan',
|
|
43
|
+
subtitle: 'Pick the option that fits your venue.',
|
|
44
|
+
content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
45
|
+
style: {
|
|
46
|
+
gap: 12
|
|
47
|
+
},
|
|
48
|
+
children: ['standard', 'pro', 'enterprise'].map(p => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Radio.Radio, {
|
|
49
|
+
selected: plan === p,
|
|
50
|
+
onChange: () => setPlan(p),
|
|
51
|
+
label: p[0].toUpperCase() + p.slice(1)
|
|
52
|
+
}, p))
|
|
53
|
+
})
|
|
54
|
+
}, {
|
|
55
|
+
title: 'Your details',
|
|
56
|
+
subtitle: 'Tell us who this is for.',
|
|
57
|
+
content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.Input, {
|
|
58
|
+
label: "Full name",
|
|
59
|
+
placeholder: "Jane Doe",
|
|
60
|
+
value: name,
|
|
61
|
+
onChangeText: setName
|
|
62
|
+
}),
|
|
63
|
+
nextDisabled: name.trim().length === 0
|
|
64
|
+
}, {
|
|
65
|
+
title: 'All set',
|
|
66
|
+
subtitle: 'Review and confirm.',
|
|
67
|
+
content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
|
|
68
|
+
variant: "bodyMedium",
|
|
69
|
+
color: "secondary",
|
|
70
|
+
children: `Plan: ${plan}\nName: ${name || '—'}`
|
|
71
|
+
})
|
|
72
|
+
}];
|
|
73
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_StepDialog.StepDialog, {
|
|
74
|
+
visible: open,
|
|
75
|
+
onClose: close,
|
|
76
|
+
steps: steps,
|
|
77
|
+
onFinish: close
|
|
78
|
+
});
|
|
79
|
+
}
|
|
80
|
+
})
|
|
81
|
+
};
|
|
82
|
+
|
|
83
|
+
/** Async validation on `onNext` — the primary button spins and can block advancing. */
|
|
84
|
+
const AsyncValidation = exports.AsyncValidation = {
|
|
85
|
+
render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(Frame, {
|
|
86
|
+
render: (open, close) => {
|
|
87
|
+
const [code, setCode] = (0, _react.useState)('');
|
|
88
|
+
const [loading, setLoading] = (0, _react.useState)(false);
|
|
89
|
+
const steps = [{
|
|
90
|
+
title: 'Enter access code',
|
|
91
|
+
subtitle: 'Try "1234" to pass.',
|
|
92
|
+
content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.Input, {
|
|
93
|
+
label: "Code",
|
|
94
|
+
placeholder: "\u2022\u2022\u2022\u2022",
|
|
95
|
+
value: code,
|
|
96
|
+
onChangeText: setCode
|
|
97
|
+
}),
|
|
98
|
+
nextLabel: 'Verify',
|
|
99
|
+
nextLoading: loading,
|
|
100
|
+
onNext: async () => {
|
|
101
|
+
setLoading(true);
|
|
102
|
+
await new Promise(r => setTimeout(r, 700));
|
|
103
|
+
setLoading(false);
|
|
104
|
+
return code === '1234'; // false → stays on step
|
|
105
|
+
}
|
|
106
|
+
}, {
|
|
107
|
+
title: 'Verified',
|
|
108
|
+
content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
|
|
109
|
+
variant: "bodyMedium",
|
|
110
|
+
color: "secondary",
|
|
111
|
+
children: "You are in."
|
|
112
|
+
})
|
|
113
|
+
}];
|
|
114
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_StepDialog.StepDialog, {
|
|
115
|
+
visible: open,
|
|
116
|
+
onClose: close,
|
|
117
|
+
steps: steps,
|
|
118
|
+
onFinish: close
|
|
119
|
+
});
|
|
120
|
+
}
|
|
121
|
+
})
|
|
122
|
+
};
|
|
123
|
+
|
|
124
|
+
/** Fullscreen flow for small devices. */
|
|
125
|
+
const Fullscreen = exports.Fullscreen = {
|
|
126
|
+
render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(Frame, {
|
|
127
|
+
render: (open, close) => {
|
|
128
|
+
const steps = [{
|
|
129
|
+
title: 'Step one',
|
|
130
|
+
content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
|
|
131
|
+
color: "secondary",
|
|
132
|
+
children: "First screen."
|
|
133
|
+
})
|
|
134
|
+
}, {
|
|
135
|
+
title: 'Step two',
|
|
136
|
+
content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
|
|
137
|
+
color: "secondary",
|
|
138
|
+
children: "Second screen."
|
|
139
|
+
})
|
|
140
|
+
}, {
|
|
141
|
+
title: 'Step three',
|
|
142
|
+
content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
|
|
143
|
+
color: "secondary",
|
|
144
|
+
children: "Last screen."
|
|
145
|
+
})
|
|
146
|
+
}];
|
|
147
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_StepDialog.StepDialog, {
|
|
148
|
+
visible: open,
|
|
149
|
+
onClose: close,
|
|
150
|
+
steps: steps,
|
|
151
|
+
onFinish: close,
|
|
152
|
+
fullscreen: true
|
|
153
|
+
});
|
|
154
|
+
}
|
|
155
|
+
})
|
|
156
|
+
};
|
|
157
|
+
//# sourceMappingURL=StepDialog.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_StepDialog","_Button","_Input","_Radio","_Text","_jsxRuntime","meta","title","component","StepDialog","_default","exports","default","Frame","render","open","setOpen","useState","jsxs","View","style","padding","children","jsx","Button","label","onPress","Basic","close","plan","setPlan","name","setName","steps","subtitle","content","gap","map","p","Radio","selected","onChange","toUpperCase","slice","Input","placeholder","value","onChangeText","nextDisabled","trim","length","Text","variant","color","visible","onClose","onFinish","AsyncValidation","code","setCode","loading","setLoading","nextLabel","nextLoading","onNext","Promise","r","setTimeout","Fullscreen","fullscreen"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Dialog/StepDialog.stories.tsx"],"mappings":"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","ignoreList":[]}
|