@bacon-pos/ui 0.2.1 → 0.4.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/Dialog/Dialog.js +234 -0
- package/lib/commonjs/components/Dialog/Dialog.js.map +1 -0
- package/lib/commonjs/components/Dialog/Dialog.stories.js +217 -0
- package/lib/commonjs/components/Dialog/Dialog.stories.js.map +1 -0
- package/lib/commonjs/components/Dialog/Dialog.test.js +71 -0
- package/lib/commonjs/components/Dialog/Dialog.test.js.map +1 -0
- package/lib/commonjs/components/Dialog/index.js +13 -0
- package/lib/commonjs/components/Dialog/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/_internal/ScrollArea.js +96 -0
- package/lib/commonjs/components/_internal/ScrollArea.js.map +1 -0
- package/lib/commonjs/components/index.js +33 -11
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/module/components/Dialog/Dialog.js +230 -0
- package/lib/module/components/Dialog/Dialog.js.map +1 -0
- package/lib/module/components/Dialog/Dialog.stories.js +213 -0
- package/lib/module/components/Dialog/Dialog.stories.js.map +1 -0
- package/lib/module/components/Dialog/Dialog.test.js +70 -0
- package/lib/module/components/Dialog/Dialog.test.js.map +1 -0
- package/lib/module/components/Dialog/index.js +4 -0
- package/lib/module/components/Dialog/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/_internal/ScrollArea.js +92 -0
- package/lib/module/components/_internal/ScrollArea.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/Dialog/Dialog.d.ts +79 -0
- package/lib/typescript/commonjs/components/Dialog/Dialog.d.ts.map +1 -0
- package/lib/typescript/commonjs/components/Dialog/index.d.ts +2 -0
- package/lib/typescript/commonjs/components/Dialog/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/_internal/ScrollArea.d.ts +20 -0
- package/lib/typescript/commonjs/components/_internal/ScrollArea.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/Dialog/Dialog.d.ts +79 -0
- package/lib/typescript/module/components/Dialog/Dialog.d.ts.map +1 -0
- package/lib/typescript/module/components/Dialog/index.d.ts +2 -0
- package/lib/typescript/module/components/Dialog/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/_internal/ScrollArea.d.ts +20 -0
- package/lib/typescript/module/components/_internal/ScrollArea.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/Dialog/Dialog.tsx +299 -0
- package/src/components/Dialog/index.ts +6 -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/_internal/ScrollArea.tsx +95 -0
- package/src/components/index.ts +2 -0
|
@@ -91,7 +91,7 @@ Object.keys(_index8).forEach(function (key) {
|
|
|
91
91
|
}
|
|
92
92
|
});
|
|
93
93
|
});
|
|
94
|
-
var _index9 = require("./
|
|
94
|
+
var _index9 = require("./Dialog/index.js");
|
|
95
95
|
Object.keys(_index9).forEach(function (key) {
|
|
96
96
|
if (key === "default" || key === "__esModule") return;
|
|
97
97
|
if (key in exports && exports[key] === _index9[key]) return;
|
|
@@ -102,7 +102,7 @@ Object.keys(_index9).forEach(function (key) {
|
|
|
102
102
|
}
|
|
103
103
|
});
|
|
104
104
|
});
|
|
105
|
-
var _index0 = require("./
|
|
105
|
+
var _index0 = require("./Icon/index.js");
|
|
106
106
|
Object.keys(_index0).forEach(function (key) {
|
|
107
107
|
if (key === "default" || key === "__esModule") return;
|
|
108
108
|
if (key in exports && exports[key] === _index0[key]) return;
|
|
@@ -113,7 +113,7 @@ Object.keys(_index0).forEach(function (key) {
|
|
|
113
113
|
}
|
|
114
114
|
});
|
|
115
115
|
});
|
|
116
|
-
var _index1 = require("./
|
|
116
|
+
var _index1 = require("./IconButton/index.js");
|
|
117
117
|
Object.keys(_index1).forEach(function (key) {
|
|
118
118
|
if (key === "default" || key === "__esModule") return;
|
|
119
119
|
if (key in exports && exports[key] === _index1[key]) return;
|
|
@@ -124,7 +124,7 @@ Object.keys(_index1).forEach(function (key) {
|
|
|
124
124
|
}
|
|
125
125
|
});
|
|
126
126
|
});
|
|
127
|
-
var _index10 = require("./
|
|
127
|
+
var _index10 = require("./Input/index.js");
|
|
128
128
|
Object.keys(_index10).forEach(function (key) {
|
|
129
129
|
if (key === "default" || key === "__esModule") return;
|
|
130
130
|
if (key in exports && exports[key] === _index10[key]) return;
|
|
@@ -135,7 +135,7 @@ Object.keys(_index10).forEach(function (key) {
|
|
|
135
135
|
}
|
|
136
136
|
});
|
|
137
137
|
});
|
|
138
|
-
var _index11 = require("./
|
|
138
|
+
var _index11 = require("./LinkButton/index.js");
|
|
139
139
|
Object.keys(_index11).forEach(function (key) {
|
|
140
140
|
if (key === "default" || key === "__esModule") return;
|
|
141
141
|
if (key in exports && exports[key] === _index11[key]) return;
|
|
@@ -146,7 +146,7 @@ Object.keys(_index11).forEach(function (key) {
|
|
|
146
146
|
}
|
|
147
147
|
});
|
|
148
148
|
});
|
|
149
|
-
var _index12 = require("./
|
|
149
|
+
var _index12 = require("./ProductCard/index.js");
|
|
150
150
|
Object.keys(_index12).forEach(function (key) {
|
|
151
151
|
if (key === "default" || key === "__esModule") return;
|
|
152
152
|
if (key in exports && exports[key] === _index12[key]) return;
|
|
@@ -157,7 +157,7 @@ Object.keys(_index12).forEach(function (key) {
|
|
|
157
157
|
}
|
|
158
158
|
});
|
|
159
159
|
});
|
|
160
|
-
var _index13 = require("./
|
|
160
|
+
var _index13 = require("./QuantityStepper/index.js");
|
|
161
161
|
Object.keys(_index13).forEach(function (key) {
|
|
162
162
|
if (key === "default" || key === "__esModule") return;
|
|
163
163
|
if (key in exports && exports[key] === _index13[key]) return;
|
|
@@ -168,7 +168,7 @@ Object.keys(_index13).forEach(function (key) {
|
|
|
168
168
|
}
|
|
169
169
|
});
|
|
170
170
|
});
|
|
171
|
-
var _index14 = require("./
|
|
171
|
+
var _index14 = require("./Radio/index.js");
|
|
172
172
|
Object.keys(_index14).forEach(function (key) {
|
|
173
173
|
if (key === "default" || key === "__esModule") return;
|
|
174
174
|
if (key in exports && exports[key] === _index14[key]) return;
|
|
@@ -179,7 +179,7 @@ Object.keys(_index14).forEach(function (key) {
|
|
|
179
179
|
}
|
|
180
180
|
});
|
|
181
181
|
});
|
|
182
|
-
var _index15 = require("./
|
|
182
|
+
var _index15 = require("./Spinner/index.js");
|
|
183
183
|
Object.keys(_index15).forEach(function (key) {
|
|
184
184
|
if (key === "default" || key === "__esModule") return;
|
|
185
185
|
if (key in exports && exports[key] === _index15[key]) return;
|
|
@@ -190,7 +190,7 @@ Object.keys(_index15).forEach(function (key) {
|
|
|
190
190
|
}
|
|
191
191
|
});
|
|
192
192
|
});
|
|
193
|
-
var _index16 = require("./
|
|
193
|
+
var _index16 = require("./Surface/index.js");
|
|
194
194
|
Object.keys(_index16).forEach(function (key) {
|
|
195
195
|
if (key === "default" || key === "__esModule") return;
|
|
196
196
|
if (key in exports && exports[key] === _index16[key]) return;
|
|
@@ -201,7 +201,7 @@ Object.keys(_index16).forEach(function (key) {
|
|
|
201
201
|
}
|
|
202
202
|
});
|
|
203
203
|
});
|
|
204
|
-
var _index17 = require("./
|
|
204
|
+
var _index17 = require("./Switch/index.js");
|
|
205
205
|
Object.keys(_index17).forEach(function (key) {
|
|
206
206
|
if (key === "default" || key === "__esModule") return;
|
|
207
207
|
if (key in exports && exports[key] === _index17[key]) return;
|
|
@@ -212,4 +212,26 @@ Object.keys(_index17).forEach(function (key) {
|
|
|
212
212
|
}
|
|
213
213
|
});
|
|
214
214
|
});
|
|
215
|
+
var _index18 = require("./Text/index.js");
|
|
216
|
+
Object.keys(_index18).forEach(function (key) {
|
|
217
|
+
if (key === "default" || key === "__esModule") return;
|
|
218
|
+
if (key in exports && exports[key] === _index18[key]) return;
|
|
219
|
+
Object.defineProperty(exports, key, {
|
|
220
|
+
enumerable: true,
|
|
221
|
+
get: function () {
|
|
222
|
+
return _index18[key];
|
|
223
|
+
}
|
|
224
|
+
});
|
|
225
|
+
});
|
|
226
|
+
var _index19 = require("./Toast/index.js");
|
|
227
|
+
Object.keys(_index19).forEach(function (key) {
|
|
228
|
+
if (key === "default" || key === "__esModule") return;
|
|
229
|
+
if (key in exports && exports[key] === _index19[key]) return;
|
|
230
|
+
Object.defineProperty(exports, key, {
|
|
231
|
+
enumerable: true,
|
|
232
|
+
get: function () {
|
|
233
|
+
return _index19[key];
|
|
234
|
+
}
|
|
235
|
+
});
|
|
236
|
+
});
|
|
215
237
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_index","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_index2","_index3","_index4","_index5","_index6","_index7","_index8","_index9","_index0","_index1","_index10","_index11","_index12","_index13","_index14","_index15","_index16","_index17"],"sourceRoot":"..\\..\\..\\src","sources":["components/index.ts"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["_index","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_index2","_index3","_index4","_index5","_index6","_index7","_index8","_index9","_index0","_index1","_index10","_index11","_index12","_index13","_index14","_index15","_index16","_index17","_index18","_index19"],"sourceRoot":"..\\..\\..\\src","sources":["components/index.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,230 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { KeyboardAvoidingView, Modal, Platform, Pressable, ScrollView, StyleSheet, useWindowDimensions, View } from 'react-native';
|
|
4
|
+
import { useTheme } from "../../theme/index.js";
|
|
5
|
+
import { Button } from "../Button/Button.js";
|
|
6
|
+
import { Icon } from "../Icon/Icon.js";
|
|
7
|
+
import { Text } from "../Text/Text.js";
|
|
8
|
+
import { ScrollArea } from "../_internal/ScrollArea.js";
|
|
9
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
|
+
/**
|
|
11
|
+
* Dialog — an accessible, keyboard-aware modal that can hold anything from a
|
|
12
|
+
* short message to a full form (selects, date pickers, etc. keep working thanks
|
|
13
|
+
* to `keyboardShouldPersistTaps`). Content scrolls with an elegant thin,
|
|
14
|
+
* auto-hiding indicator. `scrollMode="page"` scrolls the whole modal on short
|
|
15
|
+
* screens instead of scrolling inside the card. Footer composes the
|
|
16
|
+
* design-system `Button`.
|
|
17
|
+
*/
|
|
18
|
+
export function Dialog({
|
|
19
|
+
visible,
|
|
20
|
+
onClose,
|
|
21
|
+
title,
|
|
22
|
+
subtitle,
|
|
23
|
+
children,
|
|
24
|
+
actions = [],
|
|
25
|
+
cancel,
|
|
26
|
+
showClose = true,
|
|
27
|
+
closeDestructive = false,
|
|
28
|
+
dismissOnBackdrop = false,
|
|
29
|
+
scrollMode = 'inner',
|
|
30
|
+
stickyHeader = true,
|
|
31
|
+
stickyFooter = true,
|
|
32
|
+
padding = 24,
|
|
33
|
+
contentSpacing = 24,
|
|
34
|
+
radius = 24,
|
|
35
|
+
maxWidth = 560,
|
|
36
|
+
width,
|
|
37
|
+
fullscreen = false,
|
|
38
|
+
maxHeightRatio = 0.9,
|
|
39
|
+
scrollbarColor,
|
|
40
|
+
style
|
|
41
|
+
}) {
|
|
42
|
+
const theme = useTheme();
|
|
43
|
+
const {
|
|
44
|
+
height
|
|
45
|
+
} = useWindowDimensions();
|
|
46
|
+
const indicatorColor = scrollbarColor ?? theme.colors.text.tertiary;
|
|
47
|
+
const closeBtn = showClose ? /*#__PURE__*/_jsx(Pressable, {
|
|
48
|
+
onPress: onClose,
|
|
49
|
+
hitSlop: 8,
|
|
50
|
+
accessibilityRole: "button",
|
|
51
|
+
accessibilityLabel: "Close",
|
|
52
|
+
style: {
|
|
53
|
+
position: 'absolute',
|
|
54
|
+
top: padding,
|
|
55
|
+
right: padding,
|
|
56
|
+
padding: 4,
|
|
57
|
+
zIndex: 1
|
|
58
|
+
},
|
|
59
|
+
children: /*#__PURE__*/_jsx(Icon, {
|
|
60
|
+
name: "close",
|
|
61
|
+
size: 24,
|
|
62
|
+
color: closeDestructive ? theme.colors.feedback.error : theme.colors.text.secondary
|
|
63
|
+
})
|
|
64
|
+
}) : null;
|
|
65
|
+
const header = /*#__PURE__*/_jsx(View, {
|
|
66
|
+
style: {
|
|
67
|
+
paddingHorizontal: padding,
|
|
68
|
+
paddingTop: padding,
|
|
69
|
+
paddingBottom: contentSpacing
|
|
70
|
+
},
|
|
71
|
+
children: /*#__PURE__*/_jsxs(View, {
|
|
72
|
+
style: {
|
|
73
|
+
paddingRight: showClose ? 40 : 0,
|
|
74
|
+
gap: 4
|
|
75
|
+
},
|
|
76
|
+
children: [/*#__PURE__*/_jsx(Text, {
|
|
77
|
+
variant: "h3",
|
|
78
|
+
weight: "semibold",
|
|
79
|
+
color: "primary",
|
|
80
|
+
children: title
|
|
81
|
+
}), subtitle ? /*#__PURE__*/_jsx(Text, {
|
|
82
|
+
variant: "bodyLarge",
|
|
83
|
+
color: "secondary",
|
|
84
|
+
children: subtitle
|
|
85
|
+
}) : null]
|
|
86
|
+
})
|
|
87
|
+
});
|
|
88
|
+
const contentBody = /*#__PURE__*/_jsx(View, {
|
|
89
|
+
style: {
|
|
90
|
+
paddingHorizontal: padding
|
|
91
|
+
},
|
|
92
|
+
children: children
|
|
93
|
+
});
|
|
94
|
+
const hasFooter = cancel != null || actions.length > 0;
|
|
95
|
+
const footer = hasFooter ? /*#__PURE__*/_jsxs(View, {
|
|
96
|
+
style: {
|
|
97
|
+
flexDirection: 'row',
|
|
98
|
+
gap: 12,
|
|
99
|
+
paddingHorizontal: padding,
|
|
100
|
+
paddingBottom: padding,
|
|
101
|
+
paddingTop: contentSpacing
|
|
102
|
+
},
|
|
103
|
+
children: [cancel ? /*#__PURE__*/_jsx(View, {
|
|
104
|
+
style: {
|
|
105
|
+
flex: 1
|
|
106
|
+
},
|
|
107
|
+
children: /*#__PURE__*/_jsx(Button, {
|
|
108
|
+
fullWidth: true,
|
|
109
|
+
variant: cancel.destructive ? 'destructive' : 'secondary',
|
|
110
|
+
label: cancel.label ?? 'Cancel',
|
|
111
|
+
onPress: cancel.onPress ?? onClose
|
|
112
|
+
})
|
|
113
|
+
}) : null, actions.map((action, i) => /*#__PURE__*/_jsx(View, {
|
|
114
|
+
style: {
|
|
115
|
+
flex: 1
|
|
116
|
+
},
|
|
117
|
+
children: /*#__PURE__*/_jsx(Button, {
|
|
118
|
+
fullWidth: true,
|
|
119
|
+
variant: action.variant ?? 'default',
|
|
120
|
+
label: action.label,
|
|
121
|
+
onPress: action.onPress,
|
|
122
|
+
loading: action.loading,
|
|
123
|
+
disabled: action.disabled
|
|
124
|
+
})
|
|
125
|
+
}, i))]
|
|
126
|
+
}) : null;
|
|
127
|
+
const cardBase = fullscreen ? {
|
|
128
|
+
flex: 1,
|
|
129
|
+
width: '100%',
|
|
130
|
+
backgroundColor: theme.colors.background.default,
|
|
131
|
+
borderRadius: 0
|
|
132
|
+
} : {
|
|
133
|
+
width: width ?? '100%',
|
|
134
|
+
maxWidth: width ? undefined : maxWidth,
|
|
135
|
+
backgroundColor: theme.colors.background.default,
|
|
136
|
+
borderRadius: radius,
|
|
137
|
+
overflow: 'hidden'
|
|
138
|
+
};
|
|
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, {
|
|
152
|
+
accessibilityViewIsModal: true,
|
|
153
|
+
style: [cardBase, style],
|
|
154
|
+
children: [closeBtn, header, contentBody, footer]
|
|
155
|
+
}) : /*#__PURE__*/_jsxs(View, {
|
|
156
|
+
accessibilityViewIsModal: true,
|
|
157
|
+
style: [cardBase, {
|
|
158
|
+
maxHeight: height * maxHeightRatio
|
|
159
|
+
}, style],
|
|
160
|
+
children: [closeBtn, stickyHeader ? header : null, /*#__PURE__*/_jsxs(ScrollArea, {
|
|
161
|
+
indicatorColor: indicatorColor,
|
|
162
|
+
style: {
|
|
163
|
+
flexShrink: 1
|
|
164
|
+
},
|
|
165
|
+
keyboardShouldPersistTaps: "handled",
|
|
166
|
+
keyboardDismissMode: "interactive",
|
|
167
|
+
children: [!stickyHeader ? header : null, contentBody, !stickyFooter ? footer : null]
|
|
168
|
+
}), stickyFooter ? footer : null]
|
|
169
|
+
});
|
|
170
|
+
return /*#__PURE__*/_jsx(Modal, {
|
|
171
|
+
visible: visible,
|
|
172
|
+
transparent: true,
|
|
173
|
+
animationType: "fade",
|
|
174
|
+
statusBarTranslucent: true,
|
|
175
|
+
onRequestClose: onClose,
|
|
176
|
+
children: /*#__PURE__*/_jsx(KeyboardAvoidingView, {
|
|
177
|
+
behavior: Platform.OS === 'ios' ? 'padding' : undefined,
|
|
178
|
+
style: {
|
|
179
|
+
flex: 1
|
|
180
|
+
},
|
|
181
|
+
children: /*#__PURE__*/_jsx(View, {
|
|
182
|
+
style: {
|
|
183
|
+
flex: 1,
|
|
184
|
+
backgroundColor: 'rgba(16, 18, 20, 0.55)'
|
|
185
|
+
},
|
|
186
|
+
children: fullscreen ? card : scrollMode === 'page' ? /*#__PURE__*/_jsx(ScrollView, {
|
|
187
|
+
style: {
|
|
188
|
+
flex: 1
|
|
189
|
+
},
|
|
190
|
+
contentContainerStyle: {
|
|
191
|
+
flexGrow: 1,
|
|
192
|
+
padding: 16
|
|
193
|
+
},
|
|
194
|
+
keyboardShouldPersistTaps: "handled",
|
|
195
|
+
showsVerticalScrollIndicator: false,
|
|
196
|
+
children: /*#__PURE__*/_jsx(Pressable, {
|
|
197
|
+
style: {
|
|
198
|
+
flexGrow: 1,
|
|
199
|
+
justifyContent: 'center',
|
|
200
|
+
alignItems: 'center'
|
|
201
|
+
},
|
|
202
|
+
onPress: dismissOnBackdrop ? onClose : undefined,
|
|
203
|
+
children: /*#__PURE__*/_jsx(Pressable, {
|
|
204
|
+
style: {
|
|
205
|
+
width: '100%',
|
|
206
|
+
alignItems: 'center'
|
|
207
|
+
},
|
|
208
|
+
onPress: () => {},
|
|
209
|
+
children: card
|
|
210
|
+
})
|
|
211
|
+
})
|
|
212
|
+
}) : /*#__PURE__*/_jsxs(View, {
|
|
213
|
+
style: {
|
|
214
|
+
flex: 1,
|
|
215
|
+
justifyContent: 'center',
|
|
216
|
+
alignItems: 'center',
|
|
217
|
+
padding: 16
|
|
218
|
+
},
|
|
219
|
+
children: [/*#__PURE__*/_jsx(Pressable, {
|
|
220
|
+
style: StyleSheet.absoluteFill,
|
|
221
|
+
onPress: dismissOnBackdrop ? onClose : undefined,
|
|
222
|
+
accessibilityElementsHidden: true,
|
|
223
|
+
importantForAccessibility: "no-hide-descendants"
|
|
224
|
+
}), card]
|
|
225
|
+
})
|
|
226
|
+
})
|
|
227
|
+
})
|
|
228
|
+
});
|
|
229
|
+
}
|
|
230
|
+
//# sourceMappingURL=Dialog.js.map
|
|
@@ -0,0 +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","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":[]}
|
|
@@ -0,0 +1,213 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useState } from 'react';
|
|
4
|
+
import { View } from 'react-native';
|
|
5
|
+
import { Dialog } from "./Dialog.js";
|
|
6
|
+
import { Button } from "../Button/Button.js";
|
|
7
|
+
import { Input } from "../Input/Input.js";
|
|
8
|
+
import { Text } from "../Text/Text.js";
|
|
9
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
|
+
const meta = {
|
|
11
|
+
title: 'Components/Dialog',
|
|
12
|
+
component: Dialog
|
|
13
|
+
};
|
|
14
|
+
export default meta;
|
|
15
|
+
function Frame({
|
|
16
|
+
render
|
|
17
|
+
}) {
|
|
18
|
+
const [open, setOpen] = useState(false);
|
|
19
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
20
|
+
style: {
|
|
21
|
+
padding: 24
|
|
22
|
+
},
|
|
23
|
+
children: [/*#__PURE__*/_jsx(Button, {
|
|
24
|
+
label: "Open dialog",
|
|
25
|
+
onPress: () => setOpen(true)
|
|
26
|
+
}), render(open, () => setOpen(false))]
|
|
27
|
+
});
|
|
28
|
+
}
|
|
29
|
+
export const Basic = {
|
|
30
|
+
render: () => /*#__PURE__*/_jsx(Frame, {
|
|
31
|
+
render: (open, close) => /*#__PURE__*/_jsx(Dialog, {
|
|
32
|
+
visible: open,
|
|
33
|
+
onClose: close,
|
|
34
|
+
title: "Enter password",
|
|
35
|
+
subtitle: "Enter password for Universum WiFi",
|
|
36
|
+
cancel: {},
|
|
37
|
+
actions: [{
|
|
38
|
+
label: 'Update',
|
|
39
|
+
onPress: close
|
|
40
|
+
}],
|
|
41
|
+
children: /*#__PURE__*/_jsx(Input, {
|
|
42
|
+
label: "Password",
|
|
43
|
+
placeholder: "Enter password",
|
|
44
|
+
revealable: true
|
|
45
|
+
})
|
|
46
|
+
})
|
|
47
|
+
})
|
|
48
|
+
};
|
|
49
|
+
export const DestructiveCancel = {
|
|
50
|
+
render: () => /*#__PURE__*/_jsx(Frame, {
|
|
51
|
+
render: (open, close) => /*#__PURE__*/_jsx(Dialog, {
|
|
52
|
+
visible: open,
|
|
53
|
+
onClose: close,
|
|
54
|
+
title: "Delete order?",
|
|
55
|
+
subtitle: "This action cannot be undone.",
|
|
56
|
+
closeDestructive: true,
|
|
57
|
+
cancel: {
|
|
58
|
+
label: 'Delete',
|
|
59
|
+
destructive: true,
|
|
60
|
+
onPress: close
|
|
61
|
+
},
|
|
62
|
+
actions: [{
|
|
63
|
+
label: 'Keep',
|
|
64
|
+
onPress: close
|
|
65
|
+
}]
|
|
66
|
+
})
|
|
67
|
+
})
|
|
68
|
+
};
|
|
69
|
+
export const ThreeActions = {
|
|
70
|
+
render: () => /*#__PURE__*/_jsx(Frame, {
|
|
71
|
+
render: (open, close) => /*#__PURE__*/_jsx(Dialog, {
|
|
72
|
+
visible: open,
|
|
73
|
+
onClose: close,
|
|
74
|
+
title: "Choose an option",
|
|
75
|
+
actions: [{
|
|
76
|
+
label: 'One',
|
|
77
|
+
variant: 'secondary',
|
|
78
|
+
onPress: close
|
|
79
|
+
}, {
|
|
80
|
+
label: 'Two',
|
|
81
|
+
variant: 'inverse',
|
|
82
|
+
onPress: close
|
|
83
|
+
}, {
|
|
84
|
+
label: 'Three',
|
|
85
|
+
onPress: close
|
|
86
|
+
}]
|
|
87
|
+
})
|
|
88
|
+
})
|
|
89
|
+
};
|
|
90
|
+
export const LongScrollingForm = {
|
|
91
|
+
render: () => /*#__PURE__*/_jsx(Frame, {
|
|
92
|
+
render: (open, close) => /*#__PURE__*/_jsx(Dialog, {
|
|
93
|
+
visible: open,
|
|
94
|
+
onClose: close,
|
|
95
|
+
title: "Customer details",
|
|
96
|
+
subtitle: "Fill in the information below",
|
|
97
|
+
cancel: {},
|
|
98
|
+
actions: [{
|
|
99
|
+
label: 'Save',
|
|
100
|
+
onPress: close
|
|
101
|
+
}],
|
|
102
|
+
children: /*#__PURE__*/_jsx(View, {
|
|
103
|
+
style: {
|
|
104
|
+
gap: 16
|
|
105
|
+
},
|
|
106
|
+
children: Array.from({
|
|
107
|
+
length: 8
|
|
108
|
+
}).map((_, i) => /*#__PURE__*/_jsx(Input, {
|
|
109
|
+
label: `Field ${i + 1}`,
|
|
110
|
+
placeholder: `Value ${i + 1}`
|
|
111
|
+
}, i))
|
|
112
|
+
})
|
|
113
|
+
})
|
|
114
|
+
})
|
|
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
|
+
};
|
|
164
|
+
export const PageScroll = {
|
|
165
|
+
render: () => /*#__PURE__*/_jsx(Frame, {
|
|
166
|
+
render: (open, close) => /*#__PURE__*/_jsx(Dialog, {
|
|
167
|
+
visible: open,
|
|
168
|
+
onClose: close,
|
|
169
|
+
title: "Page scroll on short screens",
|
|
170
|
+
subtitle: "scrollMode='page' \u2014 the whole modal scrolls, nothing behind moves",
|
|
171
|
+
scrollMode: "page",
|
|
172
|
+
cancel: {},
|
|
173
|
+
actions: [{
|
|
174
|
+
label: 'Save',
|
|
175
|
+
onPress: close
|
|
176
|
+
}],
|
|
177
|
+
children: /*#__PURE__*/_jsx(View, {
|
|
178
|
+
style: {
|
|
179
|
+
gap: 16
|
|
180
|
+
},
|
|
181
|
+
children: Array.from({
|
|
182
|
+
length: 10
|
|
183
|
+
}).map((_, i) => /*#__PURE__*/_jsx(Input, {
|
|
184
|
+
label: `Field ${i + 1}`,
|
|
185
|
+
placeholder: `Value ${i + 1}`
|
|
186
|
+
}, i))
|
|
187
|
+
})
|
|
188
|
+
})
|
|
189
|
+
})
|
|
190
|
+
};
|
|
191
|
+
export const EverythingScrolls = {
|
|
192
|
+
render: () => /*#__PURE__*/_jsx(Frame, {
|
|
193
|
+
render: (open, close) => /*#__PURE__*/_jsx(Dialog, {
|
|
194
|
+
visible: open,
|
|
195
|
+
onClose: close,
|
|
196
|
+
title: "Scrollable header & footer",
|
|
197
|
+
subtitle: "stickyHeader/stickyFooter = false",
|
|
198
|
+
stickyHeader: false,
|
|
199
|
+
stickyFooter: false,
|
|
200
|
+
cancel: {},
|
|
201
|
+
actions: [{
|
|
202
|
+
label: 'Done',
|
|
203
|
+
onPress: close
|
|
204
|
+
}],
|
|
205
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
206
|
+
variant: "bodyMedium",
|
|
207
|
+
color: "secondary",
|
|
208
|
+
children: 'Lorem ipsum dolor sit amet.\n'.repeat(20)
|
|
209
|
+
})
|
|
210
|
+
})
|
|
211
|
+
})
|
|
212
|
+
};
|
|
213
|
+
//# sourceMappingURL=Dialog.stories.js.map
|
|
@@ -0,0 +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","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":[]}
|