@drawbridge/components 0.0.52 → 0.0.53
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/dist/advertisement.js +149 -112
- package/dist/advertisement.mjs +5 -4
- package/dist/{chunk-L5X6LHYZ.mjs → chunk-ASHP6LV5.mjs} +4 -4
- package/dist/chunk-DNK33H3K.mjs +75 -0
- package/dist/chunk-OHJMWJAQ.mjs +86 -0
- package/dist/input-group-error.js +129 -0
- package/dist/input-group-error.mjs +7 -0
- package/dist/input-group.js +91 -52
- package/dist/input-group.mjs +2 -1
- package/dist/input-name.js +101 -64
- package/dist/input-name.mjs +2 -1
- package/dist/product.js +136 -99
- package/dist/product.mjs +5 -4
- package/package.json +5 -1
- package/types/input-group-error.d.ts +14 -0
- package/dist/chunk-3SAKIKZP.mjs +0 -117
package/dist/input-name.js
CHANGED
|
@@ -23,7 +23,7 @@ __export(input_name_exports, {
|
|
|
23
23
|
});
|
|
24
24
|
module.exports = __toCommonJS(input_name_exports);
|
|
25
25
|
|
|
26
|
-
// components/input-group.js
|
|
26
|
+
// components/input-group-error.js
|
|
27
27
|
var import_react = require("react");
|
|
28
28
|
|
|
29
29
|
// components/icons/warning.js
|
|
@@ -52,8 +52,86 @@ var Warning = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
|
52
52
|
);
|
|
53
53
|
var warning_default = Warning;
|
|
54
54
|
|
|
55
|
-
// components/input-group.js
|
|
55
|
+
// components/input-group-error.js
|
|
56
56
|
var import_jsx_runtime2 = require("react/jsx-runtime");
|
|
57
|
+
var InputGroupError = ({
|
|
58
|
+
className,
|
|
59
|
+
error,
|
|
60
|
+
label,
|
|
61
|
+
message,
|
|
62
|
+
style = {}
|
|
63
|
+
}) => {
|
|
64
|
+
var _a, _b, _c, _d;
|
|
65
|
+
if (!(error || message)) {
|
|
66
|
+
return null;
|
|
67
|
+
}
|
|
68
|
+
const classes = [
|
|
69
|
+
"flex items-center justify-start space-x-2 py-1 rounded text-sm"
|
|
70
|
+
];
|
|
71
|
+
if (error) {
|
|
72
|
+
classes.push("px-1.5");
|
|
73
|
+
}
|
|
74
|
+
if (className) {
|
|
75
|
+
classes.push(className);
|
|
76
|
+
}
|
|
77
|
+
return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
|
|
78
|
+
"p",
|
|
79
|
+
{
|
|
80
|
+
...{
|
|
81
|
+
className: classes.join(" "),
|
|
82
|
+
...error && {
|
|
83
|
+
style: {
|
|
84
|
+
backgroundColor: (((_b = (_a = style == null ? void 0 : style.text) == null ? void 0 : _a.color) == null ? void 0 : _b.rgb) || "rgb( 0, 0, 0 )").replace(")", ",.1)"),
|
|
85
|
+
color: ((_d = (_c = style == null ? void 0 : style.text) == null ? void 0 : _c.color) == null ? void 0 : _d.rgb) || "rgb( 0, 0, 0 )"
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
},
|
|
89
|
+
children: [
|
|
90
|
+
error && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react.Fragment, { children: [
|
|
91
|
+
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
92
|
+
warning_default,
|
|
93
|
+
{
|
|
94
|
+
...{
|
|
95
|
+
className: "w-4 h-4",
|
|
96
|
+
"aria-hidden": true
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
),
|
|
100
|
+
/* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
|
|
101
|
+
"span",
|
|
102
|
+
{
|
|
103
|
+
...{
|
|
104
|
+
className: "text-[0px] opacity-0 w-0 h-0 absolute"
|
|
105
|
+
},
|
|
106
|
+
children: [
|
|
107
|
+
label ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react.Fragment, { children: [
|
|
108
|
+
label,
|
|
109
|
+
": "
|
|
110
|
+
] }) : null,
|
|
111
|
+
error
|
|
112
|
+
]
|
|
113
|
+
}
|
|
114
|
+
)
|
|
115
|
+
] }),
|
|
116
|
+
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
117
|
+
"span",
|
|
118
|
+
{
|
|
119
|
+
...{
|
|
120
|
+
...error && {
|
|
121
|
+
"aria-hidden": true
|
|
122
|
+
}
|
|
123
|
+
},
|
|
124
|
+
children: error || message
|
|
125
|
+
}
|
|
126
|
+
)
|
|
127
|
+
]
|
|
128
|
+
}
|
|
129
|
+
);
|
|
130
|
+
};
|
|
131
|
+
var input_group_error_default = InputGroupError;
|
|
132
|
+
|
|
133
|
+
// components/input-group.js
|
|
134
|
+
var import_jsx_runtime3 = require("react/jsx-runtime");
|
|
57
135
|
var InputGroup = ({
|
|
58
136
|
className,
|
|
59
137
|
error,
|
|
@@ -63,7 +141,6 @@ var InputGroup = ({
|
|
|
63
141
|
style = {},
|
|
64
142
|
...rest
|
|
65
143
|
}) => {
|
|
66
|
-
var _a, _b, _c, _d;
|
|
67
144
|
const classes = [
|
|
68
145
|
"input-group"
|
|
69
146
|
];
|
|
@@ -73,7 +150,7 @@ var InputGroup = ({
|
|
|
73
150
|
if (error) {
|
|
74
151
|
classes.push("error");
|
|
75
152
|
}
|
|
76
|
-
return /* @__PURE__ */ (0,
|
|
153
|
+
return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
|
|
77
154
|
"div",
|
|
78
155
|
{
|
|
79
156
|
...{
|
|
@@ -84,14 +161,14 @@ var InputGroup = ({
|
|
|
84
161
|
}
|
|
85
162
|
},
|
|
86
163
|
children: [
|
|
87
|
-
label ? /* @__PURE__ */ (0,
|
|
164
|
+
label ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
|
|
88
165
|
"div",
|
|
89
166
|
{
|
|
90
167
|
...{
|
|
91
168
|
className: "space-y-2"
|
|
92
169
|
},
|
|
93
170
|
children: [
|
|
94
|
-
/* @__PURE__ */ (0,
|
|
171
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
95
172
|
"span",
|
|
96
173
|
{
|
|
97
174
|
...{
|
|
@@ -104,55 +181,15 @@ var InputGroup = ({
|
|
|
104
181
|
]
|
|
105
182
|
}
|
|
106
183
|
) : input,
|
|
107
|
-
|
|
108
|
-
|
|
184
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
185
|
+
input_group_error_default,
|
|
109
186
|
{
|
|
110
187
|
...{
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
}
|
|
117
|
-
}
|
|
118
|
-
},
|
|
119
|
-
children: [
|
|
120
|
-
error && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react.Fragment, { children: [
|
|
121
|
-
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
122
|
-
warning_default,
|
|
123
|
-
{
|
|
124
|
-
...{
|
|
125
|
-
className: "w-4 h-4",
|
|
126
|
-
"aria-hidden": true
|
|
127
|
-
}
|
|
128
|
-
}
|
|
129
|
-
),
|
|
130
|
-
/* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
|
|
131
|
-
"span",
|
|
132
|
-
{
|
|
133
|
-
...{
|
|
134
|
-
className: "text-[0px] opacity-0 w-0 h-0 absolute"
|
|
135
|
-
},
|
|
136
|
-
children: [
|
|
137
|
-
label,
|
|
138
|
-
": ",
|
|
139
|
-
error
|
|
140
|
-
]
|
|
141
|
-
}
|
|
142
|
-
)
|
|
143
|
-
] }),
|
|
144
|
-
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
145
|
-
"span",
|
|
146
|
-
{
|
|
147
|
-
...{
|
|
148
|
-
...error && {
|
|
149
|
-
"aria-hidden": true
|
|
150
|
-
}
|
|
151
|
-
},
|
|
152
|
-
children: error || message
|
|
153
|
-
}
|
|
154
|
-
)
|
|
155
|
-
]
|
|
188
|
+
error,
|
|
189
|
+
label,
|
|
190
|
+
message,
|
|
191
|
+
style
|
|
192
|
+
}
|
|
156
193
|
}
|
|
157
194
|
)
|
|
158
195
|
]
|
|
@@ -183,7 +220,7 @@ var inputStyle = (style) => {
|
|
|
183
220
|
};
|
|
184
221
|
|
|
185
222
|
// components/input-text.js
|
|
186
|
-
var
|
|
223
|
+
var import_jsx_runtime4 = require("react/jsx-runtime");
|
|
187
224
|
var InputText = ({
|
|
188
225
|
className,
|
|
189
226
|
max,
|
|
@@ -197,7 +234,7 @@ var InputText = ({
|
|
|
197
234
|
classes.push(className);
|
|
198
235
|
}
|
|
199
236
|
;
|
|
200
|
-
return /* @__PURE__ */ (0,
|
|
237
|
+
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
201
238
|
"input",
|
|
202
239
|
{
|
|
203
240
|
...{
|
|
@@ -213,7 +250,7 @@ var InputText = ({
|
|
|
213
250
|
var input_text_default = InputText;
|
|
214
251
|
|
|
215
252
|
// components/input-name.js
|
|
216
|
-
var
|
|
253
|
+
var import_jsx_runtime5 = require("react/jsx-runtime");
|
|
217
254
|
var InputName = ({
|
|
218
255
|
error,
|
|
219
256
|
onChange,
|
|
@@ -223,12 +260,12 @@ var InputName = ({
|
|
|
223
260
|
}) => {
|
|
224
261
|
var _a, _b, _c;
|
|
225
262
|
const inputs = {
|
|
226
|
-
first: /* @__PURE__ */ (0,
|
|
263
|
+
first: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
227
264
|
input_group_default,
|
|
228
265
|
{
|
|
229
266
|
...{
|
|
230
267
|
error: (_a = error == null ? void 0 : error.first) == null ? void 0 : _a.message,
|
|
231
|
-
input: /* @__PURE__ */ (0,
|
|
268
|
+
input: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
232
269
|
input_text_default,
|
|
233
270
|
{
|
|
234
271
|
...{
|
|
@@ -247,12 +284,12 @@ var InputName = ({
|
|
|
247
284
|
}
|
|
248
285
|
}
|
|
249
286
|
),
|
|
250
|
-
last: /* @__PURE__ */ (0,
|
|
287
|
+
last: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
251
288
|
input_group_default,
|
|
252
289
|
{
|
|
253
290
|
...{
|
|
254
291
|
error: (_b = error == null ? void 0 : error.last) == null ? void 0 : _b.message,
|
|
255
|
-
input: /* @__PURE__ */ (0,
|
|
292
|
+
input: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
256
293
|
input_text_default,
|
|
257
294
|
{
|
|
258
295
|
...{
|
|
@@ -271,12 +308,12 @@ var InputName = ({
|
|
|
271
308
|
}
|
|
272
309
|
}
|
|
273
310
|
),
|
|
274
|
-
name: /* @__PURE__ */ (0,
|
|
311
|
+
name: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
275
312
|
input_group_default,
|
|
276
313
|
{
|
|
277
314
|
...{
|
|
278
315
|
error: (_c = error == null ? void 0 : error.name) == null ? void 0 : _c.message,
|
|
279
|
-
input: /* @__PURE__ */ (0,
|
|
316
|
+
input: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
280
317
|
input_text_default,
|
|
281
318
|
{
|
|
282
319
|
...{
|
|
@@ -295,13 +332,13 @@ var InputName = ({
|
|
|
295
332
|
}
|
|
296
333
|
)
|
|
297
334
|
};
|
|
298
|
-
return /* @__PURE__ */ (0,
|
|
335
|
+
return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
299
336
|
"div",
|
|
300
337
|
{
|
|
301
338
|
...{
|
|
302
339
|
className: "flex flex-col space-y-4"
|
|
303
340
|
},
|
|
304
|
-
children: (settings.capture || []).map((input, key) => /* @__PURE__ */ (0,
|
|
341
|
+
children: (settings.capture || []).map((input, key) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
305
342
|
"div",
|
|
306
343
|
{
|
|
307
344
|
...{
|
package/dist/input-name.mjs
CHANGED