jy-headless 0.0.27 → 0.0.29
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/components/accordion/Accordion.d.ts +16 -0
- package/dist/components/accordion/AccordionContext.d.ts +6 -0
- package/dist/components/dropdown/Dropdown.d.ts +2 -0
- package/dist/components/icons/CallIcon.d.ts +1 -2
- package/dist/components/icons/DownArrowIcon.d.ts +1 -2
- package/dist/components/icons/UpArrowIcon.d.ts +1 -2
- package/dist/components/input/DesktopKeyboardInput.d.ts +2 -2
- package/dist/components/tabs/Tab.d.ts +12 -8
- package/dist/components/tabs/TabContext.d.ts +6 -0
- package/dist/index.d.ts +1 -2
- package/dist/index.esm.js +765 -170
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +764 -170
- package/dist/index.js.map +1 -1
- package/package.json +64 -55
package/dist/index.js
CHANGED
|
@@ -37,7 +37,732 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
|
|
|
37
37
|
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
38
38
|
};
|
|
39
39
|
|
|
40
|
-
|
|
40
|
+
var jsxRuntime = {exports: {}};
|
|
41
|
+
|
|
42
|
+
var reactJsxRuntime_production = {};
|
|
43
|
+
|
|
44
|
+
/**
|
|
45
|
+
* @license React
|
|
46
|
+
* react-jsx-runtime.production.js
|
|
47
|
+
*
|
|
48
|
+
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
49
|
+
*
|
|
50
|
+
* This source code is licensed under the MIT license found in the
|
|
51
|
+
* LICENSE file in the root directory of this source tree.
|
|
52
|
+
*/
|
|
53
|
+
|
|
54
|
+
var hasRequiredReactJsxRuntime_production;
|
|
55
|
+
|
|
56
|
+
function requireReactJsxRuntime_production () {
|
|
57
|
+
if (hasRequiredReactJsxRuntime_production) return reactJsxRuntime_production;
|
|
58
|
+
hasRequiredReactJsxRuntime_production = 1;
|
|
59
|
+
var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
|
|
60
|
+
REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
|
|
61
|
+
function jsxProd(type, config, maybeKey) {
|
|
62
|
+
var key = null;
|
|
63
|
+
undefined !== maybeKey && (key = "" + maybeKey);
|
|
64
|
+
undefined !== config.key && (key = "" + config.key);
|
|
65
|
+
if ("key" in config) {
|
|
66
|
+
maybeKey = {};
|
|
67
|
+
for (var propName in config)
|
|
68
|
+
"key" !== propName && (maybeKey[propName] = config[propName]);
|
|
69
|
+
} else maybeKey = config;
|
|
70
|
+
config = maybeKey.ref;
|
|
71
|
+
return {
|
|
72
|
+
$$typeof: REACT_ELEMENT_TYPE,
|
|
73
|
+
type: type,
|
|
74
|
+
key: key,
|
|
75
|
+
ref: undefined !== config ? config : null,
|
|
76
|
+
props: maybeKey
|
|
77
|
+
};
|
|
78
|
+
}
|
|
79
|
+
reactJsxRuntime_production.Fragment = REACT_FRAGMENT_TYPE;
|
|
80
|
+
reactJsxRuntime_production.jsx = jsxProd;
|
|
81
|
+
reactJsxRuntime_production.jsxs = jsxProd;
|
|
82
|
+
return reactJsxRuntime_production;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
var reactJsxRuntime_development = {};
|
|
86
|
+
|
|
87
|
+
/**
|
|
88
|
+
* @license React
|
|
89
|
+
* react-jsx-runtime.development.js
|
|
90
|
+
*
|
|
91
|
+
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
92
|
+
*
|
|
93
|
+
* This source code is licensed under the MIT license found in the
|
|
94
|
+
* LICENSE file in the root directory of this source tree.
|
|
95
|
+
*/
|
|
96
|
+
|
|
97
|
+
var hasRequiredReactJsxRuntime_development;
|
|
98
|
+
|
|
99
|
+
function requireReactJsxRuntime_development () {
|
|
100
|
+
if (hasRequiredReactJsxRuntime_development) return reactJsxRuntime_development;
|
|
101
|
+
hasRequiredReactJsxRuntime_development = 1;
|
|
102
|
+
"production" !== process.env.NODE_ENV &&
|
|
103
|
+
(function () {
|
|
104
|
+
function getComponentNameFromType(type) {
|
|
105
|
+
if (null == type) return null;
|
|
106
|
+
if ("function" === typeof type)
|
|
107
|
+
return type.$$typeof === REACT_CLIENT_REFERENCE$2
|
|
108
|
+
? null
|
|
109
|
+
: type.displayName || type.name || null;
|
|
110
|
+
if ("string" === typeof type) return type;
|
|
111
|
+
switch (type) {
|
|
112
|
+
case REACT_FRAGMENT_TYPE:
|
|
113
|
+
return "Fragment";
|
|
114
|
+
case REACT_PORTAL_TYPE:
|
|
115
|
+
return "Portal";
|
|
116
|
+
case REACT_PROFILER_TYPE:
|
|
117
|
+
return "Profiler";
|
|
118
|
+
case REACT_STRICT_MODE_TYPE:
|
|
119
|
+
return "StrictMode";
|
|
120
|
+
case REACT_SUSPENSE_TYPE:
|
|
121
|
+
return "Suspense";
|
|
122
|
+
case REACT_SUSPENSE_LIST_TYPE:
|
|
123
|
+
return "SuspenseList";
|
|
124
|
+
}
|
|
125
|
+
if ("object" === typeof type)
|
|
126
|
+
switch (
|
|
127
|
+
("number" === typeof type.tag &&
|
|
128
|
+
console.error(
|
|
129
|
+
"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
|
|
130
|
+
),
|
|
131
|
+
type.$$typeof)
|
|
132
|
+
) {
|
|
133
|
+
case REACT_CONTEXT_TYPE:
|
|
134
|
+
return (type.displayName || "Context") + ".Provider";
|
|
135
|
+
case REACT_CONSUMER_TYPE:
|
|
136
|
+
return (type._context.displayName || "Context") + ".Consumer";
|
|
137
|
+
case REACT_FORWARD_REF_TYPE:
|
|
138
|
+
var innerType = type.render;
|
|
139
|
+
type = type.displayName;
|
|
140
|
+
type ||
|
|
141
|
+
((type = innerType.displayName || innerType.name || ""),
|
|
142
|
+
(type = "" !== type ? "ForwardRef(" + type + ")" : "ForwardRef"));
|
|
143
|
+
return type;
|
|
144
|
+
case REACT_MEMO_TYPE:
|
|
145
|
+
return (
|
|
146
|
+
(innerType = type.displayName || null),
|
|
147
|
+
null !== innerType
|
|
148
|
+
? innerType
|
|
149
|
+
: getComponentNameFromType(type.type) || "Memo"
|
|
150
|
+
);
|
|
151
|
+
case REACT_LAZY_TYPE:
|
|
152
|
+
innerType = type._payload;
|
|
153
|
+
type = type._init;
|
|
154
|
+
try {
|
|
155
|
+
return getComponentNameFromType(type(innerType));
|
|
156
|
+
} catch (x) {}
|
|
157
|
+
}
|
|
158
|
+
return null;
|
|
159
|
+
}
|
|
160
|
+
function testStringCoercion(value) {
|
|
161
|
+
return "" + value;
|
|
162
|
+
}
|
|
163
|
+
function checkKeyStringCoercion(value) {
|
|
164
|
+
try {
|
|
165
|
+
testStringCoercion(value);
|
|
166
|
+
var JSCompiler_inline_result = !1;
|
|
167
|
+
} catch (e) {
|
|
168
|
+
JSCompiler_inline_result = true;
|
|
169
|
+
}
|
|
170
|
+
if (JSCompiler_inline_result) {
|
|
171
|
+
JSCompiler_inline_result = console;
|
|
172
|
+
var JSCompiler_temp_const = JSCompiler_inline_result.error;
|
|
173
|
+
var JSCompiler_inline_result$jscomp$0 =
|
|
174
|
+
("function" === typeof Symbol &&
|
|
175
|
+
Symbol.toStringTag &&
|
|
176
|
+
value[Symbol.toStringTag]) ||
|
|
177
|
+
value.constructor.name ||
|
|
178
|
+
"Object";
|
|
179
|
+
JSCompiler_temp_const.call(
|
|
180
|
+
JSCompiler_inline_result,
|
|
181
|
+
"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
|
|
182
|
+
JSCompiler_inline_result$jscomp$0
|
|
183
|
+
);
|
|
184
|
+
return testStringCoercion(value);
|
|
185
|
+
}
|
|
186
|
+
}
|
|
187
|
+
function disabledLog() {}
|
|
188
|
+
function disableLogs() {
|
|
189
|
+
if (0 === disabledDepth) {
|
|
190
|
+
prevLog = console.log;
|
|
191
|
+
prevInfo = console.info;
|
|
192
|
+
prevWarn = console.warn;
|
|
193
|
+
prevError = console.error;
|
|
194
|
+
prevGroup = console.group;
|
|
195
|
+
prevGroupCollapsed = console.groupCollapsed;
|
|
196
|
+
prevGroupEnd = console.groupEnd;
|
|
197
|
+
var props = {
|
|
198
|
+
configurable: true,
|
|
199
|
+
enumerable: true,
|
|
200
|
+
value: disabledLog,
|
|
201
|
+
writable: true
|
|
202
|
+
};
|
|
203
|
+
Object.defineProperties(console, {
|
|
204
|
+
info: props,
|
|
205
|
+
log: props,
|
|
206
|
+
warn: props,
|
|
207
|
+
error: props,
|
|
208
|
+
group: props,
|
|
209
|
+
groupCollapsed: props,
|
|
210
|
+
groupEnd: props
|
|
211
|
+
});
|
|
212
|
+
}
|
|
213
|
+
disabledDepth++;
|
|
214
|
+
}
|
|
215
|
+
function reenableLogs() {
|
|
216
|
+
disabledDepth--;
|
|
217
|
+
if (0 === disabledDepth) {
|
|
218
|
+
var props = { configurable: true, enumerable: true, writable: true };
|
|
219
|
+
Object.defineProperties(console, {
|
|
220
|
+
log: assign({}, props, { value: prevLog }),
|
|
221
|
+
info: assign({}, props, { value: prevInfo }),
|
|
222
|
+
warn: assign({}, props, { value: prevWarn }),
|
|
223
|
+
error: assign({}, props, { value: prevError }),
|
|
224
|
+
group: assign({}, props, { value: prevGroup }),
|
|
225
|
+
groupCollapsed: assign({}, props, { value: prevGroupCollapsed }),
|
|
226
|
+
groupEnd: assign({}, props, { value: prevGroupEnd })
|
|
227
|
+
});
|
|
228
|
+
}
|
|
229
|
+
0 > disabledDepth &&
|
|
230
|
+
console.error(
|
|
231
|
+
"disabledDepth fell below zero. This is a bug in React. Please file an issue."
|
|
232
|
+
);
|
|
233
|
+
}
|
|
234
|
+
function describeBuiltInComponentFrame(name) {
|
|
235
|
+
if (undefined === prefix)
|
|
236
|
+
try {
|
|
237
|
+
throw Error();
|
|
238
|
+
} catch (x) {
|
|
239
|
+
var match = x.stack.trim().match(/\n( *(at )?)/);
|
|
240
|
+
prefix = (match && match[1]) || "";
|
|
241
|
+
suffix =
|
|
242
|
+
-1 < x.stack.indexOf("\n at")
|
|
243
|
+
? " (<anonymous>)"
|
|
244
|
+
: -1 < x.stack.indexOf("@")
|
|
245
|
+
? "@unknown:0:0"
|
|
246
|
+
: "";
|
|
247
|
+
}
|
|
248
|
+
return "\n" + prefix + name + suffix;
|
|
249
|
+
}
|
|
250
|
+
function describeNativeComponentFrame(fn, construct) {
|
|
251
|
+
if (!fn || reentry) return "";
|
|
252
|
+
var frame = componentFrameCache.get(fn);
|
|
253
|
+
if (undefined !== frame) return frame;
|
|
254
|
+
reentry = true;
|
|
255
|
+
frame = Error.prepareStackTrace;
|
|
256
|
+
Error.prepareStackTrace = undefined;
|
|
257
|
+
var previousDispatcher = null;
|
|
258
|
+
previousDispatcher = ReactSharedInternals.H;
|
|
259
|
+
ReactSharedInternals.H = null;
|
|
260
|
+
disableLogs();
|
|
261
|
+
try {
|
|
262
|
+
var RunInRootFrame = {
|
|
263
|
+
DetermineComponentFrameRoot: function () {
|
|
264
|
+
try {
|
|
265
|
+
if (construct) {
|
|
266
|
+
var Fake = function () {
|
|
267
|
+
throw Error();
|
|
268
|
+
};
|
|
269
|
+
Object.defineProperty(Fake.prototype, "props", {
|
|
270
|
+
set: function () {
|
|
271
|
+
throw Error();
|
|
272
|
+
}
|
|
273
|
+
});
|
|
274
|
+
if ("object" === typeof Reflect && Reflect.construct) {
|
|
275
|
+
try {
|
|
276
|
+
Reflect.construct(Fake, []);
|
|
277
|
+
} catch (x) {
|
|
278
|
+
var control = x;
|
|
279
|
+
}
|
|
280
|
+
Reflect.construct(fn, [], Fake);
|
|
281
|
+
} else {
|
|
282
|
+
try {
|
|
283
|
+
Fake.call();
|
|
284
|
+
} catch (x$0) {
|
|
285
|
+
control = x$0;
|
|
286
|
+
}
|
|
287
|
+
fn.call(Fake.prototype);
|
|
288
|
+
}
|
|
289
|
+
} else {
|
|
290
|
+
try {
|
|
291
|
+
throw Error();
|
|
292
|
+
} catch (x$1) {
|
|
293
|
+
control = x$1;
|
|
294
|
+
}
|
|
295
|
+
(Fake = fn()) &&
|
|
296
|
+
"function" === typeof Fake.catch &&
|
|
297
|
+
Fake.catch(function () {});
|
|
298
|
+
}
|
|
299
|
+
} catch (sample) {
|
|
300
|
+
if (sample && control && "string" === typeof sample.stack)
|
|
301
|
+
return [sample.stack, control.stack];
|
|
302
|
+
}
|
|
303
|
+
return [null, null];
|
|
304
|
+
}
|
|
305
|
+
};
|
|
306
|
+
RunInRootFrame.DetermineComponentFrameRoot.displayName =
|
|
307
|
+
"DetermineComponentFrameRoot";
|
|
308
|
+
var namePropDescriptor = Object.getOwnPropertyDescriptor(
|
|
309
|
+
RunInRootFrame.DetermineComponentFrameRoot,
|
|
310
|
+
"name"
|
|
311
|
+
);
|
|
312
|
+
namePropDescriptor &&
|
|
313
|
+
namePropDescriptor.configurable &&
|
|
314
|
+
Object.defineProperty(
|
|
315
|
+
RunInRootFrame.DetermineComponentFrameRoot,
|
|
316
|
+
"name",
|
|
317
|
+
{ value: "DetermineComponentFrameRoot" }
|
|
318
|
+
);
|
|
319
|
+
var _RunInRootFrame$Deter =
|
|
320
|
+
RunInRootFrame.DetermineComponentFrameRoot(),
|
|
321
|
+
sampleStack = _RunInRootFrame$Deter[0],
|
|
322
|
+
controlStack = _RunInRootFrame$Deter[1];
|
|
323
|
+
if (sampleStack && controlStack) {
|
|
324
|
+
var sampleLines = sampleStack.split("\n"),
|
|
325
|
+
controlLines = controlStack.split("\n");
|
|
326
|
+
for (
|
|
327
|
+
_RunInRootFrame$Deter = namePropDescriptor = 0;
|
|
328
|
+
namePropDescriptor < sampleLines.length &&
|
|
329
|
+
!sampleLines[namePropDescriptor].includes(
|
|
330
|
+
"DetermineComponentFrameRoot"
|
|
331
|
+
);
|
|
332
|
+
|
|
333
|
+
)
|
|
334
|
+
namePropDescriptor++;
|
|
335
|
+
for (
|
|
336
|
+
;
|
|
337
|
+
_RunInRootFrame$Deter < controlLines.length &&
|
|
338
|
+
!controlLines[_RunInRootFrame$Deter].includes(
|
|
339
|
+
"DetermineComponentFrameRoot"
|
|
340
|
+
);
|
|
341
|
+
|
|
342
|
+
)
|
|
343
|
+
_RunInRootFrame$Deter++;
|
|
344
|
+
if (
|
|
345
|
+
namePropDescriptor === sampleLines.length ||
|
|
346
|
+
_RunInRootFrame$Deter === controlLines.length
|
|
347
|
+
)
|
|
348
|
+
for (
|
|
349
|
+
namePropDescriptor = sampleLines.length - 1,
|
|
350
|
+
_RunInRootFrame$Deter = controlLines.length - 1;
|
|
351
|
+
1 <= namePropDescriptor &&
|
|
352
|
+
0 <= _RunInRootFrame$Deter &&
|
|
353
|
+
sampleLines[namePropDescriptor] !==
|
|
354
|
+
controlLines[_RunInRootFrame$Deter];
|
|
355
|
+
|
|
356
|
+
)
|
|
357
|
+
_RunInRootFrame$Deter--;
|
|
358
|
+
for (
|
|
359
|
+
;
|
|
360
|
+
1 <= namePropDescriptor && 0 <= _RunInRootFrame$Deter;
|
|
361
|
+
namePropDescriptor--, _RunInRootFrame$Deter--
|
|
362
|
+
)
|
|
363
|
+
if (
|
|
364
|
+
sampleLines[namePropDescriptor] !==
|
|
365
|
+
controlLines[_RunInRootFrame$Deter]
|
|
366
|
+
) {
|
|
367
|
+
if (1 !== namePropDescriptor || 1 !== _RunInRootFrame$Deter) {
|
|
368
|
+
do
|
|
369
|
+
if (
|
|
370
|
+
(namePropDescriptor--,
|
|
371
|
+
_RunInRootFrame$Deter--,
|
|
372
|
+
0 > _RunInRootFrame$Deter ||
|
|
373
|
+
sampleLines[namePropDescriptor] !==
|
|
374
|
+
controlLines[_RunInRootFrame$Deter])
|
|
375
|
+
) {
|
|
376
|
+
var _frame =
|
|
377
|
+
"\n" +
|
|
378
|
+
sampleLines[namePropDescriptor].replace(
|
|
379
|
+
" at new ",
|
|
380
|
+
" at "
|
|
381
|
+
);
|
|
382
|
+
fn.displayName &&
|
|
383
|
+
_frame.includes("<anonymous>") &&
|
|
384
|
+
(_frame = _frame.replace("<anonymous>", fn.displayName));
|
|
385
|
+
"function" === typeof fn &&
|
|
386
|
+
componentFrameCache.set(fn, _frame);
|
|
387
|
+
return _frame;
|
|
388
|
+
}
|
|
389
|
+
while (1 <= namePropDescriptor && 0 <= _RunInRootFrame$Deter);
|
|
390
|
+
}
|
|
391
|
+
break;
|
|
392
|
+
}
|
|
393
|
+
}
|
|
394
|
+
} finally {
|
|
395
|
+
(reentry = false),
|
|
396
|
+
(ReactSharedInternals.H = previousDispatcher),
|
|
397
|
+
reenableLogs(),
|
|
398
|
+
(Error.prepareStackTrace = frame);
|
|
399
|
+
}
|
|
400
|
+
sampleLines = (sampleLines = fn ? fn.displayName || fn.name : "")
|
|
401
|
+
? describeBuiltInComponentFrame(sampleLines)
|
|
402
|
+
: "";
|
|
403
|
+
"function" === typeof fn && componentFrameCache.set(fn, sampleLines);
|
|
404
|
+
return sampleLines;
|
|
405
|
+
}
|
|
406
|
+
function describeUnknownElementTypeFrameInDEV(type) {
|
|
407
|
+
if (null == type) return "";
|
|
408
|
+
if ("function" === typeof type) {
|
|
409
|
+
var prototype = type.prototype;
|
|
410
|
+
return describeNativeComponentFrame(
|
|
411
|
+
type,
|
|
412
|
+
!(!prototype || !prototype.isReactComponent)
|
|
413
|
+
);
|
|
414
|
+
}
|
|
415
|
+
if ("string" === typeof type) return describeBuiltInComponentFrame(type);
|
|
416
|
+
switch (type) {
|
|
417
|
+
case REACT_SUSPENSE_TYPE:
|
|
418
|
+
return describeBuiltInComponentFrame("Suspense");
|
|
419
|
+
case REACT_SUSPENSE_LIST_TYPE:
|
|
420
|
+
return describeBuiltInComponentFrame("SuspenseList");
|
|
421
|
+
}
|
|
422
|
+
if ("object" === typeof type)
|
|
423
|
+
switch (type.$$typeof) {
|
|
424
|
+
case REACT_FORWARD_REF_TYPE:
|
|
425
|
+
return (type = describeNativeComponentFrame(type.render, false)), type;
|
|
426
|
+
case REACT_MEMO_TYPE:
|
|
427
|
+
return describeUnknownElementTypeFrameInDEV(type.type);
|
|
428
|
+
case REACT_LAZY_TYPE:
|
|
429
|
+
prototype = type._payload;
|
|
430
|
+
type = type._init;
|
|
431
|
+
try {
|
|
432
|
+
return describeUnknownElementTypeFrameInDEV(type(prototype));
|
|
433
|
+
} catch (x) {}
|
|
434
|
+
}
|
|
435
|
+
return "";
|
|
436
|
+
}
|
|
437
|
+
function getOwner() {
|
|
438
|
+
var dispatcher = ReactSharedInternals.A;
|
|
439
|
+
return null === dispatcher ? null : dispatcher.getOwner();
|
|
440
|
+
}
|
|
441
|
+
function hasValidKey(config) {
|
|
442
|
+
if (hasOwnProperty.call(config, "key")) {
|
|
443
|
+
var getter = Object.getOwnPropertyDescriptor(config, "key").get;
|
|
444
|
+
if (getter && getter.isReactWarning) return false;
|
|
445
|
+
}
|
|
446
|
+
return undefined !== config.key;
|
|
447
|
+
}
|
|
448
|
+
function defineKeyPropWarningGetter(props, displayName) {
|
|
449
|
+
function warnAboutAccessingKey() {
|
|
450
|
+
specialPropKeyWarningShown ||
|
|
451
|
+
((specialPropKeyWarningShown = true),
|
|
452
|
+
console.error(
|
|
453
|
+
"%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)",
|
|
454
|
+
displayName
|
|
455
|
+
));
|
|
456
|
+
}
|
|
457
|
+
warnAboutAccessingKey.isReactWarning = true;
|
|
458
|
+
Object.defineProperty(props, "key", {
|
|
459
|
+
get: warnAboutAccessingKey,
|
|
460
|
+
configurable: true
|
|
461
|
+
});
|
|
462
|
+
}
|
|
463
|
+
function elementRefGetterWithDeprecationWarning() {
|
|
464
|
+
var componentName = getComponentNameFromType(this.type);
|
|
465
|
+
didWarnAboutElementRef[componentName] ||
|
|
466
|
+
((didWarnAboutElementRef[componentName] = true),
|
|
467
|
+
console.error(
|
|
468
|
+
"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."
|
|
469
|
+
));
|
|
470
|
+
componentName = this.props.ref;
|
|
471
|
+
return undefined !== componentName ? componentName : null;
|
|
472
|
+
}
|
|
473
|
+
function ReactElement(type, key, self, source, owner, props) {
|
|
474
|
+
self = props.ref;
|
|
475
|
+
type = {
|
|
476
|
+
$$typeof: REACT_ELEMENT_TYPE,
|
|
477
|
+
type: type,
|
|
478
|
+
key: key,
|
|
479
|
+
props: props,
|
|
480
|
+
_owner: owner
|
|
481
|
+
};
|
|
482
|
+
null !== (undefined !== self ? self : null)
|
|
483
|
+
? Object.defineProperty(type, "ref", {
|
|
484
|
+
enumerable: false,
|
|
485
|
+
get: elementRefGetterWithDeprecationWarning
|
|
486
|
+
})
|
|
487
|
+
: Object.defineProperty(type, "ref", { enumerable: false, value: null });
|
|
488
|
+
type._store = {};
|
|
489
|
+
Object.defineProperty(type._store, "validated", {
|
|
490
|
+
configurable: false,
|
|
491
|
+
enumerable: false,
|
|
492
|
+
writable: true,
|
|
493
|
+
value: 0
|
|
494
|
+
});
|
|
495
|
+
Object.defineProperty(type, "_debugInfo", {
|
|
496
|
+
configurable: false,
|
|
497
|
+
enumerable: false,
|
|
498
|
+
writable: true,
|
|
499
|
+
value: null
|
|
500
|
+
});
|
|
501
|
+
Object.freeze && (Object.freeze(type.props), Object.freeze(type));
|
|
502
|
+
return type;
|
|
503
|
+
}
|
|
504
|
+
function jsxDEVImpl(
|
|
505
|
+
type,
|
|
506
|
+
config,
|
|
507
|
+
maybeKey,
|
|
508
|
+
isStaticChildren,
|
|
509
|
+
source,
|
|
510
|
+
self
|
|
511
|
+
) {
|
|
512
|
+
if (
|
|
513
|
+
"string" === typeof type ||
|
|
514
|
+
"function" === typeof type ||
|
|
515
|
+
type === REACT_FRAGMENT_TYPE ||
|
|
516
|
+
type === REACT_PROFILER_TYPE ||
|
|
517
|
+
type === REACT_STRICT_MODE_TYPE ||
|
|
518
|
+
type === REACT_SUSPENSE_TYPE ||
|
|
519
|
+
type === REACT_SUSPENSE_LIST_TYPE ||
|
|
520
|
+
type === REACT_OFFSCREEN_TYPE ||
|
|
521
|
+
("object" === typeof type &&
|
|
522
|
+
null !== type &&
|
|
523
|
+
(type.$$typeof === REACT_LAZY_TYPE ||
|
|
524
|
+
type.$$typeof === REACT_MEMO_TYPE ||
|
|
525
|
+
type.$$typeof === REACT_CONTEXT_TYPE ||
|
|
526
|
+
type.$$typeof === REACT_CONSUMER_TYPE ||
|
|
527
|
+
type.$$typeof === REACT_FORWARD_REF_TYPE ||
|
|
528
|
+
type.$$typeof === REACT_CLIENT_REFERENCE$1 ||
|
|
529
|
+
undefined !== type.getModuleId))
|
|
530
|
+
) {
|
|
531
|
+
var children = config.children;
|
|
532
|
+
if (undefined !== children)
|
|
533
|
+
if (isStaticChildren)
|
|
534
|
+
if (isArrayImpl(children)) {
|
|
535
|
+
for (
|
|
536
|
+
isStaticChildren = 0;
|
|
537
|
+
isStaticChildren < children.length;
|
|
538
|
+
isStaticChildren++
|
|
539
|
+
)
|
|
540
|
+
validateChildKeys(children[isStaticChildren], type);
|
|
541
|
+
Object.freeze && Object.freeze(children);
|
|
542
|
+
} else
|
|
543
|
+
console.error(
|
|
544
|
+
"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
|
|
545
|
+
);
|
|
546
|
+
else validateChildKeys(children, type);
|
|
547
|
+
} else {
|
|
548
|
+
children = "";
|
|
549
|
+
if (
|
|
550
|
+
undefined === type ||
|
|
551
|
+
("object" === typeof type &&
|
|
552
|
+
null !== type &&
|
|
553
|
+
0 === Object.keys(type).length)
|
|
554
|
+
)
|
|
555
|
+
children +=
|
|
556
|
+
" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.";
|
|
557
|
+
null === type
|
|
558
|
+
? (isStaticChildren = "null")
|
|
559
|
+
: isArrayImpl(type)
|
|
560
|
+
? (isStaticChildren = "array")
|
|
561
|
+
: undefined !== type && type.$$typeof === REACT_ELEMENT_TYPE
|
|
562
|
+
? ((isStaticChildren =
|
|
563
|
+
"<" +
|
|
564
|
+
(getComponentNameFromType(type.type) || "Unknown") +
|
|
565
|
+
" />"),
|
|
566
|
+
(children =
|
|
567
|
+
" Did you accidentally export a JSX literal instead of a component?"))
|
|
568
|
+
: (isStaticChildren = typeof type);
|
|
569
|
+
console.error(
|
|
570
|
+
"React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",
|
|
571
|
+
isStaticChildren,
|
|
572
|
+
children
|
|
573
|
+
);
|
|
574
|
+
}
|
|
575
|
+
if (hasOwnProperty.call(config, "key")) {
|
|
576
|
+
children = getComponentNameFromType(type);
|
|
577
|
+
var keys = Object.keys(config).filter(function (k) {
|
|
578
|
+
return "key" !== k;
|
|
579
|
+
});
|
|
580
|
+
isStaticChildren =
|
|
581
|
+
0 < keys.length
|
|
582
|
+
? "{key: someKey, " + keys.join(": ..., ") + ": ...}"
|
|
583
|
+
: "{key: someKey}";
|
|
584
|
+
didWarnAboutKeySpread[children + isStaticChildren] ||
|
|
585
|
+
((keys =
|
|
586
|
+
0 < keys.length ? "{" + keys.join(": ..., ") + ": ...}" : "{}"),
|
|
587
|
+
console.error(
|
|
588
|
+
'A props object containing a "key" prop is being spread into JSX:\n let props = %s;\n <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n let props = %s;\n <%s key={someKey} {...props} />',
|
|
589
|
+
isStaticChildren,
|
|
590
|
+
children,
|
|
591
|
+
keys,
|
|
592
|
+
children
|
|
593
|
+
),
|
|
594
|
+
(didWarnAboutKeySpread[children + isStaticChildren] = true));
|
|
595
|
+
}
|
|
596
|
+
children = null;
|
|
597
|
+
undefined !== maybeKey &&
|
|
598
|
+
(checkKeyStringCoercion(maybeKey), (children = "" + maybeKey));
|
|
599
|
+
hasValidKey(config) &&
|
|
600
|
+
(checkKeyStringCoercion(config.key), (children = "" + config.key));
|
|
601
|
+
if ("key" in config) {
|
|
602
|
+
maybeKey = {};
|
|
603
|
+
for (var propName in config)
|
|
604
|
+
"key" !== propName && (maybeKey[propName] = config[propName]);
|
|
605
|
+
} else maybeKey = config;
|
|
606
|
+
children &&
|
|
607
|
+
defineKeyPropWarningGetter(
|
|
608
|
+
maybeKey,
|
|
609
|
+
"function" === typeof type
|
|
610
|
+
? type.displayName || type.name || "Unknown"
|
|
611
|
+
: type
|
|
612
|
+
);
|
|
613
|
+
return ReactElement(type, children, self, source, getOwner(), maybeKey);
|
|
614
|
+
}
|
|
615
|
+
function validateChildKeys(node, parentType) {
|
|
616
|
+
if (
|
|
617
|
+
"object" === typeof node &&
|
|
618
|
+
node &&
|
|
619
|
+
node.$$typeof !== REACT_CLIENT_REFERENCE
|
|
620
|
+
)
|
|
621
|
+
if (isArrayImpl(node))
|
|
622
|
+
for (var i = 0; i < node.length; i++) {
|
|
623
|
+
var child = node[i];
|
|
624
|
+
isValidElement(child) && validateExplicitKey(child, parentType);
|
|
625
|
+
}
|
|
626
|
+
else if (isValidElement(node))
|
|
627
|
+
node._store && (node._store.validated = 1);
|
|
628
|
+
else if (
|
|
629
|
+
(null === node || "object" !== typeof node
|
|
630
|
+
? (i = null)
|
|
631
|
+
: ((i =
|
|
632
|
+
(MAYBE_ITERATOR_SYMBOL && node[MAYBE_ITERATOR_SYMBOL]) ||
|
|
633
|
+
node["@@iterator"]),
|
|
634
|
+
(i = "function" === typeof i ? i : null)),
|
|
635
|
+
"function" === typeof i &&
|
|
636
|
+
i !== node.entries &&
|
|
637
|
+
((i = i.call(node)), i !== node))
|
|
638
|
+
)
|
|
639
|
+
for (; !(node = i.next()).done; )
|
|
640
|
+
isValidElement(node.value) &&
|
|
641
|
+
validateExplicitKey(node.value, parentType);
|
|
642
|
+
}
|
|
643
|
+
function isValidElement(object) {
|
|
644
|
+
return (
|
|
645
|
+
"object" === typeof object &&
|
|
646
|
+
null !== object &&
|
|
647
|
+
object.$$typeof === REACT_ELEMENT_TYPE
|
|
648
|
+
);
|
|
649
|
+
}
|
|
650
|
+
function validateExplicitKey(element, parentType) {
|
|
651
|
+
if (
|
|
652
|
+
element._store &&
|
|
653
|
+
!element._store.validated &&
|
|
654
|
+
null == element.key &&
|
|
655
|
+
((element._store.validated = 1),
|
|
656
|
+
(parentType = getCurrentComponentErrorInfo(parentType)),
|
|
657
|
+
!ownerHasKeyUseWarning[parentType])
|
|
658
|
+
) {
|
|
659
|
+
ownerHasKeyUseWarning[parentType] = true;
|
|
660
|
+
var childOwner = "";
|
|
661
|
+
element &&
|
|
662
|
+
null != element._owner &&
|
|
663
|
+
element._owner !== getOwner() &&
|
|
664
|
+
((childOwner = null),
|
|
665
|
+
"number" === typeof element._owner.tag
|
|
666
|
+
? (childOwner = getComponentNameFromType(element._owner.type))
|
|
667
|
+
: "string" === typeof element._owner.name &&
|
|
668
|
+
(childOwner = element._owner.name),
|
|
669
|
+
(childOwner = " It was passed a child from " + childOwner + "."));
|
|
670
|
+
var prevGetCurrentStack = ReactSharedInternals.getCurrentStack;
|
|
671
|
+
ReactSharedInternals.getCurrentStack = function () {
|
|
672
|
+
var stack = describeUnknownElementTypeFrameInDEV(element.type);
|
|
673
|
+
prevGetCurrentStack && (stack += prevGetCurrentStack() || "");
|
|
674
|
+
return stack;
|
|
675
|
+
};
|
|
676
|
+
console.error(
|
|
677
|
+
'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',
|
|
678
|
+
parentType,
|
|
679
|
+
childOwner
|
|
680
|
+
);
|
|
681
|
+
ReactSharedInternals.getCurrentStack = prevGetCurrentStack;
|
|
682
|
+
}
|
|
683
|
+
}
|
|
684
|
+
function getCurrentComponentErrorInfo(parentType) {
|
|
685
|
+
var info = "",
|
|
686
|
+
owner = getOwner();
|
|
687
|
+
owner &&
|
|
688
|
+
(owner = getComponentNameFromType(owner.type)) &&
|
|
689
|
+
(info = "\n\nCheck the render method of `" + owner + "`.");
|
|
690
|
+
info ||
|
|
691
|
+
((parentType = getComponentNameFromType(parentType)) &&
|
|
692
|
+
(info =
|
|
693
|
+
"\n\nCheck the top-level render call using <" + parentType + ">."));
|
|
694
|
+
return info;
|
|
695
|
+
}
|
|
696
|
+
var React$1 = React,
|
|
697
|
+
REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
|
|
698
|
+
REACT_PORTAL_TYPE = Symbol.for("react.portal"),
|
|
699
|
+
REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
|
|
700
|
+
REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"),
|
|
701
|
+
REACT_PROFILER_TYPE = Symbol.for("react.profiler");
|
|
702
|
+
var REACT_CONSUMER_TYPE = Symbol.for("react.consumer"),
|
|
703
|
+
REACT_CONTEXT_TYPE = Symbol.for("react.context"),
|
|
704
|
+
REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"),
|
|
705
|
+
REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"),
|
|
706
|
+
REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"),
|
|
707
|
+
REACT_MEMO_TYPE = Symbol.for("react.memo"),
|
|
708
|
+
REACT_LAZY_TYPE = Symbol.for("react.lazy"),
|
|
709
|
+
REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen"),
|
|
710
|
+
MAYBE_ITERATOR_SYMBOL = Symbol.iterator,
|
|
711
|
+
REACT_CLIENT_REFERENCE$2 = Symbol.for("react.client.reference"),
|
|
712
|
+
ReactSharedInternals =
|
|
713
|
+
React$1.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
|
|
714
|
+
hasOwnProperty = Object.prototype.hasOwnProperty,
|
|
715
|
+
assign = Object.assign,
|
|
716
|
+
REACT_CLIENT_REFERENCE$1 = Symbol.for("react.client.reference"),
|
|
717
|
+
isArrayImpl = Array.isArray,
|
|
718
|
+
disabledDepth = 0,
|
|
719
|
+
prevLog,
|
|
720
|
+
prevInfo,
|
|
721
|
+
prevWarn,
|
|
722
|
+
prevError,
|
|
723
|
+
prevGroup,
|
|
724
|
+
prevGroupCollapsed,
|
|
725
|
+
prevGroupEnd;
|
|
726
|
+
disabledLog.__reactDisabledLog = true;
|
|
727
|
+
var prefix,
|
|
728
|
+
suffix,
|
|
729
|
+
reentry = false;
|
|
730
|
+
var componentFrameCache = new (
|
|
731
|
+
"function" === typeof WeakMap ? WeakMap : Map
|
|
732
|
+
)();
|
|
733
|
+
var REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"),
|
|
734
|
+
specialPropKeyWarningShown;
|
|
735
|
+
var didWarnAboutElementRef = {};
|
|
736
|
+
var didWarnAboutKeySpread = {},
|
|
737
|
+
ownerHasKeyUseWarning = {};
|
|
738
|
+
reactJsxRuntime_development.Fragment = REACT_FRAGMENT_TYPE;
|
|
739
|
+
reactJsxRuntime_development.jsx = function (type, config, maybeKey, source, self) {
|
|
740
|
+
return jsxDEVImpl(type, config, maybeKey, false, source, self);
|
|
741
|
+
};
|
|
742
|
+
reactJsxRuntime_development.jsxs = function (type, config, maybeKey, source, self) {
|
|
743
|
+
return jsxDEVImpl(type, config, maybeKey, true, source, self);
|
|
744
|
+
};
|
|
745
|
+
})();
|
|
746
|
+
return reactJsxRuntime_development;
|
|
747
|
+
}
|
|
748
|
+
|
|
749
|
+
var hasRequiredJsxRuntime;
|
|
750
|
+
|
|
751
|
+
function requireJsxRuntime () {
|
|
752
|
+
if (hasRequiredJsxRuntime) return jsxRuntime.exports;
|
|
753
|
+
hasRequiredJsxRuntime = 1;
|
|
754
|
+
|
|
755
|
+
if (process.env.NODE_ENV === 'production') {
|
|
756
|
+
jsxRuntime.exports = requireReactJsxRuntime_production();
|
|
757
|
+
} else {
|
|
758
|
+
jsxRuntime.exports = requireReactJsxRuntime_development();
|
|
759
|
+
}
|
|
760
|
+
return jsxRuntime.exports;
|
|
761
|
+
}
|
|
762
|
+
|
|
763
|
+
var jsxRuntimeExports = requireJsxRuntime();
|
|
764
|
+
|
|
765
|
+
const Spin = () => (jsxRuntimeExports.jsx("style", { children: `@keyframes spin {
|
|
41
766
|
0% {
|
|
42
767
|
transform: rotate(0deg);
|
|
43
768
|
}
|
|
@@ -45,103 +770,21 @@ const Spin = () => (React.createElement("style", null, `@keyframes spin {
|
|
|
45
770
|
transform: rotate(360deg);
|
|
46
771
|
}
|
|
47
772
|
}
|
|
48
|
-
`));
|
|
773
|
+
` }));
|
|
49
774
|
const Spinner = ({ color = 'black', size = '1em', spinTime = '2s' }) => {
|
|
50
|
-
return (
|
|
51
|
-
React.createElement(Spin, null),
|
|
52
|
-
React.createElement("svg", { style: { animation: `spin ${spinTime} 0s linear infinite` }, viewBox: "0 0 20 20", version: "1.1", xmlns: "http://www.w3.org/2000/svg", width: size, height: size, xmlnsXlink: "http://www.w3.org/1999/xlink", fill: color },
|
|
53
|
-
React.createElement("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
|
|
54
|
-
React.createElement("g", { id: "SVGRepo_tracerCarrier", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
55
|
-
React.createElement("g", { id: "SVGRepo_iconCarrier" },
|
|
56
|
-
React.createElement("title", null, "ic_fluent_spinner_ios_20_filled"),
|
|
57
|
-
React.createElement("desc", null, "Created with Sketch."),
|
|
58
|
-
React.createElement("g", { id: "\uD83D\uDD0D-System-Icons", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
|
|
59
|
-
React.createElement("g", { id: "ic_fluent_spinner_ios_20_filled", fill: color, fillRule: "nonzero" },
|
|
60
|
-
React.createElement("path", { d: "M10,3.5 C6.41015,3.5 3.5,6.41015 3.5,10 C3.5,10.4142 3.16421,10.75 2.75,10.75 C2.33579,10.75 2,10.4142 2,10 C2,5.58172 5.58172,2 10,2 C14.4183,2 18,5.58172 18,10 C18,14.4183 14.4183,18 10,18 C9.58579,18 9.25,17.6642 9.25,17.25 C9.25,16.8358 9.58579,16.5 10,16.5 C13.5899,16.5 16.5,13.5899 16.5,10 C16.5,6.41015 13.5899,3.5 10,3.5 Z", id: "\uD83C\uDFA8-Color" })))))));
|
|
775
|
+
return (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(Spin, {}), jsxRuntimeExports.jsxs("svg", { "data-testid": "spinner", style: { animation: `spin ${spinTime} 0s linear infinite` }, viewBox: "0 0 20 20", version: "1.1", xmlns: "http://www.w3.org/2000/svg", width: size, height: size, xmlnsXlink: "http://www.w3.org/1999/xlink", fill: color, children: [jsxRuntimeExports.jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }), jsxRuntimeExports.jsx("g", { id: "SVGRepo_tracerCarrier", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntimeExports.jsxs("g", { id: "SVGRepo_iconCarrier", children: [jsxRuntimeExports.jsx("title", { children: "ic_fluent_spinner_ios_20_filled" }), jsxRuntimeExports.jsx("desc", { children: "Created with Sketch." }), jsxRuntimeExports.jsx("g", { id: "\uD83D\uDD0D-System-Icons", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd", children: jsxRuntimeExports.jsx("g", { id: "ic_fluent_spinner_ios_20_filled", fill: color, fillRule: "nonzero", children: jsxRuntimeExports.jsx("path", { d: "M10,3.5 C6.41015,3.5 3.5,6.41015 3.5,10 C3.5,10.4142 3.16421,10.75 2.75,10.75 C2.33579,10.75 2,10.4142 2,10 C2,5.58172 5.58172,2 10,2 C14.4183,2 18,5.58172 18,10 C18,14.4183 14.4183,18 10,18 C9.58579,18 9.25,17.6642 9.25,17.25 C9.25,16.8358 9.58579,16.5 10,16.5 C13.5899,16.5 16.5,13.5899 16.5,10 C16.5,6.41015 13.5899,3.5 10,3.5 Z", id: "\uD83C\uDFA8-Color" }) }) })] })] })] }));
|
|
61
776
|
};
|
|
62
777
|
|
|
63
778
|
const Button = (_a) => {
|
|
64
|
-
var { prefixElement, suffixElement, children, loading = false, spinner =
|
|
65
|
-
return (
|
|
66
|
-
prefixElement,
|
|
67
|
-
loading ? spinner : children,
|
|
68
|
-
suffixElement));
|
|
779
|
+
var { prefixElement, suffixElement, children, loading = false, spinner = jsxRuntimeExports.jsx(Spinner, { color: 'black', size: '1em' }), style } = _a, restProps = __rest(_a, ["prefixElement", "suffixElement", "children", "loading", "spinner", "style"]);
|
|
780
|
+
return (jsxRuntimeExports.jsxs("button", Object.assign({}, restProps, { style: Object.assign({ display: 'inline-flex', alignItems: 'center' }, style), children: [prefixElement, loading ? spinner : children, suffixElement] })));
|
|
69
781
|
};
|
|
70
782
|
|
|
71
783
|
const Input = (_a) => {
|
|
72
|
-
var _b;
|
|
784
|
+
var _b, _c;
|
|
73
785
|
var { prefixElement, suffixElement, className, style, containerStyle, containerClassName, showError = false, error, maxLength, showLimit = false } = _a, restProps = __rest(_a, ["prefixElement", "suffixElement", "className", "style", "containerStyle", "containerClassName", "showError", "error", "maxLength", "showLimit"]);
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
setInputValue(e.target.value);
|
|
77
|
-
restProps.onChange(e);
|
|
78
|
-
};
|
|
79
|
-
return (React.createElement("span", { className: containerClassName, style: Object.assign({ position: 'relative', display: 'inline-flex', alignItems: 'center' }, containerStyle) },
|
|
80
|
-
prefixElement,
|
|
81
|
-
React.createElement("input", Object.assign({}, restProps, { value: inputValue, onChange: onChange, maxLength: maxLength, className: className, style: Object.assign({ all: 'unset' }, style) })),
|
|
82
|
-
showLimit && maxLength && (React.createElement("span", { className: 'max-length' }, (_b = (inputValue !== null && inputValue !== undefined ? inputValue : '').toString().length) !== null && _b !== undefined ? _b : 0,
|
|
83
|
-
"/",
|
|
84
|
-
maxLength)),
|
|
85
|
-
suffixElement,
|
|
86
|
-
showError &&
|
|
87
|
-
(typeof error === 'string' ? (React.createElement("span", { className: 'error-message', style: { position: 'absolute', top: '100%', left: 0 } }, error)) : (error))));
|
|
88
|
-
};
|
|
89
|
-
|
|
90
|
-
const UpArrowIcon = ({ color = '#000', size = '1em', bgColor = 'transparent', fill = 'none', }) => {
|
|
91
|
-
return (React.createElement("svg", { width: size, height: size, fill: color, style: { backgroundColor: bgColor }, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
|
|
92
|
-
React.createElement("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
|
|
93
|
-
React.createElement("g", { id: "SVGRepo_tracerCarrier", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
94
|
-
React.createElement("g", { id: "SVGRepo_iconCarrier" },
|
|
95
|
-
React.createElement("path", { d: "M3 19h18a1.002 1.002 0 0 0 .823-1.569l-9-13c-.373-.539-1.271-.539-1.645 0l-9 13A.999.999 0 0 0 3 19z" }))));
|
|
96
|
-
};
|
|
97
|
-
// COLLECTION: Boxicons Filled Icons
|
|
98
|
-
// LICENSE: CC Attribution License
|
|
99
|
-
// AUTHOR: boxicons
|
|
100
|
-
// https://www.svgrepo.com/svg/334957/up-arrow
|
|
101
|
-
|
|
102
|
-
const DownArrowIcon = ({ color = '#000', size = '1em', bgColor = 'transparent', fill = 'none', }) => {
|
|
103
|
-
return (React.createElement("svg", { width: size, height: size, fill: color, style: { backgroundColor: bgColor }, viewBox: "0 0 24 24", transform: "matrix(1, 0, 0, -1, 0, 0)", xmlns: "http://www.w3.org/2000/svg" },
|
|
104
|
-
React.createElement("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
|
|
105
|
-
React.createElement("g", { id: "SVGRepo_tracerCarrier", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
106
|
-
React.createElement("g", { id: "SVGRepo_iconCarrier" },
|
|
107
|
-
React.createElement("path", { d: "M3 19h18a1.002 1.002 0 0 0 .823-1.569l-9-13c-.373-.539-1.271-.539-1.645 0l-9 13A.999.999 0 0 0 3 19z" }))));
|
|
108
|
-
};
|
|
109
|
-
// COLLECTION: Boxicons Filled Icons
|
|
110
|
-
// LICENSE: CC Attribution License
|
|
111
|
-
// AUTHOR: boxicons
|
|
112
|
-
// https://www.svgrepo.com/svg/334957/up-arrow
|
|
113
|
-
|
|
114
|
-
const NumberInput = (_a) => {
|
|
115
|
-
var { increaseElement = React.createElement(UpArrowIcon, null), decreaseElement = React.createElement(DownArrowIcon, null), step = 1, min = -Infinity, max = Infinity, value, onChange } = _a, restProps = __rest(_a, ["increaseElement", "decreaseElement", "step", "min", "max", "value", "onChange"]);
|
|
116
|
-
const onNumberInput = (e) => {
|
|
117
|
-
const newValue = Number(e.target.value);
|
|
118
|
-
if (isNaN(newValue)) {
|
|
119
|
-
return;
|
|
120
|
-
}
|
|
121
|
-
onChange(Object.assign(Object.assign({}, e), { target: Object.assign(Object.assign({}, e.target), { value: newValue.toString() }) }));
|
|
122
|
-
};
|
|
123
|
-
const onNumberChange = (dir) => {
|
|
124
|
-
if (isNaN(value)) {
|
|
125
|
-
onChange(null);
|
|
126
|
-
return;
|
|
127
|
-
}
|
|
128
|
-
let newValue = (value !== null && value !== undefined ? value : 0) + dir * (step || 1);
|
|
129
|
-
if (newValue > max)
|
|
130
|
-
newValue = max;
|
|
131
|
-
if (newValue < min)
|
|
132
|
-
newValue = min;
|
|
133
|
-
const event = {
|
|
134
|
-
target: Object.assign(Object.assign({}, {}), { value: newValue.toString() }),
|
|
135
|
-
};
|
|
136
|
-
onChange(event);
|
|
137
|
-
};
|
|
138
|
-
const onIncrease = () => {
|
|
139
|
-
onNumberChange(1);
|
|
140
|
-
};
|
|
141
|
-
const onDecrease = () => {
|
|
142
|
-
onNumberChange(-1);
|
|
143
|
-
};
|
|
144
|
-
return (React.createElement(Input, Object.assign({}, restProps, { value: value, onChange: onNumberInput, prefixElement: React.cloneElement(decreaseElement, { onClick: onDecrease }), suffixElement: React.cloneElement(increaseElement, { onClick: onIncrease }) })));
|
|
786
|
+
return (jsxRuntimeExports.jsxs("span", { className: containerClassName, style: Object.assign({ position: 'relative', display: 'inline-flex', alignItems: 'center' }, containerStyle), children: [prefixElement, jsxRuntimeExports.jsx("input", Object.assign({}, restProps, { role: 'textbox', value: restProps.value, maxLength: maxLength, className: className, style: Object.assign({ all: 'unset' }, style) })), showLimit && maxLength && (jsxRuntimeExports.jsxs("span", { className: 'max-length', children: [(_c = ((_b = restProps.value) !== null && _b !== undefined ? _b : '').toString().length) !== null && _c !== undefined ? _c : 0, "/", maxLength] })), suffixElement, showError &&
|
|
787
|
+
(typeof error === 'string' ? (jsxRuntimeExports.jsx("span", { className: 'error-message', style: { position: 'absolute', top: '100%', left: 0 }, children: error })) : (error))] }));
|
|
145
788
|
};
|
|
146
789
|
|
|
147
790
|
const functionRow = [
|
|
@@ -359,15 +1002,9 @@ const DesktopKeyboardInput = ({ type = 'full-size', hasFunction = true, hasNumpa
|
|
|
359
1002
|
setIsShift(false);
|
|
360
1003
|
onKeyUp === null || onKeyUp === undefined ? undefined : onKeyUp(getKeyFromEvent(key.code));
|
|
361
1004
|
};
|
|
362
|
-
return row.map((key, idx) => (
|
|
1005
|
+
return row.map((key, idx) => (jsxRuntimeExports.jsx("div", Object.assign({ onMouseDown: () => onMouseDown(key), onMouseUp: () => onMouseUp(key) }, getCellStyle(key), { children: getLabel(key) }), `${key.code}-${idx}`)));
|
|
363
1006
|
};
|
|
364
|
-
return (
|
|
365
|
-
(['full-size', 'tenkeyless'].includes(type) || hasFunction) && (React.createElement("div", { style: { display: 'grid', gridTemplateColumns: `repeat(20, 1fr)`, gap: '2px' } }, renderRow(functionRow.flat()))),
|
|
366
|
-
React.createElement("div", { style: { display: 'grid', gridTemplateColumns: 'repeat(15, 1fr)', gap: '2px' } }, renderRow(numberRow)),
|
|
367
|
-
React.createElement("div", { style: { display: 'grid', gridTemplateColumns: 'repeat(16, 1fr)', gap: '2px' } }, renderRow(qwertyRow)),
|
|
368
|
-
React.createElement("div", { style: { display: 'grid', gridTemplateColumns: 'repeat(15, 1fr)', gap: '2px' } }, renderRow(homeRow)),
|
|
369
|
-
React.createElement("div", { style: { display: 'grid', gridTemplateColumns: 'repeat(14, 1fr)', gap: '2px' } }, renderRow(bottomRow)),
|
|
370
|
-
React.createElement("div", { style: { display: 'grid', gridTemplateColumns: 'repeat(15, 1fr)', gap: '2px' } }, renderRow(spaceRow))));
|
|
1007
|
+
return (jsxRuntimeExports.jsxs("div", { style: style, className: className, children: [(['full-size', 'tenkeyless'].includes(type) || hasFunction) && (jsxRuntimeExports.jsx("div", { style: { display: 'grid', gridTemplateColumns: `repeat(20, 1fr)`, gap: '2px' }, children: renderRow(functionRow.flat()) })), jsxRuntimeExports.jsx("div", { style: { display: 'grid', gridTemplateColumns: 'repeat(15, 1fr)', gap: '2px' }, children: renderRow(numberRow) }), jsxRuntimeExports.jsx("div", { style: { display: 'grid', gridTemplateColumns: 'repeat(16, 1fr)', gap: '2px' }, children: renderRow(qwertyRow) }), jsxRuntimeExports.jsx("div", { style: { display: 'grid', gridTemplateColumns: 'repeat(15, 1fr)', gap: '2px' }, children: renderRow(homeRow) }), jsxRuntimeExports.jsx("div", { style: { display: 'grid', gridTemplateColumns: 'repeat(14, 1fr)', gap: '2px' }, children: renderRow(bottomRow) }), jsxRuntimeExports.jsx("div", { style: { display: 'grid', gridTemplateColumns: 'repeat(15, 1fr)', gap: '2px' }, children: renderRow(spaceRow) })] }));
|
|
371
1008
|
};
|
|
372
1009
|
|
|
373
1010
|
const RadioInput = (_a) => {
|
|
@@ -384,11 +1021,8 @@ const RadioInput = (_a) => {
|
|
|
384
1021
|
setSelected(result);
|
|
385
1022
|
onToggle === null || onToggle === undefined ? undefined : onToggle(Object.assign(Object.assign({}, e), { target: Object.assign(Object.assign({}, e.target), { id: uniqueId, checked: result, value: result }) }));
|
|
386
1023
|
};
|
|
387
|
-
return (
|
|
388
|
-
|
|
389
|
-
React.createElement("label", { htmlFor: uniqueId }, children),
|
|
390
|
-
showError &&
|
|
391
|
-
(typeof error === 'string' ? (React.createElement("span", { style: { position: 'absolute', top: '100%', left: 0 } }, error)) : (error))));
|
|
1024
|
+
return (jsxRuntimeExports.jsxs("span", { className: className, style: Object.assign({ position: 'relative' }, style), children: [jsxRuntimeExports.jsx("input", Object.assign({ id: uniqueId, type: 'radio', readOnly: true }, restProps, { checked: selected, onClick: onClick })), jsxRuntimeExports.jsx("label", { htmlFor: uniqueId, children: children }), showError &&
|
|
1025
|
+
(typeof error === 'string' ? (jsxRuntimeExports.jsx("span", { style: { position: 'absolute', top: '100%', left: 0 }, children: error })) : (error))] }));
|
|
392
1026
|
};
|
|
393
1027
|
|
|
394
1028
|
const RadioGroup = ({ title, style, className, children, value = [], onChange, clearable = false, allowMultiSelect = false, readOnly = false, disabled = false, showError = false, error, }) => {
|
|
@@ -416,27 +1050,24 @@ const RadioGroup = ({ title, style, className, children, value = [], onChange, c
|
|
|
416
1050
|
setSelectedValues(() => result);
|
|
417
1051
|
onChange === null || onChange === undefined ? undefined : onChange(result);
|
|
418
1052
|
};
|
|
419
|
-
return (
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
:
|
|
432
|
-
}),
|
|
433
|
-
showError &&
|
|
434
|
-
(typeof error === 'string' ? (React.createElement("span", { style: { position: 'absolute', top: '100%', left: 0 } }, error)) : (error))));
|
|
1053
|
+
return (jsxRuntimeExports.jsxs("span", { role: 'radiogroup', style: Object.assign({ position: 'relative' }, style), className: className, children: [typeof title === 'string' ? jsxRuntimeExports.jsx("h3", { children: title }) : title, React.Children.map(children, (child) => {
|
|
1054
|
+
const renderer = child;
|
|
1055
|
+
return React.isValidElement(renderer)
|
|
1056
|
+
? React.cloneElement(renderer, {
|
|
1057
|
+
selectedValues,
|
|
1058
|
+
onToggle,
|
|
1059
|
+
clearable,
|
|
1060
|
+
readOnly,
|
|
1061
|
+
disabled,
|
|
1062
|
+
})
|
|
1063
|
+
: null;
|
|
1064
|
+
}), showError &&
|
|
1065
|
+
(typeof error === 'string' ? (jsxRuntimeExports.jsx("span", { style: { position: 'absolute', top: '100%', left: 0 }, children: error })) : (error))] }));
|
|
435
1066
|
};
|
|
436
1067
|
const RadioGroupItem = (_a) => {
|
|
437
1068
|
var { selectedValues, onToggle, clearable, readOnly, disabled } = _a, restProps = __rest(_a, ["selectedValues", "onToggle", "clearable", "readOnly", "disabled"]);
|
|
438
1069
|
const uniqueId = React.useMemo(() => { var _a; return (_a = restProps.id) !== null && _a !== undefined ? _a : `radio-${crypto.randomUUID()}`; }, [restProps.id]);
|
|
439
|
-
return (
|
|
1070
|
+
return (jsxRuntimeExports.jsx(RadioInput, Object.assign({}, restProps, { clearable: clearable, readOnly: readOnly, disabled: disabled, id: uniqueId, checked: selectedValues === null || selectedValues === undefined ? undefined : selectedValues.includes(uniqueId), onToggle: (e) => {
|
|
440
1071
|
if (readOnly || disabled)
|
|
441
1072
|
return;
|
|
442
1073
|
onToggle === null || onToggle === undefined ? undefined : onToggle(e.target.id);
|
|
@@ -454,18 +1085,16 @@ const Modal = ({ opener, children, targetSelector = '#root', }) => {
|
|
|
454
1085
|
const onHandleShow = () => {
|
|
455
1086
|
setIsShow(true);
|
|
456
1087
|
};
|
|
457
|
-
return (
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
document.querySelector(targetSelector) &&
|
|
464
|
-
reactDom.createPortal(children, document.querySelector(targetSelector))));
|
|
1088
|
+
return (jsxRuntimeExports.jsxs(ModalContext.Provider, { value: { isShow, setIsShow }, children: [React.isValidElement(opener) &&
|
|
1089
|
+
React.cloneElement(opener, {
|
|
1090
|
+
onClick: onHandleShow,
|
|
1091
|
+
}), isShow &&
|
|
1092
|
+
document.querySelector(targetSelector) &&
|
|
1093
|
+
reactDom.createPortal(children, document.querySelector(targetSelector))] }));
|
|
465
1094
|
};
|
|
466
1095
|
const ModalOverlay = ({ backgroundColor = 'rgba(0,0,0,0.5)', children, style, className, zIndex = 999, }) => {
|
|
467
|
-
return (
|
|
468
|
-
backgroundColor }, style)
|
|
1096
|
+
return (jsxRuntimeExports.jsx("div", { className: className, style: Object.assign({ position: 'fixed', display: 'flex', justifyContent: 'center', alignItems: 'center', top: 0, right: 0, bottom: 0, left: 0, zIndex,
|
|
1097
|
+
backgroundColor }, style), children: children }));
|
|
469
1098
|
};
|
|
470
1099
|
const ModalCloseButton = (_a) => {
|
|
471
1100
|
var props = __rest(_a, []);
|
|
@@ -474,60 +1103,26 @@ const ModalCloseButton = (_a) => {
|
|
|
474
1103
|
throw new Error('ModalCloseButton must be used within a ModalContext.Provider');
|
|
475
1104
|
}
|
|
476
1105
|
const { setIsShow } = context;
|
|
477
|
-
return
|
|
1106
|
+
return jsxRuntimeExports.jsx(Button, Object.assign({}, props, { onClick: () => setIsShow(false) }));
|
|
478
1107
|
};
|
|
479
1108
|
Modal.Overlay = ModalOverlay;
|
|
480
1109
|
Modal.Closer = ModalCloseButton;
|
|
481
1110
|
|
|
482
1111
|
const CloseIcon = ({ color = '#000', size = '1em', bgColor = 'transparent', }) => {
|
|
483
|
-
return (
|
|
484
|
-
React.createElement("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
|
|
485
|
-
React.createElement("g", { id: "SVGRepo_tracerCarrier", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
486
|
-
React.createElement("g", { id: "SVGRepo_iconCarrier" },
|
|
487
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.29289 5.29289C5.68342 4.90237 6.31658 4.90237 6.70711 5.29289L12 10.5858L17.2929 5.29289C17.6834 4.90237 18.3166 4.90237 18.7071 5.29289C19.0976 5.68342 19.0976 6.31658 18.7071 6.70711L13.4142 12L18.7071 17.2929C19.0976 17.6834 19.0976 18.3166 18.7071 18.7071C18.3166 19.0976 17.6834 19.0976 17.2929 18.7071L12 13.4142L6.70711 18.7071C6.31658 19.0976 5.68342 19.0976 5.29289 18.7071C4.90237 18.3166 4.90237 17.6834 5.29289 17.2929L10.5858 12L5.29289 6.70711C4.90237 6.31658 4.90237 5.68342 5.29289 5.29289Z", fill: color }))));
|
|
1112
|
+
return (jsxRuntimeExports.jsxs("svg", { viewBox: "0 0 24 24", width: size, height: size, fill: "none", style: { backgroundColor: bgColor }, xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntimeExports.jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }), jsxRuntimeExports.jsx("g", { id: "SVGRepo_tracerCarrier", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntimeExports.jsx("g", { id: "SVGRepo_iconCarrier", children: jsxRuntimeExports.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.29289 5.29289C5.68342 4.90237 6.31658 4.90237 6.70711 5.29289L12 10.5858L17.2929 5.29289C17.6834 4.90237 18.3166 4.90237 18.7071 5.29289C19.0976 5.68342 19.0976 6.31658 18.7071 6.70711L13.4142 12L18.7071 17.2929C19.0976 17.6834 19.0976 18.3166 18.7071 18.7071C18.3166 19.0976 17.6834 19.0976 17.2929 18.7071L12 13.4142L6.70711 18.7071C6.31658 19.0976 5.68342 19.0976 5.29289 18.7071C4.90237 18.3166 4.90237 17.6834 5.29289 17.2929L10.5858 12L5.29289 6.70711C4.90237 6.31658 4.90237 5.68342 5.29289 5.29289Z", fill: color }) })] }));
|
|
488
1113
|
};
|
|
489
|
-
// COLLECTION: Wave Oval Interface Icons
|
|
490
|
-
// LICENSE: PD License
|
|
491
|
-
// AUTHOR: Arthur Kazais
|
|
492
|
-
// https://www.svgrepo.com/svg/499592/close-x
|
|
493
1114
|
|
|
494
1115
|
const CallIcon = ({ color = '#000', size = '1em', bgColor = 'transparent', fill = 'none', }) => {
|
|
495
|
-
return (
|
|
496
|
-
React.createElement("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
|
|
497
|
-
React.createElement("g", { id: "SVGRepo_tracerCarrier", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
498
|
-
React.createElement("g", { id: "SVGRepo_iconCarrier" },
|
|
499
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.36343 6.36195C7.24343 5.43495 7.55443 5.17495 7.92943 5.05395C8.18895 4.98595 8.46112 4.98217 8.72243 5.04295C9.06643 5.14295 9.15743 5.21895 10.2854 6.34295C11.2764 7.32995 11.3754 7.43695 11.4704 7.62995C11.6521 7.96873 11.6805 8.36894 11.5484 8.72995C11.4484 9.00495 11.3064 9.18695 10.7054 9.78995L10.3134 10.183C10.2105 10.2876 10.1863 10.4464 10.2534 10.577C11.1244 12.0628 12.36 13.3019 13.8434 14.177C14.0142 14.2684 14.2245 14.2389 14.3634 14.104L14.7404 13.733C14.9734 13.4941 15.2202 13.2691 15.4794 13.059C15.8866 12.809 16.3939 12.7867 16.8214 13C17.0304 13.1 17.0994 13.162 18.1214 14.182C19.1754 15.233 19.2054 15.266 19.3214 15.507C19.5397 15.9059 19.5374 16.3891 19.3154 16.786C19.2024 17.01 19.1334 17.091 18.5404 17.697C18.1824 18.063 17.8454 18.397 17.7914 18.446C17.3022 18.851 16.6746 19.0497 16.0414 19C14.883 18.8944 13.7617 18.5363 12.7564 17.951C10.5296 16.7711 8.63383 15.0521 7.24243 12.951C6.93937 12.5112 6.66994 12.0492 6.43643 11.569C5.81001 10.4953 5.48653 9.27189 5.50043 8.02895C5.54825 7.37871 5.86008 6.77637 6.36343 6.36195Z", stroke: color, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }))));
|
|
1116
|
+
return (jsxRuntimeExports.jsxs("svg", { viewBox: "0 -0.5 25 25", width: size, height: size, fill: fill, style: { backgroundColor: bgColor }, xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntimeExports.jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }), jsxRuntimeExports.jsx("g", { id: "SVGRepo_tracerCarrier", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntimeExports.jsx("g", { id: "SVGRepo_iconCarrier", children: jsxRuntimeExports.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.36343 6.36195C7.24343 5.43495 7.55443 5.17495 7.92943 5.05395C8.18895 4.98595 8.46112 4.98217 8.72243 5.04295C9.06643 5.14295 9.15743 5.21895 10.2854 6.34295C11.2764 7.32995 11.3754 7.43695 11.4704 7.62995C11.6521 7.96873 11.6805 8.36894 11.5484 8.72995C11.4484 9.00495 11.3064 9.18695 10.7054 9.78995L10.3134 10.183C10.2105 10.2876 10.1863 10.4464 10.2534 10.577C11.1244 12.0628 12.36 13.3019 13.8434 14.177C14.0142 14.2684 14.2245 14.2389 14.3634 14.104L14.7404 13.733C14.9734 13.4941 15.2202 13.2691 15.4794 13.059C15.8866 12.809 16.3939 12.7867 16.8214 13C17.0304 13.1 17.0994 13.162 18.1214 14.182C19.1754 15.233 19.2054 15.266 19.3214 15.507C19.5397 15.9059 19.5374 16.3891 19.3154 16.786C19.2024 17.01 19.1334 17.091 18.5404 17.697C18.1824 18.063 17.8454 18.397 17.7914 18.446C17.3022 18.851 16.6746 19.0497 16.0414 19C14.883 18.8944 13.7617 18.5363 12.7564 17.951C10.5296 16.7711 8.63383 15.0521 7.24243 12.951C6.93937 12.5112 6.66994 12.0492 6.43643 11.569C5.81001 10.4953 5.48653 9.27189 5.50043 8.02895C5.54825 7.37871 5.86008 6.77637 6.36343 6.36195Z", stroke: color, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })] }));
|
|
500
1117
|
};
|
|
501
|
-
// COLLECTION: Xnix Circular Interface Icons
|
|
502
|
-
// LICENSE: CC Attribution License
|
|
503
|
-
// AUTHOR: Ankush Syal
|
|
504
|
-
// https://www.svgrepo.com/svg/520583/call
|
|
505
1118
|
|
|
506
1119
|
const HomeIcon = ({ color = '#000', size = '1em', bgColor = 'transparent', fill = 'none', }) => {
|
|
507
|
-
return (
|
|
508
|
-
React.createElement("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
|
|
509
|
-
React.createElement("g", { id: "SVGRepo_tracerCarrier", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
510
|
-
React.createElement("g", { id: "SVGRepo_iconCarrier" },
|
|
511
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18.867 15.8321L18.873 10.0391L14.75 5.92908C13.5057 4.69031 11.4942 4.69031 10.25 5.92908L6.13599 10.0291V15.8291C6.1393 17.5833 7.56377 19.0028 9.31799 19.0001H15.685C17.438 19.0029 18.862 17.5851 18.867 15.8321Z", stroke: color, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
512
|
-
React.createElement("path", { d: "M19.624 6.01807C19.624 5.60385 19.2882 5.26807 18.874 5.26807C18.4598 5.26807 18.124 5.60385 18.124 6.01807H19.624ZM18.874 10.0391H18.124C18.124 10.2384 18.2033 10.4295 18.3445 10.5702L18.874 10.0391ZM19.9705 12.1912C20.2638 12.4837 20.7387 12.4829 21.0311 12.1896C21.3236 11.8962 21.3229 11.4214 21.0295 11.1289L19.9705 12.1912ZM6.66552 10.5602C6.95886 10.2678 6.95959 9.79289 6.66714 9.49955C6.3747 9.20621 5.89982 9.20548 5.60648 9.49793L6.66552 10.5602ZM3.97048 11.1289C3.67714 11.4214 3.67641 11.8962 3.96886 12.1896C4.2613 12.4829 4.73618 12.4837 5.02952 12.1912L3.97048 11.1289ZM13.75 19.0001C13.75 19.4143 14.0858 19.7501 14.5 19.7501C14.9142 19.7501 15.25 19.4143 15.25 19.0001H13.75ZM9.75 19.0001C9.75 19.4143 10.0858 19.7501 10.5 19.7501C10.9142 19.7501 11.25 19.4143 11.25 19.0001H9.75ZM18.124 6.01807V10.0391H19.624V6.01807H18.124ZM18.3445 10.5702L19.9705 12.1912L21.0295 11.1289L19.4035 9.50792L18.3445 10.5702ZM5.60648 9.49793L3.97048 11.1289L5.02952 12.1912L6.66552 10.5602L5.60648 9.49793ZM15.25 19.0001V17.2201H13.75V19.0001H15.25ZM15.25 17.2201C15.25 15.7013 14.0188 14.4701 12.5 14.4701V15.9701C13.1904 15.9701 13.75 16.5297 13.75 17.2201H15.25ZM12.5 14.4701C10.9812 14.4701 9.75 15.7013 9.75 17.2201H11.25C11.25 16.5297 11.8096 15.9701 12.5 15.9701V14.4701ZM9.75 17.2201V19.0001H11.25V17.2201H9.75Z", fill: color }))));
|
|
1120
|
+
return (jsxRuntimeExports.jsxs("svg", { viewBox: "0 -0.5 25 25", width: size, height: size, fill: fill, style: { backgroundColor: bgColor }, xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntimeExports.jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }), jsxRuntimeExports.jsx("g", { id: "SVGRepo_tracerCarrier", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntimeExports.jsxs("g", { id: "SVGRepo_iconCarrier", children: [jsxRuntimeExports.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18.867 15.8321L18.873 10.0391L14.75 5.92908C13.5057 4.69031 11.4942 4.69031 10.25 5.92908L6.13599 10.0291V15.8291C6.1393 17.5833 7.56377 19.0028 9.31799 19.0001H15.685C17.438 19.0029 18.862 17.5851 18.867 15.8321Z", stroke: color, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntimeExports.jsx("path", { d: "M19.624 6.01807C19.624 5.60385 19.2882 5.26807 18.874 5.26807C18.4598 5.26807 18.124 5.60385 18.124 6.01807H19.624ZM18.874 10.0391H18.124C18.124 10.2384 18.2033 10.4295 18.3445 10.5702L18.874 10.0391ZM19.9705 12.1912C20.2638 12.4837 20.7387 12.4829 21.0311 12.1896C21.3236 11.8962 21.3229 11.4214 21.0295 11.1289L19.9705 12.1912ZM6.66552 10.5602C6.95886 10.2678 6.95959 9.79289 6.66714 9.49955C6.3747 9.20621 5.89982 9.20548 5.60648 9.49793L6.66552 10.5602ZM3.97048 11.1289C3.67714 11.4214 3.67641 11.8962 3.96886 12.1896C4.2613 12.4829 4.73618 12.4837 5.02952 12.1912L3.97048 11.1289ZM13.75 19.0001C13.75 19.4143 14.0858 19.7501 14.5 19.7501C14.9142 19.7501 15.25 19.4143 15.25 19.0001H13.75ZM9.75 19.0001C9.75 19.4143 10.0858 19.7501 10.5 19.7501C10.9142 19.7501 11.25 19.4143 11.25 19.0001H9.75ZM18.124 6.01807V10.0391H19.624V6.01807H18.124ZM18.3445 10.5702L19.9705 12.1912L21.0295 11.1289L19.4035 9.50792L18.3445 10.5702ZM5.60648 9.49793L3.97048 11.1289L5.02952 12.1912L6.66552 10.5602L5.60648 9.49793ZM15.25 19.0001V17.2201H13.75V19.0001H15.25ZM15.25 17.2201C15.25 15.7013 14.0188 14.4701 12.5 14.4701V15.9701C13.1904 15.9701 13.75 16.5297 13.75 17.2201H15.25ZM12.5 14.4701C10.9812 14.4701 9.75 15.7013 9.75 17.2201H11.25C11.25 16.5297 11.8096 15.9701 12.5 15.9701V14.4701ZM9.75 17.2201V19.0001H11.25V17.2201H9.75Z", fill: color })] })] }));
|
|
513
1121
|
};
|
|
514
|
-
// COLLECTION: Xnix Circular Interface Icons
|
|
515
|
-
// LICENSE: CC Attribution License
|
|
516
|
-
// AUTHOR: Ankush Syal
|
|
517
|
-
// https://www.svgrepo.com/svg/520794/home-20
|
|
518
1122
|
|
|
519
1123
|
const SearchIcon = ({ color = '#000', size = '1em', bgColor = 'transparent', fill = 'none', }) => {
|
|
520
|
-
return (
|
|
521
|
-
React.createElement("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
|
|
522
|
-
React.createElement("g", { id: "SVGRepo_tracerCarrier", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
523
|
-
React.createElement("g", { id: "SVGRepo_iconCarrier" },
|
|
524
|
-
React.createElement("g", { id: "Interface / Search_Magnifying_Glass" },
|
|
525
|
-
React.createElement("path", { id: "Vector", d: "M15 15L21 21M10 17C6.13401 17 3 13.866 3 10C3 6.13401 6.13401 3 10 3C13.866 3 17 6.13401 17 10C17 13.866 13.866 17 10 17Z", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })))));
|
|
1124
|
+
return (jsxRuntimeExports.jsxs("svg", { viewBox: "0 0 24 24", width: size, height: size, fill: fill, style: { backgroundColor: bgColor }, xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntimeExports.jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }), jsxRuntimeExports.jsx("g", { id: "SVGRepo_tracerCarrier", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntimeExports.jsx("g", { id: "SVGRepo_iconCarrier", children: jsxRuntimeExports.jsx("g", { id: "Interface / Search_Magnifying_Glass", children: jsxRuntimeExports.jsx("path", { id: "Vector", d: "M15 15L21 21M10 17C6.13401 17 3 13.866 3 10C3 6.13401 6.13401 3 10 3C13.866 3 17 6.13401 17 10C17 13.866 13.866 17 10 17Z", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) })] }));
|
|
526
1125
|
};
|
|
527
|
-
// COLLECTION: Xnix Circular Interface Icons
|
|
528
|
-
// LICENSE: CC Attribution License
|
|
529
|
-
// AUTHOR: Ankush Syal
|
|
530
|
-
// https://www.svgrepo.com/svg/520583/call
|
|
531
1126
|
|
|
532
1127
|
exports.Button = Button;
|
|
533
1128
|
exports.CallIcon = CallIcon;
|
|
@@ -536,7 +1131,6 @@ exports.DesktopKeyboardInput = DesktopKeyboardInput;
|
|
|
536
1131
|
exports.HomeIcon = HomeIcon;
|
|
537
1132
|
exports.Input = Input;
|
|
538
1133
|
exports.Modal = Modal;
|
|
539
|
-
exports.NumberInput = NumberInput;
|
|
540
1134
|
exports.RadioGroup = RadioGroup;
|
|
541
1135
|
exports.RadioInput = RadioInput;
|
|
542
1136
|
exports.SearchIcon = SearchIcon;
|