@tatamicks/select 0.0.1 → 0.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/dist/index.js +7 -15
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +389 -740
- package/dist/index.mjs.map +1 -1
- package/package.json +2 -2
package/dist/index.mjs
CHANGED
|
@@ -1,815 +1,464 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { HorizontalAlign as
|
|
3
|
-
var
|
|
1
|
+
import ce, { useCallback as w, useId as ue, forwardRef as fe, useRef as de, useImperativeHandle as me, useMemo as A } from "react";
|
|
2
|
+
import { HorizontalAlign as U, VerticalAlign as q, toPx as y, NoteMode as J, validationDefinition as pe, fontStyleDefinition as be, placeholderDefinition as _e, universalProperties as ve } from "@tatamicks/core";
|
|
3
|
+
var P = { exports: {} }, N = {};
|
|
4
4
|
/**
|
|
5
5
|
* @license React
|
|
6
|
-
* react-jsx-runtime.production.
|
|
6
|
+
* react-jsx-runtime.production.js
|
|
7
7
|
*
|
|
8
|
-
* Copyright (c)
|
|
8
|
+
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
9
9
|
*
|
|
10
10
|
* This source code is licensed under the MIT license found in the
|
|
11
11
|
* LICENSE file in the root directory of this source tree.
|
|
12
12
|
*/
|
|
13
|
-
var
|
|
14
|
-
function
|
|
15
|
-
if (
|
|
16
|
-
|
|
17
|
-
var
|
|
18
|
-
function
|
|
19
|
-
var
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
13
|
+
var X;
|
|
14
|
+
function he() {
|
|
15
|
+
if (X) return N;
|
|
16
|
+
X = 1;
|
|
17
|
+
var t = Symbol.for("react.transitional.element"), s = Symbol.for("react.fragment");
|
|
18
|
+
function v(l, i, _) {
|
|
19
|
+
var g = null;
|
|
20
|
+
if (_ !== void 0 && (g = "" + _), i.key !== void 0 && (g = "" + i.key), "key" in i) {
|
|
21
|
+
_ = {};
|
|
22
|
+
for (var h in i)
|
|
23
|
+
h !== "key" && (_[h] = i[h]);
|
|
24
|
+
} else _ = i;
|
|
25
|
+
return i = _.ref, {
|
|
26
|
+
$$typeof: t,
|
|
27
|
+
type: l,
|
|
28
|
+
key: g,
|
|
29
|
+
ref: i !== void 0 ? i : null,
|
|
30
|
+
props: _
|
|
31
|
+
};
|
|
24
32
|
}
|
|
25
|
-
return
|
|
33
|
+
return N.Fragment = s, N.jsx = v, N.jsxs = v, N;
|
|
26
34
|
}
|
|
27
|
-
var
|
|
35
|
+
var O = {};
|
|
28
36
|
/**
|
|
29
37
|
* @license React
|
|
30
38
|
* react-jsx-runtime.development.js
|
|
31
39
|
*
|
|
32
|
-
* Copyright (c)
|
|
40
|
+
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
33
41
|
*
|
|
34
42
|
* This source code is licensed under the MIT license found in the
|
|
35
43
|
* LICENSE file in the root directory of this source tree.
|
|
36
44
|
*/
|
|
37
|
-
var
|
|
38
|
-
function
|
|
39
|
-
return
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
if (
|
|
43
|
-
return null;
|
|
44
|
-
|
|
45
|
-
return typeof r == "function" ? r : null;
|
|
46
|
-
}
|
|
47
|
-
var O = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
|
|
48
|
-
function g(e) {
|
|
49
|
-
{
|
|
50
|
-
for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), o = 1; o < r; o++)
|
|
51
|
-
t[o - 1] = arguments[o];
|
|
52
|
-
X("error", e, t);
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
function X(e, r, t) {
|
|
56
|
-
{
|
|
57
|
-
var o = O.ReactDebugCurrentFrame, c = o.getStackAddendum();
|
|
58
|
-
c !== "" && (r += "%s", t = t.concat([c]));
|
|
59
|
-
var d = t.map(function(l) {
|
|
60
|
-
return String(l);
|
|
61
|
-
});
|
|
62
|
-
d.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, d);
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
var Ye = !1, Be = !1, Ve = !1, Me = !1, Ue = !1, ie;
|
|
66
|
-
ie = Symbol.for("react.module.reference");
|
|
67
|
-
function ze(e) {
|
|
68
|
-
return !!(typeof e == "string" || typeof e == "function" || e === f || e === D || Ue || e === _ || e === k || e === E || Me || e === u || Ye || Be || Ve || typeof e == "object" && e !== null && (e.$$typeof === s || e.$$typeof === C || e.$$typeof === I || e.$$typeof === j || e.$$typeof === b || // This needs to include all possible module reference object
|
|
69
|
-
// types supported by any Flight configuration anywhere since
|
|
70
|
-
// we don't know which Flight build this will end up being used
|
|
71
|
-
// with.
|
|
72
|
-
e.$$typeof === ie || e.getModuleId !== void 0));
|
|
73
|
-
}
|
|
74
|
-
function Ge(e, r, t) {
|
|
75
|
-
var o = e.displayName;
|
|
76
|
-
if (o)
|
|
77
|
-
return o;
|
|
78
|
-
var c = r.displayName || r.name || "";
|
|
79
|
-
return c !== "" ? t + "(" + c + ")" : t;
|
|
80
|
-
}
|
|
81
|
-
function le(e) {
|
|
82
|
-
return e.displayName || "Context";
|
|
83
|
-
}
|
|
84
|
-
function F(e) {
|
|
85
|
-
if (e == null)
|
|
86
|
-
return null;
|
|
87
|
-
if (typeof e.tag == "number" && g("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
|
|
88
|
-
return e.displayName || e.name || null;
|
|
89
|
-
if (typeof e == "string")
|
|
90
|
-
return e;
|
|
45
|
+
var H;
|
|
46
|
+
function ge() {
|
|
47
|
+
return H || (H = 1, process.env.NODE_ENV !== "production" && (function() {
|
|
48
|
+
function t(e) {
|
|
49
|
+
if (e == null) return null;
|
|
50
|
+
if (typeof e == "function")
|
|
51
|
+
return e.$$typeof === le ? null : e.displayName || e.name || null;
|
|
52
|
+
if (typeof e == "string") return e;
|
|
91
53
|
switch (e) {
|
|
92
|
-
case
|
|
54
|
+
case d:
|
|
93
55
|
return "Fragment";
|
|
94
56
|
case T:
|
|
95
|
-
return "Portal";
|
|
96
|
-
case D:
|
|
97
57
|
return "Profiler";
|
|
98
|
-
case
|
|
58
|
+
case R:
|
|
99
59
|
return "StrictMode";
|
|
100
|
-
case
|
|
60
|
+
case re:
|
|
101
61
|
return "Suspense";
|
|
102
|
-
case
|
|
62
|
+
case oe:
|
|
103
63
|
return "SuspenseList";
|
|
64
|
+
case ae:
|
|
65
|
+
return "Activity";
|
|
104
66
|
}
|
|
105
67
|
if (typeof e == "object")
|
|
106
|
-
switch (
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
68
|
+
switch (typeof e.tag == "number" && console.error(
|
|
69
|
+
"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
|
|
70
|
+
), e.$$typeof) {
|
|
71
|
+
case r:
|
|
72
|
+
return "Portal";
|
|
73
|
+
case ee:
|
|
74
|
+
return e.displayName || "Context";
|
|
110
75
|
case I:
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
return
|
|
115
|
-
case
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
var c = e, d = c._payload, l = c._init;
|
|
76
|
+
return (e._context.displayName || "Context") + ".Consumer";
|
|
77
|
+
case te:
|
|
78
|
+
var o = e.render;
|
|
79
|
+
return e = e.displayName, e || (e = o.displayName || o.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
|
|
80
|
+
case ne:
|
|
81
|
+
return o = e.displayName || null, o !== null ? o : t(e.type) || "Memo";
|
|
82
|
+
case D:
|
|
83
|
+
o = e._payload, e = e._init;
|
|
120
84
|
try {
|
|
121
|
-
return
|
|
85
|
+
return t(e(o));
|
|
122
86
|
} catch {
|
|
123
|
-
return null;
|
|
124
87
|
}
|
|
125
|
-
}
|
|
126
88
|
}
|
|
127
89
|
return null;
|
|
128
90
|
}
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
}
|
|
132
|
-
be.__reactDisabledLog = !0;
|
|
133
|
-
function Je() {
|
|
134
|
-
{
|
|
135
|
-
if (B === 0) {
|
|
136
|
-
se = console.log, ue = console.info, ce = console.warn, fe = console.error, de = console.group, ve = console.groupCollapsed, pe = console.groupEnd;
|
|
137
|
-
var e = {
|
|
138
|
-
configurable: !0,
|
|
139
|
-
enumerable: !0,
|
|
140
|
-
value: be,
|
|
141
|
-
writable: !0
|
|
142
|
-
};
|
|
143
|
-
Object.defineProperties(console, {
|
|
144
|
-
info: e,
|
|
145
|
-
log: e,
|
|
146
|
-
warn: e,
|
|
147
|
-
error: e,
|
|
148
|
-
group: e,
|
|
149
|
-
groupCollapsed: e,
|
|
150
|
-
groupEnd: e
|
|
151
|
-
});
|
|
152
|
-
}
|
|
153
|
-
B++;
|
|
154
|
-
}
|
|
155
|
-
}
|
|
156
|
-
function qe() {
|
|
157
|
-
{
|
|
158
|
-
if (B--, B === 0) {
|
|
159
|
-
var e = {
|
|
160
|
-
configurable: !0,
|
|
161
|
-
enumerable: !0,
|
|
162
|
-
writable: !0
|
|
163
|
-
};
|
|
164
|
-
Object.defineProperties(console, {
|
|
165
|
-
log: A({}, e, {
|
|
166
|
-
value: se
|
|
167
|
-
}),
|
|
168
|
-
info: A({}, e, {
|
|
169
|
-
value: ue
|
|
170
|
-
}),
|
|
171
|
-
warn: A({}, e, {
|
|
172
|
-
value: ce
|
|
173
|
-
}),
|
|
174
|
-
error: A({}, e, {
|
|
175
|
-
value: fe
|
|
176
|
-
}),
|
|
177
|
-
group: A({}, e, {
|
|
178
|
-
value: de
|
|
179
|
-
}),
|
|
180
|
-
groupCollapsed: A({}, e, {
|
|
181
|
-
value: ve
|
|
182
|
-
}),
|
|
183
|
-
groupEnd: A({}, e, {
|
|
184
|
-
value: pe
|
|
185
|
-
})
|
|
186
|
-
});
|
|
187
|
-
}
|
|
188
|
-
B < 0 && g("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
|
|
189
|
-
}
|
|
190
|
-
}
|
|
191
|
-
var Z = O.ReactCurrentDispatcher, Q;
|
|
192
|
-
function z(e, r, t) {
|
|
193
|
-
{
|
|
194
|
-
if (Q === void 0)
|
|
195
|
-
try {
|
|
196
|
-
throw Error();
|
|
197
|
-
} catch (c) {
|
|
198
|
-
var o = c.stack.trim().match(/\n( *(at )?)/);
|
|
199
|
-
Q = o && o[1] || "";
|
|
200
|
-
}
|
|
201
|
-
return `
|
|
202
|
-
` + Q + e;
|
|
203
|
-
}
|
|
204
|
-
}
|
|
205
|
-
var ee = !1, G;
|
|
206
|
-
{
|
|
207
|
-
var Ke = typeof WeakMap == "function" ? WeakMap : Map;
|
|
208
|
-
G = new Ke();
|
|
91
|
+
function s(e) {
|
|
92
|
+
return "" + e;
|
|
209
93
|
}
|
|
210
|
-
function
|
|
211
|
-
if (!e || ee)
|
|
212
|
-
return "";
|
|
213
|
-
{
|
|
214
|
-
var t = G.get(e);
|
|
215
|
-
if (t !== void 0)
|
|
216
|
-
return t;
|
|
217
|
-
}
|
|
218
|
-
var o;
|
|
219
|
-
ee = !0;
|
|
220
|
-
var c = Error.prepareStackTrace;
|
|
221
|
-
Error.prepareStackTrace = void 0;
|
|
222
|
-
var d;
|
|
223
|
-
d = Z.current, Z.current = null, Je();
|
|
94
|
+
function v(e) {
|
|
224
95
|
try {
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
if (Object.defineProperty(l.prototype, "props", {
|
|
230
|
-
set: function() {
|
|
231
|
-
throw Error();
|
|
232
|
-
}
|
|
233
|
-
}), typeof Reflect == "object" && Reflect.construct) {
|
|
234
|
-
try {
|
|
235
|
-
Reflect.construct(l, []);
|
|
236
|
-
} catch (w) {
|
|
237
|
-
o = w;
|
|
238
|
-
}
|
|
239
|
-
Reflect.construct(e, [], l);
|
|
240
|
-
} else {
|
|
241
|
-
try {
|
|
242
|
-
l.call();
|
|
243
|
-
} catch (w) {
|
|
244
|
-
o = w;
|
|
245
|
-
}
|
|
246
|
-
e.call(l.prototype);
|
|
247
|
-
}
|
|
248
|
-
} else {
|
|
249
|
-
try {
|
|
250
|
-
throw Error();
|
|
251
|
-
} catch (w) {
|
|
252
|
-
o = w;
|
|
253
|
-
}
|
|
254
|
-
e();
|
|
255
|
-
}
|
|
256
|
-
} catch (w) {
|
|
257
|
-
if (w && o && typeof w.stack == "string") {
|
|
258
|
-
for (var i = w.stack.split(`
|
|
259
|
-
`), S = o.stack.split(`
|
|
260
|
-
`), h = i.length - 1, m = S.length - 1; h >= 1 && m >= 0 && i[h] !== S[m]; )
|
|
261
|
-
m--;
|
|
262
|
-
for (; h >= 1 && m >= 0; h--, m--)
|
|
263
|
-
if (i[h] !== S[m]) {
|
|
264
|
-
if (h !== 1 || m !== 1)
|
|
265
|
-
do
|
|
266
|
-
if (h--, m--, m < 0 || i[h] !== S[m]) {
|
|
267
|
-
var P = `
|
|
268
|
-
` + i[h].replace(" at new ", " at ");
|
|
269
|
-
return e.displayName && P.includes("<anonymous>") && (P = P.replace("<anonymous>", e.displayName)), typeof e == "function" && G.set(e, P), P;
|
|
270
|
-
}
|
|
271
|
-
while (h >= 1 && m >= 0);
|
|
272
|
-
break;
|
|
273
|
-
}
|
|
274
|
-
}
|
|
275
|
-
} finally {
|
|
276
|
-
ee = !1, Z.current = d, qe(), Error.prepareStackTrace = c;
|
|
277
|
-
}
|
|
278
|
-
var W = e ? e.displayName || e.name : "", N = W ? z(W) : "";
|
|
279
|
-
return typeof e == "function" && G.set(e, N), N;
|
|
280
|
-
}
|
|
281
|
-
function He(e, r, t) {
|
|
282
|
-
return he(e, !1);
|
|
283
|
-
}
|
|
284
|
-
function Xe(e) {
|
|
285
|
-
var r = e.prototype;
|
|
286
|
-
return !!(r && r.isReactComponent);
|
|
287
|
-
}
|
|
288
|
-
function J(e, r, t) {
|
|
289
|
-
if (e == null)
|
|
290
|
-
return "";
|
|
291
|
-
if (typeof e == "function")
|
|
292
|
-
return he(e, Xe(e));
|
|
293
|
-
if (typeof e == "string")
|
|
294
|
-
return z(e);
|
|
295
|
-
switch (e) {
|
|
296
|
-
case k:
|
|
297
|
-
return z("Suspense");
|
|
298
|
-
case E:
|
|
299
|
-
return z("SuspenseList");
|
|
300
|
-
}
|
|
301
|
-
if (typeof e == "object")
|
|
302
|
-
switch (e.$$typeof) {
|
|
303
|
-
case b:
|
|
304
|
-
return He(e.render);
|
|
305
|
-
case C:
|
|
306
|
-
return J(e.type, r, t);
|
|
307
|
-
case s: {
|
|
308
|
-
var o = e, c = o._payload, d = o._init;
|
|
309
|
-
try {
|
|
310
|
-
return J(d(c), r, t);
|
|
311
|
-
} catch {
|
|
312
|
-
}
|
|
313
|
-
}
|
|
314
|
-
}
|
|
315
|
-
return "";
|
|
316
|
-
}
|
|
317
|
-
var V = Object.prototype.hasOwnProperty, ge = {}, me = O.ReactDebugCurrentFrame;
|
|
318
|
-
function q(e) {
|
|
319
|
-
if (e) {
|
|
320
|
-
var r = e._owner, t = J(e.type, e._source, r ? r.type : null);
|
|
321
|
-
me.setExtraStackFrame(t);
|
|
322
|
-
} else
|
|
323
|
-
me.setExtraStackFrame(null);
|
|
324
|
-
}
|
|
325
|
-
function Ze(e, r, t, o, c) {
|
|
326
|
-
{
|
|
327
|
-
var d = Function.call.bind(V);
|
|
328
|
-
for (var l in e)
|
|
329
|
-
if (d(e, l)) {
|
|
330
|
-
var i = void 0;
|
|
331
|
-
try {
|
|
332
|
-
if (typeof e[l] != "function") {
|
|
333
|
-
var S = Error((o || "React class") + ": " + t + " type `" + l + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[l] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
|
|
334
|
-
throw S.name = "Invariant Violation", S;
|
|
335
|
-
}
|
|
336
|
-
i = e[l](r, l, o, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
|
|
337
|
-
} catch (h) {
|
|
338
|
-
i = h;
|
|
339
|
-
}
|
|
340
|
-
i && !(i instanceof Error) && (q(c), g("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", o || "React class", t, l, typeof i), q(null)), i instanceof Error && !(i.message in ge) && (ge[i.message] = !0, q(c), g("Failed %s type: %s", t, i.message), q(null));
|
|
341
|
-
}
|
|
96
|
+
s(e);
|
|
97
|
+
var o = !1;
|
|
98
|
+
} catch {
|
|
99
|
+
o = !0;
|
|
342
100
|
}
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
return t;
|
|
101
|
+
if (o) {
|
|
102
|
+
o = console;
|
|
103
|
+
var u = o.error, m = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
|
|
104
|
+
return u.call(
|
|
105
|
+
o,
|
|
106
|
+
"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
|
|
107
|
+
m
|
|
108
|
+
), s(e);
|
|
352
109
|
}
|
|
353
110
|
}
|
|
354
|
-
function
|
|
111
|
+
function l(e) {
|
|
112
|
+
if (e === d) return "<>";
|
|
113
|
+
if (typeof e == "object" && e !== null && e.$$typeof === D)
|
|
114
|
+
return "<...>";
|
|
355
115
|
try {
|
|
356
|
-
|
|
116
|
+
var o = t(e);
|
|
117
|
+
return o ? "<" + o + ">" : "<...>";
|
|
357
118
|
} catch {
|
|
358
|
-
return
|
|
119
|
+
return "<...>";
|
|
359
120
|
}
|
|
360
121
|
}
|
|
361
|
-
function
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
function ye(e) {
|
|
365
|
-
if (rr(e))
|
|
366
|
-
return g("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", er(e)), _e(e);
|
|
122
|
+
function i() {
|
|
123
|
+
var e = $.A;
|
|
124
|
+
return e === null ? null : e.getOwner();
|
|
367
125
|
}
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
ref: !0,
|
|
371
|
-
__self: !0,
|
|
372
|
-
__source: !0
|
|
373
|
-
}, Ee, xe;
|
|
374
|
-
function nr(e) {
|
|
375
|
-
if (V.call(e, "ref")) {
|
|
376
|
-
var r = Object.getOwnPropertyDescriptor(e, "ref").get;
|
|
377
|
-
if (r && r.isReactWarning)
|
|
378
|
-
return !1;
|
|
379
|
-
}
|
|
380
|
-
return e.ref !== void 0;
|
|
126
|
+
function _() {
|
|
127
|
+
return Error("react-stack-top-frame");
|
|
381
128
|
}
|
|
382
|
-
function
|
|
383
|
-
if (
|
|
384
|
-
var
|
|
385
|
-
if (
|
|
386
|
-
return !1;
|
|
129
|
+
function g(e) {
|
|
130
|
+
if (B.call(e, "key")) {
|
|
131
|
+
var o = Object.getOwnPropertyDescriptor(e, "key").get;
|
|
132
|
+
if (o && o.isReactWarning) return !1;
|
|
387
133
|
}
|
|
388
134
|
return e.key !== void 0;
|
|
389
135
|
}
|
|
390
|
-
function
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
Ee || (Ee = !0, g("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
|
|
397
|
-
};
|
|
398
|
-
t.isReactWarning = !0, Object.defineProperty(e, "key", {
|
|
399
|
-
get: t,
|
|
400
|
-
configurable: !0
|
|
401
|
-
});
|
|
136
|
+
function h(e, o) {
|
|
137
|
+
function u() {
|
|
138
|
+
z || (z = !0, console.error(
|
|
139
|
+
"%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
|
|
140
|
+
o
|
|
141
|
+
));
|
|
402
142
|
}
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
$$typeof: v,
|
|
419
|
-
// Built-in properties that belong on the element
|
|
143
|
+
u.isReactWarning = !0, Object.defineProperty(e, "key", {
|
|
144
|
+
get: u,
|
|
145
|
+
configurable: !0
|
|
146
|
+
});
|
|
147
|
+
}
|
|
148
|
+
function E() {
|
|
149
|
+
var e = t(this.type);
|
|
150
|
+
return M[e] || (M[e] = !0, console.error(
|
|
151
|
+
"Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
|
|
152
|
+
)), e = this.props.ref, e !== void 0 ? e : null;
|
|
153
|
+
}
|
|
154
|
+
function j(e, o, u, m, C, F) {
|
|
155
|
+
var p = u.ref;
|
|
156
|
+
return e = {
|
|
157
|
+
$$typeof: f,
|
|
420
158
|
type: e,
|
|
421
|
-
key:
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
159
|
+
key: o,
|
|
160
|
+
props: u,
|
|
161
|
+
_owner: m
|
|
162
|
+
}, (p !== void 0 ? p : null) !== null ? Object.defineProperty(e, "ref", {
|
|
163
|
+
enumerable: !1,
|
|
164
|
+
get: E
|
|
165
|
+
}) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
|
|
428
166
|
configurable: !1,
|
|
429
167
|
enumerable: !1,
|
|
430
168
|
writable: !0,
|
|
431
|
-
value:
|
|
432
|
-
}), Object.defineProperty(
|
|
169
|
+
value: 0
|
|
170
|
+
}), Object.defineProperty(e, "_debugInfo", {
|
|
433
171
|
configurable: !1,
|
|
434
172
|
enumerable: !1,
|
|
435
|
-
writable: !
|
|
436
|
-
value:
|
|
437
|
-
}), Object.defineProperty(
|
|
173
|
+
writable: !0,
|
|
174
|
+
value: null
|
|
175
|
+
}), Object.defineProperty(e, "_debugStack", {
|
|
438
176
|
configurable: !1,
|
|
439
177
|
enumerable: !1,
|
|
440
|
-
writable: !
|
|
441
|
-
value:
|
|
442
|
-
}), Object.
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
}
|
|
470
|
-
var ne;
|
|
471
|
-
ne = !1;
|
|
472
|
-
function oe(e) {
|
|
473
|
-
return typeof e == "object" && e !== null && e.$$typeof === v;
|
|
474
|
-
}
|
|
475
|
-
function je() {
|
|
476
|
-
{
|
|
477
|
-
if (te.current) {
|
|
478
|
-
var e = F(te.current.type);
|
|
479
|
-
if (e)
|
|
480
|
-
return `
|
|
481
|
-
|
|
482
|
-
Check the render method of \`` + e + "`.";
|
|
483
|
-
}
|
|
484
|
-
return "";
|
|
485
|
-
}
|
|
486
|
-
}
|
|
487
|
-
function cr(e) {
|
|
488
|
-
return "";
|
|
489
|
-
}
|
|
490
|
-
var Ce = {};
|
|
491
|
-
function fr(e) {
|
|
492
|
-
{
|
|
493
|
-
var r = je();
|
|
494
|
-
if (!r) {
|
|
495
|
-
var t = typeof e == "string" ? e : e.displayName || e.name;
|
|
496
|
-
t && (r = `
|
|
497
|
-
|
|
498
|
-
Check the top-level render call using <` + t + ">.");
|
|
499
|
-
}
|
|
500
|
-
return r;
|
|
501
|
-
}
|
|
502
|
-
}
|
|
503
|
-
function we(e, r) {
|
|
504
|
-
{
|
|
505
|
-
if (!e._store || e._store.validated || e.key != null)
|
|
506
|
-
return;
|
|
507
|
-
e._store.validated = !0;
|
|
508
|
-
var t = fr(r);
|
|
509
|
-
if (Ce[t])
|
|
510
|
-
return;
|
|
511
|
-
Ce[t] = !0;
|
|
512
|
-
var o = "";
|
|
513
|
-
e && e._owner && e._owner !== te.current && (o = " It was passed a child from " + F(e._owner.type) + "."), $(e), g('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, o), $(null);
|
|
514
|
-
}
|
|
515
|
-
}
|
|
516
|
-
function Te(e, r) {
|
|
517
|
-
{
|
|
518
|
-
if (typeof e != "object")
|
|
519
|
-
return;
|
|
520
|
-
if (re(e))
|
|
521
|
-
for (var t = 0; t < e.length; t++) {
|
|
522
|
-
var o = e[t];
|
|
523
|
-
oe(o) && we(o, r);
|
|
524
|
-
}
|
|
525
|
-
else if (oe(e))
|
|
526
|
-
e._store && (e._store.validated = !0);
|
|
527
|
-
else if (e) {
|
|
528
|
-
var c = x(e);
|
|
529
|
-
if (typeof c == "function" && c !== e.entries)
|
|
530
|
-
for (var d = c.call(e), l; !(l = d.next()).done; )
|
|
531
|
-
oe(l.value) && we(l.value, r);
|
|
532
|
-
}
|
|
533
|
-
}
|
|
534
|
-
}
|
|
535
|
-
function dr(e) {
|
|
536
|
-
{
|
|
537
|
-
var r = e.type;
|
|
538
|
-
if (r == null || typeof r == "string")
|
|
539
|
-
return;
|
|
540
|
-
var t;
|
|
541
|
-
if (typeof r == "function")
|
|
542
|
-
t = r.propTypes;
|
|
543
|
-
else if (typeof r == "object" && (r.$$typeof === b || // Note: Memo only checks outer props here.
|
|
544
|
-
// Inner props are checked in the reconciler.
|
|
545
|
-
r.$$typeof === C))
|
|
546
|
-
t = r.propTypes;
|
|
547
|
-
else
|
|
548
|
-
return;
|
|
549
|
-
if (t) {
|
|
550
|
-
var o = F(r);
|
|
551
|
-
Ze(t, e.props, "prop", o, e);
|
|
552
|
-
} else if (r.PropTypes !== void 0 && !ne) {
|
|
553
|
-
ne = !0;
|
|
554
|
-
var c = F(r);
|
|
555
|
-
g("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", c || "Unknown");
|
|
556
|
-
}
|
|
557
|
-
typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && g("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
|
|
558
|
-
}
|
|
559
|
-
}
|
|
560
|
-
function vr(e) {
|
|
561
|
-
{
|
|
562
|
-
for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
|
|
563
|
-
var o = r[t];
|
|
564
|
-
if (o !== "children" && o !== "key") {
|
|
565
|
-
$(e), g("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", o), $(null);
|
|
566
|
-
break;
|
|
567
|
-
}
|
|
568
|
-
}
|
|
569
|
-
e.ref !== null && ($(e), g("Invalid attribute `ref` supplied to `React.Fragment`."), $(null));
|
|
570
|
-
}
|
|
571
|
-
}
|
|
572
|
-
var Oe = {};
|
|
573
|
-
function Pe(e, r, t, o, c, d) {
|
|
574
|
-
{
|
|
575
|
-
var l = ze(e);
|
|
576
|
-
if (!l) {
|
|
577
|
-
var i = "";
|
|
578
|
-
(e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (i += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
|
|
579
|
-
var S = cr();
|
|
580
|
-
S ? i += S : i += je();
|
|
581
|
-
var h;
|
|
582
|
-
e === null ? h = "null" : re(e) ? h = "array" : e !== void 0 && e.$$typeof === v ? (h = "<" + (F(e.type) || "Unknown") + " />", i = " Did you accidentally export a JSX literal instead of a component?") : h = typeof e, g("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", h, i);
|
|
583
|
-
}
|
|
584
|
-
var m = ur(e, r, t, c, d);
|
|
585
|
-
if (m == null)
|
|
586
|
-
return m;
|
|
587
|
-
if (l) {
|
|
588
|
-
var P = r.children;
|
|
589
|
-
if (P !== void 0)
|
|
590
|
-
if (o)
|
|
591
|
-
if (re(P)) {
|
|
592
|
-
for (var W = 0; W < P.length; W++)
|
|
593
|
-
Te(P[W], e);
|
|
594
|
-
Object.freeze && Object.freeze(P);
|
|
595
|
-
} else
|
|
596
|
-
g("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
|
|
597
|
-
else
|
|
598
|
-
Te(P, e);
|
|
599
|
-
}
|
|
600
|
-
if (V.call(r, "key")) {
|
|
601
|
-
var N = F(e), w = Object.keys(r).filter(function(_r) {
|
|
602
|
-
return _r !== "key";
|
|
603
|
-
}), ae = w.length > 0 ? "{key: someKey, " + w.join(": ..., ") + ": ...}" : "{key: someKey}";
|
|
604
|
-
if (!Oe[N + ae]) {
|
|
605
|
-
var mr = w.length > 0 ? "{" + w.join(": ..., ") + ": ...}" : "{}";
|
|
606
|
-
g(`A props object containing a "key" prop is being spread into JSX:
|
|
178
|
+
writable: !0,
|
|
179
|
+
value: C
|
|
180
|
+
}), Object.defineProperty(e, "_debugTask", {
|
|
181
|
+
configurable: !1,
|
|
182
|
+
enumerable: !1,
|
|
183
|
+
writable: !0,
|
|
184
|
+
value: F
|
|
185
|
+
}), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
|
|
186
|
+
}
|
|
187
|
+
function k(e, o, u, m, C, F) {
|
|
188
|
+
var p = o.children;
|
|
189
|
+
if (p !== void 0)
|
|
190
|
+
if (m)
|
|
191
|
+
if (ie(p)) {
|
|
192
|
+
for (m = 0; m < p.length; m++)
|
|
193
|
+
x(p[m]);
|
|
194
|
+
Object.freeze && Object.freeze(p);
|
|
195
|
+
} else
|
|
196
|
+
console.error(
|
|
197
|
+
"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
|
|
198
|
+
);
|
|
199
|
+
else x(p);
|
|
200
|
+
if (B.call(o, "key")) {
|
|
201
|
+
p = t(e);
|
|
202
|
+
var S = Object.keys(o).filter(function(se) {
|
|
203
|
+
return se !== "key";
|
|
204
|
+
});
|
|
205
|
+
m = 0 < S.length ? "{key: someKey, " + S.join(": ..., ") + ": ...}" : "{key: someKey}", G[p + m] || (S = 0 < S.length ? "{" + S.join(": ..., ") + ": ...}" : "{}", console.error(
|
|
206
|
+
`A props object containing a "key" prop is being spread into JSX:
|
|
607
207
|
let props = %s;
|
|
608
208
|
<%s {...props} />
|
|
609
209
|
React keys must be passed directly to JSX without using spread:
|
|
610
210
|
let props = %s;
|
|
611
|
-
<%s key={someKey} {...props} />`,
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
|
|
211
|
+
<%s key={someKey} {...props} />`,
|
|
212
|
+
m,
|
|
213
|
+
p,
|
|
214
|
+
S,
|
|
215
|
+
p
|
|
216
|
+
), G[p + m] = !0);
|
|
615
217
|
}
|
|
218
|
+
if (p = null, u !== void 0 && (v(u), p = "" + u), g(o) && (v(o.key), p = "" + o.key), "key" in o) {
|
|
219
|
+
u = {};
|
|
220
|
+
for (var L in o)
|
|
221
|
+
L !== "key" && (u[L] = o[L]);
|
|
222
|
+
} else u = o;
|
|
223
|
+
return p && h(
|
|
224
|
+
u,
|
|
225
|
+
typeof e == "function" ? e.displayName || e.name || "Unknown" : e
|
|
226
|
+
), j(
|
|
227
|
+
e,
|
|
228
|
+
p,
|
|
229
|
+
u,
|
|
230
|
+
i(),
|
|
231
|
+
C,
|
|
232
|
+
F
|
|
233
|
+
);
|
|
616
234
|
}
|
|
617
|
-
function
|
|
618
|
-
|
|
235
|
+
function x(e) {
|
|
236
|
+
a(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === D && (e._payload.status === "fulfilled" ? a(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
|
|
619
237
|
}
|
|
620
|
-
function
|
|
621
|
-
return
|
|
238
|
+
function a(e) {
|
|
239
|
+
return typeof e == "object" && e !== null && e.$$typeof === f;
|
|
622
240
|
}
|
|
623
|
-
var
|
|
624
|
-
|
|
625
|
-
|
|
241
|
+
var n = ce, f = Symbol.for("react.transitional.element"), r = Symbol.for("react.portal"), d = Symbol.for("react.fragment"), R = Symbol.for("react.strict_mode"), T = Symbol.for("react.profiler"), I = Symbol.for("react.consumer"), ee = Symbol.for("react.context"), te = Symbol.for("react.forward_ref"), re = Symbol.for("react.suspense"), oe = Symbol.for("react.suspense_list"), ne = Symbol.for("react.memo"), D = Symbol.for("react.lazy"), ae = Symbol.for("react.activity"), le = Symbol.for("react.client.reference"), $ = n.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, B = Object.prototype.hasOwnProperty, ie = Array.isArray, Y = console.createTask ? console.createTask : function() {
|
|
242
|
+
return null;
|
|
243
|
+
};
|
|
244
|
+
n = {
|
|
245
|
+
react_stack_bottom_frame: function(e) {
|
|
246
|
+
return e();
|
|
247
|
+
}
|
|
248
|
+
};
|
|
249
|
+
var z, M = {}, V = n.react_stack_bottom_frame.bind(
|
|
250
|
+
n,
|
|
251
|
+
_
|
|
252
|
+
)(), W = Y(l(_)), G = {};
|
|
253
|
+
O.Fragment = d, O.jsx = function(e, o, u) {
|
|
254
|
+
var m = 1e4 > $.recentlyCreatedOwnerStacks++;
|
|
255
|
+
return k(
|
|
256
|
+
e,
|
|
257
|
+
o,
|
|
258
|
+
u,
|
|
259
|
+
!1,
|
|
260
|
+
m ? Error("react-stack-top-frame") : V,
|
|
261
|
+
m ? Y(l(e)) : W
|
|
262
|
+
);
|
|
263
|
+
}, O.jsxs = function(e, o, u) {
|
|
264
|
+
var m = 1e4 > $.recentlyCreatedOwnerStacks++;
|
|
265
|
+
return k(
|
|
266
|
+
e,
|
|
267
|
+
o,
|
|
268
|
+
u,
|
|
269
|
+
!0,
|
|
270
|
+
m ? Error("react-stack-top-frame") : V,
|
|
271
|
+
m ? Y(l(e)) : W
|
|
272
|
+
);
|
|
273
|
+
};
|
|
274
|
+
})()), O;
|
|
626
275
|
}
|
|
627
|
-
var
|
|
628
|
-
function
|
|
629
|
-
return
|
|
276
|
+
var Z;
|
|
277
|
+
function Ee() {
|
|
278
|
+
return Z || (Z = 1, process.env.NODE_ENV === "production" ? P.exports = he() : P.exports = ge()), P.exports;
|
|
630
279
|
}
|
|
631
|
-
var
|
|
632
|
-
const
|
|
633
|
-
container:
|
|
634
|
-
defaultSection:
|
|
635
|
-
optionsList:
|
|
636
|
-
optionItem:
|
|
637
|
-
inputGroup:
|
|
638
|
-
label:
|
|
639
|
-
input:
|
|
640
|
-
colorInput:
|
|
641
|
-
clearColorButton:
|
|
642
|
-
removeButton:
|
|
643
|
-
addButton:
|
|
644
|
-
},
|
|
645
|
-
value:
|
|
646
|
-
onChange:
|
|
647
|
-
readOnly:
|
|
280
|
+
var c = Ee();
|
|
281
|
+
const Re = "_container_puorg_1", xe = "_defaultSection_puorg_15", je = "_optionsList_puorg_35", ke = "_optionItem_puorg_51", Te = "_inputGroup_puorg_71", Se = "_label_puorg_83", we = "_input_puorg_71", ye = "_colorInput_puorg_133", Ne = "_clearColorButton_puorg_163", Oe = "_removeButton_puorg_215", Ce = "_addButton_puorg_269", b = {
|
|
282
|
+
container: Re,
|
|
283
|
+
defaultSection: xe,
|
|
284
|
+
optionsList: je,
|
|
285
|
+
optionItem: ke,
|
|
286
|
+
inputGroup: Te,
|
|
287
|
+
label: Se,
|
|
288
|
+
input: we,
|
|
289
|
+
colorInput: ye,
|
|
290
|
+
clearColorButton: Ne,
|
|
291
|
+
removeButton: Oe,
|
|
292
|
+
addButton: Ce
|
|
293
|
+
}, Q = ({
|
|
294
|
+
value: t,
|
|
295
|
+
onChange: s,
|
|
296
|
+
readOnly: v = !1
|
|
648
297
|
}) => {
|
|
649
|
-
const { options:
|
|
650
|
-
const
|
|
651
|
-
label: `選択肢${
|
|
652
|
-
value: `option${
|
|
298
|
+
const { options: l, defaultOption: i } = t, _ = w(() => {
|
|
299
|
+
const a = {
|
|
300
|
+
label: `選択肢${l.length + 1}`,
|
|
301
|
+
value: `option${l.length + 1}`
|
|
653
302
|
};
|
|
654
|
-
|
|
655
|
-
}, [
|
|
656
|
-
(
|
|
657
|
-
var
|
|
658
|
-
const
|
|
659
|
-
|
|
303
|
+
s({ ...t, options: [...l, a] });
|
|
304
|
+
}, [l, t, s]), g = w(
|
|
305
|
+
(a) => {
|
|
306
|
+
var d;
|
|
307
|
+
const n = l.filter((R, T) => T !== a), f = (d = l[a]) == null ? void 0 : d.value;
|
|
308
|
+
s({ options: n, defaultOption: f !== void 0 && i === f ? void 0 : i });
|
|
660
309
|
},
|
|
661
|
-
[
|
|
662
|
-
),
|
|
663
|
-
(
|
|
664
|
-
const
|
|
665
|
-
(
|
|
310
|
+
[l, i, s]
|
|
311
|
+
), h = w(
|
|
312
|
+
(a, n) => {
|
|
313
|
+
const f = l.map(
|
|
314
|
+
(r, d) => d === a ? { ...r, label: n } : r
|
|
666
315
|
);
|
|
667
|
-
|
|
316
|
+
s({ ...t, options: f });
|
|
668
317
|
},
|
|
669
|
-
[
|
|
670
|
-
),
|
|
671
|
-
(
|
|
672
|
-
var
|
|
673
|
-
const
|
|
674
|
-
(
|
|
318
|
+
[l, t, s]
|
|
319
|
+
), E = w(
|
|
320
|
+
(a, n) => {
|
|
321
|
+
var R;
|
|
322
|
+
const f = (R = l[a]) == null ? void 0 : R.value, r = l.map(
|
|
323
|
+
(T, I) => I === a ? { ...T, value: n } : T
|
|
675
324
|
);
|
|
676
|
-
|
|
325
|
+
s({ options: r, defaultOption: i === f ? n : i });
|
|
677
326
|
},
|
|
678
|
-
[
|
|
679
|
-
),
|
|
680
|
-
(
|
|
681
|
-
const
|
|
682
|
-
(
|
|
327
|
+
[l, i, s]
|
|
328
|
+
), j = w(
|
|
329
|
+
(a, n) => {
|
|
330
|
+
const f = l.map(
|
|
331
|
+
(r, d) => d === a ? { ...r, color: n || void 0 } : r
|
|
683
332
|
);
|
|
684
|
-
|
|
333
|
+
s({ ...t, options: f });
|
|
685
334
|
},
|
|
686
|
-
[
|
|
687
|
-
),
|
|
688
|
-
(
|
|
689
|
-
|
|
335
|
+
[l, t, s]
|
|
336
|
+
), k = w(
|
|
337
|
+
(a) => {
|
|
338
|
+
s({ ...t, defaultOption: a || void 0 });
|
|
690
339
|
},
|
|
691
|
-
[
|
|
692
|
-
),
|
|
693
|
-
return /* @__PURE__ */
|
|
694
|
-
/* @__PURE__ */
|
|
695
|
-
/* @__PURE__ */
|
|
696
|
-
/* @__PURE__ */
|
|
340
|
+
[t, s]
|
|
341
|
+
), x = ue();
|
|
342
|
+
return /* @__PURE__ */ c.jsxs("div", { className: b.container, children: [
|
|
343
|
+
/* @__PURE__ */ c.jsxs("div", { className: b.defaultSection, children: [
|
|
344
|
+
/* @__PURE__ */ c.jsx("label", { className: b.label, htmlFor: x, children: "初期選択値:" }),
|
|
345
|
+
/* @__PURE__ */ c.jsxs(
|
|
697
346
|
"select",
|
|
698
347
|
{
|
|
699
|
-
id:
|
|
700
|
-
className:
|
|
701
|
-
value:
|
|
702
|
-
onChange: (
|
|
703
|
-
disabled:
|
|
348
|
+
id: x,
|
|
349
|
+
className: b.input,
|
|
350
|
+
value: i || "",
|
|
351
|
+
onChange: (a) => k(a.target.value),
|
|
352
|
+
disabled: v,
|
|
704
353
|
children: [
|
|
705
|
-
/* @__PURE__ */
|
|
706
|
-
|
|
354
|
+
/* @__PURE__ */ c.jsx("option", { value: "", children: "未選択" }),
|
|
355
|
+
l.map((a, n) => (
|
|
707
356
|
// biome-ignore lint/suspicious/noArrayIndexKey: 選択肢の順序は重要で、固有IDがないためindexを使用
|
|
708
|
-
/* @__PURE__ */
|
|
357
|
+
/* @__PURE__ */ c.jsx("option", { value: a.value, children: a.label }, n)
|
|
709
358
|
))
|
|
710
359
|
]
|
|
711
360
|
}
|
|
712
361
|
)
|
|
713
362
|
] }),
|
|
714
|
-
/* @__PURE__ */
|
|
363
|
+
/* @__PURE__ */ c.jsx("div", { className: b.optionsList, children: l.map((a, n) => (
|
|
715
364
|
// biome-ignore lint/suspicious/noArrayIndexKey: 選択肢の順序は重要で、固有IDがないためindexを使用
|
|
716
|
-
/* @__PURE__ */
|
|
717
|
-
/* @__PURE__ */
|
|
718
|
-
/* @__PURE__ */
|
|
719
|
-
/* @__PURE__ */
|
|
365
|
+
/* @__PURE__ */ c.jsxs("div", { className: b.optionItem, children: [
|
|
366
|
+
/* @__PURE__ */ c.jsxs("div", { className: b.inputGroup, children: [
|
|
367
|
+
/* @__PURE__ */ c.jsx("label", { className: b.label, htmlFor: `label-${n}`, children: "ラベル:" }),
|
|
368
|
+
/* @__PURE__ */ c.jsx(
|
|
720
369
|
"input",
|
|
721
370
|
{
|
|
722
371
|
type: "text",
|
|
723
|
-
id: `label-${
|
|
724
|
-
className:
|
|
725
|
-
value:
|
|
726
|
-
onChange: (
|
|
727
|
-
disabled:
|
|
372
|
+
id: `label-${n}`,
|
|
373
|
+
className: b.input,
|
|
374
|
+
value: a.label,
|
|
375
|
+
onChange: (f) => h(n, f.target.value),
|
|
376
|
+
disabled: v,
|
|
728
377
|
placeholder: "表示名"
|
|
729
378
|
}
|
|
730
379
|
)
|
|
731
380
|
] }),
|
|
732
|
-
/* @__PURE__ */
|
|
733
|
-
/* @__PURE__ */
|
|
734
|
-
/* @__PURE__ */
|
|
381
|
+
/* @__PURE__ */ c.jsxs("div", { className: b.inputGroup, children: [
|
|
382
|
+
/* @__PURE__ */ c.jsx("label", { className: b.label, htmlFor: `value-${n}`, children: "値:" }),
|
|
383
|
+
/* @__PURE__ */ c.jsx(
|
|
735
384
|
"input",
|
|
736
385
|
{
|
|
737
386
|
type: "text",
|
|
738
|
-
id: `value-${
|
|
739
|
-
className:
|
|
740
|
-
value:
|
|
741
|
-
onChange: (
|
|
742
|
-
disabled:
|
|
387
|
+
id: `value-${n}`,
|
|
388
|
+
className: b.input,
|
|
389
|
+
value: a.value,
|
|
390
|
+
onChange: (f) => E(n, f.target.value),
|
|
391
|
+
disabled: v,
|
|
743
392
|
placeholder: "内部値"
|
|
744
393
|
}
|
|
745
394
|
)
|
|
746
395
|
] }),
|
|
747
|
-
/* @__PURE__ */
|
|
748
|
-
/* @__PURE__ */
|
|
749
|
-
/* @__PURE__ */
|
|
396
|
+
/* @__PURE__ */ c.jsxs("div", { className: b.inputGroup, children: [
|
|
397
|
+
/* @__PURE__ */ c.jsx("label", { className: b.label, htmlFor: `color-${n}`, children: "色:" }),
|
|
398
|
+
/* @__PURE__ */ c.jsx(
|
|
750
399
|
"input",
|
|
751
400
|
{
|
|
752
401
|
type: "color",
|
|
753
|
-
id: `color-${
|
|
754
|
-
className:
|
|
755
|
-
value:
|
|
756
|
-
onChange: (
|
|
757
|
-
disabled:
|
|
402
|
+
id: `color-${n}`,
|
|
403
|
+
className: b.colorInput,
|
|
404
|
+
value: a.color || "#ffffff",
|
|
405
|
+
onChange: (f) => j(n, f.target.value),
|
|
406
|
+
disabled: v,
|
|
758
407
|
title: "背景色"
|
|
759
408
|
}
|
|
760
409
|
),
|
|
761
|
-
|
|
410
|
+
a.color && /* @__PURE__ */ c.jsx(
|
|
762
411
|
"button",
|
|
763
412
|
{
|
|
764
413
|
type: "button",
|
|
765
|
-
className:
|
|
766
|
-
onClick: () =>
|
|
767
|
-
disabled:
|
|
414
|
+
className: b.clearColorButton,
|
|
415
|
+
onClick: () => j(n, ""),
|
|
416
|
+
disabled: v,
|
|
768
417
|
title: "色をクリア",
|
|
769
418
|
children: "✕"
|
|
770
419
|
}
|
|
771
420
|
)
|
|
772
421
|
] }),
|
|
773
|
-
/* @__PURE__ */
|
|
422
|
+
/* @__PURE__ */ c.jsx(
|
|
774
423
|
"button",
|
|
775
424
|
{
|
|
776
425
|
type: "button",
|
|
777
|
-
className:
|
|
778
|
-
onClick: () =>
|
|
779
|
-
disabled:
|
|
426
|
+
className: b.removeButton,
|
|
427
|
+
onClick: () => g(n),
|
|
428
|
+
disabled: v || l.length === 1,
|
|
780
429
|
title: "削除",
|
|
781
430
|
children: "×"
|
|
782
431
|
}
|
|
783
432
|
)
|
|
784
|
-
] },
|
|
433
|
+
] }, n)
|
|
785
434
|
)) }),
|
|
786
|
-
/* @__PURE__ */
|
|
435
|
+
/* @__PURE__ */ c.jsx(
|
|
787
436
|
"button",
|
|
788
437
|
{
|
|
789
438
|
type: "button",
|
|
790
|
-
className:
|
|
791
|
-
onClick:
|
|
792
|
-
disabled:
|
|
439
|
+
className: b.addButton,
|
|
440
|
+
onClick: _,
|
|
441
|
+
disabled: v,
|
|
793
442
|
children: "+ 選択肢を追加"
|
|
794
443
|
}
|
|
795
444
|
)
|
|
796
445
|
] });
|
|
797
446
|
};
|
|
798
|
-
|
|
799
|
-
const
|
|
800
|
-
const
|
|
801
|
-
|
|
802
|
-
|
|
447
|
+
Q.displayName = "OptionsEditor";
|
|
448
|
+
const K = fe(({ props: t, value: s, onChange: v, onBlur: l, readOnly: i, mode: _ }, g) => {
|
|
449
|
+
const h = de(null);
|
|
450
|
+
me(
|
|
451
|
+
g,
|
|
803
452
|
() => ({
|
|
804
453
|
focus: () => {
|
|
805
|
-
var
|
|
806
|
-
(
|
|
454
|
+
var r, d, R;
|
|
455
|
+
(r = h.current) == null || r.focus(), h.current && !i && ((R = (d = h.current).showPicker) == null || R.call(d));
|
|
807
456
|
}
|
|
808
457
|
}),
|
|
809
|
-
[
|
|
458
|
+
[i]
|
|
810
459
|
);
|
|
811
|
-
const
|
|
812
|
-
const
|
|
460
|
+
const E = A(() => s && t.selectConfig.options.find((r) => r.value === s) || null, [s, t.selectConfig.options]), j = A(() => {
|
|
461
|
+
const r = {
|
|
813
462
|
width: "100%",
|
|
814
463
|
height: "100%",
|
|
815
464
|
display: "flex",
|
|
@@ -818,37 +467,37 @@ const Le = Rr(({ props: n, value: v, onChange: T, onBlur: f, readOnly: _, mode:
|
|
|
818
467
|
position: "relative"
|
|
819
468
|
// 矢印アイコンの配置用
|
|
820
469
|
};
|
|
821
|
-
switch (
|
|
822
|
-
case
|
|
823
|
-
|
|
470
|
+
switch (t.justifyContent) {
|
|
471
|
+
case U.center:
|
|
472
|
+
r.justifyContent = "center";
|
|
824
473
|
break;
|
|
825
|
-
case
|
|
826
|
-
|
|
474
|
+
case U.right:
|
|
475
|
+
r.justifyContent = "flex-end";
|
|
827
476
|
break;
|
|
828
477
|
default:
|
|
829
|
-
|
|
478
|
+
r.justifyContent = "flex-start";
|
|
830
479
|
break;
|
|
831
480
|
}
|
|
832
|
-
switch (
|
|
833
|
-
case
|
|
834
|
-
|
|
481
|
+
switch (t.alignItems) {
|
|
482
|
+
case q.top:
|
|
483
|
+
r.alignItems = "flex-start";
|
|
835
484
|
break;
|
|
836
|
-
case
|
|
837
|
-
|
|
485
|
+
case q.bottom:
|
|
486
|
+
r.alignItems = "flex-end";
|
|
838
487
|
break;
|
|
839
488
|
default:
|
|
840
|
-
|
|
489
|
+
r.alignItems = "center";
|
|
841
490
|
break;
|
|
842
491
|
}
|
|
843
|
-
if (
|
|
844
|
-
|
|
845
|
-
else if (
|
|
846
|
-
const
|
|
847
|
-
|
|
492
|
+
if (t.isIndividual)
|
|
493
|
+
t.top && (r.paddingTop = y.fromDim(t.top)), t.right && (r.paddingRight = y.fromDim(t.right)), t.bottom && (r.paddingBottom = y.fromDim(t.bottom)), t.left && (r.paddingLeft = y.fromDim(t.left));
|
|
494
|
+
else if (t.all) {
|
|
495
|
+
const d = y.fromDim(t.all);
|
|
496
|
+
r.padding = `${d}px`;
|
|
848
497
|
}
|
|
849
|
-
return
|
|
850
|
-
}, [
|
|
851
|
-
const
|
|
498
|
+
return r;
|
|
499
|
+
}, [t]), k = A(() => {
|
|
500
|
+
const r = {
|
|
852
501
|
appearance: "none",
|
|
853
502
|
// ネイティブの矢印を消す
|
|
854
503
|
background: "transparent",
|
|
@@ -865,18 +514,18 @@ const Le = Rr(({ props: n, value: v, onChange: T, onBlur: f, readOnly: _, mode:
|
|
|
865
514
|
fontFamily: "inherit",
|
|
866
515
|
cursor: "pointer",
|
|
867
516
|
// readOnly時は操作を無効化(disabledを使わない)
|
|
868
|
-
pointerEvents:
|
|
517
|
+
pointerEvents: i ? "none" : "auto"
|
|
869
518
|
};
|
|
870
|
-
return
|
|
519
|
+
return t.fontSize && (r.fontSize = y.fromDim(t.fontSize)), t.color && (r.color = t.color), t.fontWeight && (r.fontWeight = "bold"), t.italic && (r.fontStyle = "italic"), s && (E != null && E.color) ? r.backgroundColor = E.color : r.backgroundColor = "transparent", r;
|
|
871
520
|
}, [
|
|
872
|
-
|
|
873
|
-
|
|
874
|
-
|
|
875
|
-
|
|
876
|
-
|
|
877
|
-
|
|
878
|
-
|
|
879
|
-
]),
|
|
521
|
+
t.fontSize,
|
|
522
|
+
t.color,
|
|
523
|
+
t.fontWeight,
|
|
524
|
+
t.italic,
|
|
525
|
+
E,
|
|
526
|
+
i,
|
|
527
|
+
s
|
|
528
|
+
]), x = {
|
|
880
529
|
position: "absolute",
|
|
881
530
|
right: "8px",
|
|
882
531
|
top: "50%",
|
|
@@ -887,54 +536,54 @@ const Le = Rr(({ props: n, value: v, onChange: T, onBlur: f, readOnly: _, mode:
|
|
|
887
536
|
borderLeft: "4px solid transparent",
|
|
888
537
|
borderRight: "4px solid transparent",
|
|
889
538
|
borderTop: "5px solid",
|
|
890
|
-
borderTopColor:
|
|
891
|
-
},
|
|
892
|
-
const
|
|
893
|
-
|
|
894
|
-
},
|
|
895
|
-
|
|
539
|
+
borderTopColor: t.color || "#6b7280"
|
|
540
|
+
}, a = A(() => _ === J.FORM ? !0 : _ === J.EDIT ? !i : !1, [_, i]), n = (r) => {
|
|
541
|
+
const d = r.target.value;
|
|
542
|
+
v(d === "" ? null : d);
|
|
543
|
+
}, f = () => {
|
|
544
|
+
l && l(s);
|
|
896
545
|
};
|
|
897
|
-
return /* @__PURE__ */
|
|
898
|
-
/* @__PURE__ */
|
|
546
|
+
return /* @__PURE__ */ c.jsxs("div", { style: j, children: [
|
|
547
|
+
/* @__PURE__ */ c.jsxs(
|
|
899
548
|
"select",
|
|
900
549
|
{
|
|
901
|
-
ref:
|
|
902
|
-
value:
|
|
903
|
-
onChange:
|
|
904
|
-
onBlur:
|
|
905
|
-
style:
|
|
550
|
+
ref: h,
|
|
551
|
+
value: s ?? "",
|
|
552
|
+
onChange: n,
|
|
553
|
+
onBlur: f,
|
|
554
|
+
style: k,
|
|
906
555
|
children: [
|
|
907
|
-
/* @__PURE__ */
|
|
908
|
-
|
|
556
|
+
/* @__PURE__ */ c.jsx("option", { value: "", style: { backgroundColor: "#ffffff" }, children: "未選択" }),
|
|
557
|
+
t.selectConfig.options.map((r) => /* @__PURE__ */ c.jsx(
|
|
909
558
|
"option",
|
|
910
559
|
{
|
|
911
|
-
value:
|
|
912
|
-
style:
|
|
913
|
-
children:
|
|
560
|
+
value: r.value,
|
|
561
|
+
style: r.color ? { backgroundColor: r.color } : void 0,
|
|
562
|
+
children: r.label
|
|
914
563
|
},
|
|
915
|
-
|
|
564
|
+
r.value
|
|
916
565
|
))
|
|
917
566
|
]
|
|
918
567
|
}
|
|
919
568
|
),
|
|
920
|
-
|
|
569
|
+
a && /* @__PURE__ */ c.jsx("div", { style: x })
|
|
921
570
|
] });
|
|
922
571
|
});
|
|
923
|
-
|
|
924
|
-
const
|
|
572
|
+
K.displayName = "SelectRenderer";
|
|
573
|
+
const Ie = {
|
|
925
574
|
kind: "select",
|
|
926
575
|
meta: {
|
|
927
576
|
displayName: "セレクトボックス",
|
|
928
577
|
description: "ドロップダウンから選択肢を選ぶ入力ブロック",
|
|
929
578
|
defaultSize: { w: 4, h: 2 }
|
|
930
579
|
},
|
|
931
|
-
Renderer:
|
|
580
|
+
Renderer: K,
|
|
932
581
|
properties: {
|
|
933
|
-
...
|
|
582
|
+
...ve,
|
|
934
583
|
// alignment + padding
|
|
935
|
-
...
|
|
936
|
-
...
|
|
937
|
-
...
|
|
584
|
+
..._e,
|
|
585
|
+
...be,
|
|
586
|
+
...pe,
|
|
938
587
|
// Select固有プロパティ - 選択肢とデフォルト値を統合
|
|
939
588
|
selectConfig: {
|
|
940
589
|
defaultValue: {
|
|
@@ -946,16 +595,16 @@ const Ur = {
|
|
|
946
595
|
},
|
|
947
596
|
label: "選択肢設定",
|
|
948
597
|
group: "セレクト",
|
|
949
|
-
Component:
|
|
598
|
+
Component: Q,
|
|
950
599
|
disableInMultiSelection: !0
|
|
951
600
|
}
|
|
952
601
|
},
|
|
953
|
-
validateProps: (
|
|
954
|
-
validateValue: (
|
|
602
|
+
validateProps: (t) => t,
|
|
603
|
+
validateValue: (t) => typeof t == "string" ? t : null
|
|
955
604
|
};
|
|
956
605
|
export {
|
|
957
|
-
|
|
958
|
-
|
|
959
|
-
|
|
606
|
+
Q as OptionsEditor,
|
|
607
|
+
Ie as SelectPlugin,
|
|
608
|
+
K as SelectRenderer
|
|
960
609
|
};
|
|
961
610
|
//# sourceMappingURL=index.mjs.map
|