@medway-ui/native 1.0.2
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/README.md +153 -0
- package/lib/commonjs/components/Alert.js +206 -0
- package/lib/commonjs/components/Alert.js.map +1 -0
- package/lib/commonjs/components/AlertDialog.js +273 -0
- package/lib/commonjs/components/AlertDialog.js.map +1 -0
- package/lib/commonjs/components/Badge.js +94 -0
- package/lib/commonjs/components/Badge.js.map +1 -0
- package/lib/commonjs/components/Button.js +181 -0
- package/lib/commonjs/components/Button.js.map +1 -0
- package/lib/commonjs/components/Checkbox.js +91 -0
- package/lib/commonjs/components/Checkbox.js.map +1 -0
- package/lib/commonjs/components/Dialog.js +164 -0
- package/lib/commonjs/components/Dialog.js.map +1 -0
- package/lib/commonjs/components/Input.js +364 -0
- package/lib/commonjs/components/Input.js.map +1 -0
- package/lib/commonjs/components/Label.js +90 -0
- package/lib/commonjs/components/Label.js.map +1 -0
- package/lib/commonjs/components/Loading.js +49 -0
- package/lib/commonjs/components/Loading.js.map +1 -0
- package/lib/commonjs/components/Popover.js +54 -0
- package/lib/commonjs/components/Popover.js.map +1 -0
- package/lib/commonjs/components/RadioGroup.js +72 -0
- package/lib/commonjs/components/RadioGroup.js.map +1 -0
- package/lib/commonjs/components/Select.js +234 -0
- package/lib/commonjs/components/Select.js.map +1 -0
- package/lib/commonjs/components/Separator.js +22 -0
- package/lib/commonjs/components/Separator.js.map +1 -0
- package/lib/commonjs/components/Sheet.js +148 -0
- package/lib/commonjs/components/Sheet.js.map +1 -0
- package/lib/commonjs/components/Switch.js +99 -0
- package/lib/commonjs/components/Switch.js.map +1 -0
- package/lib/commonjs/components/Tag.js +132 -0
- package/lib/commonjs/components/Tag.js.map +1 -0
- package/lib/commonjs/components/Toast.js +244 -0
- package/lib/commonjs/components/Toast.js.map +1 -0
- package/lib/commonjs/components/Tooltip.js +54 -0
- package/lib/commonjs/components/Tooltip.js.map +1 -0
- package/lib/commonjs/hooks/use-toast.js +136 -0
- package/lib/commonjs/hooks/use-toast.js.map +1 -0
- package/lib/commonjs/index.js +667 -0
- package/lib/commonjs/index.js.map +1 -0
- package/lib/commonjs/lib/utils.js +22 -0
- package/lib/commonjs/lib/utils.js.map +1 -0
- package/lib/commonjs/nativewind-env.d.js +3 -0
- package/lib/commonjs/nativewind-env.d.js.map +1 -0
- package/lib/module/components/Alert.js +195 -0
- package/lib/module/components/Alert.js.map +1 -0
- package/lib/module/components/AlertDialog.js +257 -0
- package/lib/module/components/AlertDialog.js.map +1 -0
- package/lib/module/components/Badge.js +90 -0
- package/lib/module/components/Badge.js.map +1 -0
- package/lib/module/components/Button.js +177 -0
- package/lib/module/components/Button.js.map +1 -0
- package/lib/module/components/Checkbox.js +86 -0
- package/lib/module/components/Checkbox.js.map +1 -0
- package/lib/module/components/Dialog.js +150 -0
- package/lib/module/components/Dialog.js.map +1 -0
- package/lib/module/components/Input.js +349 -0
- package/lib/module/components/Input.js.map +1 -0
- package/lib/module/components/Label.js +86 -0
- package/lib/module/components/Label.js.map +1 -0
- package/lib/module/components/Loading.js +45 -0
- package/lib/module/components/Loading.js.map +1 -0
- package/lib/module/components/Popover.js +47 -0
- package/lib/module/components/Popover.js.map +1 -0
- package/lib/module/components/RadioGroup.js +66 -0
- package/lib/module/components/RadioGroup.js.map +1 -0
- package/lib/module/components/Select.js +217 -0
- package/lib/module/components/Select.js.map +1 -0
- package/lib/module/components/Separator.js +19 -0
- package/lib/module/components/Separator.js.map +1 -0
- package/lib/module/components/Sheet.js +136 -0
- package/lib/module/components/Sheet.js.map +1 -0
- package/lib/module/components/Switch.js +94 -0
- package/lib/module/components/Switch.js.map +1 -0
- package/lib/module/components/Tag.js +128 -0
- package/lib/module/components/Tag.js.map +1 -0
- package/lib/module/components/Toast.js +233 -0
- package/lib/module/components/Toast.js.map +1 -0
- package/lib/module/components/Tooltip.js +47 -0
- package/lib/module/components/Tooltip.js.map +1 -0
- package/lib/module/hooks/use-toast.js +130 -0
- package/lib/module/hooks/use-toast.js.map +1 -0
- package/lib/module/index.js +41 -0
- package/lib/module/index.js.map +1 -0
- package/lib/module/lib/utils.js +18 -0
- package/lib/module/lib/utils.js.map +1 -0
- package/lib/module/nativewind-env.d.js +3 -0
- package/lib/module/nativewind-env.d.js.map +1 -0
- package/lib/module/package.json +1 -0
- package/lib/typescript/components/Alert.d.ts +36 -0
- package/lib/typescript/components/Alert.d.ts.map +1 -0
- package/lib/typescript/components/AlertDialog.d.ts +44 -0
- package/lib/typescript/components/AlertDialog.d.ts.map +1 -0
- package/lib/typescript/components/Badge.d.ts +17 -0
- package/lib/typescript/components/Badge.d.ts.map +1 -0
- package/lib/typescript/components/Button.d.ts +24 -0
- package/lib/typescript/components/Button.d.ts.map +1 -0
- package/lib/typescript/components/Checkbox.d.ts +20 -0
- package/lib/typescript/components/Checkbox.d.ts.map +1 -0
- package/lib/typescript/components/Dialog.d.ts +35 -0
- package/lib/typescript/components/Dialog.d.ts.map +1 -0
- package/lib/typescript/components/Input.d.ts +57 -0
- package/lib/typescript/components/Input.d.ts.map +1 -0
- package/lib/typescript/components/Label.d.ts +21 -0
- package/lib/typescript/components/Label.d.ts.map +1 -0
- package/lib/typescript/components/Loading.d.ts +9 -0
- package/lib/typescript/components/Loading.d.ts.map +1 -0
- package/lib/typescript/components/Popover.d.ts +11 -0
- package/lib/typescript/components/Popover.d.ts.map +1 -0
- package/lib/typescript/components/RadioGroup.d.ts +13 -0
- package/lib/typescript/components/RadioGroup.d.ts.map +1 -0
- package/lib/typescript/components/Select.d.ts +37 -0
- package/lib/typescript/components/Select.d.ts.map +1 -0
- package/lib/typescript/components/Separator.d.ts +9 -0
- package/lib/typescript/components/Separator.d.ts.map +1 -0
- package/lib/typescript/components/Sheet.d.ts +31 -0
- package/lib/typescript/components/Sheet.d.ts.map +1 -0
- package/lib/typescript/components/Switch.d.ts +18 -0
- package/lib/typescript/components/Switch.d.ts.map +1 -0
- package/lib/typescript/components/Tag.d.ts +17 -0
- package/lib/typescript/components/Tag.d.ts.map +1 -0
- package/lib/typescript/components/Toast.d.ts +42 -0
- package/lib/typescript/components/Toast.d.ts.map +1 -0
- package/lib/typescript/components/Tooltip.d.ts +14 -0
- package/lib/typescript/components/Tooltip.d.ts.map +1 -0
- package/lib/typescript/hooks/use-toast.d.ts +46 -0
- package/lib/typescript/hooks/use-toast.d.ts.map +1 -0
- package/lib/typescript/index.d.ts +38 -0
- package/lib/typescript/index.d.ts.map +1 -0
- package/lib/typescript/lib/utils.d.ts +3 -0
- package/lib/typescript/lib/utils.d.ts.map +1 -0
- package/package.json +111 -0
- package/src/components/Alert.tsx +185 -0
- package/src/components/AlertDialog.tsx +277 -0
- package/src/components/Badge.tsx +113 -0
- package/src/components/Button.tsx +224 -0
- package/src/components/Checkbox.tsx +106 -0
- package/src/components/Dialog.tsx +175 -0
- package/src/components/Input.tsx +439 -0
- package/src/components/Label.tsx +95 -0
- package/src/components/Loading.tsx +54 -0
- package/src/components/Popover.tsx +46 -0
- package/src/components/RadioGroup.tsx +62 -0
- package/src/components/Select.tsx +246 -0
- package/src/components/Separator.tsx +24 -0
- package/src/components/Sheet.tsx +165 -0
- package/src/components/Switch.tsx +138 -0
- package/src/components/Tag.tsx +116 -0
- package/src/components/Toast.tsx +265 -0
- package/src/components/Tooltip.tsx +49 -0
- package/src/hooks/use-toast.ts +144 -0
- package/src/index.ts +193 -0
- package/src/lib/utils.ts +63 -0
- package/src/nativewind-env.d.ts +1 -0
|
@@ -0,0 +1,195 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { createContext, useContext, useMemo } from "react";
|
|
4
|
+
import { View, Text, Pressable } from "react-native";
|
|
5
|
+
import { cva } from "class-variance-authority";
|
|
6
|
+
import { CloseMd } from "@medway-ui/icons/native";
|
|
7
|
+
import { cn } from "@/lib/utils";
|
|
8
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
|
+
const AlertContext = /*#__PURE__*/createContext(null);
|
|
10
|
+
const alertVariants = cva("relative w-full rounded-md px-4 py-3 flex-col gap-1", {
|
|
11
|
+
variants: {
|
|
12
|
+
variant: {
|
|
13
|
+
regular: "bg-primary-background-soft",
|
|
14
|
+
emphasis: "bg-secondary-background-soft",
|
|
15
|
+
success: "bg-green-background-soft",
|
|
16
|
+
warning: "bg-yellow-background-soft",
|
|
17
|
+
error: "bg-red-background-soft"
|
|
18
|
+
}
|
|
19
|
+
},
|
|
20
|
+
defaultVariants: {
|
|
21
|
+
variant: "regular"
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
const alertTextColorVariants = cva("", {
|
|
25
|
+
variants: {
|
|
26
|
+
variant: {
|
|
27
|
+
regular: "text-primary-foreground",
|
|
28
|
+
emphasis: "text-secondary-foreground",
|
|
29
|
+
success: "text-green-foreground",
|
|
30
|
+
warning: "text-yellow-foreground",
|
|
31
|
+
error: "text-red-foreground"
|
|
32
|
+
}
|
|
33
|
+
},
|
|
34
|
+
defaultVariants: {
|
|
35
|
+
variant: "regular"
|
|
36
|
+
}
|
|
37
|
+
});
|
|
38
|
+
const alertButtonVariants = cva("flex-row items-center justify-center rounded-pill px-3 min-h-10", {
|
|
39
|
+
variants: {
|
|
40
|
+
variant: {
|
|
41
|
+
regular: "",
|
|
42
|
+
basic: "bg-transparent"
|
|
43
|
+
},
|
|
44
|
+
alertVariant: {
|
|
45
|
+
regular: "bg-primary-background-soft",
|
|
46
|
+
emphasis: "bg-secondary-background-soft",
|
|
47
|
+
success: "bg-green-background-soft",
|
|
48
|
+
warning: "bg-yellow-background-soft",
|
|
49
|
+
error: "bg-red-background-soft"
|
|
50
|
+
}
|
|
51
|
+
},
|
|
52
|
+
defaultVariants: {
|
|
53
|
+
variant: "regular",
|
|
54
|
+
alertVariant: "regular"
|
|
55
|
+
}
|
|
56
|
+
});
|
|
57
|
+
function useAlertContext() {
|
|
58
|
+
const context = useContext(AlertContext);
|
|
59
|
+
if (!context) throw new Error("Alert sub-components must be used inside <Alert>");
|
|
60
|
+
return context;
|
|
61
|
+
}
|
|
62
|
+
function Alert({
|
|
63
|
+
className,
|
|
64
|
+
variant = "regular",
|
|
65
|
+
onClose,
|
|
66
|
+
children,
|
|
67
|
+
...props
|
|
68
|
+
}) {
|
|
69
|
+
const ctx = useMemo(() => ({
|
|
70
|
+
variant,
|
|
71
|
+
onClose
|
|
72
|
+
}), [variant, onClose]);
|
|
73
|
+
return /*#__PURE__*/_jsx(AlertContext.Provider, {
|
|
74
|
+
value: ctx,
|
|
75
|
+
children: /*#__PURE__*/_jsxs(View, {
|
|
76
|
+
accessibilityRole: "alert",
|
|
77
|
+
className: cn(alertVariants({
|
|
78
|
+
variant
|
|
79
|
+
}), className),
|
|
80
|
+
...props,
|
|
81
|
+
children: [children, onClose && /*#__PURE__*/_jsx(Pressable, {
|
|
82
|
+
onPress: onClose,
|
|
83
|
+
accessibilityLabel: "Close alert",
|
|
84
|
+
className: "absolute right-4 top-2",
|
|
85
|
+
children: /*#__PURE__*/_jsx(CloseMd, {
|
|
86
|
+
size: 16,
|
|
87
|
+
className: "text-gray-foreground"
|
|
88
|
+
})
|
|
89
|
+
})]
|
|
90
|
+
})
|
|
91
|
+
});
|
|
92
|
+
}
|
|
93
|
+
function AlertContainer({
|
|
94
|
+
className,
|
|
95
|
+
...props
|
|
96
|
+
}) {
|
|
97
|
+
return /*#__PURE__*/_jsx(View, {
|
|
98
|
+
className: cn("flex-row gap-3", className),
|
|
99
|
+
...props
|
|
100
|
+
});
|
|
101
|
+
}
|
|
102
|
+
function AlertContent({
|
|
103
|
+
className,
|
|
104
|
+
...props
|
|
105
|
+
}) {
|
|
106
|
+
return /*#__PURE__*/_jsx(View, {
|
|
107
|
+
className: cn("flex-col gap-1 flex-1", className),
|
|
108
|
+
...props
|
|
109
|
+
});
|
|
110
|
+
}
|
|
111
|
+
function AlertIcon({
|
|
112
|
+
className,
|
|
113
|
+
icon,
|
|
114
|
+
...props
|
|
115
|
+
}) {
|
|
116
|
+
return /*#__PURE__*/_jsx(View, {
|
|
117
|
+
className: cn("w-6 h-6", className),
|
|
118
|
+
...props,
|
|
119
|
+
children: icon
|
|
120
|
+
});
|
|
121
|
+
}
|
|
122
|
+
function AlertTitle({
|
|
123
|
+
className,
|
|
124
|
+
children,
|
|
125
|
+
...props
|
|
126
|
+
}) {
|
|
127
|
+
const {
|
|
128
|
+
variant
|
|
129
|
+
} = useAlertContext();
|
|
130
|
+
return /*#__PURE__*/_jsx(View, {
|
|
131
|
+
className: cn("", className),
|
|
132
|
+
...props,
|
|
133
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
134
|
+
numberOfLines: 1,
|
|
135
|
+
className: cn("text-md font-medium", alertTextColorVariants({
|
|
136
|
+
variant
|
|
137
|
+
})),
|
|
138
|
+
children: children
|
|
139
|
+
})
|
|
140
|
+
});
|
|
141
|
+
}
|
|
142
|
+
function AlertDescription({
|
|
143
|
+
className,
|
|
144
|
+
children,
|
|
145
|
+
...props
|
|
146
|
+
}) {
|
|
147
|
+
const {
|
|
148
|
+
variant
|
|
149
|
+
} = useAlertContext();
|
|
150
|
+
return /*#__PURE__*/_jsx(View, {
|
|
151
|
+
className: cn("", className),
|
|
152
|
+
...props,
|
|
153
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
154
|
+
numberOfLines: 3,
|
|
155
|
+
className: cn("text-sm leading-5", alertTextColorVariants({
|
|
156
|
+
variant
|
|
157
|
+
})),
|
|
158
|
+
children: children
|
|
159
|
+
})
|
|
160
|
+
});
|
|
161
|
+
}
|
|
162
|
+
function AlertActions({
|
|
163
|
+
className,
|
|
164
|
+
...props
|
|
165
|
+
}) {
|
|
166
|
+
return /*#__PURE__*/_jsx(View, {
|
|
167
|
+
className: cn("flex-row flex-wrap items-center gap-2 mt-2", className),
|
|
168
|
+
...props
|
|
169
|
+
});
|
|
170
|
+
}
|
|
171
|
+
function AlertButton({
|
|
172
|
+
className,
|
|
173
|
+
variant,
|
|
174
|
+
children,
|
|
175
|
+
...props
|
|
176
|
+
}) {
|
|
177
|
+
const context = useContext(AlertContext);
|
|
178
|
+
const alertVariant = context?.variant ?? "regular";
|
|
179
|
+
return /*#__PURE__*/_jsx(Pressable, {
|
|
180
|
+
className: cn(alertButtonVariants({
|
|
181
|
+
variant,
|
|
182
|
+
alertVariant
|
|
183
|
+
}), className),
|
|
184
|
+
accessibilityRole: "button",
|
|
185
|
+
...props,
|
|
186
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
187
|
+
className: cn("text-sm font-semibold", alertTextColorVariants({
|
|
188
|
+
variant: alertVariant
|
|
189
|
+
})),
|
|
190
|
+
children: children
|
|
191
|
+
})
|
|
192
|
+
});
|
|
193
|
+
}
|
|
194
|
+
export { Alert, AlertContainer, AlertContent, AlertIcon, AlertTitle, AlertDescription, AlertActions, AlertButton, alertVariants, alertButtonVariants };
|
|
195
|
+
//# sourceMappingURL=Alert.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["createContext","useContext","useMemo","View","Text","Pressable","cva","CloseMd","cn","jsx","_jsx","jsxs","_jsxs","AlertContext","alertVariants","variants","variant","regular","emphasis","success","warning","error","defaultVariants","alertTextColorVariants","alertButtonVariants","basic","alertVariant","useAlertContext","context","Error","Alert","className","onClose","children","props","ctx","Provider","value","accessibilityRole","onPress","accessibilityLabel","size","AlertContainer","AlertContent","AlertIcon","icon","AlertTitle","numberOfLines","AlertDescription","AlertActions","AlertButton"],"sourceRoot":"../../../src","sources":["components/Alert.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,257 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { createContext, useContext, useMemo } from "react";
|
|
4
|
+
import { View, Text } from "react-native";
|
|
5
|
+
import * as AlertDialogPrimitive from "@rn-primitives/alert-dialog";
|
|
6
|
+
import { CloseMd } from "@medway-ui/icons/native";
|
|
7
|
+
import { cva } from "class-variance-authority";
|
|
8
|
+
import { cn } from "@/lib/utils";
|
|
9
|
+
import { Button } from "@/components/Button";
|
|
10
|
+
import { Tag } from "@/components/Tag";
|
|
11
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
12
|
+
const DEFAULT_VARIANT = "regular";
|
|
13
|
+
const AlertDialogContext = /*#__PURE__*/createContext(null);
|
|
14
|
+
const alertDialogIconSectionVariants = cva("w-full items-center justify-center px-8 py-8", {
|
|
15
|
+
variants: {
|
|
16
|
+
variant: {
|
|
17
|
+
regular: "bg-primary-background-soft",
|
|
18
|
+
emphasis: "bg-secondary-background-soft",
|
|
19
|
+
warning: "bg-feedback-warning-background-soft",
|
|
20
|
+
error: "bg-feedback-error-background-soft",
|
|
21
|
+
success: "bg-feedback-success-background-soft"
|
|
22
|
+
}
|
|
23
|
+
},
|
|
24
|
+
defaultVariants: {
|
|
25
|
+
variant: DEFAULT_VARIANT
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
const alertDialogIconContainerVariants = cva("items-center justify-center rounded-full p-4", {
|
|
29
|
+
variants: {
|
|
30
|
+
variant: {
|
|
31
|
+
regular: "bg-primary-background-fill",
|
|
32
|
+
emphasis: "bg-secondary-background-fill",
|
|
33
|
+
warning: "bg-yellow-background-fill",
|
|
34
|
+
error: "bg-red-background-fill",
|
|
35
|
+
success: "bg-green-background-fill"
|
|
36
|
+
}
|
|
37
|
+
},
|
|
38
|
+
defaultVariants: {
|
|
39
|
+
variant: DEFAULT_VARIANT
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
const alertDialogIconTextVariants = cva("", {
|
|
43
|
+
variants: {
|
|
44
|
+
variant: {
|
|
45
|
+
regular: "text-primary-foreground-onfill",
|
|
46
|
+
emphasis: "text-secondary-foreground-onfill",
|
|
47
|
+
warning: "text-yellow-foreground-onfill",
|
|
48
|
+
error: "text-red-foreground-onfill",
|
|
49
|
+
success: "text-green-foreground-onfill"
|
|
50
|
+
}
|
|
51
|
+
},
|
|
52
|
+
defaultVariants: {
|
|
53
|
+
variant: DEFAULT_VARIANT
|
|
54
|
+
}
|
|
55
|
+
});
|
|
56
|
+
const alertDialogTagVariantMap = {
|
|
57
|
+
regular: "regular-soft",
|
|
58
|
+
emphasis: "emphasis-soft",
|
|
59
|
+
warning: "warning-soft",
|
|
60
|
+
error: "error-soft",
|
|
61
|
+
success: "success-soft"
|
|
62
|
+
};
|
|
63
|
+
const actionVariantMap = {
|
|
64
|
+
regular: "regular",
|
|
65
|
+
emphasis: "emphasis",
|
|
66
|
+
warning: "warning",
|
|
67
|
+
error: "error",
|
|
68
|
+
success: "success"
|
|
69
|
+
};
|
|
70
|
+
function AlertDialog({
|
|
71
|
+
variant = DEFAULT_VARIANT,
|
|
72
|
+
...props
|
|
73
|
+
}) {
|
|
74
|
+
const ctx = useMemo(() => ({
|
|
75
|
+
variant
|
|
76
|
+
}), [variant]);
|
|
77
|
+
return /*#__PURE__*/_jsx(AlertDialogContext.Provider, {
|
|
78
|
+
value: ctx,
|
|
79
|
+
children: /*#__PURE__*/_jsx(AlertDialogPrimitive.Root, {
|
|
80
|
+
...props
|
|
81
|
+
})
|
|
82
|
+
});
|
|
83
|
+
}
|
|
84
|
+
function AlertDialogTrigger({
|
|
85
|
+
...props
|
|
86
|
+
}) {
|
|
87
|
+
return /*#__PURE__*/_jsx(AlertDialogPrimitive.Trigger, {
|
|
88
|
+
...props
|
|
89
|
+
});
|
|
90
|
+
}
|
|
91
|
+
function AlertDialogPortal({
|
|
92
|
+
...props
|
|
93
|
+
}) {
|
|
94
|
+
return /*#__PURE__*/_jsx(AlertDialogPrimitive.Portal, {
|
|
95
|
+
...props
|
|
96
|
+
});
|
|
97
|
+
}
|
|
98
|
+
function AlertDialogOverlay({
|
|
99
|
+
className,
|
|
100
|
+
...props
|
|
101
|
+
}) {
|
|
102
|
+
return /*#__PURE__*/_jsx(AlertDialogPrimitive.Overlay, {
|
|
103
|
+
className: cn("absolute inset-0 bg-black/50", className),
|
|
104
|
+
...props
|
|
105
|
+
});
|
|
106
|
+
}
|
|
107
|
+
function AlertDialogContent({
|
|
108
|
+
className,
|
|
109
|
+
overlayClassName,
|
|
110
|
+
children,
|
|
111
|
+
showCloseButton = false,
|
|
112
|
+
...props
|
|
113
|
+
}) {
|
|
114
|
+
return /*#__PURE__*/_jsx(AlertDialogPrimitive.Portal, {
|
|
115
|
+
children: /*#__PURE__*/_jsx(AlertDialogPrimitive.Overlay, {
|
|
116
|
+
className: cn("absolute inset-0 items-center justify-center bg-black/50", overlayClassName),
|
|
117
|
+
children: /*#__PURE__*/_jsxs(AlertDialogPrimitive.Content, {
|
|
118
|
+
className: cn("relative flex-col w-full max-w-[calc(100%-2rem)] rounded-xl bg-background shadow-lg overflow-hidden", className),
|
|
119
|
+
...props,
|
|
120
|
+
children: [children, showCloseButton && /*#__PURE__*/_jsx(AlertDialogPrimitive.Cancel, {
|
|
121
|
+
className: "absolute right-3 top-3 rounded-pill p-1.5 active:bg-gray-background-soft",
|
|
122
|
+
children: /*#__PURE__*/_jsx(CloseMd, {
|
|
123
|
+
size: 16,
|
|
124
|
+
className: "text-gray-foreground"
|
|
125
|
+
})
|
|
126
|
+
})]
|
|
127
|
+
})
|
|
128
|
+
})
|
|
129
|
+
});
|
|
130
|
+
}
|
|
131
|
+
function AlertDialogHeader({
|
|
132
|
+
className,
|
|
133
|
+
...props
|
|
134
|
+
}) {
|
|
135
|
+
return /*#__PURE__*/_jsx(View, {
|
|
136
|
+
className: cn("flex-col items-center gap-3 px-8 pt-8 text-center", className),
|
|
137
|
+
...props
|
|
138
|
+
});
|
|
139
|
+
}
|
|
140
|
+
function AlertDialogIcon({
|
|
141
|
+
className,
|
|
142
|
+
icon,
|
|
143
|
+
...props
|
|
144
|
+
}) {
|
|
145
|
+
const ctx = useContext(AlertDialogContext);
|
|
146
|
+
const variant = ctx?.variant ?? DEFAULT_VARIANT;
|
|
147
|
+
return /*#__PURE__*/_jsx(View, {
|
|
148
|
+
className: cn(alertDialogIconSectionVariants({
|
|
149
|
+
variant
|
|
150
|
+
}), className),
|
|
151
|
+
...props,
|
|
152
|
+
children: /*#__PURE__*/_jsx(View, {
|
|
153
|
+
className: cn(alertDialogIconContainerVariants({
|
|
154
|
+
variant
|
|
155
|
+
})),
|
|
156
|
+
children: /*#__PURE__*/_jsx(View, {
|
|
157
|
+
className: cn("w-8 h-8 items-center justify-center", alertDialogIconTextVariants({
|
|
158
|
+
variant
|
|
159
|
+
})),
|
|
160
|
+
children: icon
|
|
161
|
+
})
|
|
162
|
+
})
|
|
163
|
+
});
|
|
164
|
+
}
|
|
165
|
+
function AlertDialogTag({
|
|
166
|
+
className,
|
|
167
|
+
variant,
|
|
168
|
+
children
|
|
169
|
+
}) {
|
|
170
|
+
const ctx = useContext(AlertDialogContext);
|
|
171
|
+
const resolvedVariant = variant ?? ctx?.variant ?? DEFAULT_VARIANT;
|
|
172
|
+
return /*#__PURE__*/_jsx(View, {
|
|
173
|
+
className: "items-center",
|
|
174
|
+
children: /*#__PURE__*/_jsx(Tag, {
|
|
175
|
+
variant: alertDialogTagVariantMap[resolvedVariant],
|
|
176
|
+
className: className,
|
|
177
|
+
children: children
|
|
178
|
+
})
|
|
179
|
+
});
|
|
180
|
+
}
|
|
181
|
+
function AlertDialogTitle({
|
|
182
|
+
className,
|
|
183
|
+
children,
|
|
184
|
+
...props
|
|
185
|
+
}) {
|
|
186
|
+
return /*#__PURE__*/_jsx(AlertDialogPrimitive.Title, {
|
|
187
|
+
className: cn("", className),
|
|
188
|
+
...props,
|
|
189
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
190
|
+
className: "text-title-sm font-semibold leading-title-sm text-content-title text-center",
|
|
191
|
+
children: children
|
|
192
|
+
})
|
|
193
|
+
});
|
|
194
|
+
}
|
|
195
|
+
function AlertDialogDescription({
|
|
196
|
+
className,
|
|
197
|
+
children,
|
|
198
|
+
...props
|
|
199
|
+
}) {
|
|
200
|
+
return /*#__PURE__*/_jsx(AlertDialogPrimitive.Description, {
|
|
201
|
+
className: cn("", className),
|
|
202
|
+
...props,
|
|
203
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
204
|
+
className: "text-md leading-md text-content-paragraph text-center",
|
|
205
|
+
children: children
|
|
206
|
+
})
|
|
207
|
+
});
|
|
208
|
+
}
|
|
209
|
+
function AlertDialogFooter({
|
|
210
|
+
className,
|
|
211
|
+
...props
|
|
212
|
+
}) {
|
|
213
|
+
return /*#__PURE__*/_jsx(View, {
|
|
214
|
+
className: cn("flex-row items-center justify-center gap-4 px-8 pb-8 pt-6", className),
|
|
215
|
+
...props
|
|
216
|
+
});
|
|
217
|
+
}
|
|
218
|
+
function AlertDialogAction({
|
|
219
|
+
className,
|
|
220
|
+
variant,
|
|
221
|
+
size = "lg",
|
|
222
|
+
children,
|
|
223
|
+
...props
|
|
224
|
+
}) {
|
|
225
|
+
const ctx = useContext(AlertDialogContext);
|
|
226
|
+
const resolvedVariant = variant ?? actionVariantMap[ctx?.variant ?? DEFAULT_VARIANT];
|
|
227
|
+
return /*#__PURE__*/_jsx(AlertDialogPrimitive.Action, {
|
|
228
|
+
className: cn("flex-1", className),
|
|
229
|
+
...props,
|
|
230
|
+
children: /*#__PURE__*/_jsx(Button, {
|
|
231
|
+
variant: resolvedVariant,
|
|
232
|
+
size: size,
|
|
233
|
+
className: "w-full",
|
|
234
|
+
children: children
|
|
235
|
+
})
|
|
236
|
+
});
|
|
237
|
+
}
|
|
238
|
+
function AlertDialogCancel({
|
|
239
|
+
className,
|
|
240
|
+
variant = "regular-soft",
|
|
241
|
+
size = "lg",
|
|
242
|
+
children,
|
|
243
|
+
...props
|
|
244
|
+
}) {
|
|
245
|
+
return /*#__PURE__*/_jsx(AlertDialogPrimitive.Cancel, {
|
|
246
|
+
className: cn("flex-1", className),
|
|
247
|
+
...props,
|
|
248
|
+
children: /*#__PURE__*/_jsx(Button, {
|
|
249
|
+
variant: variant,
|
|
250
|
+
size: size,
|
|
251
|
+
className: "w-full",
|
|
252
|
+
children: children
|
|
253
|
+
})
|
|
254
|
+
});
|
|
255
|
+
}
|
|
256
|
+
export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogIcon, AlertDialogOverlay, AlertDialogPortal, AlertDialogTag, AlertDialogTitle, AlertDialogTrigger };
|
|
257
|
+
//# sourceMappingURL=AlertDialog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["createContext","useContext","useMemo","View","Text","AlertDialogPrimitive","CloseMd","cva","cn","Button","Tag","jsx","_jsx","jsxs","_jsxs","DEFAULT_VARIANT","AlertDialogContext","alertDialogIconSectionVariants","variants","variant","regular","emphasis","warning","error","success","defaultVariants","alertDialogIconContainerVariants","alertDialogIconTextVariants","alertDialogTagVariantMap","actionVariantMap","AlertDialog","props","ctx","Provider","value","children","Root","AlertDialogTrigger","Trigger","AlertDialogPortal","Portal","AlertDialogOverlay","className","Overlay","AlertDialogContent","overlayClassName","showCloseButton","Content","Cancel","size","AlertDialogHeader","AlertDialogIcon","icon","AlertDialogTag","resolvedVariant","AlertDialogTitle","Title","AlertDialogDescription","Description","AlertDialogFooter","AlertDialogAction","Action","AlertDialogCancel"],"sourceRoot":"../../../src","sources":["components/AlertDialog.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { View, Text } from "react-native";
|
|
4
|
+
import { cva } from "class-variance-authority";
|
|
5
|
+
import { cn } from "@/lib/utils";
|
|
6
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
7
|
+
const ICON_ONLY_SIZES = {
|
|
8
|
+
sm: "h-4 w-4 p-0",
|
|
9
|
+
md: "h-5 w-5 p-0",
|
|
10
|
+
lg: "h-6 w-6 p-0",
|
|
11
|
+
xl: "h-7 w-7 p-0"
|
|
12
|
+
};
|
|
13
|
+
const CHAR_PADDING = {
|
|
14
|
+
sm: "px-1",
|
|
15
|
+
md: "px-1",
|
|
16
|
+
lg: "px-1",
|
|
17
|
+
xl: "px-1.5"
|
|
18
|
+
};
|
|
19
|
+
const badgeVariants = cva("flex-row items-center justify-center rounded-full px-2", {
|
|
20
|
+
variants: {
|
|
21
|
+
variant: {
|
|
22
|
+
regular: "bg-secondary-background-fill",
|
|
23
|
+
error: "bg-red-background-soft",
|
|
24
|
+
warning: "bg-yellow-background-soft",
|
|
25
|
+
freemium: "bg-primary-background-fill"
|
|
26
|
+
},
|
|
27
|
+
size: {
|
|
28
|
+
sm: "min-h-4 min-w-4",
|
|
29
|
+
md: "min-h-5 min-w-5",
|
|
30
|
+
lg: "min-h-6 min-w-6",
|
|
31
|
+
xl: "min-h-7 min-w-7"
|
|
32
|
+
}
|
|
33
|
+
},
|
|
34
|
+
defaultVariants: {
|
|
35
|
+
variant: "regular",
|
|
36
|
+
size: "md"
|
|
37
|
+
}
|
|
38
|
+
});
|
|
39
|
+
const badgeTextVariants = cva("font-semibold", {
|
|
40
|
+
variants: {
|
|
41
|
+
variant: {
|
|
42
|
+
regular: "text-secondary-foreground-onfill",
|
|
43
|
+
error: "text-red-stroke-emphasis",
|
|
44
|
+
warning: "text-yellow-foreground",
|
|
45
|
+
freemium: "text-white"
|
|
46
|
+
},
|
|
47
|
+
size: {
|
|
48
|
+
sm: "text-xs",
|
|
49
|
+
md: "text-xs",
|
|
50
|
+
lg: "text-xs",
|
|
51
|
+
xl: "text-sm"
|
|
52
|
+
}
|
|
53
|
+
},
|
|
54
|
+
defaultVariants: {
|
|
55
|
+
variant: "regular",
|
|
56
|
+
size: "md"
|
|
57
|
+
}
|
|
58
|
+
});
|
|
59
|
+
function Badge({
|
|
60
|
+
className,
|
|
61
|
+
variant,
|
|
62
|
+
size,
|
|
63
|
+
icon,
|
|
64
|
+
animation: _animation,
|
|
65
|
+
children,
|
|
66
|
+
...props
|
|
67
|
+
}) {
|
|
68
|
+
const childText = typeof children === "string" || typeof children === "number" ? String(children).trim() : "";
|
|
69
|
+
const isSingleAlphaNum = /^[A-Za-z0-9]$/.test(childText);
|
|
70
|
+
const isShortAlnumUpTo3 = /^[A-Za-z0-9]{2,3}$/.test(childText);
|
|
71
|
+
const isDigitsWithSuffix = /^\d{1,2}\S$/.test(childText);
|
|
72
|
+
const isIconOnly = !!icon && !children;
|
|
73
|
+
const isShortUpTo3 = isShortAlnumUpTo3 || isDigitsWithSuffix;
|
|
74
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
75
|
+
className: cn(badgeVariants({
|
|
76
|
+
variant,
|
|
77
|
+
size
|
|
78
|
+
}), (isIconOnly || isSingleAlphaNum) && ICON_ONLY_SIZES[size ?? "md"], !isIconOnly && isShortUpTo3 && CHAR_PADDING[size ?? "md"], className),
|
|
79
|
+
...props,
|
|
80
|
+
children: [icon, children != null && /*#__PURE__*/_jsx(Text, {
|
|
81
|
+
className: cn(badgeTextVariants({
|
|
82
|
+
variant,
|
|
83
|
+
size
|
|
84
|
+
})),
|
|
85
|
+
children: children
|
|
86
|
+
})]
|
|
87
|
+
});
|
|
88
|
+
}
|
|
89
|
+
export { Badge, badgeVariants };
|
|
90
|
+
//# sourceMappingURL=Badge.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["View","Text","cva","cn","jsx","_jsx","jsxs","_jsxs","ICON_ONLY_SIZES","sm","md","lg","xl","CHAR_PADDING","badgeVariants","variants","variant","regular","error","warning","freemium","size","defaultVariants","badgeTextVariants","Badge","className","icon","animation","_animation","children","props","childText","String","trim","isSingleAlphaNum","test","isShortAlnumUpTo3","isDigitsWithSuffix","isIconOnly","isShortUpTo3"],"sourceRoot":"../../../src","sources":["components/Badge.tsx"],"mappings":"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","ignoreList":[]}
|