@nccirtu/tablefy 0.1.5 → 0.1.7
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/columns/index.d.ts +15 -11
- package/dist/columns/index.esm.js +206 -1578
- package/dist/columns/index.esm.js.map +1 -1
- package/dist/columns/index.js +219 -1591
- package/dist/columns/index.js.map +1 -1
- package/dist/index.d.ts +15 -11
- package/dist/index.esm.js +526 -1588
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +552 -1599
- package/dist/index.js.map +1 -1
- package/package.json +4 -1
package/dist/columns/index.js
CHANGED
|
@@ -1,1405 +1,33 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
3
4
|
var React = require('react');
|
|
4
5
|
var lucideReact = require('lucide-react');
|
|
5
6
|
var ReactDOM = require('react-dom');
|
|
6
7
|
|
|
7
8
|
function _interopNamespaceDefault(e) {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
9
|
+
var n = Object.create(null);
|
|
10
|
+
if (e) {
|
|
11
|
+
Object.keys(e).forEach(function (k) {
|
|
12
|
+
if (k !== 'default') {
|
|
13
|
+
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
14
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
15
|
+
enumerable: true,
|
|
16
|
+
get: function () { return e[k]; }
|
|
17
|
+
});
|
|
18
|
+
}
|
|
16
19
|
});
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
n.default = e;
|
|
21
|
-
return Object.freeze(n);
|
|
20
|
+
}
|
|
21
|
+
n.default = e;
|
|
22
|
+
return Object.freeze(n);
|
|
22
23
|
}
|
|
23
24
|
|
|
24
25
|
var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
|
|
25
26
|
var ReactDOM__namespace = /*#__PURE__*/_interopNamespaceDefault(ReactDOM);
|
|
26
27
|
|
|
27
|
-
var jsxRuntime = {exports: {}};
|
|
28
|
-
|
|
29
|
-
var reactJsxRuntime_production_min = {};
|
|
30
|
-
|
|
31
|
-
/**
|
|
32
|
-
* @license React
|
|
33
|
-
* react-jsx-runtime.production.min.js
|
|
34
|
-
*
|
|
35
|
-
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
36
|
-
*
|
|
37
|
-
* This source code is licensed under the MIT license found in the
|
|
38
|
-
* LICENSE file in the root directory of this source tree.
|
|
39
|
-
*/
|
|
40
|
-
|
|
41
|
-
var hasRequiredReactJsxRuntime_production_min;
|
|
42
|
-
|
|
43
|
-
function requireReactJsxRuntime_production_min () {
|
|
44
|
-
if (hasRequiredReactJsxRuntime_production_min) return reactJsxRuntime_production_min;
|
|
45
|
-
hasRequiredReactJsxRuntime_production_min = 1;
|
|
46
|
-
var f=React,k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};
|
|
47
|
-
function q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=""+g);void 0!==a.key&&(e=""+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return {$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}reactJsxRuntime_production_min.Fragment=l;reactJsxRuntime_production_min.jsx=q;reactJsxRuntime_production_min.jsxs=q;
|
|
48
|
-
return reactJsxRuntime_production_min;
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
var reactJsxRuntime_development = {};
|
|
52
|
-
|
|
53
|
-
/**
|
|
54
|
-
* @license React
|
|
55
|
-
* react-jsx-runtime.development.js
|
|
56
|
-
*
|
|
57
|
-
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
58
|
-
*
|
|
59
|
-
* This source code is licensed under the MIT license found in the
|
|
60
|
-
* LICENSE file in the root directory of this source tree.
|
|
61
|
-
*/
|
|
62
|
-
|
|
63
|
-
var hasRequiredReactJsxRuntime_development;
|
|
64
|
-
|
|
65
|
-
function requireReactJsxRuntime_development () {
|
|
66
|
-
if (hasRequiredReactJsxRuntime_development) return reactJsxRuntime_development;
|
|
67
|
-
hasRequiredReactJsxRuntime_development = 1;
|
|
68
|
-
|
|
69
|
-
if (process.env.NODE_ENV !== "production") {
|
|
70
|
-
(function() {
|
|
71
|
-
|
|
72
|
-
var React$1 = React;
|
|
73
|
-
|
|
74
|
-
// ATTENTION
|
|
75
|
-
// When adding new symbols to this file,
|
|
76
|
-
// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
|
|
77
|
-
// The Symbol used to tag the ReactElement-like types.
|
|
78
|
-
var REACT_ELEMENT_TYPE = Symbol.for('react.element');
|
|
79
|
-
var REACT_PORTAL_TYPE = Symbol.for('react.portal');
|
|
80
|
-
var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
|
|
81
|
-
var REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
|
|
82
|
-
var REACT_PROFILER_TYPE = Symbol.for('react.profiler');
|
|
83
|
-
var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
|
|
84
|
-
var REACT_CONTEXT_TYPE = Symbol.for('react.context');
|
|
85
|
-
var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
|
|
86
|
-
var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
|
|
87
|
-
var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
|
|
88
|
-
var REACT_MEMO_TYPE = Symbol.for('react.memo');
|
|
89
|
-
var REACT_LAZY_TYPE = Symbol.for('react.lazy');
|
|
90
|
-
var REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
|
|
91
|
-
var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
|
|
92
|
-
var FAUX_ITERATOR_SYMBOL = '@@iterator';
|
|
93
|
-
function getIteratorFn(maybeIterable) {
|
|
94
|
-
if (maybeIterable === null || typeof maybeIterable !== 'object') {
|
|
95
|
-
return null;
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
|
|
99
|
-
|
|
100
|
-
if (typeof maybeIterator === 'function') {
|
|
101
|
-
return maybeIterator;
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
return null;
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
var ReactSharedInternals = React$1.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
|
|
108
|
-
|
|
109
|
-
function error(format) {
|
|
110
|
-
{
|
|
111
|
-
{
|
|
112
|
-
for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
|
|
113
|
-
args[_key2 - 1] = arguments[_key2];
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
printWarning('error', format, args);
|
|
117
|
-
}
|
|
118
|
-
}
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
function printWarning(level, format, args) {
|
|
122
|
-
// When changing this logic, you might want to also
|
|
123
|
-
// update consoleWithStackDev.www.js as well.
|
|
124
|
-
{
|
|
125
|
-
var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
|
|
126
|
-
var stack = ReactDebugCurrentFrame.getStackAddendum();
|
|
127
|
-
|
|
128
|
-
if (stack !== '') {
|
|
129
|
-
format += '%s';
|
|
130
|
-
args = args.concat([stack]);
|
|
131
|
-
} // eslint-disable-next-line react-internal/safe-string-coercion
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
var argsWithFormat = args.map(function (item) {
|
|
135
|
-
return String(item);
|
|
136
|
-
}); // Careful: RN currently depends on this prefix
|
|
137
|
-
|
|
138
|
-
argsWithFormat.unshift('Warning: ' + format); // We intentionally don't use spread (or .apply) directly because it
|
|
139
|
-
// breaks IE9: https://github.com/facebook/react/issues/13610
|
|
140
|
-
// eslint-disable-next-line react-internal/no-production-logging
|
|
141
|
-
|
|
142
|
-
Function.prototype.apply.call(console[level], console, argsWithFormat);
|
|
143
|
-
}
|
|
144
|
-
}
|
|
145
|
-
|
|
146
|
-
// -----------------------------------------------------------------------------
|
|
147
|
-
|
|
148
|
-
var enableScopeAPI = false; // Experimental Create Event Handle API.
|
|
149
|
-
var enableCacheElement = false;
|
|
150
|
-
var enableTransitionTracing = false; // No known bugs, but needs performance testing
|
|
151
|
-
|
|
152
|
-
var enableLegacyHidden = false; // Enables unstable_avoidThisFallback feature in Fiber
|
|
153
|
-
// stuff. Intended to enable React core members to more easily debug scheduling
|
|
154
|
-
// issues in DEV builds.
|
|
155
|
-
|
|
156
|
-
var enableDebugTracing = false; // Track which Fiber(s) schedule render work.
|
|
157
|
-
|
|
158
|
-
var REACT_MODULE_REFERENCE;
|
|
159
|
-
|
|
160
|
-
{
|
|
161
|
-
REACT_MODULE_REFERENCE = Symbol.for('react.module.reference');
|
|
162
|
-
}
|
|
163
|
-
|
|
164
|
-
function isValidElementType(type) {
|
|
165
|
-
if (typeof type === 'string' || typeof type === 'function') {
|
|
166
|
-
return true;
|
|
167
|
-
} // Note: typeof might be other than 'symbol' or 'number' (e.g. if it's a polyfill).
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
if (type === REACT_FRAGMENT_TYPE || type === REACT_PROFILER_TYPE || enableDebugTracing || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || enableLegacyHidden || type === REACT_OFFSCREEN_TYPE || enableScopeAPI || enableCacheElement || enableTransitionTracing ) {
|
|
171
|
-
return true;
|
|
172
|
-
}
|
|
173
|
-
|
|
174
|
-
if (typeof type === 'object' && type !== null) {
|
|
175
|
-
if (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || // This needs to include all possible module reference object
|
|
176
|
-
// types supported by any Flight configuration anywhere since
|
|
177
|
-
// we don't know which Flight build this will end up being used
|
|
178
|
-
// with.
|
|
179
|
-
type.$$typeof === REACT_MODULE_REFERENCE || type.getModuleId !== undefined) {
|
|
180
|
-
return true;
|
|
181
|
-
}
|
|
182
|
-
}
|
|
183
|
-
|
|
184
|
-
return false;
|
|
185
|
-
}
|
|
186
|
-
|
|
187
|
-
function getWrappedName(outerType, innerType, wrapperName) {
|
|
188
|
-
var displayName = outerType.displayName;
|
|
189
|
-
|
|
190
|
-
if (displayName) {
|
|
191
|
-
return displayName;
|
|
192
|
-
}
|
|
193
|
-
|
|
194
|
-
var functionName = innerType.displayName || innerType.name || '';
|
|
195
|
-
return functionName !== '' ? wrapperName + "(" + functionName + ")" : wrapperName;
|
|
196
|
-
} // Keep in sync with react-reconciler/getComponentNameFromFiber
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
function getContextName(type) {
|
|
200
|
-
return type.displayName || 'Context';
|
|
201
|
-
} // Note that the reconciler package should generally prefer to use getComponentNameFromFiber() instead.
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
function getComponentNameFromType(type) {
|
|
205
|
-
if (type == null) {
|
|
206
|
-
// Host root, text node or just invalid type.
|
|
207
|
-
return null;
|
|
208
|
-
}
|
|
209
|
-
|
|
210
|
-
{
|
|
211
|
-
if (typeof type.tag === 'number') {
|
|
212
|
-
error('Received an unexpected object in getComponentNameFromType(). ' + 'This is likely a bug in React. Please file an issue.');
|
|
213
|
-
}
|
|
214
|
-
}
|
|
215
|
-
|
|
216
|
-
if (typeof type === 'function') {
|
|
217
|
-
return type.displayName || type.name || null;
|
|
218
|
-
}
|
|
219
|
-
|
|
220
|
-
if (typeof type === 'string') {
|
|
221
|
-
return type;
|
|
222
|
-
}
|
|
223
|
-
|
|
224
|
-
switch (type) {
|
|
225
|
-
case REACT_FRAGMENT_TYPE:
|
|
226
|
-
return 'Fragment';
|
|
227
|
-
|
|
228
|
-
case REACT_PORTAL_TYPE:
|
|
229
|
-
return 'Portal';
|
|
230
|
-
|
|
231
|
-
case REACT_PROFILER_TYPE:
|
|
232
|
-
return 'Profiler';
|
|
233
|
-
|
|
234
|
-
case REACT_STRICT_MODE_TYPE:
|
|
235
|
-
return 'StrictMode';
|
|
236
|
-
|
|
237
|
-
case REACT_SUSPENSE_TYPE:
|
|
238
|
-
return 'Suspense';
|
|
239
|
-
|
|
240
|
-
case REACT_SUSPENSE_LIST_TYPE:
|
|
241
|
-
return 'SuspenseList';
|
|
242
|
-
|
|
243
|
-
}
|
|
244
|
-
|
|
245
|
-
if (typeof type === 'object') {
|
|
246
|
-
switch (type.$$typeof) {
|
|
247
|
-
case REACT_CONTEXT_TYPE:
|
|
248
|
-
var context = type;
|
|
249
|
-
return getContextName(context) + '.Consumer';
|
|
250
|
-
|
|
251
|
-
case REACT_PROVIDER_TYPE:
|
|
252
|
-
var provider = type;
|
|
253
|
-
return getContextName(provider._context) + '.Provider';
|
|
254
|
-
|
|
255
|
-
case REACT_FORWARD_REF_TYPE:
|
|
256
|
-
return getWrappedName(type, type.render, 'ForwardRef');
|
|
257
|
-
|
|
258
|
-
case REACT_MEMO_TYPE:
|
|
259
|
-
var outerName = type.displayName || null;
|
|
260
|
-
|
|
261
|
-
if (outerName !== null) {
|
|
262
|
-
return outerName;
|
|
263
|
-
}
|
|
264
|
-
|
|
265
|
-
return getComponentNameFromType(type.type) || 'Memo';
|
|
266
|
-
|
|
267
|
-
case REACT_LAZY_TYPE:
|
|
268
|
-
{
|
|
269
|
-
var lazyComponent = type;
|
|
270
|
-
var payload = lazyComponent._payload;
|
|
271
|
-
var init = lazyComponent._init;
|
|
272
|
-
|
|
273
|
-
try {
|
|
274
|
-
return getComponentNameFromType(init(payload));
|
|
275
|
-
} catch (x) {
|
|
276
|
-
return null;
|
|
277
|
-
}
|
|
278
|
-
}
|
|
279
|
-
|
|
280
|
-
// eslint-disable-next-line no-fallthrough
|
|
281
|
-
}
|
|
282
|
-
}
|
|
283
|
-
|
|
284
|
-
return null;
|
|
285
|
-
}
|
|
286
|
-
|
|
287
|
-
var assign = Object.assign;
|
|
288
|
-
|
|
289
|
-
// Helpers to patch console.logs to avoid logging during side-effect free
|
|
290
|
-
// replaying on render function. This currently only patches the object
|
|
291
|
-
// lazily which won't cover if the log function was extracted eagerly.
|
|
292
|
-
// We could also eagerly patch the method.
|
|
293
|
-
var disabledDepth = 0;
|
|
294
|
-
var prevLog;
|
|
295
|
-
var prevInfo;
|
|
296
|
-
var prevWarn;
|
|
297
|
-
var prevError;
|
|
298
|
-
var prevGroup;
|
|
299
|
-
var prevGroupCollapsed;
|
|
300
|
-
var prevGroupEnd;
|
|
301
|
-
|
|
302
|
-
function disabledLog() {}
|
|
303
|
-
|
|
304
|
-
disabledLog.__reactDisabledLog = true;
|
|
305
|
-
function disableLogs() {
|
|
306
|
-
{
|
|
307
|
-
if (disabledDepth === 0) {
|
|
308
|
-
/* eslint-disable react-internal/no-production-logging */
|
|
309
|
-
prevLog = console.log;
|
|
310
|
-
prevInfo = console.info;
|
|
311
|
-
prevWarn = console.warn;
|
|
312
|
-
prevError = console.error;
|
|
313
|
-
prevGroup = console.group;
|
|
314
|
-
prevGroupCollapsed = console.groupCollapsed;
|
|
315
|
-
prevGroupEnd = console.groupEnd; // https://github.com/facebook/react/issues/19099
|
|
316
|
-
|
|
317
|
-
var props = {
|
|
318
|
-
configurable: true,
|
|
319
|
-
enumerable: true,
|
|
320
|
-
value: disabledLog,
|
|
321
|
-
writable: true
|
|
322
|
-
}; // $FlowFixMe Flow thinks console is immutable.
|
|
323
|
-
|
|
324
|
-
Object.defineProperties(console, {
|
|
325
|
-
info: props,
|
|
326
|
-
log: props,
|
|
327
|
-
warn: props,
|
|
328
|
-
error: props,
|
|
329
|
-
group: props,
|
|
330
|
-
groupCollapsed: props,
|
|
331
|
-
groupEnd: props
|
|
332
|
-
});
|
|
333
|
-
/* eslint-enable react-internal/no-production-logging */
|
|
334
|
-
}
|
|
335
|
-
|
|
336
|
-
disabledDepth++;
|
|
337
|
-
}
|
|
338
|
-
}
|
|
339
|
-
function reenableLogs() {
|
|
340
|
-
{
|
|
341
|
-
disabledDepth--;
|
|
342
|
-
|
|
343
|
-
if (disabledDepth === 0) {
|
|
344
|
-
/* eslint-disable react-internal/no-production-logging */
|
|
345
|
-
var props = {
|
|
346
|
-
configurable: true,
|
|
347
|
-
enumerable: true,
|
|
348
|
-
writable: true
|
|
349
|
-
}; // $FlowFixMe Flow thinks console is immutable.
|
|
350
|
-
|
|
351
|
-
Object.defineProperties(console, {
|
|
352
|
-
log: assign({}, props, {
|
|
353
|
-
value: prevLog
|
|
354
|
-
}),
|
|
355
|
-
info: assign({}, props, {
|
|
356
|
-
value: prevInfo
|
|
357
|
-
}),
|
|
358
|
-
warn: assign({}, props, {
|
|
359
|
-
value: prevWarn
|
|
360
|
-
}),
|
|
361
|
-
error: assign({}, props, {
|
|
362
|
-
value: prevError
|
|
363
|
-
}),
|
|
364
|
-
group: assign({}, props, {
|
|
365
|
-
value: prevGroup
|
|
366
|
-
}),
|
|
367
|
-
groupCollapsed: assign({}, props, {
|
|
368
|
-
value: prevGroupCollapsed
|
|
369
|
-
}),
|
|
370
|
-
groupEnd: assign({}, props, {
|
|
371
|
-
value: prevGroupEnd
|
|
372
|
-
})
|
|
373
|
-
});
|
|
374
|
-
/* eslint-enable react-internal/no-production-logging */
|
|
375
|
-
}
|
|
376
|
-
|
|
377
|
-
if (disabledDepth < 0) {
|
|
378
|
-
error('disabledDepth fell below zero. ' + 'This is a bug in React. Please file an issue.');
|
|
379
|
-
}
|
|
380
|
-
}
|
|
381
|
-
}
|
|
382
|
-
|
|
383
|
-
var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
|
|
384
|
-
var prefix;
|
|
385
|
-
function describeBuiltInComponentFrame(name, source, ownerFn) {
|
|
386
|
-
{
|
|
387
|
-
if (prefix === undefined) {
|
|
388
|
-
// Extract the VM specific prefix used by each line.
|
|
389
|
-
try {
|
|
390
|
-
throw Error();
|
|
391
|
-
} catch (x) {
|
|
392
|
-
var match = x.stack.trim().match(/\n( *(at )?)/);
|
|
393
|
-
prefix = match && match[1] || '';
|
|
394
|
-
}
|
|
395
|
-
} // We use the prefix to ensure our stacks line up with native stack frames.
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
return '\n' + prefix + name;
|
|
399
|
-
}
|
|
400
|
-
}
|
|
401
|
-
var reentry = false;
|
|
402
|
-
var componentFrameCache;
|
|
403
|
-
|
|
404
|
-
{
|
|
405
|
-
var PossiblyWeakMap = typeof WeakMap === 'function' ? WeakMap : Map;
|
|
406
|
-
componentFrameCache = new PossiblyWeakMap();
|
|
407
|
-
}
|
|
408
|
-
|
|
409
|
-
function describeNativeComponentFrame(fn, construct) {
|
|
410
|
-
// If something asked for a stack inside a fake render, it should get ignored.
|
|
411
|
-
if ( !fn || reentry) {
|
|
412
|
-
return '';
|
|
413
|
-
}
|
|
414
|
-
|
|
415
|
-
{
|
|
416
|
-
var frame = componentFrameCache.get(fn);
|
|
417
|
-
|
|
418
|
-
if (frame !== undefined) {
|
|
419
|
-
return frame;
|
|
420
|
-
}
|
|
421
|
-
}
|
|
422
|
-
|
|
423
|
-
var control;
|
|
424
|
-
reentry = true;
|
|
425
|
-
var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe It does accept undefined.
|
|
426
|
-
|
|
427
|
-
Error.prepareStackTrace = undefined;
|
|
428
|
-
var previousDispatcher;
|
|
429
|
-
|
|
430
|
-
{
|
|
431
|
-
previousDispatcher = ReactCurrentDispatcher.current; // Set the dispatcher in DEV because this might be call in the render function
|
|
432
|
-
// for warnings.
|
|
433
|
-
|
|
434
|
-
ReactCurrentDispatcher.current = null;
|
|
435
|
-
disableLogs();
|
|
436
|
-
}
|
|
437
|
-
|
|
438
|
-
try {
|
|
439
|
-
// This should throw.
|
|
440
|
-
if (construct) {
|
|
441
|
-
// Something should be setting the props in the constructor.
|
|
442
|
-
var Fake = function () {
|
|
443
|
-
throw Error();
|
|
444
|
-
}; // $FlowFixMe
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
Object.defineProperty(Fake.prototype, 'props', {
|
|
448
|
-
set: function () {
|
|
449
|
-
// We use a throwing setter instead of frozen or non-writable props
|
|
450
|
-
// because that won't throw in a non-strict mode function.
|
|
451
|
-
throw Error();
|
|
452
|
-
}
|
|
453
|
-
});
|
|
454
|
-
|
|
455
|
-
if (typeof Reflect === 'object' && Reflect.construct) {
|
|
456
|
-
// We construct a different control for this case to include any extra
|
|
457
|
-
// frames added by the construct call.
|
|
458
|
-
try {
|
|
459
|
-
Reflect.construct(Fake, []);
|
|
460
|
-
} catch (x) {
|
|
461
|
-
control = x;
|
|
462
|
-
}
|
|
463
|
-
|
|
464
|
-
Reflect.construct(fn, [], Fake);
|
|
465
|
-
} else {
|
|
466
|
-
try {
|
|
467
|
-
Fake.call();
|
|
468
|
-
} catch (x) {
|
|
469
|
-
control = x;
|
|
470
|
-
}
|
|
471
|
-
|
|
472
|
-
fn.call(Fake.prototype);
|
|
473
|
-
}
|
|
474
|
-
} else {
|
|
475
|
-
try {
|
|
476
|
-
throw Error();
|
|
477
|
-
} catch (x) {
|
|
478
|
-
control = x;
|
|
479
|
-
}
|
|
480
|
-
|
|
481
|
-
fn();
|
|
482
|
-
}
|
|
483
|
-
} catch (sample) {
|
|
484
|
-
// This is inlined manually because closure doesn't do it for us.
|
|
485
|
-
if (sample && control && typeof sample.stack === 'string') {
|
|
486
|
-
// This extracts the first frame from the sample that isn't also in the control.
|
|
487
|
-
// Skipping one frame that we assume is the frame that calls the two.
|
|
488
|
-
var sampleLines = sample.stack.split('\n');
|
|
489
|
-
var controlLines = control.stack.split('\n');
|
|
490
|
-
var s = sampleLines.length - 1;
|
|
491
|
-
var c = controlLines.length - 1;
|
|
492
|
-
|
|
493
|
-
while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
|
|
494
|
-
// We expect at least one stack frame to be shared.
|
|
495
|
-
// Typically this will be the root most one. However, stack frames may be
|
|
496
|
-
// cut off due to maximum stack limits. In this case, one maybe cut off
|
|
497
|
-
// earlier than the other. We assume that the sample is longer or the same
|
|
498
|
-
// and there for cut off earlier. So we should find the root most frame in
|
|
499
|
-
// the sample somewhere in the control.
|
|
500
|
-
c--;
|
|
501
|
-
}
|
|
502
|
-
|
|
503
|
-
for (; s >= 1 && c >= 0; s--, c--) {
|
|
504
|
-
// Next we find the first one that isn't the same which should be the
|
|
505
|
-
// frame that called our sample function and the control.
|
|
506
|
-
if (sampleLines[s] !== controlLines[c]) {
|
|
507
|
-
// In V8, the first line is describing the message but other VMs don't.
|
|
508
|
-
// If we're about to return the first line, and the control is also on the same
|
|
509
|
-
// line, that's a pretty good indicator that our sample threw at same line as
|
|
510
|
-
// the control. I.e. before we entered the sample frame. So we ignore this result.
|
|
511
|
-
// This can happen if you passed a class to function component, or non-function.
|
|
512
|
-
if (s !== 1 || c !== 1) {
|
|
513
|
-
do {
|
|
514
|
-
s--;
|
|
515
|
-
c--; // We may still have similar intermediate frames from the construct call.
|
|
516
|
-
// The next one that isn't the same should be our match though.
|
|
517
|
-
|
|
518
|
-
if (c < 0 || sampleLines[s] !== controlLines[c]) {
|
|
519
|
-
// V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
|
|
520
|
-
var _frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
|
|
521
|
-
// but we have a user-provided "displayName"
|
|
522
|
-
// splice it in to make the stack more readable.
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
if (fn.displayName && _frame.includes('<anonymous>')) {
|
|
526
|
-
_frame = _frame.replace('<anonymous>', fn.displayName);
|
|
527
|
-
}
|
|
528
|
-
|
|
529
|
-
{
|
|
530
|
-
if (typeof fn === 'function') {
|
|
531
|
-
componentFrameCache.set(fn, _frame);
|
|
532
|
-
}
|
|
533
|
-
} // Return the line we found.
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
return _frame;
|
|
537
|
-
}
|
|
538
|
-
} while (s >= 1 && c >= 0);
|
|
539
|
-
}
|
|
540
|
-
|
|
541
|
-
break;
|
|
542
|
-
}
|
|
543
|
-
}
|
|
544
|
-
}
|
|
545
|
-
} finally {
|
|
546
|
-
reentry = false;
|
|
547
|
-
|
|
548
|
-
{
|
|
549
|
-
ReactCurrentDispatcher.current = previousDispatcher;
|
|
550
|
-
reenableLogs();
|
|
551
|
-
}
|
|
552
|
-
|
|
553
|
-
Error.prepareStackTrace = previousPrepareStackTrace;
|
|
554
|
-
} // Fallback to just using the name if we couldn't make it throw.
|
|
555
|
-
|
|
556
|
-
|
|
557
|
-
var name = fn ? fn.displayName || fn.name : '';
|
|
558
|
-
var syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
|
|
559
|
-
|
|
560
|
-
{
|
|
561
|
-
if (typeof fn === 'function') {
|
|
562
|
-
componentFrameCache.set(fn, syntheticFrame);
|
|
563
|
-
}
|
|
564
|
-
}
|
|
565
|
-
|
|
566
|
-
return syntheticFrame;
|
|
567
|
-
}
|
|
568
|
-
function describeFunctionComponentFrame(fn, source, ownerFn) {
|
|
569
|
-
{
|
|
570
|
-
return describeNativeComponentFrame(fn, false);
|
|
571
|
-
}
|
|
572
|
-
}
|
|
573
|
-
|
|
574
|
-
function shouldConstruct(Component) {
|
|
575
|
-
var prototype = Component.prototype;
|
|
576
|
-
return !!(prototype && prototype.isReactComponent);
|
|
577
|
-
}
|
|
578
|
-
|
|
579
|
-
function describeUnknownElementTypeFrameInDEV(type, source, ownerFn) {
|
|
580
|
-
|
|
581
|
-
if (type == null) {
|
|
582
|
-
return '';
|
|
583
|
-
}
|
|
584
|
-
|
|
585
|
-
if (typeof type === 'function') {
|
|
586
|
-
{
|
|
587
|
-
return describeNativeComponentFrame(type, shouldConstruct(type));
|
|
588
|
-
}
|
|
589
|
-
}
|
|
590
|
-
|
|
591
|
-
if (typeof type === 'string') {
|
|
592
|
-
return describeBuiltInComponentFrame(type);
|
|
593
|
-
}
|
|
594
|
-
|
|
595
|
-
switch (type) {
|
|
596
|
-
case REACT_SUSPENSE_TYPE:
|
|
597
|
-
return describeBuiltInComponentFrame('Suspense');
|
|
598
|
-
|
|
599
|
-
case REACT_SUSPENSE_LIST_TYPE:
|
|
600
|
-
return describeBuiltInComponentFrame('SuspenseList');
|
|
601
|
-
}
|
|
602
|
-
|
|
603
|
-
if (typeof type === 'object') {
|
|
604
|
-
switch (type.$$typeof) {
|
|
605
|
-
case REACT_FORWARD_REF_TYPE:
|
|
606
|
-
return describeFunctionComponentFrame(type.render);
|
|
607
|
-
|
|
608
|
-
case REACT_MEMO_TYPE:
|
|
609
|
-
// Memo may contain any component type so we recursively resolve it.
|
|
610
|
-
return describeUnknownElementTypeFrameInDEV(type.type, source, ownerFn);
|
|
611
|
-
|
|
612
|
-
case REACT_LAZY_TYPE:
|
|
613
|
-
{
|
|
614
|
-
var lazyComponent = type;
|
|
615
|
-
var payload = lazyComponent._payload;
|
|
616
|
-
var init = lazyComponent._init;
|
|
617
|
-
|
|
618
|
-
try {
|
|
619
|
-
// Lazy may contain any component type so we recursively resolve it.
|
|
620
|
-
return describeUnknownElementTypeFrameInDEV(init(payload), source, ownerFn);
|
|
621
|
-
} catch (x) {}
|
|
622
|
-
}
|
|
623
|
-
}
|
|
624
|
-
}
|
|
625
|
-
|
|
626
|
-
return '';
|
|
627
|
-
}
|
|
628
|
-
|
|
629
|
-
var hasOwnProperty = Object.prototype.hasOwnProperty;
|
|
630
|
-
|
|
631
|
-
var loggedTypeFailures = {};
|
|
632
|
-
var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
|
|
633
|
-
|
|
634
|
-
function setCurrentlyValidatingElement(element) {
|
|
635
|
-
{
|
|
636
|
-
if (element) {
|
|
637
|
-
var owner = element._owner;
|
|
638
|
-
var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);
|
|
639
|
-
ReactDebugCurrentFrame.setExtraStackFrame(stack);
|
|
640
|
-
} else {
|
|
641
|
-
ReactDebugCurrentFrame.setExtraStackFrame(null);
|
|
642
|
-
}
|
|
643
|
-
}
|
|
644
|
-
}
|
|
645
|
-
|
|
646
|
-
function checkPropTypes(typeSpecs, values, location, componentName, element) {
|
|
647
|
-
{
|
|
648
|
-
// $FlowFixMe This is okay but Flow doesn't know it.
|
|
649
|
-
var has = Function.call.bind(hasOwnProperty);
|
|
650
|
-
|
|
651
|
-
for (var typeSpecName in typeSpecs) {
|
|
652
|
-
if (has(typeSpecs, typeSpecName)) {
|
|
653
|
-
var error$1 = void 0; // Prop type validation may throw. In case they do, we don't want to
|
|
654
|
-
// fail the render phase where it didn't fail before. So we log it.
|
|
655
|
-
// After these have been cleaned up, we'll let them throw.
|
|
656
|
-
|
|
657
|
-
try {
|
|
658
|
-
// This is intentionally an invariant that gets caught. It's the same
|
|
659
|
-
// behavior as without this statement except with a better message.
|
|
660
|
-
if (typeof typeSpecs[typeSpecName] !== 'function') {
|
|
661
|
-
// eslint-disable-next-line react-internal/prod-error-codes
|
|
662
|
-
var err = Error((componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' + 'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' + 'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.');
|
|
663
|
-
err.name = 'Invariant Violation';
|
|
664
|
-
throw err;
|
|
665
|
-
}
|
|
666
|
-
|
|
667
|
-
error$1 = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED');
|
|
668
|
-
} catch (ex) {
|
|
669
|
-
error$1 = ex;
|
|
670
|
-
}
|
|
671
|
-
|
|
672
|
-
if (error$1 && !(error$1 instanceof Error)) {
|
|
673
|
-
setCurrentlyValidatingElement(element);
|
|
674
|
-
|
|
675
|
-
error('%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).', componentName || 'React class', location, typeSpecName, typeof error$1);
|
|
676
|
-
|
|
677
|
-
setCurrentlyValidatingElement(null);
|
|
678
|
-
}
|
|
679
|
-
|
|
680
|
-
if (error$1 instanceof Error && !(error$1.message in loggedTypeFailures)) {
|
|
681
|
-
// Only monitor this failure once because there tends to be a lot of the
|
|
682
|
-
// same error.
|
|
683
|
-
loggedTypeFailures[error$1.message] = true;
|
|
684
|
-
setCurrentlyValidatingElement(element);
|
|
685
|
-
|
|
686
|
-
error('Failed %s type: %s', location, error$1.message);
|
|
687
|
-
|
|
688
|
-
setCurrentlyValidatingElement(null);
|
|
689
|
-
}
|
|
690
|
-
}
|
|
691
|
-
}
|
|
692
|
-
}
|
|
693
|
-
}
|
|
694
|
-
|
|
695
|
-
var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
|
|
696
|
-
|
|
697
|
-
function isArray(a) {
|
|
698
|
-
return isArrayImpl(a);
|
|
699
|
-
}
|
|
700
|
-
|
|
701
|
-
/*
|
|
702
|
-
* The `'' + value` pattern (used in in perf-sensitive code) throws for Symbol
|
|
703
|
-
* and Temporal.* types. See https://github.com/facebook/react/pull/22064.
|
|
704
|
-
*
|
|
705
|
-
* The functions in this module will throw an easier-to-understand,
|
|
706
|
-
* easier-to-debug exception with a clear errors message message explaining the
|
|
707
|
-
* problem. (Instead of a confusing exception thrown inside the implementation
|
|
708
|
-
* of the `value` object).
|
|
709
|
-
*/
|
|
710
|
-
// $FlowFixMe only called in DEV, so void return is not possible.
|
|
711
|
-
function typeName(value) {
|
|
712
|
-
{
|
|
713
|
-
// toStringTag is needed for namespaced types like Temporal.Instant
|
|
714
|
-
var hasToStringTag = typeof Symbol === 'function' && Symbol.toStringTag;
|
|
715
|
-
var type = hasToStringTag && value[Symbol.toStringTag] || value.constructor.name || 'Object';
|
|
716
|
-
return type;
|
|
717
|
-
}
|
|
718
|
-
} // $FlowFixMe only called in DEV, so void return is not possible.
|
|
719
|
-
|
|
720
|
-
|
|
721
|
-
function willCoercionThrow(value) {
|
|
722
|
-
{
|
|
723
|
-
try {
|
|
724
|
-
testStringCoercion(value);
|
|
725
|
-
return false;
|
|
726
|
-
} catch (e) {
|
|
727
|
-
return true;
|
|
728
|
-
}
|
|
729
|
-
}
|
|
730
|
-
}
|
|
731
|
-
|
|
732
|
-
function testStringCoercion(value) {
|
|
733
|
-
// If you ended up here by following an exception call stack, here's what's
|
|
734
|
-
// happened: you supplied an object or symbol value to React (as a prop, key,
|
|
735
|
-
// DOM attribute, CSS property, string ref, etc.) and when React tried to
|
|
736
|
-
// coerce it to a string using `'' + value`, an exception was thrown.
|
|
737
|
-
//
|
|
738
|
-
// The most common types that will cause this exception are `Symbol` instances
|
|
739
|
-
// and Temporal objects like `Temporal.Instant`. But any object that has a
|
|
740
|
-
// `valueOf` or `[Symbol.toPrimitive]` method that throws will also cause this
|
|
741
|
-
// exception. (Library authors do this to prevent users from using built-in
|
|
742
|
-
// numeric operators like `+` or comparison operators like `>=` because custom
|
|
743
|
-
// methods are needed to perform accurate arithmetic or comparison.)
|
|
744
|
-
//
|
|
745
|
-
// To fix the problem, coerce this object or symbol value to a string before
|
|
746
|
-
// passing it to React. The most reliable way is usually `String(value)`.
|
|
747
|
-
//
|
|
748
|
-
// To find which value is throwing, check the browser or debugger console.
|
|
749
|
-
// Before this exception was thrown, there should be `console.error` output
|
|
750
|
-
// that shows the type (Symbol, Temporal.PlainDate, etc.) that caused the
|
|
751
|
-
// problem and how that type was used: key, atrribute, input value prop, etc.
|
|
752
|
-
// In most cases, this console output also shows the component and its
|
|
753
|
-
// ancestor components where the exception happened.
|
|
754
|
-
//
|
|
755
|
-
// eslint-disable-next-line react-internal/safe-string-coercion
|
|
756
|
-
return '' + value;
|
|
757
|
-
}
|
|
758
|
-
function checkKeyStringCoercion(value) {
|
|
759
|
-
{
|
|
760
|
-
if (willCoercionThrow(value)) {
|
|
761
|
-
error('The provided key is an unsupported type %s.' + ' This value must be coerced to a string before before using it here.', typeName(value));
|
|
762
|
-
|
|
763
|
-
return testStringCoercion(value); // throw (to help callers find troubleshooting comments)
|
|
764
|
-
}
|
|
765
|
-
}
|
|
766
|
-
}
|
|
767
|
-
|
|
768
|
-
var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
|
|
769
|
-
var RESERVED_PROPS = {
|
|
770
|
-
key: true,
|
|
771
|
-
ref: true,
|
|
772
|
-
__self: true,
|
|
773
|
-
__source: true
|
|
774
|
-
};
|
|
775
|
-
var specialPropKeyWarningShown;
|
|
776
|
-
var specialPropRefWarningShown;
|
|
777
|
-
var didWarnAboutStringRefs;
|
|
778
|
-
|
|
779
|
-
{
|
|
780
|
-
didWarnAboutStringRefs = {};
|
|
781
|
-
}
|
|
782
|
-
|
|
783
|
-
function hasValidRef(config) {
|
|
784
|
-
{
|
|
785
|
-
if (hasOwnProperty.call(config, 'ref')) {
|
|
786
|
-
var getter = Object.getOwnPropertyDescriptor(config, 'ref').get;
|
|
787
|
-
|
|
788
|
-
if (getter && getter.isReactWarning) {
|
|
789
|
-
return false;
|
|
790
|
-
}
|
|
791
|
-
}
|
|
792
|
-
}
|
|
793
|
-
|
|
794
|
-
return config.ref !== undefined;
|
|
795
|
-
}
|
|
796
|
-
|
|
797
|
-
function hasValidKey(config) {
|
|
798
|
-
{
|
|
799
|
-
if (hasOwnProperty.call(config, 'key')) {
|
|
800
|
-
var getter = Object.getOwnPropertyDescriptor(config, 'key').get;
|
|
801
|
-
|
|
802
|
-
if (getter && getter.isReactWarning) {
|
|
803
|
-
return false;
|
|
804
|
-
}
|
|
805
|
-
}
|
|
806
|
-
}
|
|
807
|
-
|
|
808
|
-
return config.key !== undefined;
|
|
809
|
-
}
|
|
810
|
-
|
|
811
|
-
function warnIfStringRefCannotBeAutoConverted(config, self) {
|
|
812
|
-
{
|
|
813
|
-
if (typeof config.ref === 'string' && ReactCurrentOwner.current && self && ReactCurrentOwner.current.stateNode !== self) {
|
|
814
|
-
var componentName = getComponentNameFromType(ReactCurrentOwner.current.type);
|
|
815
|
-
|
|
816
|
-
if (!didWarnAboutStringRefs[componentName]) {
|
|
817
|
-
error('Component "%s" contains the string ref "%s". ' + 'Support for string refs will be removed in a future major release. ' + 'This case cannot be automatically converted to an arrow function. ' + 'We ask you to manually fix this case by using useRef() or createRef() instead. ' + 'Learn more about using refs safely here: ' + 'https://reactjs.org/link/strict-mode-string-ref', getComponentNameFromType(ReactCurrentOwner.current.type), config.ref);
|
|
818
|
-
|
|
819
|
-
didWarnAboutStringRefs[componentName] = true;
|
|
820
|
-
}
|
|
821
|
-
}
|
|
822
|
-
}
|
|
823
|
-
}
|
|
824
|
-
|
|
825
|
-
function defineKeyPropWarningGetter(props, displayName) {
|
|
826
|
-
{
|
|
827
|
-
var warnAboutAccessingKey = function () {
|
|
828
|
-
if (!specialPropKeyWarningShown) {
|
|
829
|
-
specialPropKeyWarningShown = true;
|
|
830
|
-
|
|
831
|
-
error('%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)', displayName);
|
|
832
|
-
}
|
|
833
|
-
};
|
|
834
|
-
|
|
835
|
-
warnAboutAccessingKey.isReactWarning = true;
|
|
836
|
-
Object.defineProperty(props, 'key', {
|
|
837
|
-
get: warnAboutAccessingKey,
|
|
838
|
-
configurable: true
|
|
839
|
-
});
|
|
840
|
-
}
|
|
841
|
-
}
|
|
842
|
-
|
|
843
|
-
function defineRefPropWarningGetter(props, displayName) {
|
|
844
|
-
{
|
|
845
|
-
var warnAboutAccessingRef = function () {
|
|
846
|
-
if (!specialPropRefWarningShown) {
|
|
847
|
-
specialPropRefWarningShown = true;
|
|
848
|
-
|
|
849
|
-
error('%s: `ref` 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)', displayName);
|
|
850
|
-
}
|
|
851
|
-
};
|
|
852
|
-
|
|
853
|
-
warnAboutAccessingRef.isReactWarning = true;
|
|
854
|
-
Object.defineProperty(props, 'ref', {
|
|
855
|
-
get: warnAboutAccessingRef,
|
|
856
|
-
configurable: true
|
|
857
|
-
});
|
|
858
|
-
}
|
|
859
|
-
}
|
|
860
|
-
/**
|
|
861
|
-
* Factory method to create a new React element. This no longer adheres to
|
|
862
|
-
* the class pattern, so do not use new to call it. Also, instanceof check
|
|
863
|
-
* will not work. Instead test $$typeof field against Symbol.for('react.element') to check
|
|
864
|
-
* if something is a React Element.
|
|
865
|
-
*
|
|
866
|
-
* @param {*} type
|
|
867
|
-
* @param {*} props
|
|
868
|
-
* @param {*} key
|
|
869
|
-
* @param {string|object} ref
|
|
870
|
-
* @param {*} owner
|
|
871
|
-
* @param {*} self A *temporary* helper to detect places where `this` is
|
|
872
|
-
* different from the `owner` when React.createElement is called, so that we
|
|
873
|
-
* can warn. We want to get rid of owner and replace string `ref`s with arrow
|
|
874
|
-
* functions, and as long as `this` and owner are the same, there will be no
|
|
875
|
-
* change in behavior.
|
|
876
|
-
* @param {*} source An annotation object (added by a transpiler or otherwise)
|
|
877
|
-
* indicating filename, line number, and/or other information.
|
|
878
|
-
* @internal
|
|
879
|
-
*/
|
|
880
|
-
|
|
881
|
-
|
|
882
|
-
var ReactElement = function (type, key, ref, self, source, owner, props) {
|
|
883
|
-
var element = {
|
|
884
|
-
// This tag allows us to uniquely identify this as a React Element
|
|
885
|
-
$$typeof: REACT_ELEMENT_TYPE,
|
|
886
|
-
// Built-in properties that belong on the element
|
|
887
|
-
type: type,
|
|
888
|
-
key: key,
|
|
889
|
-
ref: ref,
|
|
890
|
-
props: props,
|
|
891
|
-
// Record the component responsible for creating this element.
|
|
892
|
-
_owner: owner
|
|
893
|
-
};
|
|
894
|
-
|
|
895
|
-
{
|
|
896
|
-
// The validation flag is currently mutative. We put it on
|
|
897
|
-
// an external backing store so that we can freeze the whole object.
|
|
898
|
-
// This can be replaced with a WeakMap once they are implemented in
|
|
899
|
-
// commonly used development environments.
|
|
900
|
-
element._store = {}; // To make comparing ReactElements easier for testing purposes, we make
|
|
901
|
-
// the validation flag non-enumerable (where possible, which should
|
|
902
|
-
// include every environment we run tests in), so the test framework
|
|
903
|
-
// ignores it.
|
|
904
|
-
|
|
905
|
-
Object.defineProperty(element._store, 'validated', {
|
|
906
|
-
configurable: false,
|
|
907
|
-
enumerable: false,
|
|
908
|
-
writable: true,
|
|
909
|
-
value: false
|
|
910
|
-
}); // self and source are DEV only properties.
|
|
911
|
-
|
|
912
|
-
Object.defineProperty(element, '_self', {
|
|
913
|
-
configurable: false,
|
|
914
|
-
enumerable: false,
|
|
915
|
-
writable: false,
|
|
916
|
-
value: self
|
|
917
|
-
}); // Two elements created in two different places should be considered
|
|
918
|
-
// equal for testing purposes and therefore we hide it from enumeration.
|
|
919
|
-
|
|
920
|
-
Object.defineProperty(element, '_source', {
|
|
921
|
-
configurable: false,
|
|
922
|
-
enumerable: false,
|
|
923
|
-
writable: false,
|
|
924
|
-
value: source
|
|
925
|
-
});
|
|
926
|
-
|
|
927
|
-
if (Object.freeze) {
|
|
928
|
-
Object.freeze(element.props);
|
|
929
|
-
Object.freeze(element);
|
|
930
|
-
}
|
|
931
|
-
}
|
|
932
|
-
|
|
933
|
-
return element;
|
|
934
|
-
};
|
|
935
|
-
/**
|
|
936
|
-
* https://github.com/reactjs/rfcs/pull/107
|
|
937
|
-
* @param {*} type
|
|
938
|
-
* @param {object} props
|
|
939
|
-
* @param {string} key
|
|
940
|
-
*/
|
|
941
|
-
|
|
942
|
-
function jsxDEV(type, config, maybeKey, source, self) {
|
|
943
|
-
{
|
|
944
|
-
var propName; // Reserved names are extracted
|
|
945
|
-
|
|
946
|
-
var props = {};
|
|
947
|
-
var key = null;
|
|
948
|
-
var ref = null; // Currently, key can be spread in as a prop. This causes a potential
|
|
949
|
-
// issue if key is also explicitly declared (ie. <div {...props} key="Hi" />
|
|
950
|
-
// or <div key="Hi" {...props} /> ). We want to deprecate key spread,
|
|
951
|
-
// but as an intermediary step, we will use jsxDEV for everything except
|
|
952
|
-
// <div {...props} key="Hi" />, because we aren't currently able to tell if
|
|
953
|
-
// key is explicitly declared to be undefined or not.
|
|
954
|
-
|
|
955
|
-
if (maybeKey !== undefined) {
|
|
956
|
-
{
|
|
957
|
-
checkKeyStringCoercion(maybeKey);
|
|
958
|
-
}
|
|
959
|
-
|
|
960
|
-
key = '' + maybeKey;
|
|
961
|
-
}
|
|
962
|
-
|
|
963
|
-
if (hasValidKey(config)) {
|
|
964
|
-
{
|
|
965
|
-
checkKeyStringCoercion(config.key);
|
|
966
|
-
}
|
|
967
|
-
|
|
968
|
-
key = '' + config.key;
|
|
969
|
-
}
|
|
970
|
-
|
|
971
|
-
if (hasValidRef(config)) {
|
|
972
|
-
ref = config.ref;
|
|
973
|
-
warnIfStringRefCannotBeAutoConverted(config, self);
|
|
974
|
-
} // Remaining properties are added to a new props object
|
|
975
|
-
|
|
976
|
-
|
|
977
|
-
for (propName in config) {
|
|
978
|
-
if (hasOwnProperty.call(config, propName) && !RESERVED_PROPS.hasOwnProperty(propName)) {
|
|
979
|
-
props[propName] = config[propName];
|
|
980
|
-
}
|
|
981
|
-
} // Resolve default props
|
|
982
|
-
|
|
983
|
-
|
|
984
|
-
if (type && type.defaultProps) {
|
|
985
|
-
var defaultProps = type.defaultProps;
|
|
986
|
-
|
|
987
|
-
for (propName in defaultProps) {
|
|
988
|
-
if (props[propName] === undefined) {
|
|
989
|
-
props[propName] = defaultProps[propName];
|
|
990
|
-
}
|
|
991
|
-
}
|
|
992
|
-
}
|
|
993
|
-
|
|
994
|
-
if (key || ref) {
|
|
995
|
-
var displayName = typeof type === 'function' ? type.displayName || type.name || 'Unknown' : type;
|
|
996
|
-
|
|
997
|
-
if (key) {
|
|
998
|
-
defineKeyPropWarningGetter(props, displayName);
|
|
999
|
-
}
|
|
1000
|
-
|
|
1001
|
-
if (ref) {
|
|
1002
|
-
defineRefPropWarningGetter(props, displayName);
|
|
1003
|
-
}
|
|
1004
|
-
}
|
|
1005
|
-
|
|
1006
|
-
return ReactElement(type, key, ref, self, source, ReactCurrentOwner.current, props);
|
|
1007
|
-
}
|
|
1008
|
-
}
|
|
1009
|
-
|
|
1010
|
-
var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner;
|
|
1011
|
-
var ReactDebugCurrentFrame$1 = ReactSharedInternals.ReactDebugCurrentFrame;
|
|
1012
|
-
|
|
1013
|
-
function setCurrentlyValidatingElement$1(element) {
|
|
1014
|
-
{
|
|
1015
|
-
if (element) {
|
|
1016
|
-
var owner = element._owner;
|
|
1017
|
-
var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);
|
|
1018
|
-
ReactDebugCurrentFrame$1.setExtraStackFrame(stack);
|
|
1019
|
-
} else {
|
|
1020
|
-
ReactDebugCurrentFrame$1.setExtraStackFrame(null);
|
|
1021
|
-
}
|
|
1022
|
-
}
|
|
1023
|
-
}
|
|
1024
|
-
|
|
1025
|
-
var propTypesMisspellWarningShown;
|
|
1026
|
-
|
|
1027
|
-
{
|
|
1028
|
-
propTypesMisspellWarningShown = false;
|
|
1029
|
-
}
|
|
1030
|
-
/**
|
|
1031
|
-
* Verifies the object is a ReactElement.
|
|
1032
|
-
* See https://reactjs.org/docs/react-api.html#isvalidelement
|
|
1033
|
-
* @param {?object} object
|
|
1034
|
-
* @return {boolean} True if `object` is a ReactElement.
|
|
1035
|
-
* @final
|
|
1036
|
-
*/
|
|
1037
|
-
|
|
1038
|
-
|
|
1039
|
-
function isValidElement(object) {
|
|
1040
|
-
{
|
|
1041
|
-
return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
|
|
1042
|
-
}
|
|
1043
|
-
}
|
|
1044
|
-
|
|
1045
|
-
function getDeclarationErrorAddendum() {
|
|
1046
|
-
{
|
|
1047
|
-
if (ReactCurrentOwner$1.current) {
|
|
1048
|
-
var name = getComponentNameFromType(ReactCurrentOwner$1.current.type);
|
|
1049
|
-
|
|
1050
|
-
if (name) {
|
|
1051
|
-
return '\n\nCheck the render method of `' + name + '`.';
|
|
1052
|
-
}
|
|
1053
|
-
}
|
|
1054
|
-
|
|
1055
|
-
return '';
|
|
1056
|
-
}
|
|
1057
|
-
}
|
|
1058
|
-
|
|
1059
|
-
function getSourceInfoErrorAddendum(source) {
|
|
1060
|
-
{
|
|
1061
|
-
if (source !== undefined) {
|
|
1062
|
-
var fileName = source.fileName.replace(/^.*[\\\/]/, '');
|
|
1063
|
-
var lineNumber = source.lineNumber;
|
|
1064
|
-
return '\n\nCheck your code at ' + fileName + ':' + lineNumber + '.';
|
|
1065
|
-
}
|
|
1066
|
-
|
|
1067
|
-
return '';
|
|
1068
|
-
}
|
|
1069
|
-
}
|
|
1070
|
-
/**
|
|
1071
|
-
* Warn if there's no key explicitly set on dynamic arrays of children or
|
|
1072
|
-
* object keys are not valid. This allows us to keep track of children between
|
|
1073
|
-
* updates.
|
|
1074
|
-
*/
|
|
1075
|
-
|
|
1076
|
-
|
|
1077
|
-
var ownerHasKeyUseWarning = {};
|
|
1078
|
-
|
|
1079
|
-
function getCurrentComponentErrorInfo(parentType) {
|
|
1080
|
-
{
|
|
1081
|
-
var info = getDeclarationErrorAddendum();
|
|
1082
|
-
|
|
1083
|
-
if (!info) {
|
|
1084
|
-
var parentName = typeof parentType === 'string' ? parentType : parentType.displayName || parentType.name;
|
|
1085
|
-
|
|
1086
|
-
if (parentName) {
|
|
1087
|
-
info = "\n\nCheck the top-level render call using <" + parentName + ">.";
|
|
1088
|
-
}
|
|
1089
|
-
}
|
|
1090
|
-
|
|
1091
|
-
return info;
|
|
1092
|
-
}
|
|
1093
|
-
}
|
|
1094
|
-
/**
|
|
1095
|
-
* Warn if the element doesn't have an explicit key assigned to it.
|
|
1096
|
-
* This element is in an array. The array could grow and shrink or be
|
|
1097
|
-
* reordered. All children that haven't already been validated are required to
|
|
1098
|
-
* have a "key" property assigned to it. Error statuses are cached so a warning
|
|
1099
|
-
* will only be shown once.
|
|
1100
|
-
*
|
|
1101
|
-
* @internal
|
|
1102
|
-
* @param {ReactElement} element Element that requires a key.
|
|
1103
|
-
* @param {*} parentType element's parent's type.
|
|
1104
|
-
*/
|
|
1105
|
-
|
|
1106
|
-
|
|
1107
|
-
function validateExplicitKey(element, parentType) {
|
|
1108
|
-
{
|
|
1109
|
-
if (!element._store || element._store.validated || element.key != null) {
|
|
1110
|
-
return;
|
|
1111
|
-
}
|
|
1112
|
-
|
|
1113
|
-
element._store.validated = true;
|
|
1114
|
-
var currentComponentErrorInfo = getCurrentComponentErrorInfo(parentType);
|
|
1115
|
-
|
|
1116
|
-
if (ownerHasKeyUseWarning[currentComponentErrorInfo]) {
|
|
1117
|
-
return;
|
|
1118
|
-
}
|
|
1119
|
-
|
|
1120
|
-
ownerHasKeyUseWarning[currentComponentErrorInfo] = true; // Usually the current owner is the offender, but if it accepts children as a
|
|
1121
|
-
// property, it may be the creator of the child that's responsible for
|
|
1122
|
-
// assigning it a key.
|
|
1123
|
-
|
|
1124
|
-
var childOwner = '';
|
|
1125
|
-
|
|
1126
|
-
if (element && element._owner && element._owner !== ReactCurrentOwner$1.current) {
|
|
1127
|
-
// Give the component that originally created this child.
|
|
1128
|
-
childOwner = " It was passed a child from " + getComponentNameFromType(element._owner.type) + ".";
|
|
1129
|
-
}
|
|
1130
|
-
|
|
1131
|
-
setCurrentlyValidatingElement$1(element);
|
|
1132
|
-
|
|
1133
|
-
error('Each child in a list should have a unique "key" prop.' + '%s%s See https://reactjs.org/link/warning-keys for more information.', currentComponentErrorInfo, childOwner);
|
|
1134
|
-
|
|
1135
|
-
setCurrentlyValidatingElement$1(null);
|
|
1136
|
-
}
|
|
1137
|
-
}
|
|
1138
|
-
/**
|
|
1139
|
-
* Ensure that every element either is passed in a static location, in an
|
|
1140
|
-
* array with an explicit keys property defined, or in an object literal
|
|
1141
|
-
* with valid key property.
|
|
1142
|
-
*
|
|
1143
|
-
* @internal
|
|
1144
|
-
* @param {ReactNode} node Statically passed child of any type.
|
|
1145
|
-
* @param {*} parentType node's parent's type.
|
|
1146
|
-
*/
|
|
1147
|
-
|
|
1148
|
-
|
|
1149
|
-
function validateChildKeys(node, parentType) {
|
|
1150
|
-
{
|
|
1151
|
-
if (typeof node !== 'object') {
|
|
1152
|
-
return;
|
|
1153
|
-
}
|
|
1154
|
-
|
|
1155
|
-
if (isArray(node)) {
|
|
1156
|
-
for (var i = 0; i < node.length; i++) {
|
|
1157
|
-
var child = node[i];
|
|
1158
|
-
|
|
1159
|
-
if (isValidElement(child)) {
|
|
1160
|
-
validateExplicitKey(child, parentType);
|
|
1161
|
-
}
|
|
1162
|
-
}
|
|
1163
|
-
} else if (isValidElement(node)) {
|
|
1164
|
-
// This element was passed in a valid location.
|
|
1165
|
-
if (node._store) {
|
|
1166
|
-
node._store.validated = true;
|
|
1167
|
-
}
|
|
1168
|
-
} else if (node) {
|
|
1169
|
-
var iteratorFn = getIteratorFn(node);
|
|
1170
|
-
|
|
1171
|
-
if (typeof iteratorFn === 'function') {
|
|
1172
|
-
// Entry iterators used to provide implicit keys,
|
|
1173
|
-
// but now we print a separate warning for them later.
|
|
1174
|
-
if (iteratorFn !== node.entries) {
|
|
1175
|
-
var iterator = iteratorFn.call(node);
|
|
1176
|
-
var step;
|
|
1177
|
-
|
|
1178
|
-
while (!(step = iterator.next()).done) {
|
|
1179
|
-
if (isValidElement(step.value)) {
|
|
1180
|
-
validateExplicitKey(step.value, parentType);
|
|
1181
|
-
}
|
|
1182
|
-
}
|
|
1183
|
-
}
|
|
1184
|
-
}
|
|
1185
|
-
}
|
|
1186
|
-
}
|
|
1187
|
-
}
|
|
1188
|
-
/**
|
|
1189
|
-
* Given an element, validate that its props follow the propTypes definition,
|
|
1190
|
-
* provided by the type.
|
|
1191
|
-
*
|
|
1192
|
-
* @param {ReactElement} element
|
|
1193
|
-
*/
|
|
1194
|
-
|
|
1195
|
-
|
|
1196
|
-
function validatePropTypes(element) {
|
|
1197
|
-
{
|
|
1198
|
-
var type = element.type;
|
|
1199
|
-
|
|
1200
|
-
if (type === null || type === undefined || typeof type === 'string') {
|
|
1201
|
-
return;
|
|
1202
|
-
}
|
|
1203
|
-
|
|
1204
|
-
var propTypes;
|
|
1205
|
-
|
|
1206
|
-
if (typeof type === 'function') {
|
|
1207
|
-
propTypes = type.propTypes;
|
|
1208
|
-
} else if (typeof type === 'object' && (type.$$typeof === REACT_FORWARD_REF_TYPE || // Note: Memo only checks outer props here.
|
|
1209
|
-
// Inner props are checked in the reconciler.
|
|
1210
|
-
type.$$typeof === REACT_MEMO_TYPE)) {
|
|
1211
|
-
propTypes = type.propTypes;
|
|
1212
|
-
} else {
|
|
1213
|
-
return;
|
|
1214
|
-
}
|
|
1215
|
-
|
|
1216
|
-
if (propTypes) {
|
|
1217
|
-
// Intentionally inside to avoid triggering lazy initializers:
|
|
1218
|
-
var name = getComponentNameFromType(type);
|
|
1219
|
-
checkPropTypes(propTypes, element.props, 'prop', name, element);
|
|
1220
|
-
} else if (type.PropTypes !== undefined && !propTypesMisspellWarningShown) {
|
|
1221
|
-
propTypesMisspellWarningShown = true; // Intentionally inside to avoid triggering lazy initializers:
|
|
1222
|
-
|
|
1223
|
-
var _name = getComponentNameFromType(type);
|
|
1224
|
-
|
|
1225
|
-
error('Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?', _name || 'Unknown');
|
|
1226
|
-
}
|
|
1227
|
-
|
|
1228
|
-
if (typeof type.getDefaultProps === 'function' && !type.getDefaultProps.isReactClassApproved) {
|
|
1229
|
-
error('getDefaultProps is only used on classic React.createClass ' + 'definitions. Use a static property named `defaultProps` instead.');
|
|
1230
|
-
}
|
|
1231
|
-
}
|
|
1232
|
-
}
|
|
1233
|
-
/**
|
|
1234
|
-
* Given a fragment, validate that it can only be provided with fragment props
|
|
1235
|
-
* @param {ReactElement} fragment
|
|
1236
|
-
*/
|
|
1237
|
-
|
|
1238
|
-
|
|
1239
|
-
function validateFragmentProps(fragment) {
|
|
1240
|
-
{
|
|
1241
|
-
var keys = Object.keys(fragment.props);
|
|
1242
|
-
|
|
1243
|
-
for (var i = 0; i < keys.length; i++) {
|
|
1244
|
-
var key = keys[i];
|
|
1245
|
-
|
|
1246
|
-
if (key !== 'children' && key !== 'key') {
|
|
1247
|
-
setCurrentlyValidatingElement$1(fragment);
|
|
1248
|
-
|
|
1249
|
-
error('Invalid prop `%s` supplied to `React.Fragment`. ' + 'React.Fragment can only have `key` and `children` props.', key);
|
|
1250
|
-
|
|
1251
|
-
setCurrentlyValidatingElement$1(null);
|
|
1252
|
-
break;
|
|
1253
|
-
}
|
|
1254
|
-
}
|
|
1255
|
-
|
|
1256
|
-
if (fragment.ref !== null) {
|
|
1257
|
-
setCurrentlyValidatingElement$1(fragment);
|
|
1258
|
-
|
|
1259
|
-
error('Invalid attribute `ref` supplied to `React.Fragment`.');
|
|
1260
|
-
|
|
1261
|
-
setCurrentlyValidatingElement$1(null);
|
|
1262
|
-
}
|
|
1263
|
-
}
|
|
1264
|
-
}
|
|
1265
|
-
|
|
1266
|
-
var didWarnAboutKeySpread = {};
|
|
1267
|
-
function jsxWithValidation(type, props, key, isStaticChildren, source, self) {
|
|
1268
|
-
{
|
|
1269
|
-
var validType = isValidElementType(type); // We warn in this case but don't throw. We expect the element creation to
|
|
1270
|
-
// succeed and there will likely be errors in render.
|
|
1271
|
-
|
|
1272
|
-
if (!validType) {
|
|
1273
|
-
var info = '';
|
|
1274
|
-
|
|
1275
|
-
if (type === undefined || typeof type === 'object' && type !== null && Object.keys(type).length === 0) {
|
|
1276
|
-
info += ' You likely forgot to export your component from the file ' + "it's defined in, or you might have mixed up default and named imports.";
|
|
1277
|
-
}
|
|
1278
|
-
|
|
1279
|
-
var sourceInfo = getSourceInfoErrorAddendum(source);
|
|
1280
|
-
|
|
1281
|
-
if (sourceInfo) {
|
|
1282
|
-
info += sourceInfo;
|
|
1283
|
-
} else {
|
|
1284
|
-
info += getDeclarationErrorAddendum();
|
|
1285
|
-
}
|
|
1286
|
-
|
|
1287
|
-
var typeString;
|
|
1288
|
-
|
|
1289
|
-
if (type === null) {
|
|
1290
|
-
typeString = 'null';
|
|
1291
|
-
} else if (isArray(type)) {
|
|
1292
|
-
typeString = 'array';
|
|
1293
|
-
} else if (type !== undefined && type.$$typeof === REACT_ELEMENT_TYPE) {
|
|
1294
|
-
typeString = "<" + (getComponentNameFromType(type.type) || 'Unknown') + " />";
|
|
1295
|
-
info = ' Did you accidentally export a JSX literal instead of a component?';
|
|
1296
|
-
} else {
|
|
1297
|
-
typeString = typeof type;
|
|
1298
|
-
}
|
|
1299
|
-
|
|
1300
|
-
error('React.jsx: type is invalid -- expected a string (for ' + 'built-in components) or a class/function (for composite ' + 'components) but got: %s.%s', typeString, info);
|
|
1301
|
-
}
|
|
1302
|
-
|
|
1303
|
-
var element = jsxDEV(type, props, key, source, self); // The result can be nullish if a mock or a custom function is used.
|
|
1304
|
-
// TODO: Drop this when these are no longer allowed as the type argument.
|
|
1305
|
-
|
|
1306
|
-
if (element == null) {
|
|
1307
|
-
return element;
|
|
1308
|
-
} // Skip key warning if the type isn't valid since our key validation logic
|
|
1309
|
-
// doesn't expect a non-string/function type and can throw confusing errors.
|
|
1310
|
-
// We don't want exception behavior to differ between dev and prod.
|
|
1311
|
-
// (Rendering will throw with a helpful message and as soon as the type is
|
|
1312
|
-
// fixed, the key warnings will appear.)
|
|
1313
|
-
|
|
1314
|
-
|
|
1315
|
-
if (validType) {
|
|
1316
|
-
var children = props.children;
|
|
1317
|
-
|
|
1318
|
-
if (children !== undefined) {
|
|
1319
|
-
if (isStaticChildren) {
|
|
1320
|
-
if (isArray(children)) {
|
|
1321
|
-
for (var i = 0; i < children.length; i++) {
|
|
1322
|
-
validateChildKeys(children[i], type);
|
|
1323
|
-
}
|
|
1324
|
-
|
|
1325
|
-
if (Object.freeze) {
|
|
1326
|
-
Object.freeze(children);
|
|
1327
|
-
}
|
|
1328
|
-
} else {
|
|
1329
|
-
error('React.jsx: Static children should always be an array. ' + 'You are likely explicitly calling React.jsxs or React.jsxDEV. ' + 'Use the Babel transform instead.');
|
|
1330
|
-
}
|
|
1331
|
-
} else {
|
|
1332
|
-
validateChildKeys(children, type);
|
|
1333
|
-
}
|
|
1334
|
-
}
|
|
1335
|
-
}
|
|
1336
|
-
|
|
1337
|
-
{
|
|
1338
|
-
if (hasOwnProperty.call(props, 'key')) {
|
|
1339
|
-
var componentName = getComponentNameFromType(type);
|
|
1340
|
-
var keys = Object.keys(props).filter(function (k) {
|
|
1341
|
-
return k !== 'key';
|
|
1342
|
-
});
|
|
1343
|
-
var beforeExample = keys.length > 0 ? '{key: someKey, ' + keys.join(': ..., ') + ': ...}' : '{key: someKey}';
|
|
1344
|
-
|
|
1345
|
-
if (!didWarnAboutKeySpread[componentName + beforeExample]) {
|
|
1346
|
-
var afterExample = keys.length > 0 ? '{' + keys.join(': ..., ') + ': ...}' : '{}';
|
|
1347
|
-
|
|
1348
|
-
error('A props object containing a "key" prop is being spread into JSX:\n' + ' let props = %s;\n' + ' <%s {...props} />\n' + 'React keys must be passed directly to JSX without using spread:\n' + ' let props = %s;\n' + ' <%s key={someKey} {...props} />', beforeExample, componentName, afterExample, componentName);
|
|
1349
|
-
|
|
1350
|
-
didWarnAboutKeySpread[componentName + beforeExample] = true;
|
|
1351
|
-
}
|
|
1352
|
-
}
|
|
1353
|
-
}
|
|
1354
|
-
|
|
1355
|
-
if (type === REACT_FRAGMENT_TYPE) {
|
|
1356
|
-
validateFragmentProps(element);
|
|
1357
|
-
} else {
|
|
1358
|
-
validatePropTypes(element);
|
|
1359
|
-
}
|
|
1360
|
-
|
|
1361
|
-
return element;
|
|
1362
|
-
}
|
|
1363
|
-
} // These two functions exist to still get child warnings in dev
|
|
1364
|
-
// even with the prod transform. This means that jsxDEV is purely
|
|
1365
|
-
// opt-in behavior for better messages but that we won't stop
|
|
1366
|
-
// giving you warnings if you use production apis.
|
|
1367
|
-
|
|
1368
|
-
function jsxWithValidationStatic(type, props, key) {
|
|
1369
|
-
{
|
|
1370
|
-
return jsxWithValidation(type, props, key, true);
|
|
1371
|
-
}
|
|
1372
|
-
}
|
|
1373
|
-
function jsxWithValidationDynamic(type, props, key) {
|
|
1374
|
-
{
|
|
1375
|
-
return jsxWithValidation(type, props, key, false);
|
|
1376
|
-
}
|
|
1377
|
-
}
|
|
1378
|
-
|
|
1379
|
-
var jsx = jsxWithValidationDynamic ; // we may want to special case jsxs internally to take advantage of static children.
|
|
1380
|
-
// for now we can ship identical prod functions
|
|
1381
|
-
|
|
1382
|
-
var jsxs = jsxWithValidationStatic ;
|
|
1383
|
-
|
|
1384
|
-
reactJsxRuntime_development.Fragment = REACT_FRAGMENT_TYPE;
|
|
1385
|
-
reactJsxRuntime_development.jsx = jsx;
|
|
1386
|
-
reactJsxRuntime_development.jsxs = jsxs;
|
|
1387
|
-
})();
|
|
1388
|
-
}
|
|
1389
|
-
return reactJsxRuntime_development;
|
|
1390
|
-
}
|
|
1391
|
-
|
|
1392
|
-
if (process.env.NODE_ENV === 'production') {
|
|
1393
|
-
jsxRuntime.exports = requireReactJsxRuntime_production_min();
|
|
1394
|
-
} else {
|
|
1395
|
-
jsxRuntime.exports = requireReactJsxRuntime_development();
|
|
1396
|
-
}
|
|
1397
|
-
|
|
1398
|
-
var jsxRuntimeExports = jsxRuntime.exports;
|
|
1399
|
-
|
|
1400
28
|
const AvatarList = ({ items, maxVisible = 5, size = 32, ...props }) => {
|
|
1401
29
|
const sizeValue = typeof size === "string" ? parseInt(size, 10) || 32 : size;
|
|
1402
|
-
return (
|
|
30
|
+
return (jsxRuntime.jsxs("div", { className: "avatar-list", style: { "--avatar-size": `${sizeValue}px` }, ...props, children: [items.slice(0, maxVisible).map((item) => (jsxRuntime.jsx("div", { className: "avatar-item", children: item.src ? (jsxRuntime.jsx("img", { src: item.src, alt: item.alt || "Avatar", style: { width: `${sizeValue}px`, height: `${sizeValue}px` } })) : (jsxRuntime.jsx("div", { className: "avatar-initials", style: { width: `${sizeValue}px`, height: `${sizeValue}px` }, children: item.initials || "?" })) }, item.id))), items.length > maxVisible && (jsxRuntime.jsxs("div", { className: "avatar-count", style: { width: `${sizeValue}px`, height: `${sizeValue}px` }, children: ["+", items.length - maxVisible] }))] }));
|
|
1403
31
|
};
|
|
1404
32
|
|
|
1405
33
|
function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
|
|
@@ -1550,7 +178,7 @@ class AvatarGroupColumn extends BaseColumn {
|
|
|
1550
178
|
const { accessor, label, maxVisible, size, overlap, showTooltip, nameField, srcField, fallbackField, showNames, maxNames, } = config;
|
|
1551
179
|
return {
|
|
1552
180
|
accessorKey: accessor,
|
|
1553
|
-
header: () => (
|
|
181
|
+
header: () => (jsxRuntime.jsx("span", { className: cn("text-muted-foreground font-medium", this.getAlignmentClass(), this.config.headerClassName), children: label || String(accessor) })),
|
|
1554
182
|
cell: ({ getValue, row }) => {
|
|
1555
183
|
const rawValue = getValue();
|
|
1556
184
|
// Items aus den Daten extrahieren
|
|
@@ -1579,11 +207,11 @@ class AvatarGroupColumn extends BaseColumn {
|
|
|
1579
207
|
});
|
|
1580
208
|
}
|
|
1581
209
|
if (items.length === 0) {
|
|
1582
|
-
return
|
|
210
|
+
return jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "\u2014" });
|
|
1583
211
|
}
|
|
1584
212
|
// Konvertiere zu Datenstruktur für AvatarList
|
|
1585
213
|
const contacts = this.toContactItems(items);
|
|
1586
|
-
return (
|
|
214
|
+
return (jsxRuntime.jsx("div", { className: cn("flex items-center", this.config.cellClassName), children: jsxRuntime.jsx(AvatarList, { items: contacts.map((contact) => ({
|
|
1587
215
|
id: contact.id,
|
|
1588
216
|
src: contact.src,
|
|
1589
217
|
alt: contact.alt,
|
|
@@ -1648,9 +276,9 @@ function createSlot(ownerName) {
|
|
|
1648
276
|
return child;
|
|
1649
277
|
}
|
|
1650
278
|
});
|
|
1651
|
-
return /* @__PURE__ */
|
|
279
|
+
return /* @__PURE__ */ jsxRuntime.jsx(SlotClone, { ...slotProps, ref: forwardedRef, children: React__namespace.isValidElement(newElement) ? React__namespace.cloneElement(newElement, void 0, newChildren) : null });
|
|
1652
280
|
}
|
|
1653
|
-
return /* @__PURE__ */
|
|
281
|
+
return /* @__PURE__ */ jsxRuntime.jsx(SlotClone, { ...slotProps, ref: forwardedRef, children });
|
|
1654
282
|
});
|
|
1655
283
|
Slot2.displayName = `${ownerName}.Slot`;
|
|
1656
284
|
return Slot2;
|
|
@@ -1677,7 +305,7 @@ var SLOTTABLE_IDENTIFIER = Symbol("radix.slottable");
|
|
|
1677
305
|
// @__NO_SIDE_EFFECTS__
|
|
1678
306
|
function createSlottable(ownerName) {
|
|
1679
307
|
const Slottable2 = ({ children }) => {
|
|
1680
|
-
return /* @__PURE__ */
|
|
308
|
+
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
|
|
1681
309
|
};
|
|
1682
310
|
Slottable2.displayName = `${ownerName}.Slottable`;
|
|
1683
311
|
Slottable2.__radixId = SLOTTABLE_IDENTIFIER;
|
|
@@ -1786,7 +414,7 @@ const badgeVariants = cva("inline-flex items-center justify-center rounded-full
|
|
|
1786
414
|
});
|
|
1787
415
|
function Badge({ className, variant = "default", asChild = false, ...props }) {
|
|
1788
416
|
const Comp = asChild ? Slot$2 : "span";
|
|
1789
|
-
return (
|
|
417
|
+
return (jsxRuntime.jsx(Comp, { "data-slot": "badge", "data-variant": variant, className: cn(badgeVariants({ variant }), className), ...props }));
|
|
1790
418
|
}
|
|
1791
419
|
|
|
1792
420
|
// src/primitive.tsx
|
|
@@ -1817,7 +445,7 @@ var Primitive = NODES.reduce((primitive, node) => {
|
|
|
1817
445
|
if (typeof window !== "undefined") {
|
|
1818
446
|
window[Symbol.for("radix-ui")] = true;
|
|
1819
447
|
}
|
|
1820
|
-
return /* @__PURE__ */
|
|
448
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...primitiveProps, ref: forwardedRef });
|
|
1821
449
|
});
|
|
1822
450
|
Node.displayName = `Primitive.${node}`;
|
|
1823
451
|
return { ...primitive, [node]: Node };
|
|
@@ -1843,7 +471,7 @@ var VISUALLY_HIDDEN_STYLES = Object.freeze({
|
|
|
1843
471
|
var NAME$1 = "VisuallyHidden";
|
|
1844
472
|
var VisuallyHidden = React__namespace.forwardRef(
|
|
1845
473
|
(props, forwardedRef) => {
|
|
1846
|
-
return /* @__PURE__ */
|
|
474
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1847
475
|
Primitive.span,
|
|
1848
476
|
{
|
|
1849
477
|
...props,
|
|
@@ -1867,7 +495,7 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
|
|
|
1867
495
|
const { scope, children, ...context } = props;
|
|
1868
496
|
const Context = scope?.[scopeName]?.[index] || BaseContext;
|
|
1869
497
|
const value = React__namespace.useMemo(() => context, Object.values(context));
|
|
1870
|
-
return /* @__PURE__ */
|
|
498
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Context.Provider, { value, children });
|
|
1871
499
|
};
|
|
1872
500
|
Provider.displayName = rootComponentName + "Provider";
|
|
1873
501
|
function useContext2(consumerName, scope) {
|
|
@@ -1926,7 +554,7 @@ function createCollection(name) {
|
|
|
1926
554
|
const { scope, children } = props;
|
|
1927
555
|
const ref = React.useRef(null);
|
|
1928
556
|
const itemMap = React.useRef(/* @__PURE__ */ new Map()).current;
|
|
1929
|
-
return /* @__PURE__ */
|
|
557
|
+
return /* @__PURE__ */ jsxRuntime.jsx(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
|
|
1930
558
|
};
|
|
1931
559
|
CollectionProvider.displayName = PROVIDER_NAME;
|
|
1932
560
|
const COLLECTION_SLOT_NAME = name + "CollectionSlot";
|
|
@@ -1936,7 +564,7 @@ function createCollection(name) {
|
|
|
1936
564
|
const { scope, children } = props;
|
|
1937
565
|
const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
|
|
1938
566
|
const composedRefs = useComposedRefs(forwardedRef, context.collectionRef);
|
|
1939
|
-
return /* @__PURE__ */
|
|
567
|
+
return /* @__PURE__ */ jsxRuntime.jsx(CollectionSlotImpl, { ref: composedRefs, children });
|
|
1940
568
|
}
|
|
1941
569
|
);
|
|
1942
570
|
CollectionSlot.displayName = COLLECTION_SLOT_NAME;
|
|
@@ -1953,7 +581,7 @@ function createCollection(name) {
|
|
|
1953
581
|
context.itemMap.set(ref, { ref, ...itemData });
|
|
1954
582
|
return () => void context.itemMap.delete(ref);
|
|
1955
583
|
});
|
|
1956
|
-
return /* @__PURE__ */
|
|
584
|
+
return /* @__PURE__ */ jsxRuntime.jsx(CollectionItemSlotImpl, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
|
|
1957
585
|
}
|
|
1958
586
|
);
|
|
1959
587
|
CollectionItemSlot.displayName = ITEM_SLOT_NAME;
|
|
@@ -2311,7 +939,7 @@ var DismissableLayer = React__namespace.forwardRef(
|
|
|
2311
939
|
document.addEventListener(CONTEXT_UPDATE, handleUpdate);
|
|
2312
940
|
return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
|
|
2313
941
|
}, []);
|
|
2314
|
-
return /* @__PURE__ */
|
|
942
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2315
943
|
Primitive.div,
|
|
2316
944
|
{
|
|
2317
945
|
...layerProps,
|
|
@@ -2345,7 +973,7 @@ var DismissableLayerBranch = React__namespace.forwardRef((props, forwardedRef) =
|
|
|
2345
973
|
};
|
|
2346
974
|
}
|
|
2347
975
|
}, [context.branches]);
|
|
2348
|
-
return /* @__PURE__ */
|
|
976
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Primitive.div, { ...props, ref: composedRefs });
|
|
2349
977
|
});
|
|
2350
978
|
DismissableLayerBranch.displayName = BRANCH_NAME;
|
|
2351
979
|
function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?.document) {
|
|
@@ -2543,7 +1171,7 @@ var FocusScope = React__namespace.forwardRef((props, forwardedRef) => {
|
|
|
2543
1171
|
},
|
|
2544
1172
|
[loop, trapped, focusScope.paused]
|
|
2545
1173
|
);
|
|
2546
|
-
return /* @__PURE__ */
|
|
1174
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
|
|
2547
1175
|
});
|
|
2548
1176
|
FocusScope.displayName = FOCUS_SCOPE_NAME;
|
|
2549
1177
|
function focusFirst$2(candidates, { select = false } = {}) {
|
|
@@ -2632,7 +1260,7 @@ var Portal$3 = React__namespace.forwardRef((props, forwardedRef) => {
|
|
|
2632
1260
|
const [mounted, setMounted] = React__namespace.useState(false);
|
|
2633
1261
|
useLayoutEffect2(() => setMounted(true), []);
|
|
2634
1262
|
const container = containerProp || mounted && globalThis?.document?.body;
|
|
2635
|
-
return container ? ReactDOM.createPortal(/* @__PURE__ */
|
|
1263
|
+
return container ? ReactDOM.createPortal(/* @__PURE__ */ jsxRuntime.jsx(Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
|
|
2636
1264
|
});
|
|
2637
1265
|
Portal$3.displayName = PORTAL_NAME$4;
|
|
2638
1266
|
|
|
@@ -3656,7 +2284,7 @@ function CheckboxProvider(props) {
|
|
|
3656
2284
|
bubbleInput,
|
|
3657
2285
|
setBubbleInput
|
|
3658
2286
|
};
|
|
3659
|
-
return /* @__PURE__ */
|
|
2287
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3660
2288
|
CheckboxProviderImpl,
|
|
3661
2289
|
{
|
|
3662
2290
|
scope: __scopeCheckbox,
|
|
@@ -3690,7 +2318,7 @@ var CheckboxTrigger = React__namespace.forwardRef(
|
|
|
3690
2318
|
return () => form.removeEventListener("reset", reset);
|
|
3691
2319
|
}
|
|
3692
2320
|
}, [control, setChecked]);
|
|
3693
|
-
return /* @__PURE__ */
|
|
2321
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3694
2322
|
Primitive.button,
|
|
3695
2323
|
{
|
|
3696
2324
|
type: "button",
|
|
@@ -3732,7 +2360,7 @@ var Checkbox$1 = React__namespace.forwardRef(
|
|
|
3732
2360
|
form,
|
|
3733
2361
|
...checkboxProps
|
|
3734
2362
|
} = props;
|
|
3735
|
-
return /* @__PURE__ */
|
|
2363
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3736
2364
|
CheckboxProvider,
|
|
3737
2365
|
{
|
|
3738
2366
|
__scopeCheckbox,
|
|
@@ -3744,8 +2372,8 @@ var Checkbox$1 = React__namespace.forwardRef(
|
|
|
3744
2372
|
name,
|
|
3745
2373
|
form,
|
|
3746
2374
|
value,
|
|
3747
|
-
internal_do_not_use_render: ({ isFormControl }) => /* @__PURE__ */
|
|
3748
|
-
/* @__PURE__ */
|
|
2375
|
+
internal_do_not_use_render: ({ isFormControl }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
2376
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3749
2377
|
CheckboxTrigger,
|
|
3750
2378
|
{
|
|
3751
2379
|
...checkboxProps,
|
|
@@ -3753,7 +2381,7 @@ var Checkbox$1 = React__namespace.forwardRef(
|
|
|
3753
2381
|
__scopeCheckbox
|
|
3754
2382
|
}
|
|
3755
2383
|
),
|
|
3756
|
-
isFormControl && /* @__PURE__ */
|
|
2384
|
+
isFormControl && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3757
2385
|
CheckboxBubbleInput,
|
|
3758
2386
|
{
|
|
3759
2387
|
__scopeCheckbox
|
|
@@ -3770,11 +2398,11 @@ var CheckboxIndicator = React__namespace.forwardRef(
|
|
|
3770
2398
|
(props, forwardedRef) => {
|
|
3771
2399
|
const { __scopeCheckbox, forceMount, ...indicatorProps } = props;
|
|
3772
2400
|
const context = useCheckboxContext(INDICATOR_NAME$2, __scopeCheckbox);
|
|
3773
|
-
return /* @__PURE__ */
|
|
2401
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3774
2402
|
Presence,
|
|
3775
2403
|
{
|
|
3776
2404
|
present: forceMount || isIndeterminate$1(context.checked) || context.checked === true,
|
|
3777
|
-
children: /* @__PURE__ */
|
|
2405
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3778
2406
|
Primitive.span,
|
|
3779
2407
|
{
|
|
3780
2408
|
"data-state": getState(context.checked),
|
|
@@ -3826,7 +2454,7 @@ var CheckboxBubbleInput = React__namespace.forwardRef(
|
|
|
3826
2454
|
}
|
|
3827
2455
|
}, [bubbleInput, prevChecked, checked, hasConsumerStoppedPropagationRef]);
|
|
3828
2456
|
const defaultCheckedRef = React__namespace.useRef(isIndeterminate$1(checked) ? false : checked);
|
|
3829
|
-
return /* @__PURE__ */
|
|
2457
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3830
2458
|
Primitive.input,
|
|
3831
2459
|
{
|
|
3832
2460
|
type: "checkbox",
|
|
@@ -6067,7 +4695,7 @@ const arrow = (options, deps) => ({
|
|
|
6067
4695
|
var NAME = "Arrow";
|
|
6068
4696
|
var Arrow$1 = React__namespace.forwardRef((props, forwardedRef) => {
|
|
6069
4697
|
const { children, width = 10, height = 5, ...arrowProps } = props;
|
|
6070
|
-
return /* @__PURE__ */
|
|
4698
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
6071
4699
|
Primitive.svg,
|
|
6072
4700
|
{
|
|
6073
4701
|
...arrowProps,
|
|
@@ -6076,7 +4704,7 @@ var Arrow$1 = React__namespace.forwardRef((props, forwardedRef) => {
|
|
|
6076
4704
|
height,
|
|
6077
4705
|
viewBox: "0 0 30 10",
|
|
6078
4706
|
preserveAspectRatio: "none",
|
|
6079
|
-
children: props.asChild ? children : /* @__PURE__ */
|
|
4707
|
+
children: props.asChild ? children : /* @__PURE__ */ jsxRuntime.jsx("polygon", { points: "0,0 30,0 15,10" })
|
|
6080
4708
|
}
|
|
6081
4709
|
);
|
|
6082
4710
|
});
|
|
@@ -6089,7 +4717,7 @@ var [PopperProvider, usePopperContext] = createPopperContext(POPPER_NAME);
|
|
|
6089
4717
|
var Popper = (props) => {
|
|
6090
4718
|
const { __scopePopper, children } = props;
|
|
6091
4719
|
const [anchor, setAnchor] = React__namespace.useState(null);
|
|
6092
|
-
return /* @__PURE__ */
|
|
4720
|
+
return /* @__PURE__ */ jsxRuntime.jsx(PopperProvider, { scope: __scopePopper, anchor, onAnchorChange: setAnchor, children });
|
|
6093
4721
|
};
|
|
6094
4722
|
Popper.displayName = POPPER_NAME;
|
|
6095
4723
|
var ANCHOR_NAME$1 = "PopperAnchor";
|
|
@@ -6107,7 +4735,7 @@ var PopperAnchor = React__namespace.forwardRef(
|
|
|
6107
4735
|
context.onAnchorChange(anchorRef.current);
|
|
6108
4736
|
}
|
|
6109
4737
|
});
|
|
6110
|
-
return virtualRef ? null : /* @__PURE__ */
|
|
4738
|
+
return virtualRef ? null : /* @__PURE__ */ jsxRuntime.jsx(Primitive.div, { ...anchorProps, ref: composedRefs });
|
|
6111
4739
|
}
|
|
6112
4740
|
);
|
|
6113
4741
|
PopperAnchor.displayName = ANCHOR_NAME$1;
|
|
@@ -6200,7 +4828,7 @@ var PopperContent = React__namespace.forwardRef(
|
|
|
6200
4828
|
useLayoutEffect2(() => {
|
|
6201
4829
|
if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
|
|
6202
4830
|
}, [content]);
|
|
6203
|
-
return /* @__PURE__ */
|
|
4831
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
6204
4832
|
"div",
|
|
6205
4833
|
{
|
|
6206
4834
|
ref: refs.setFloating,
|
|
@@ -6224,7 +4852,7 @@ var PopperContent = React__namespace.forwardRef(
|
|
|
6224
4852
|
}
|
|
6225
4853
|
},
|
|
6226
4854
|
dir: props.dir,
|
|
6227
|
-
children: /* @__PURE__ */
|
|
4855
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
6228
4856
|
PopperContentProvider,
|
|
6229
4857
|
{
|
|
6230
4858
|
scope: __scopePopper,
|
|
@@ -6233,7 +4861,7 @@ var PopperContent = React__namespace.forwardRef(
|
|
|
6233
4861
|
arrowX,
|
|
6234
4862
|
arrowY,
|
|
6235
4863
|
shouldHideArrow: cannotCenterArrow,
|
|
6236
|
-
children: /* @__PURE__ */
|
|
4864
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
6237
4865
|
Primitive.div,
|
|
6238
4866
|
{
|
|
6239
4867
|
"data-side": placedSide,
|
|
@@ -6270,7 +4898,7 @@ var PopperArrow = React__namespace.forwardRef(function PopperArrow2(props, forwa
|
|
|
6270
4898
|
// we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
|
|
6271
4899
|
// doesn't report size as we'd expect on SVG elements.
|
|
6272
4900
|
// it reports their bounding box which is effectively the largest path inside the SVG.
|
|
6273
|
-
/* @__PURE__ */
|
|
4901
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
6274
4902
|
"span",
|
|
6275
4903
|
{
|
|
6276
4904
|
ref: contentContext.onArrowChange,
|
|
@@ -6293,7 +4921,7 @@ var PopperArrow = React__namespace.forwardRef(function PopperArrow2(props, forwa
|
|
|
6293
4921
|
}[contentContext.placedSide],
|
|
6294
4922
|
visibility: contentContext.shouldHideArrow ? "hidden" : void 0
|
|
6295
4923
|
},
|
|
6296
|
-
children: /* @__PURE__ */
|
|
4924
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
6297
4925
|
Root$2,
|
|
6298
4926
|
{
|
|
6299
4927
|
...arrowProps,
|
|
@@ -6364,7 +4992,7 @@ var [createRovingFocusGroupContext, createRovingFocusGroupScope] = createContext
|
|
|
6364
4992
|
var [RovingFocusProvider, useRovingFocusContext] = createRovingFocusGroupContext(GROUP_NAME$3);
|
|
6365
4993
|
var RovingFocusGroup = React__namespace.forwardRef(
|
|
6366
4994
|
(props, forwardedRef) => {
|
|
6367
|
-
return /* @__PURE__ */
|
|
4995
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Collection$2.Provider, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsxRuntime.jsx(Collection$2.Slot, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsxRuntime.jsx(RovingFocusGroupImpl, { ...props, ref: forwardedRef }) }) });
|
|
6368
4996
|
}
|
|
6369
4997
|
);
|
|
6370
4998
|
RovingFocusGroup.displayName = GROUP_NAME$3;
|
|
@@ -6402,7 +5030,7 @@ var RovingFocusGroupImpl = React__namespace.forwardRef((props, forwardedRef) =>
|
|
|
6402
5030
|
return () => node.removeEventListener(ENTRY_FOCUS, handleEntryFocus);
|
|
6403
5031
|
}
|
|
6404
5032
|
}, [handleEntryFocus]);
|
|
6405
|
-
return /* @__PURE__ */
|
|
5033
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
6406
5034
|
RovingFocusProvider,
|
|
6407
5035
|
{
|
|
6408
5036
|
scope: __scopeRovingFocusGroup,
|
|
@@ -6423,7 +5051,7 @@ var RovingFocusGroupImpl = React__namespace.forwardRef((props, forwardedRef) =>
|
|
|
6423
5051
|
() => setFocusableItemsCount((prevCount) => prevCount - 1),
|
|
6424
5052
|
[]
|
|
6425
5053
|
),
|
|
6426
|
-
children: /* @__PURE__ */
|
|
5054
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
6427
5055
|
Primitive.div,
|
|
6428
5056
|
{
|
|
6429
5057
|
tabIndex: isTabbingBackOut || focusableItemsCount === 0 ? -1 : 0,
|
|
@@ -6481,14 +5109,14 @@ var RovingFocusGroupItem = React__namespace.forwardRef(
|
|
|
6481
5109
|
return () => onFocusableItemRemove();
|
|
6482
5110
|
}
|
|
6483
5111
|
}, [focusable, onFocusableItemAdd, onFocusableItemRemove]);
|
|
6484
|
-
return /* @__PURE__ */
|
|
5112
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
6485
5113
|
Collection$2.ItemSlot,
|
|
6486
5114
|
{
|
|
6487
5115
|
scope: __scopeRovingFocusGroup,
|
|
6488
5116
|
id,
|
|
6489
5117
|
focusable,
|
|
6490
5118
|
active,
|
|
6491
|
-
children: /* @__PURE__ */
|
|
5119
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
6492
5120
|
Primitive.span,
|
|
6493
5121
|
{
|
|
6494
5122
|
tabIndex: isCurrentTabStop ? 0 : -1,
|
|
@@ -6607,7 +5235,7 @@ var Menu = (props) => {
|
|
|
6607
5235
|
document.removeEventListener("pointermove", handlePointer, { capture: true });
|
|
6608
5236
|
};
|
|
6609
5237
|
}, []);
|
|
6610
|
-
return /* @__PURE__ */
|
|
5238
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Root2$2, { ...popperScope, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
6611
5239
|
MenuProvider,
|
|
6612
5240
|
{
|
|
6613
5241
|
scope: __scopeMenu,
|
|
@@ -6615,7 +5243,7 @@ var Menu = (props) => {
|
|
|
6615
5243
|
onOpenChange: handleOpenChange,
|
|
6616
5244
|
content,
|
|
6617
5245
|
onContentChange: setContent,
|
|
6618
|
-
children: /* @__PURE__ */
|
|
5246
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
6619
5247
|
MenuRootProvider,
|
|
6620
5248
|
{
|
|
6621
5249
|
scope: __scopeMenu,
|
|
@@ -6635,7 +5263,7 @@ var MenuAnchor = React__namespace.forwardRef(
|
|
|
6635
5263
|
(props, forwardedRef) => {
|
|
6636
5264
|
const { __scopeMenu, ...anchorProps } = props;
|
|
6637
5265
|
const popperScope = usePopperScope$2(__scopeMenu);
|
|
6638
|
-
return /* @__PURE__ */
|
|
5266
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Anchor, { ...popperScope, ...anchorProps, ref: forwardedRef });
|
|
6639
5267
|
}
|
|
6640
5268
|
);
|
|
6641
5269
|
MenuAnchor.displayName = ANCHOR_NAME;
|
|
@@ -6646,7 +5274,7 @@ var [PortalProvider$1, usePortalContext$1] = createMenuContext(PORTAL_NAME$3, {
|
|
|
6646
5274
|
var MenuPortal = (props) => {
|
|
6647
5275
|
const { __scopeMenu, forceMount, children, container } = props;
|
|
6648
5276
|
const context = useMenuContext(PORTAL_NAME$3, __scopeMenu);
|
|
6649
|
-
return /* @__PURE__ */
|
|
5277
|
+
return /* @__PURE__ */ jsxRuntime.jsx(PortalProvider$1, { scope: __scopeMenu, forceMount, children: /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsxRuntime.jsx(Portal$3, { asChild: true, container, children }) }) });
|
|
6650
5278
|
};
|
|
6651
5279
|
MenuPortal.displayName = PORTAL_NAME$3;
|
|
6652
5280
|
var CONTENT_NAME$3 = "MenuContent";
|
|
@@ -6657,7 +5285,7 @@ var MenuContent = React__namespace.forwardRef(
|
|
|
6657
5285
|
const { forceMount = portalContext.forceMount, ...contentProps } = props;
|
|
6658
5286
|
const context = useMenuContext(CONTENT_NAME$3, props.__scopeMenu);
|
|
6659
5287
|
const rootContext = useMenuRootContext(CONTENT_NAME$3, props.__scopeMenu);
|
|
6660
|
-
return /* @__PURE__ */
|
|
5288
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Collection$1.Provider, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsxRuntime.jsx(Collection$1.Slot, { scope: props.__scopeMenu, children: rootContext.modal ? /* @__PURE__ */ jsxRuntime.jsx(MenuRootContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsxRuntime.jsx(MenuRootContentNonModal, { ...contentProps, ref: forwardedRef }) }) }) });
|
|
6661
5289
|
}
|
|
6662
5290
|
);
|
|
6663
5291
|
var MenuRootContentModal = React__namespace.forwardRef(
|
|
@@ -6669,7 +5297,7 @@ var MenuRootContentModal = React__namespace.forwardRef(
|
|
|
6669
5297
|
const content = ref.current;
|
|
6670
5298
|
if (content) return hideOthers(content);
|
|
6671
5299
|
}, []);
|
|
6672
|
-
return /* @__PURE__ */
|
|
5300
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
6673
5301
|
MenuContentImpl,
|
|
6674
5302
|
{
|
|
6675
5303
|
...props,
|
|
@@ -6689,7 +5317,7 @@ var MenuRootContentModal = React__namespace.forwardRef(
|
|
|
6689
5317
|
);
|
|
6690
5318
|
var MenuRootContentNonModal = React__namespace.forwardRef((props, forwardedRef) => {
|
|
6691
5319
|
const context = useMenuContext(CONTENT_NAME$3, props.__scopeMenu);
|
|
6692
|
-
return /* @__PURE__ */
|
|
5320
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
6693
5321
|
MenuContentImpl,
|
|
6694
5322
|
{
|
|
6695
5323
|
...props,
|
|
@@ -6761,7 +5389,7 @@ var MenuContentImpl = React__namespace.forwardRef(
|
|
|
6761
5389
|
const isMovingTowards = pointerDirRef.current === pointerGraceIntentRef.current?.side;
|
|
6762
5390
|
return isMovingTowards && isPointerInGraceArea(event, pointerGraceIntentRef.current?.area);
|
|
6763
5391
|
}, []);
|
|
6764
|
-
return /* @__PURE__ */
|
|
5392
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
6765
5393
|
MenuContentProvider,
|
|
6766
5394
|
{
|
|
6767
5395
|
scope: __scopeMenu,
|
|
@@ -6790,7 +5418,7 @@ var MenuContentImpl = React__namespace.forwardRef(
|
|
|
6790
5418
|
onPointerGraceIntentChange: React__namespace.useCallback((intent) => {
|
|
6791
5419
|
pointerGraceIntentRef.current = intent;
|
|
6792
5420
|
}, []),
|
|
6793
|
-
children: /* @__PURE__ */
|
|
5421
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(ScrollLockWrapper, { ...scrollLockWrapperProps, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
6794
5422
|
FocusScope,
|
|
6795
5423
|
{
|
|
6796
5424
|
asChild: true,
|
|
@@ -6800,7 +5428,7 @@ var MenuContentImpl = React__namespace.forwardRef(
|
|
|
6800
5428
|
contentRef.current?.focus({ preventScroll: true });
|
|
6801
5429
|
}),
|
|
6802
5430
|
onUnmountAutoFocus: onCloseAutoFocus,
|
|
6803
|
-
children: /* @__PURE__ */
|
|
5431
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
6804
5432
|
DismissableLayer,
|
|
6805
5433
|
{
|
|
6806
5434
|
asChild: true,
|
|
@@ -6810,7 +5438,7 @@ var MenuContentImpl = React__namespace.forwardRef(
|
|
|
6810
5438
|
onFocusOutside,
|
|
6811
5439
|
onInteractOutside,
|
|
6812
5440
|
onDismiss,
|
|
6813
|
-
children: /* @__PURE__ */
|
|
5441
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
6814
5442
|
Root$1,
|
|
6815
5443
|
{
|
|
6816
5444
|
asChild: true,
|
|
@@ -6824,7 +5452,7 @@ var MenuContentImpl = React__namespace.forwardRef(
|
|
|
6824
5452
|
if (!rootContext.isUsingKeyboardRef.current) event.preventDefault();
|
|
6825
5453
|
}),
|
|
6826
5454
|
preventScrollOnEntryFocus: true,
|
|
6827
|
-
children: /* @__PURE__ */
|
|
5455
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
6828
5456
|
Content,
|
|
6829
5457
|
{
|
|
6830
5458
|
role: "menu",
|
|
@@ -6889,7 +5517,7 @@ var GROUP_NAME$2 = "MenuGroup";
|
|
|
6889
5517
|
var MenuGroup = React__namespace.forwardRef(
|
|
6890
5518
|
(props, forwardedRef) => {
|
|
6891
5519
|
const { __scopeMenu, ...groupProps } = props;
|
|
6892
|
-
return /* @__PURE__ */
|
|
5520
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Primitive.div, { role: "group", ...groupProps, ref: forwardedRef });
|
|
6893
5521
|
}
|
|
6894
5522
|
);
|
|
6895
5523
|
MenuGroup.displayName = GROUP_NAME$2;
|
|
@@ -6897,7 +5525,7 @@ var LABEL_NAME$2 = "MenuLabel";
|
|
|
6897
5525
|
var MenuLabel = React__namespace.forwardRef(
|
|
6898
5526
|
(props, forwardedRef) => {
|
|
6899
5527
|
const { __scopeMenu, ...labelProps } = props;
|
|
6900
|
-
return /* @__PURE__ */
|
|
5528
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Primitive.div, { ...labelProps, ref: forwardedRef });
|
|
6901
5529
|
}
|
|
6902
5530
|
);
|
|
6903
5531
|
MenuLabel.displayName = LABEL_NAME$2;
|
|
@@ -6924,7 +5552,7 @@ var MenuItem = React__namespace.forwardRef(
|
|
|
6924
5552
|
}
|
|
6925
5553
|
}
|
|
6926
5554
|
};
|
|
6927
|
-
return /* @__PURE__ */
|
|
5555
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
6928
5556
|
MenuItemImpl,
|
|
6929
5557
|
{
|
|
6930
5558
|
...itemProps,
|
|
@@ -6966,13 +5594,13 @@ var MenuItemImpl = React__namespace.forwardRef(
|
|
|
6966
5594
|
setTextContent((menuItem.textContent ?? "").trim());
|
|
6967
5595
|
}
|
|
6968
5596
|
}, [itemProps.children]);
|
|
6969
|
-
return /* @__PURE__ */
|
|
5597
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
6970
5598
|
Collection$1.ItemSlot,
|
|
6971
5599
|
{
|
|
6972
5600
|
scope: __scopeMenu,
|
|
6973
5601
|
disabled,
|
|
6974
5602
|
textValue: textValue ?? textContent,
|
|
6975
|
-
children: /* @__PURE__ */
|
|
5603
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(Item$1, { asChild: true, ...rovingFocusGroupScope, focusable: !disabled, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
6976
5604
|
Primitive.div,
|
|
6977
5605
|
{
|
|
6978
5606
|
role: "menuitem",
|
|
@@ -7011,7 +5639,7 @@ var CHECKBOX_ITEM_NAME$1 = "MenuCheckboxItem";
|
|
|
7011
5639
|
var MenuCheckboxItem = React__namespace.forwardRef(
|
|
7012
5640
|
(props, forwardedRef) => {
|
|
7013
5641
|
const { checked = false, onCheckedChange, ...checkboxItemProps } = props;
|
|
7014
|
-
return /* @__PURE__ */
|
|
5642
|
+
return /* @__PURE__ */ jsxRuntime.jsx(ItemIndicatorProvider, { scope: props.__scopeMenu, checked, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
7015
5643
|
MenuItem,
|
|
7016
5644
|
{
|
|
7017
5645
|
role: "menuitemcheckbox",
|
|
@@ -7039,7 +5667,7 @@ var MenuRadioGroup = React__namespace.forwardRef(
|
|
|
7039
5667
|
(props, forwardedRef) => {
|
|
7040
5668
|
const { value, onValueChange, ...groupProps } = props;
|
|
7041
5669
|
const handleValueChange = useCallbackRef$1(onValueChange);
|
|
7042
|
-
return /* @__PURE__ */
|
|
5670
|
+
return /* @__PURE__ */ jsxRuntime.jsx(RadioGroupProvider, { scope: props.__scopeMenu, value, onValueChange: handleValueChange, children: /* @__PURE__ */ jsxRuntime.jsx(MenuGroup, { ...groupProps, ref: forwardedRef }) });
|
|
7043
5671
|
}
|
|
7044
5672
|
);
|
|
7045
5673
|
MenuRadioGroup.displayName = RADIO_GROUP_NAME$1;
|
|
@@ -7049,7 +5677,7 @@ var MenuRadioItem = React__namespace.forwardRef(
|
|
|
7049
5677
|
const { value, ...radioItemProps } = props;
|
|
7050
5678
|
const context = useRadioGroupContext(RADIO_ITEM_NAME$1, props.__scopeMenu);
|
|
7051
5679
|
const checked = value === context.value;
|
|
7052
|
-
return /* @__PURE__ */
|
|
5680
|
+
return /* @__PURE__ */ jsxRuntime.jsx(ItemIndicatorProvider, { scope: props.__scopeMenu, checked, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
7053
5681
|
MenuItem,
|
|
7054
5682
|
{
|
|
7055
5683
|
role: "menuitemradio",
|
|
@@ -7076,11 +5704,11 @@ var MenuItemIndicator = React__namespace.forwardRef(
|
|
|
7076
5704
|
(props, forwardedRef) => {
|
|
7077
5705
|
const { __scopeMenu, forceMount, ...itemIndicatorProps } = props;
|
|
7078
5706
|
const indicatorContext = useItemIndicatorContext(ITEM_INDICATOR_NAME$1, __scopeMenu);
|
|
7079
|
-
return /* @__PURE__ */
|
|
5707
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
7080
5708
|
Presence,
|
|
7081
5709
|
{
|
|
7082
5710
|
present: forceMount || isIndeterminate(indicatorContext.checked) || indicatorContext.checked === true,
|
|
7083
|
-
children: /* @__PURE__ */
|
|
5711
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
7084
5712
|
Primitive.span,
|
|
7085
5713
|
{
|
|
7086
5714
|
...itemIndicatorProps,
|
|
@@ -7097,7 +5725,7 @@ var SEPARATOR_NAME$2 = "MenuSeparator";
|
|
|
7097
5725
|
var MenuSeparator = React__namespace.forwardRef(
|
|
7098
5726
|
(props, forwardedRef) => {
|
|
7099
5727
|
const { __scopeMenu, ...separatorProps } = props;
|
|
7100
|
-
return /* @__PURE__ */
|
|
5728
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
7101
5729
|
Primitive.div,
|
|
7102
5730
|
{
|
|
7103
5731
|
role: "separator",
|
|
@@ -7114,7 +5742,7 @@ var MenuArrow = React__namespace.forwardRef(
|
|
|
7114
5742
|
(props, forwardedRef) => {
|
|
7115
5743
|
const { __scopeMenu, ...arrowProps } = props;
|
|
7116
5744
|
const popperScope = usePopperScope$2(__scopeMenu);
|
|
7117
|
-
return /* @__PURE__ */
|
|
5745
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef });
|
|
7118
5746
|
}
|
|
7119
5747
|
);
|
|
7120
5748
|
MenuArrow.displayName = ARROW_NAME$3;
|
|
@@ -7142,7 +5770,7 @@ var MenuSubTrigger = React__namespace.forwardRef(
|
|
|
7142
5770
|
onPointerGraceIntentChange(null);
|
|
7143
5771
|
};
|
|
7144
5772
|
}, [pointerGraceTimerRef, onPointerGraceIntentChange]);
|
|
7145
|
-
return /* @__PURE__ */
|
|
5773
|
+
return /* @__PURE__ */ jsxRuntime.jsx(MenuAnchor, { asChild: true, ...scope, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
7146
5774
|
MenuItemImpl,
|
|
7147
5775
|
{
|
|
7148
5776
|
id: subContext.triggerId,
|
|
@@ -7231,7 +5859,7 @@ var MenuSubContent = React__namespace.forwardRef(
|
|
|
7231
5859
|
const subContext = useMenuSubContext(SUB_CONTENT_NAME$1, props.__scopeMenu);
|
|
7232
5860
|
const ref = React__namespace.useRef(null);
|
|
7233
5861
|
const composedRefs = useComposedRefs(forwardedRef, ref);
|
|
7234
|
-
return /* @__PURE__ */
|
|
5862
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Collection$1.Provider, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsxRuntime.jsx(Collection$1.Slot, { scope: props.__scopeMenu, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
7235
5863
|
MenuContentImpl,
|
|
7236
5864
|
{
|
|
7237
5865
|
id: subContext.contentId,
|
|
@@ -7365,7 +5993,7 @@ var DropdownMenu$1 = (props) => {
|
|
|
7365
5993
|
onChange: onOpenChange,
|
|
7366
5994
|
caller: DROPDOWN_MENU_NAME
|
|
7367
5995
|
});
|
|
7368
|
-
return /* @__PURE__ */
|
|
5996
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
7369
5997
|
DropdownMenuProvider,
|
|
7370
5998
|
{
|
|
7371
5999
|
scope: __scopeDropdownMenu,
|
|
@@ -7376,7 +6004,7 @@ var DropdownMenu$1 = (props) => {
|
|
|
7376
6004
|
onOpenChange: setOpen,
|
|
7377
6005
|
onOpenToggle: React__namespace.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
|
|
7378
6006
|
modal,
|
|
7379
|
-
children: /* @__PURE__ */
|
|
6007
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(Root3$1, { ...menuScope, open, onOpenChange: setOpen, dir, modal, children })
|
|
7380
6008
|
}
|
|
7381
6009
|
);
|
|
7382
6010
|
};
|
|
@@ -7387,7 +6015,7 @@ var DropdownMenuTrigger$1 = React__namespace.forwardRef(
|
|
|
7387
6015
|
const { __scopeDropdownMenu, disabled = false, ...triggerProps } = props;
|
|
7388
6016
|
const context = useDropdownMenuContext(TRIGGER_NAME$2, __scopeDropdownMenu);
|
|
7389
6017
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
7390
|
-
return /* @__PURE__ */
|
|
6018
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Anchor2, { asChild: true, ...menuScope, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
7391
6019
|
Primitive.button,
|
|
7392
6020
|
{
|
|
7393
6021
|
type: "button",
|
|
@@ -7421,7 +6049,7 @@ var PORTAL_NAME$2 = "DropdownMenuPortal";
|
|
|
7421
6049
|
var DropdownMenuPortal = (props) => {
|
|
7422
6050
|
const { __scopeDropdownMenu, ...portalProps } = props;
|
|
7423
6051
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
7424
|
-
return /* @__PURE__ */
|
|
6052
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Portal$2, { ...menuScope, ...portalProps });
|
|
7425
6053
|
};
|
|
7426
6054
|
DropdownMenuPortal.displayName = PORTAL_NAME$2;
|
|
7427
6055
|
var CONTENT_NAME$2 = "DropdownMenuContent";
|
|
@@ -7431,7 +6059,7 @@ var DropdownMenuContent$1 = React__namespace.forwardRef(
|
|
|
7431
6059
|
const context = useDropdownMenuContext(CONTENT_NAME$2, __scopeDropdownMenu);
|
|
7432
6060
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
7433
6061
|
const hasInteractedOutsideRef = React__namespace.useRef(false);
|
|
7434
|
-
return /* @__PURE__ */
|
|
6062
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
7435
6063
|
Content2$3,
|
|
7436
6064
|
{
|
|
7437
6065
|
id: context.contentId,
|
|
@@ -7471,7 +6099,7 @@ var DropdownMenuGroup = React__namespace.forwardRef(
|
|
|
7471
6099
|
(props, forwardedRef) => {
|
|
7472
6100
|
const { __scopeDropdownMenu, ...groupProps } = props;
|
|
7473
6101
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
7474
|
-
return /* @__PURE__ */
|
|
6102
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Group, { ...menuScope, ...groupProps, ref: forwardedRef });
|
|
7475
6103
|
}
|
|
7476
6104
|
);
|
|
7477
6105
|
DropdownMenuGroup.displayName = GROUP_NAME$1;
|
|
@@ -7480,7 +6108,7 @@ var DropdownMenuLabel = React__namespace.forwardRef(
|
|
|
7480
6108
|
(props, forwardedRef) => {
|
|
7481
6109
|
const { __scopeDropdownMenu, ...labelProps } = props;
|
|
7482
6110
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
7483
|
-
return /* @__PURE__ */
|
|
6111
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Label, { ...menuScope, ...labelProps, ref: forwardedRef });
|
|
7484
6112
|
}
|
|
7485
6113
|
);
|
|
7486
6114
|
DropdownMenuLabel.displayName = LABEL_NAME$1;
|
|
@@ -7489,7 +6117,7 @@ var DropdownMenuItem$1 = React__namespace.forwardRef(
|
|
|
7489
6117
|
(props, forwardedRef) => {
|
|
7490
6118
|
const { __scopeDropdownMenu, ...itemProps } = props;
|
|
7491
6119
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
7492
|
-
return /* @__PURE__ */
|
|
6120
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Item2$1, { ...menuScope, ...itemProps, ref: forwardedRef });
|
|
7493
6121
|
}
|
|
7494
6122
|
);
|
|
7495
6123
|
DropdownMenuItem$1.displayName = ITEM_NAME$1;
|
|
@@ -7497,35 +6125,35 @@ var CHECKBOX_ITEM_NAME = "DropdownMenuCheckboxItem";
|
|
|
7497
6125
|
var DropdownMenuCheckboxItem = React__namespace.forwardRef((props, forwardedRef) => {
|
|
7498
6126
|
const { __scopeDropdownMenu, ...checkboxItemProps } = props;
|
|
7499
6127
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
7500
|
-
return /* @__PURE__ */
|
|
6128
|
+
return /* @__PURE__ */ jsxRuntime.jsx(CheckboxItem, { ...menuScope, ...checkboxItemProps, ref: forwardedRef });
|
|
7501
6129
|
});
|
|
7502
6130
|
DropdownMenuCheckboxItem.displayName = CHECKBOX_ITEM_NAME;
|
|
7503
6131
|
var RADIO_GROUP_NAME = "DropdownMenuRadioGroup";
|
|
7504
6132
|
var DropdownMenuRadioGroup = React__namespace.forwardRef((props, forwardedRef) => {
|
|
7505
6133
|
const { __scopeDropdownMenu, ...radioGroupProps } = props;
|
|
7506
6134
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
7507
|
-
return /* @__PURE__ */
|
|
6135
|
+
return /* @__PURE__ */ jsxRuntime.jsx(RadioGroup, { ...menuScope, ...radioGroupProps, ref: forwardedRef });
|
|
7508
6136
|
});
|
|
7509
6137
|
DropdownMenuRadioGroup.displayName = RADIO_GROUP_NAME;
|
|
7510
6138
|
var RADIO_ITEM_NAME = "DropdownMenuRadioItem";
|
|
7511
6139
|
var DropdownMenuRadioItem = React__namespace.forwardRef((props, forwardedRef) => {
|
|
7512
6140
|
const { __scopeDropdownMenu, ...radioItemProps } = props;
|
|
7513
6141
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
7514
|
-
return /* @__PURE__ */
|
|
6142
|
+
return /* @__PURE__ */ jsxRuntime.jsx(RadioItem, { ...menuScope, ...radioItemProps, ref: forwardedRef });
|
|
7515
6143
|
});
|
|
7516
6144
|
DropdownMenuRadioItem.displayName = RADIO_ITEM_NAME;
|
|
7517
6145
|
var INDICATOR_NAME$1 = "DropdownMenuItemIndicator";
|
|
7518
6146
|
var DropdownMenuItemIndicator = React__namespace.forwardRef((props, forwardedRef) => {
|
|
7519
6147
|
const { __scopeDropdownMenu, ...itemIndicatorProps } = props;
|
|
7520
6148
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
7521
|
-
return /* @__PURE__ */
|
|
6149
|
+
return /* @__PURE__ */ jsxRuntime.jsx(ItemIndicator$1, { ...menuScope, ...itemIndicatorProps, ref: forwardedRef });
|
|
7522
6150
|
});
|
|
7523
6151
|
DropdownMenuItemIndicator.displayName = INDICATOR_NAME$1;
|
|
7524
6152
|
var SEPARATOR_NAME$1 = "DropdownMenuSeparator";
|
|
7525
6153
|
var DropdownMenuSeparator$1 = React__namespace.forwardRef((props, forwardedRef) => {
|
|
7526
6154
|
const { __scopeDropdownMenu, ...separatorProps } = props;
|
|
7527
6155
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
7528
|
-
return /* @__PURE__ */
|
|
6156
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Separator, { ...menuScope, ...separatorProps, ref: forwardedRef });
|
|
7529
6157
|
});
|
|
7530
6158
|
DropdownMenuSeparator$1.displayName = SEPARATOR_NAME$1;
|
|
7531
6159
|
var ARROW_NAME$2 = "DropdownMenuArrow";
|
|
@@ -7533,7 +6161,7 @@ var DropdownMenuArrow = React__namespace.forwardRef(
|
|
|
7533
6161
|
(props, forwardedRef) => {
|
|
7534
6162
|
const { __scopeDropdownMenu, ...arrowProps } = props;
|
|
7535
6163
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
7536
|
-
return /* @__PURE__ */
|
|
6164
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Arrow2$1, { ...menuScope, ...arrowProps, ref: forwardedRef });
|
|
7537
6165
|
}
|
|
7538
6166
|
);
|
|
7539
6167
|
DropdownMenuArrow.displayName = ARROW_NAME$2;
|
|
@@ -7541,14 +6169,14 @@ var SUB_TRIGGER_NAME = "DropdownMenuSubTrigger";
|
|
|
7541
6169
|
var DropdownMenuSubTrigger = React__namespace.forwardRef((props, forwardedRef) => {
|
|
7542
6170
|
const { __scopeDropdownMenu, ...subTriggerProps } = props;
|
|
7543
6171
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
7544
|
-
return /* @__PURE__ */
|
|
6172
|
+
return /* @__PURE__ */ jsxRuntime.jsx(SubTrigger, { ...menuScope, ...subTriggerProps, ref: forwardedRef });
|
|
7545
6173
|
});
|
|
7546
6174
|
DropdownMenuSubTrigger.displayName = SUB_TRIGGER_NAME;
|
|
7547
6175
|
var SUB_CONTENT_NAME = "DropdownMenuSubContent";
|
|
7548
6176
|
var DropdownMenuSubContent = React__namespace.forwardRef((props, forwardedRef) => {
|
|
7549
6177
|
const { __scopeDropdownMenu, ...subContentProps } = props;
|
|
7550
6178
|
const menuScope = useMenuScope(__scopeDropdownMenu);
|
|
7551
|
-
return /* @__PURE__ */
|
|
6179
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
7552
6180
|
SubContent,
|
|
7553
6181
|
{
|
|
7554
6182
|
...menuScope,
|
|
@@ -7603,7 +6231,7 @@ var Progress$1 = React__namespace.forwardRef(
|
|
|
7603
6231
|
}
|
|
7604
6232
|
const value = isValidValueNumber(valueProp, max) ? valueProp : null;
|
|
7605
6233
|
const valueLabel = isNumber(value) ? getValueLabel(value, max) : void 0;
|
|
7606
|
-
return /* @__PURE__ */
|
|
6234
|
+
return /* @__PURE__ */ jsxRuntime.jsx(ProgressProvider, { scope: __scopeProgress, value, max, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
7607
6235
|
Primitive.div,
|
|
7608
6236
|
{
|
|
7609
6237
|
"aria-valuemax": max,
|
|
@@ -7626,7 +6254,7 @@ var ProgressIndicator = React__namespace.forwardRef(
|
|
|
7626
6254
|
(props, forwardedRef) => {
|
|
7627
6255
|
const { __scopeProgress, ...indicatorProps } = props;
|
|
7628
6256
|
const context = useProgressContext(INDICATOR_NAME, __scopeProgress);
|
|
7629
|
-
return /* @__PURE__ */
|
|
6257
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
7630
6258
|
Primitive.div,
|
|
7631
6259
|
{
|
|
7632
6260
|
"data-state": getProgressState(context.value, context.max),
|
|
@@ -7717,7 +6345,7 @@ var Select$1 = (props) => {
|
|
|
7717
6345
|
const isFormControl = trigger ? form || !!trigger.closest("form") : true;
|
|
7718
6346
|
const [nativeOptionsSet, setNativeOptionsSet] = React__namespace.useState(/* @__PURE__ */ new Set());
|
|
7719
6347
|
const nativeSelectKey = Array.from(nativeOptionsSet).map((option) => option.props.value).join(";");
|
|
7720
|
-
return /* @__PURE__ */
|
|
6348
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Root2$2, { ...popperScope, children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
7721
6349
|
SelectProvider,
|
|
7722
6350
|
{
|
|
7723
6351
|
required,
|
|
@@ -7737,7 +6365,7 @@ var Select$1 = (props) => {
|
|
|
7737
6365
|
triggerPointerDownPosRef,
|
|
7738
6366
|
disabled,
|
|
7739
6367
|
children: [
|
|
7740
|
-
/* @__PURE__ */
|
|
6368
|
+
/* @__PURE__ */ jsxRuntime.jsx(Collection.Provider, { scope: __scopeSelect, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
7741
6369
|
SelectNativeOptionsProvider,
|
|
7742
6370
|
{
|
|
7743
6371
|
scope: props.__scopeSelect,
|
|
@@ -7754,7 +6382,7 @@ var Select$1 = (props) => {
|
|
|
7754
6382
|
children
|
|
7755
6383
|
}
|
|
7756
6384
|
) }),
|
|
7757
|
-
isFormControl ? /* @__PURE__ */
|
|
6385
|
+
isFormControl ? /* @__PURE__ */ jsxRuntime.jsxs(
|
|
7758
6386
|
SelectBubbleInput,
|
|
7759
6387
|
{
|
|
7760
6388
|
"aria-hidden": true,
|
|
@@ -7767,7 +6395,7 @@ var Select$1 = (props) => {
|
|
|
7767
6395
|
disabled,
|
|
7768
6396
|
form,
|
|
7769
6397
|
children: [
|
|
7770
|
-
value === void 0 ? /* @__PURE__ */
|
|
6398
|
+
value === void 0 ? /* @__PURE__ */ jsxRuntime.jsx("option", { value: "" }) : null,
|
|
7771
6399
|
Array.from(nativeOptionsSet)
|
|
7772
6400
|
]
|
|
7773
6401
|
},
|
|
@@ -7808,7 +6436,7 @@ var SelectTrigger$1 = React__namespace.forwardRef(
|
|
|
7808
6436
|
};
|
|
7809
6437
|
}
|
|
7810
6438
|
};
|
|
7811
|
-
return /* @__PURE__ */
|
|
6439
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
7812
6440
|
Primitive.button,
|
|
7813
6441
|
{
|
|
7814
6442
|
type: "button",
|
|
@@ -7867,13 +6495,13 @@ var SelectValue$1 = React__namespace.forwardRef(
|
|
|
7867
6495
|
useLayoutEffect2(() => {
|
|
7868
6496
|
onValueNodeHasChildrenChange(hasChildren);
|
|
7869
6497
|
}, [onValueNodeHasChildrenChange, hasChildren]);
|
|
7870
|
-
return /* @__PURE__ */
|
|
6498
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
7871
6499
|
Primitive.span,
|
|
7872
6500
|
{
|
|
7873
6501
|
...valueProps,
|
|
7874
6502
|
ref: composedRefs,
|
|
7875
6503
|
style: { pointerEvents: "none" },
|
|
7876
|
-
children: shouldShowPlaceholder(context.value) ? /* @__PURE__ */
|
|
6504
|
+
children: shouldShowPlaceholder(context.value) ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: placeholder }) : children
|
|
7877
6505
|
}
|
|
7878
6506
|
);
|
|
7879
6507
|
}
|
|
@@ -7883,13 +6511,13 @@ var ICON_NAME = "SelectIcon";
|
|
|
7883
6511
|
var SelectIcon = React__namespace.forwardRef(
|
|
7884
6512
|
(props, forwardedRef) => {
|
|
7885
6513
|
const { __scopeSelect, children, ...iconProps } = props;
|
|
7886
|
-
return /* @__PURE__ */
|
|
6514
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Primitive.span, { "aria-hidden": true, ...iconProps, ref: forwardedRef, children: children || "\u25BC" });
|
|
7887
6515
|
}
|
|
7888
6516
|
);
|
|
7889
6517
|
SelectIcon.displayName = ICON_NAME;
|
|
7890
6518
|
var PORTAL_NAME$1 = "SelectPortal";
|
|
7891
6519
|
var SelectPortal = (props) => {
|
|
7892
|
-
return /* @__PURE__ */
|
|
6520
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Portal$3, { asChild: true, ...props });
|
|
7893
6521
|
};
|
|
7894
6522
|
SelectPortal.displayName = PORTAL_NAME$1;
|
|
7895
6523
|
var CONTENT_NAME$1 = "SelectContent";
|
|
@@ -7903,11 +6531,11 @@ var SelectContent$1 = React__namespace.forwardRef(
|
|
|
7903
6531
|
if (!context.open) {
|
|
7904
6532
|
const frag = fragment;
|
|
7905
6533
|
return frag ? ReactDOM__namespace.createPortal(
|
|
7906
|
-
/* @__PURE__ */
|
|
6534
|
+
/* @__PURE__ */ jsxRuntime.jsx(SelectContentProvider, { scope: props.__scopeSelect, children: /* @__PURE__ */ jsxRuntime.jsx(Collection.Slot, { scope: props.__scopeSelect, children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: props.children }) }) }),
|
|
7907
6535
|
frag
|
|
7908
6536
|
) : null;
|
|
7909
6537
|
}
|
|
7910
|
-
return /* @__PURE__ */
|
|
6538
|
+
return /* @__PURE__ */ jsxRuntime.jsx(SelectContentImpl, { ...props, ref: forwardedRef });
|
|
7911
6539
|
}
|
|
7912
6540
|
);
|
|
7913
6541
|
SelectContent$1.displayName = CONTENT_NAME$1;
|
|
@@ -8061,7 +6689,7 @@ var SelectContentImpl = React__namespace.forwardRef(
|
|
|
8061
6689
|
hideWhenDetached,
|
|
8062
6690
|
avoidCollisions
|
|
8063
6691
|
} : {};
|
|
8064
|
-
return /* @__PURE__ */
|
|
6692
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
8065
6693
|
SelectContentProvider,
|
|
8066
6694
|
{
|
|
8067
6695
|
scope: __scopeSelect,
|
|
@@ -8077,7 +6705,7 @@ var SelectContentImpl = React__namespace.forwardRef(
|
|
|
8077
6705
|
position,
|
|
8078
6706
|
isPositioned,
|
|
8079
6707
|
searchRef,
|
|
8080
|
-
children: /* @__PURE__ */
|
|
6708
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(RemoveScroll, { as: Slot, allowPinchZoom: true, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
8081
6709
|
FocusScope,
|
|
8082
6710
|
{
|
|
8083
6711
|
asChild: true,
|
|
@@ -8089,7 +6717,7 @@ var SelectContentImpl = React__namespace.forwardRef(
|
|
|
8089
6717
|
context.trigger?.focus({ preventScroll: true });
|
|
8090
6718
|
event.preventDefault();
|
|
8091
6719
|
}),
|
|
8092
|
-
children: /* @__PURE__ */
|
|
6720
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
8093
6721
|
DismissableLayer,
|
|
8094
6722
|
{
|
|
8095
6723
|
asChild: true,
|
|
@@ -8098,7 +6726,7 @@ var SelectContentImpl = React__namespace.forwardRef(
|
|
|
8098
6726
|
onPointerDownOutside,
|
|
8099
6727
|
onFocusOutside: (event) => event.preventDefault(),
|
|
8100
6728
|
onDismiss: () => context.onOpenChange(false),
|
|
8101
|
-
children: /* @__PURE__ */
|
|
6729
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
8102
6730
|
SelectPosition,
|
|
8103
6731
|
{
|
|
8104
6732
|
role: "listbox",
|
|
@@ -8274,14 +6902,14 @@ var SelectItemAlignedPosition = React__namespace.forwardRef((props, forwardedRef
|
|
|
8274
6902
|
},
|
|
8275
6903
|
[position, focusSelectedItem]
|
|
8276
6904
|
);
|
|
8277
|
-
return /* @__PURE__ */
|
|
6905
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
8278
6906
|
SelectViewportProvider,
|
|
8279
6907
|
{
|
|
8280
6908
|
scope: __scopeSelect,
|
|
8281
6909
|
contentWrapper,
|
|
8282
6910
|
shouldExpandOnScrollRef,
|
|
8283
6911
|
onScrollButtonChange: handleScrollButtonChange,
|
|
8284
|
-
children: /* @__PURE__ */
|
|
6912
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
8285
6913
|
"div",
|
|
8286
6914
|
{
|
|
8287
6915
|
ref: setContentWrapper,
|
|
@@ -8291,7 +6919,7 @@ var SelectItemAlignedPosition = React__namespace.forwardRef((props, forwardedRef
|
|
|
8291
6919
|
position: "fixed",
|
|
8292
6920
|
zIndex: contentZIndex
|
|
8293
6921
|
},
|
|
8294
|
-
children: /* @__PURE__ */
|
|
6922
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
8295
6923
|
Primitive.div,
|
|
8296
6924
|
{
|
|
8297
6925
|
...popperProps,
|
|
@@ -8321,7 +6949,7 @@ var SelectPopperPosition = React__namespace.forwardRef((props, forwardedRef) =>
|
|
|
8321
6949
|
...popperProps
|
|
8322
6950
|
} = props;
|
|
8323
6951
|
const popperScope = usePopperScope$1(__scopeSelect);
|
|
8324
|
-
return /* @__PURE__ */
|
|
6952
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
8325
6953
|
Content,
|
|
8326
6954
|
{
|
|
8327
6955
|
...popperScope,
|
|
@@ -8355,8 +6983,8 @@ var SelectViewport = React__namespace.forwardRef(
|
|
|
8355
6983
|
const viewportContext = useSelectViewportContext(VIEWPORT_NAME, __scopeSelect);
|
|
8356
6984
|
const composedRefs = useComposedRefs(forwardedRef, contentContext.onViewportChange);
|
|
8357
6985
|
const prevScrollTopRef = React__namespace.useRef(0);
|
|
8358
|
-
return /* @__PURE__ */
|
|
8359
|
-
/* @__PURE__ */
|
|
6986
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
6987
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
8360
6988
|
"style",
|
|
8361
6989
|
{
|
|
8362
6990
|
dangerouslySetInnerHTML: {
|
|
@@ -8365,7 +6993,7 @@ var SelectViewport = React__namespace.forwardRef(
|
|
|
8365
6993
|
nonce
|
|
8366
6994
|
}
|
|
8367
6995
|
),
|
|
8368
|
-
/* @__PURE__ */
|
|
6996
|
+
/* @__PURE__ */ jsxRuntime.jsx(Collection.Slot, { scope: __scopeSelect, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
8369
6997
|
Primitive.div,
|
|
8370
6998
|
{
|
|
8371
6999
|
"data-radix-select-viewport": "",
|
|
@@ -8421,7 +7049,7 @@ var SelectGroup = React__namespace.forwardRef(
|
|
|
8421
7049
|
(props, forwardedRef) => {
|
|
8422
7050
|
const { __scopeSelect, ...groupProps } = props;
|
|
8423
7051
|
const groupId = useId();
|
|
8424
|
-
return /* @__PURE__ */
|
|
7052
|
+
return /* @__PURE__ */ jsxRuntime.jsx(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId, children: /* @__PURE__ */ jsxRuntime.jsx(Primitive.div, { role: "group", "aria-labelledby": groupId, ...groupProps, ref: forwardedRef }) });
|
|
8425
7053
|
}
|
|
8426
7054
|
);
|
|
8427
7055
|
SelectGroup.displayName = GROUP_NAME;
|
|
@@ -8430,7 +7058,7 @@ var SelectLabel = React__namespace.forwardRef(
|
|
|
8430
7058
|
(props, forwardedRef) => {
|
|
8431
7059
|
const { __scopeSelect, ...labelProps } = props;
|
|
8432
7060
|
const groupContext = useSelectGroupContext(LABEL_NAME, __scopeSelect);
|
|
8433
|
-
return /* @__PURE__ */
|
|
7061
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Primitive.div, { id: groupContext.id, ...labelProps, ref: forwardedRef });
|
|
8434
7062
|
}
|
|
8435
7063
|
);
|
|
8436
7064
|
SelectLabel.displayName = LABEL_NAME;
|
|
@@ -8467,7 +7095,7 @@ var SelectItem$1 = React__namespace.forwardRef(
|
|
|
8467
7095
|
"A <Select.Item /> must have a value prop that is not an empty string. This is because the Select value can be set to an empty string to clear the selection and show the placeholder."
|
|
8468
7096
|
);
|
|
8469
7097
|
}
|
|
8470
|
-
return /* @__PURE__ */
|
|
7098
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
8471
7099
|
SelectItemContextProvider,
|
|
8472
7100
|
{
|
|
8473
7101
|
scope: __scopeSelect,
|
|
@@ -8478,14 +7106,14 @@ var SelectItem$1 = React__namespace.forwardRef(
|
|
|
8478
7106
|
onItemTextChange: React__namespace.useCallback((node) => {
|
|
8479
7107
|
setTextValue((prevTextValue) => prevTextValue || (node?.textContent ?? "").trim());
|
|
8480
7108
|
}, []),
|
|
8481
|
-
children: /* @__PURE__ */
|
|
7109
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
8482
7110
|
Collection.ItemSlot,
|
|
8483
7111
|
{
|
|
8484
7112
|
scope: __scopeSelect,
|
|
8485
7113
|
value,
|
|
8486
7114
|
disabled,
|
|
8487
7115
|
textValue,
|
|
8488
|
-
children: /* @__PURE__ */
|
|
7116
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
8489
7117
|
Primitive.div,
|
|
8490
7118
|
{
|
|
8491
7119
|
role: "option",
|
|
@@ -8554,7 +7182,7 @@ var SelectItemText = React__namespace.forwardRef(
|
|
|
8554
7182
|
);
|
|
8555
7183
|
const textContent = itemTextNode?.textContent;
|
|
8556
7184
|
const nativeOption = React__namespace.useMemo(
|
|
8557
|
-
() => /* @__PURE__ */
|
|
7185
|
+
() => /* @__PURE__ */ jsxRuntime.jsx("option", { value: itemContext.value, disabled: itemContext.disabled, children: textContent }, itemContext.value),
|
|
8558
7186
|
[itemContext.disabled, itemContext.value, textContent]
|
|
8559
7187
|
);
|
|
8560
7188
|
const { onNativeOptionAdd, onNativeOptionRemove } = nativeOptionsContext;
|
|
@@ -8562,8 +7190,8 @@ var SelectItemText = React__namespace.forwardRef(
|
|
|
8562
7190
|
onNativeOptionAdd(nativeOption);
|
|
8563
7191
|
return () => onNativeOptionRemove(nativeOption);
|
|
8564
7192
|
}, [onNativeOptionAdd, onNativeOptionRemove, nativeOption]);
|
|
8565
|
-
return /* @__PURE__ */
|
|
8566
|
-
/* @__PURE__ */
|
|
7193
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
7194
|
+
/* @__PURE__ */ jsxRuntime.jsx(Primitive.span, { id: itemContext.textId, ...itemTextProps, ref: composedRefs }),
|
|
8567
7195
|
itemContext.isSelected && context.valueNode && !context.valueNodeHasChildren ? ReactDOM__namespace.createPortal(itemTextProps.children, context.valueNode) : null
|
|
8568
7196
|
] });
|
|
8569
7197
|
}
|
|
@@ -8574,7 +7202,7 @@ var SelectItemIndicator = React__namespace.forwardRef(
|
|
|
8574
7202
|
(props, forwardedRef) => {
|
|
8575
7203
|
const { __scopeSelect, ...itemIndicatorProps } = props;
|
|
8576
7204
|
const itemContext = useSelectItemContext(ITEM_INDICATOR_NAME, __scopeSelect);
|
|
8577
|
-
return itemContext.isSelected ? /* @__PURE__ */
|
|
7205
|
+
return itemContext.isSelected ? /* @__PURE__ */ jsxRuntime.jsx(Primitive.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
|
|
8578
7206
|
}
|
|
8579
7207
|
);
|
|
8580
7208
|
SelectItemIndicator.displayName = ITEM_INDICATOR_NAME;
|
|
@@ -8596,7 +7224,7 @@ var SelectScrollUpButton$1 = React__namespace.forwardRef((props, forwardedRef) =
|
|
|
8596
7224
|
return () => viewport.removeEventListener("scroll", handleScroll2);
|
|
8597
7225
|
}
|
|
8598
7226
|
}, [contentContext.viewport, contentContext.isPositioned]);
|
|
8599
|
-
return canScrollUp ? /* @__PURE__ */
|
|
7227
|
+
return canScrollUp ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
8600
7228
|
SelectScrollButtonImpl,
|
|
8601
7229
|
{
|
|
8602
7230
|
...props,
|
|
@@ -8630,7 +7258,7 @@ var SelectScrollDownButton$1 = React__namespace.forwardRef((props, forwardedRef)
|
|
|
8630
7258
|
return () => viewport.removeEventListener("scroll", handleScroll2);
|
|
8631
7259
|
}
|
|
8632
7260
|
}, [contentContext.viewport, contentContext.isPositioned]);
|
|
8633
|
-
return canScrollDown ? /* @__PURE__ */
|
|
7261
|
+
return canScrollDown ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
8634
7262
|
SelectScrollButtonImpl,
|
|
8635
7263
|
{
|
|
8636
7264
|
...props,
|
|
@@ -8663,7 +7291,7 @@ var SelectScrollButtonImpl = React__namespace.forwardRef((props, forwardedRef) =
|
|
|
8663
7291
|
const activeItem = getItems().find((item) => item.ref.current === document.activeElement);
|
|
8664
7292
|
activeItem?.ref.current?.scrollIntoView({ block: "nearest" });
|
|
8665
7293
|
}, [getItems]);
|
|
8666
|
-
return /* @__PURE__ */
|
|
7294
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
8667
7295
|
Primitive.div,
|
|
8668
7296
|
{
|
|
8669
7297
|
"aria-hidden": true,
|
|
@@ -8691,7 +7319,7 @@ var SEPARATOR_NAME = "SelectSeparator";
|
|
|
8691
7319
|
var SelectSeparator = React__namespace.forwardRef(
|
|
8692
7320
|
(props, forwardedRef) => {
|
|
8693
7321
|
const { __scopeSelect, ...separatorProps } = props;
|
|
8694
|
-
return /* @__PURE__ */
|
|
7322
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Primitive.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
|
|
8695
7323
|
}
|
|
8696
7324
|
);
|
|
8697
7325
|
SelectSeparator.displayName = SEPARATOR_NAME;
|
|
@@ -8702,7 +7330,7 @@ var SelectArrow = React__namespace.forwardRef(
|
|
|
8702
7330
|
const popperScope = usePopperScope$1(__scopeSelect);
|
|
8703
7331
|
const context = useSelectContext(ARROW_NAME$1, __scopeSelect);
|
|
8704
7332
|
const contentContext = useSelectContentContext(ARROW_NAME$1, __scopeSelect);
|
|
8705
|
-
return context.open && contentContext.position === "popper" ? /* @__PURE__ */
|
|
7333
|
+
return context.open && contentContext.position === "popper" ? /* @__PURE__ */ jsxRuntime.jsx(Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef }) : null;
|
|
8706
7334
|
}
|
|
8707
7335
|
);
|
|
8708
7336
|
SelectArrow.displayName = ARROW_NAME$1;
|
|
@@ -8727,7 +7355,7 @@ var SelectBubbleInput = React__namespace.forwardRef(
|
|
|
8727
7355
|
select.dispatchEvent(event);
|
|
8728
7356
|
}
|
|
8729
7357
|
}, [prevValue, value]);
|
|
8730
|
-
return /* @__PURE__ */
|
|
7358
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
8731
7359
|
Primitive.select,
|
|
8732
7360
|
{
|
|
8733
7361
|
...props,
|
|
@@ -8818,7 +7446,7 @@ var TooltipProvider$1 = (props) => {
|
|
|
8818
7446
|
const skipDelayTimer = skipDelayTimerRef.current;
|
|
8819
7447
|
return () => window.clearTimeout(skipDelayTimer);
|
|
8820
7448
|
}, []);
|
|
8821
|
-
return /* @__PURE__ */
|
|
7449
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
8822
7450
|
TooltipProviderContextProvider,
|
|
8823
7451
|
{
|
|
8824
7452
|
scope: __scopeTooltip,
|
|
@@ -8909,7 +7537,7 @@ var Tooltip$1 = (props) => {
|
|
|
8909
7537
|
}
|
|
8910
7538
|
};
|
|
8911
7539
|
}, []);
|
|
8912
|
-
return /* @__PURE__ */
|
|
7540
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Root2$2, { ...popperScope, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
8913
7541
|
TooltipContextProvider,
|
|
8914
7542
|
{
|
|
8915
7543
|
scope: __scopeTooltip,
|
|
@@ -8953,7 +7581,7 @@ var TooltipTrigger$1 = React__namespace.forwardRef(
|
|
|
8953
7581
|
React__namespace.useEffect(() => {
|
|
8954
7582
|
return () => document.removeEventListener("pointerup", handlePointerUp);
|
|
8955
7583
|
}, [handlePointerUp]);
|
|
8956
|
-
return /* @__PURE__ */
|
|
7584
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
8957
7585
|
Primitive.button,
|
|
8958
7586
|
{
|
|
8959
7587
|
"aria-describedby": context.open ? context.contentId : void 0,
|
|
@@ -8995,7 +7623,7 @@ var [PortalProvider, usePortalContext] = createTooltipContext(PORTAL_NAME, {
|
|
|
8995
7623
|
var TooltipPortal = (props) => {
|
|
8996
7624
|
const { __scopeTooltip, forceMount, children, container } = props;
|
|
8997
7625
|
const context = useTooltipContext(PORTAL_NAME, __scopeTooltip);
|
|
8998
|
-
return /* @__PURE__ */
|
|
7626
|
+
return /* @__PURE__ */ jsxRuntime.jsx(PortalProvider, { scope: __scopeTooltip, forceMount, children: /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsxRuntime.jsx(Portal$3, { asChild: true, container, children }) }) });
|
|
8999
7627
|
};
|
|
9000
7628
|
TooltipPortal.displayName = PORTAL_NAME;
|
|
9001
7629
|
var CONTENT_NAME = "TooltipContent";
|
|
@@ -9004,7 +7632,7 @@ var TooltipContent$1 = React__namespace.forwardRef(
|
|
|
9004
7632
|
const portalContext = usePortalContext(CONTENT_NAME, props.__scopeTooltip);
|
|
9005
7633
|
const { forceMount = portalContext.forceMount, side = "top", ...contentProps } = props;
|
|
9006
7634
|
const context = useTooltipContext(CONTENT_NAME, props.__scopeTooltip);
|
|
9007
|
-
return /* @__PURE__ */
|
|
7635
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || context.open, children: context.disableHoverableContent ? /* @__PURE__ */ jsxRuntime.jsx(TooltipContentImpl, { side, ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsxRuntime.jsx(TooltipContentHoverable, { side, ...contentProps, ref: forwardedRef }) });
|
|
9008
7636
|
}
|
|
9009
7637
|
);
|
|
9010
7638
|
var TooltipContentHoverable = React__namespace.forwardRef((props, forwardedRef) => {
|
|
@@ -9066,7 +7694,7 @@ var TooltipContentHoverable = React__namespace.forwardRef((props, forwardedRef)
|
|
|
9066
7694
|
return () => document.removeEventListener("pointermove", handleTrackPointerGrace);
|
|
9067
7695
|
}
|
|
9068
7696
|
}, [trigger, content, pointerGraceArea, onClose, handleRemoveGraceArea]);
|
|
9069
|
-
return /* @__PURE__ */
|
|
7697
|
+
return /* @__PURE__ */ jsxRuntime.jsx(TooltipContentImpl, { ...props, ref: composedRefs });
|
|
9070
7698
|
});
|
|
9071
7699
|
var [VisuallyHiddenContentContextProvider, useVisuallyHiddenContentContext] = createTooltipContext(TOOLTIP_NAME, { isInside: false });
|
|
9072
7700
|
var Slottable = createSlottable("TooltipContent");
|
|
@@ -9097,7 +7725,7 @@ var TooltipContentImpl = React__namespace.forwardRef(
|
|
|
9097
7725
|
return () => window.removeEventListener("scroll", handleScroll, { capture: true });
|
|
9098
7726
|
}
|
|
9099
7727
|
}, [context.trigger, onClose]);
|
|
9100
|
-
return /* @__PURE__ */
|
|
7728
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
9101
7729
|
DismissableLayer,
|
|
9102
7730
|
{
|
|
9103
7731
|
asChild: true,
|
|
@@ -9106,7 +7734,7 @@ var TooltipContentImpl = React__namespace.forwardRef(
|
|
|
9106
7734
|
onPointerDownOutside,
|
|
9107
7735
|
onFocusOutside: (event) => event.preventDefault(),
|
|
9108
7736
|
onDismiss: onClose,
|
|
9109
|
-
children: /* @__PURE__ */
|
|
7737
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
9110
7738
|
Content,
|
|
9111
7739
|
{
|
|
9112
7740
|
"data-state": context.stateAttribute,
|
|
@@ -9125,8 +7753,8 @@ var TooltipContentImpl = React__namespace.forwardRef(
|
|
|
9125
7753
|
}
|
|
9126
7754
|
},
|
|
9127
7755
|
children: [
|
|
9128
|
-
/* @__PURE__ */
|
|
9129
|
-
/* @__PURE__ */
|
|
7756
|
+
/* @__PURE__ */ jsxRuntime.jsx(Slottable, { children }),
|
|
7757
|
+
/* @__PURE__ */ jsxRuntime.jsx(VisuallyHiddenContentContextProvider, { scope: __scopeTooltip, isInside: true, children: /* @__PURE__ */ jsxRuntime.jsx(Root$3, { id: context.contentId, role: "tooltip", children: ariaLabel || children }) })
|
|
9130
7758
|
]
|
|
9131
7759
|
}
|
|
9132
7760
|
)
|
|
@@ -9144,7 +7772,7 @@ var TooltipArrow = React__namespace.forwardRef(
|
|
|
9144
7772
|
ARROW_NAME,
|
|
9145
7773
|
__scopeTooltip
|
|
9146
7774
|
);
|
|
9147
|
-
return visuallyHiddenContentContext.isInside ? null : /* @__PURE__ */
|
|
7775
|
+
return visuallyHiddenContentContext.isInside ? null : /* @__PURE__ */ jsxRuntime.jsx(Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef });
|
|
9148
7776
|
}
|
|
9149
7777
|
);
|
|
9150
7778
|
TooltipArrow.displayName = ARROW_NAME;
|
|
@@ -9300,7 +7928,7 @@ const buttonVariants = cva("focus-visible:border-ring focus-visible:ring-ring/50
|
|
|
9300
7928
|
});
|
|
9301
7929
|
function Button({ className, variant = "default", size = "default", asChild = false, ...props }) {
|
|
9302
7930
|
const Comp = asChild ? Slot$2 : "button";
|
|
9303
|
-
return (
|
|
7931
|
+
return (jsxRuntime.jsx(Comp, { "data-slot": "button", "data-variant": variant, "data-size": size, className: cn(buttonVariants({ variant, size, className })), ...props }));
|
|
9304
7932
|
}
|
|
9305
7933
|
|
|
9306
7934
|
class BadgeColumn extends BaseColumn {
|
|
@@ -9340,17 +7968,17 @@ class BadgeColumn extends BaseColumn {
|
|
|
9340
7968
|
header: ({ column }) => {
|
|
9341
7969
|
const displayLabel = label || String(accessor);
|
|
9342
7970
|
if (!sortable) {
|
|
9343
|
-
return (
|
|
7971
|
+
return (jsxRuntime.jsx("span", { className: cn("text-muted-foreground font-medium", this.getAlignmentClass(), this.config.headerClassName), children: displayLabel }));
|
|
9344
7972
|
}
|
|
9345
|
-
return (
|
|
7973
|
+
return (jsxRuntime.jsxs(Button, { variant: "table_header", size: "table_header", onClick: () => column.toggleSorting(column.getIsSorted() === "asc"), className: cn("text-muted-foreground font-medium", this.getAlignmentClass(), this.config.headerClassName), children: [displayLabel, jsxRuntime.jsx(lucideReact.ArrowUpDown, { className: "ml-2 h-4 w-4" })] }));
|
|
9346
7974
|
},
|
|
9347
7975
|
cell: ({ getValue }) => {
|
|
9348
7976
|
const value = String(getValue());
|
|
9349
7977
|
const variantConfig = variants?.[value];
|
|
9350
7978
|
if (!variantConfig) {
|
|
9351
|
-
return (
|
|
7979
|
+
return (jsxRuntime.jsx(Badge, { variant: "outline", className: this.config.cellClassName, children: value }));
|
|
9352
7980
|
}
|
|
9353
|
-
return (
|
|
7981
|
+
return (jsxRuntime.jsxs(Badge, { variant: variantConfig.variant === "success" ||
|
|
9354
7982
|
variantConfig.variant === "warning" ||
|
|
9355
7983
|
variantConfig.variant === "info" ||
|
|
9356
7984
|
variantConfig.variant === "muted"
|
|
@@ -9368,13 +7996,13 @@ const ButtonColumn = (config) => {
|
|
|
9368
7996
|
header: config.header || "Button",
|
|
9369
7997
|
cell: ({ row }) => {
|
|
9370
7998
|
const value = row.getValue(accessorKey);
|
|
9371
|
-
return (
|
|
7999
|
+
return (jsxRuntime.jsx(Button, { onClick: () => config.onClick && config.onClick(row.original), children: value || config.label || "Click" }));
|
|
9372
8000
|
},
|
|
9373
8001
|
};
|
|
9374
8002
|
};
|
|
9375
8003
|
|
|
9376
8004
|
function Checkbox({ className, ...props }) {
|
|
9377
|
-
return (
|
|
8005
|
+
return (jsxRuntime.jsx(Checkbox$1, { "data-slot": "checkbox", className: className, ...props, children: jsxRuntime.jsx(CheckboxIndicator, { "data-slot": "checkbox-indicator", className: "[&>svg]:size-3.5 grid place-content-center text-current transition-none", children: jsxRuntime.jsx(lucideReact.CheckIcon, {}) }) }));
|
|
9378
8006
|
}
|
|
9379
8007
|
|
|
9380
8008
|
class CheckboxColumn {
|
|
@@ -9384,8 +8012,8 @@ class CheckboxColumn {
|
|
|
9384
8012
|
build() {
|
|
9385
8013
|
return {
|
|
9386
8014
|
id: 'select',
|
|
9387
|
-
header: ({ table }) => (
|
|
9388
|
-
cell: ({ row }) => (
|
|
8015
|
+
header: ({ table }) => (jsxRuntime.jsx(Checkbox, { checked: table.getIsAllPageRowsSelected() || (table.getIsSomePageRowsSelected() && 'indeterminate'), onCheckedChange: (value) => table.toggleAllPageRowsSelected(!!value), "aria-label": "Alle ausw\u00E4hlen" })),
|
|
8016
|
+
cell: ({ row }) => (jsxRuntime.jsx(Checkbox, { checked: row.getIsSelected(), onCheckedChange: (value) => row.toggleSelected(!!value), "aria-label": "Zeile ausw\u00E4hlen" })),
|
|
9389
8017
|
enableSorting: false,
|
|
9390
8018
|
enableHiding: false,
|
|
9391
8019
|
};
|
|
@@ -9471,40 +8099,40 @@ class DateColumn extends BaseColumn {
|
|
|
9471
8099
|
header: ({ column }) => {
|
|
9472
8100
|
const displayLabel = label || String(accessor);
|
|
9473
8101
|
if (!sortable) {
|
|
9474
|
-
return (
|
|
8102
|
+
return (jsxRuntime.jsx("span", { className: cn('text-muted-foreground font-medium', this.getAlignmentClass(), this.config.headerClassName), children: displayLabel }));
|
|
9475
8103
|
}
|
|
9476
|
-
return (
|
|
8104
|
+
return (jsxRuntime.jsxs(Button, { variant: "table_header", size: "table_header", onClick: () => column.toggleSorting(column.getIsSorted() === 'asc'), className: cn('text-muted-foreground font-medium', this.getAlignmentClass(), this.config.headerClassName), children: [displayLabel, jsxRuntime.jsx(lucideReact.ArrowUpDown, { className: "ml-2 h-4 w-4" })] }));
|
|
9477
8105
|
},
|
|
9478
8106
|
cell: ({ getValue }) => {
|
|
9479
8107
|
const value = getValue();
|
|
9480
8108
|
if (!value) {
|
|
9481
|
-
return
|
|
8109
|
+
return jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "\u2014" });
|
|
9482
8110
|
}
|
|
9483
8111
|
const date = value instanceof Date ? value : new Date(value);
|
|
9484
8112
|
if (isNaN(date.getTime())) {
|
|
9485
|
-
return
|
|
8113
|
+
return jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Ung\u00FCltiges Datum" });
|
|
9486
8114
|
}
|
|
9487
8115
|
const formatted = this.formatDate(date, format || 'short', locale || 'de-DE');
|
|
9488
|
-
return (
|
|
8116
|
+
return (jsxRuntime.jsxs("span", { className: cn('flex items-center gap-2', this.getAlignmentClass(), this.config.cellClassName), children: [showIcon && jsxRuntime.jsx(lucideReact.Calendar, { className: "text-muted-foreground h-4 w-4" }), formatted] }));
|
|
9489
8117
|
},
|
|
9490
8118
|
};
|
|
9491
8119
|
}
|
|
9492
8120
|
}
|
|
9493
8121
|
|
|
9494
8122
|
function DropdownMenu({ ...props }) {
|
|
9495
|
-
return
|
|
8123
|
+
return jsxRuntime.jsx(Root2$1, { "data-slot": "dropdown-menu", ...props });
|
|
9496
8124
|
}
|
|
9497
8125
|
function DropdownMenuTrigger({ ...props }) {
|
|
9498
|
-
return (
|
|
8126
|
+
return (jsxRuntime.jsx(Trigger$2, { "data-slot": "dropdown-menu-trigger", ...props }));
|
|
9499
8127
|
}
|
|
9500
8128
|
function DropdownMenuContent({ className, align = "start", sideOffset = 4, ...props }) {
|
|
9501
|
-
return (
|
|
8129
|
+
return (jsxRuntime.jsx(Portal2, { children: jsxRuntime.jsx(Content2$2, { "data-slot": "dropdown-menu-content", sideOffset: sideOffset, align: align, className: className, ...props }) }));
|
|
9502
8130
|
}
|
|
9503
8131
|
function DropdownMenuItem({ className, inset, variant = "default", ...props }) {
|
|
9504
|
-
return (
|
|
8132
|
+
return (jsxRuntime.jsx(Item2, { "data-slot": "dropdown-menu-item", "data-inset": inset, "data-variant": variant, className: className, ...props }));
|
|
9505
8133
|
}
|
|
9506
8134
|
function DropdownMenuSeparator({ className, ...props }) {
|
|
9507
|
-
return (
|
|
8135
|
+
return (jsxRuntime.jsx(Separator2, { "data-slot": "dropdown-menu-separator", className: className, ...props }));
|
|
9508
8136
|
}
|
|
9509
8137
|
|
|
9510
8138
|
const DropdownColumn = (config) => {
|
|
@@ -9514,22 +8142,22 @@ const DropdownColumn = (config) => {
|
|
|
9514
8142
|
header: config.header || "Options",
|
|
9515
8143
|
cell: ({ row }) => {
|
|
9516
8144
|
const value = row.getValue(accessorKey);
|
|
9517
|
-
return (
|
|
8145
|
+
return (jsxRuntime.jsxs(DropdownMenu, { children: [jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: jsxRuntime.jsx(Button, { variant: "outline", children: value || "Options" }) }), jsxRuntime.jsx(DropdownMenuContent, { children: config.options.map((option, index) => (jsxRuntime.jsx(DropdownMenuItem, { onClick: () => option.onClick && option.onClick(row.original), children: option.label }, index))) })] }));
|
|
9518
8146
|
},
|
|
9519
8147
|
};
|
|
9520
8148
|
};
|
|
9521
8149
|
|
|
9522
8150
|
function TooltipProvider({ delayDuration = 0, ...props }) {
|
|
9523
|
-
return (
|
|
8151
|
+
return (jsxRuntime.jsx(Provider, { "data-slot": "tooltip-provider", delayDuration: delayDuration, ...props }));
|
|
9524
8152
|
}
|
|
9525
8153
|
function Tooltip({ ...props }) {
|
|
9526
|
-
return (
|
|
8154
|
+
return (jsxRuntime.jsx(TooltipProvider, { children: jsxRuntime.jsx(Root3, { "data-slot": "tooltip", ...props }) }));
|
|
9527
8155
|
}
|
|
9528
8156
|
function TooltipTrigger({ ...props }) {
|
|
9529
|
-
return
|
|
8157
|
+
return jsxRuntime.jsx(Trigger, { "data-slot": "tooltip-trigger", ...props });
|
|
9530
8158
|
}
|
|
9531
8159
|
function TooltipContent({ className, sideOffset = 0, children, ...props }) {
|
|
9532
|
-
return (
|
|
8160
|
+
return (jsxRuntime.jsx(Portal, { children: jsxRuntime.jsxs(Content2, { "data-slot": "tooltip-content", sideOffset: sideOffset, className: className, ...props, children: [children, jsxRuntime.jsx(Arrow2, { className: "size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground z-50 translate-y-[calc(-50%_-_2px)]" })] }) }));
|
|
9533
8161
|
}
|
|
9534
8162
|
|
|
9535
8163
|
class IconColumn extends BaseColumn {
|
|
@@ -9699,34 +8327,34 @@ class IconColumn extends BaseColumn {
|
|
|
9699
8327
|
}
|
|
9700
8328
|
// === ICON HELPERS (inline SVGs um Lucide-Abhängigkeit zu vermeiden) ===
|
|
9701
8329
|
createCheckIcon() {
|
|
9702
|
-
return (
|
|
8330
|
+
return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "h-full w-full", children: jsxRuntime.jsx("polyline", { points: "20 6 9 17 4 12" }) }));
|
|
9703
8331
|
}
|
|
9704
8332
|
createXIcon() {
|
|
9705
|
-
return (
|
|
8333
|
+
return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "h-full w-full", children: [jsxRuntime.jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), jsxRuntime.jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })] }));
|
|
9706
8334
|
}
|
|
9707
8335
|
createCircleIcon() {
|
|
9708
|
-
return (
|
|
8336
|
+
return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", className: "h-full w-full", children: jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "6" }) }));
|
|
9709
8337
|
}
|
|
9710
8338
|
createArrowUpIcon() {
|
|
9711
|
-
return (
|
|
8339
|
+
return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "h-full w-full", children: [jsxRuntime.jsx("line", { x1: "12", y1: "19", x2: "12", y2: "5" }), jsxRuntime.jsx("polyline", { points: "5 12 12 5 19 12" })] }));
|
|
9712
8340
|
}
|
|
9713
8341
|
createArrowDownIcon() {
|
|
9714
|
-
return (
|
|
8342
|
+
return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "h-full w-full", children: [jsxRuntime.jsx("line", { x1: "12", y1: "5", x2: "12", y2: "19" }), jsxRuntime.jsx("polyline", { points: "19 12 12 19 5 12" })] }));
|
|
9715
8343
|
}
|
|
9716
8344
|
createMinusIcon() {
|
|
9717
|
-
return (
|
|
8345
|
+
return (jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "h-full w-full", children: jsxRuntime.jsx("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) }));
|
|
9718
8346
|
}
|
|
9719
8347
|
createAlertIcon() {
|
|
9720
|
-
return (
|
|
8348
|
+
return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "h-full w-full", children: [jsxRuntime.jsx("path", { d: "M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" }), jsxRuntime.jsx("line", { x1: "12", y1: "9", x2: "12", y2: "13" }), jsxRuntime.jsx("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })] }));
|
|
9721
8349
|
}
|
|
9722
8350
|
createShieldCheckIcon() {
|
|
9723
|
-
return (
|
|
8351
|
+
return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "h-full w-full", children: [jsxRuntime.jsx("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" }), jsxRuntime.jsx("polyline", { points: "9 12 11 14 15 10" })] }));
|
|
9724
8352
|
}
|
|
9725
8353
|
createShieldXIcon() {
|
|
9726
|
-
return (
|
|
8354
|
+
return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "h-full w-full", children: [jsxRuntime.jsx("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" }), jsxRuntime.jsx("line", { x1: "9", y1: "9", x2: "15", y2: "15" }), jsxRuntime.jsx("line", { x1: "15", y1: "9", x2: "9", y2: "15" })] }));
|
|
9727
8355
|
}
|
|
9728
8356
|
createClockIcon() {
|
|
9729
|
-
return (
|
|
8357
|
+
return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "h-full w-full", children: [jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "10" }), jsxRuntime.jsx("polyline", { points: "12 6 12 12 16 14" })] }));
|
|
9730
8358
|
}
|
|
9731
8359
|
build() {
|
|
9732
8360
|
const config = this.config;
|
|
@@ -9754,9 +8382,9 @@ class IconColumn extends BaseColumn {
|
|
|
9754
8382
|
header: ({ column }) => {
|
|
9755
8383
|
const displayLabel = label || String(accessor);
|
|
9756
8384
|
if (!sortable) {
|
|
9757
|
-
return (
|
|
8385
|
+
return (jsxRuntime.jsx("span", { className: cn('text-muted-foreground font-medium', this.getAlignmentClass(), this.config.headerClassName), children: displayLabel }));
|
|
9758
8386
|
}
|
|
9759
|
-
return (
|
|
8387
|
+
return (jsxRuntime.jsxs(Button, { variant: "table_header", size: "table_header", onClick: () => column.toggleSorting(column.getIsSorted() === 'asc'), className: cn('text-muted-foreground font-medium', this.getAlignmentClass(), this.config.headerClassName), children: [displayLabel, jsxRuntime.jsx(lucideReact.ArrowUpDown, { className: "ml-2 h-4 w-4" })] }));
|
|
9760
8388
|
},
|
|
9761
8389
|
cell: ({ getValue }) => {
|
|
9762
8390
|
const value = String(getValue());
|
|
@@ -9768,14 +8396,14 @@ class IconColumn extends BaseColumn {
|
|
|
9768
8396
|
const bgColor = stateConfig?.bgColor;
|
|
9769
8397
|
const tooltip = stateConfig?.tooltip || stateLabel;
|
|
9770
8398
|
if (!icon) {
|
|
9771
|
-
return
|
|
8399
|
+
return jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "\u2014" });
|
|
9772
8400
|
}
|
|
9773
8401
|
// Icon als Element rendern (falls LucideIcon übergeben wurde)
|
|
9774
8402
|
const IconElement = typeof icon === 'function' ? icon : null;
|
|
9775
|
-
const renderedIcon = IconElement ?
|
|
9776
|
-
const iconElement = (
|
|
8403
|
+
const renderedIcon = IconElement ? jsxRuntime.jsx(IconElement, { className: "h-full w-full" }) : icon;
|
|
8404
|
+
const iconElement = (jsxRuntime.jsxs("div", { className: cn('flex items-center gap-2', this.getAlignmentClass(), this.config.cellClassName), children: [withBackground ? (jsxRuntime.jsx("div", { className: cn('inline-flex items-center justify-center rounded-md', bgSizeClasses[size || 'md'], bgColor || 'bg-blue-50'), children: jsxRuntime.jsx("div", { className: cn(iconInBgSizeClasses[size || 'md'], color), children: renderedIcon }) })) : (jsxRuntime.jsx("div", { className: cn(sizeClasses[size || 'md'], color), children: renderedIcon })), showLabel && jsxRuntime.jsx("span", { className: cn('text-sm', color), children: stateLabel })] }));
|
|
9777
8405
|
if (showTooltip) {
|
|
9778
|
-
return (
|
|
8406
|
+
return (jsxRuntime.jsx(TooltipProvider, { children: jsxRuntime.jsxs(Tooltip, { children: [jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: iconElement }), jsxRuntime.jsx(TooltipContent, { children: jsxRuntime.jsx("p", { children: tooltip }) })] }) }));
|
|
9779
8407
|
}
|
|
9780
8408
|
return iconElement;
|
|
9781
8409
|
},
|
|
@@ -9831,11 +8459,11 @@ class ImageColumn extends BaseColumn {
|
|
|
9831
8459
|
};
|
|
9832
8460
|
return {
|
|
9833
8461
|
accessorKey: accessor,
|
|
9834
|
-
header: () =>
|
|
8462
|
+
header: () => jsxRuntime.jsx("span", { className: cn('text-muted-foreground font-medium', this.config.headerClassName), children: label || '' }),
|
|
9835
8463
|
cell: ({ getValue, row }) => {
|
|
9836
8464
|
const src = getValue();
|
|
9837
8465
|
const altText = alt ? alt(row.original) : 'Bild';
|
|
9838
|
-
return (
|
|
8466
|
+
return (jsxRuntime.jsx("img", { src: src || fallback || '/placeholder.png', alt: altText, className: cn('object-cover', sizeClasses[size || 'md'], roundedClasses[rounded || 'md'], this.config.cellClassName), onError: (e) => {
|
|
9839
8467
|
if (fallback) {
|
|
9840
8468
|
e.target.src = fallback;
|
|
9841
8469
|
}
|
|
@@ -9846,7 +8474,7 @@ class ImageColumn extends BaseColumn {
|
|
|
9846
8474
|
}
|
|
9847
8475
|
|
|
9848
8476
|
function Input({ className, type, ...props }) {
|
|
9849
|
-
return (
|
|
8477
|
+
return (jsxRuntime.jsx("input", { type: type, "data-slot": "input", className: cn("dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 h-8 rounded-lg border bg-transparent px-2.5 py-1 text-base transition-colors file:h-6 file:text-sm file:font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] md:text-sm file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", className), ...props }));
|
|
9850
8478
|
}
|
|
9851
8479
|
|
|
9852
8480
|
const InputColumn = (config) => {
|
|
@@ -9856,7 +8484,7 @@ const InputColumn = (config) => {
|
|
|
9856
8484
|
header: config.header || "Input",
|
|
9857
8485
|
cell: ({ row }) => {
|
|
9858
8486
|
const value = row.getValue(accessorKey);
|
|
9859
|
-
return (
|
|
8487
|
+
return (jsxRuntime.jsx(Input, { value: value || "", onChange: (e) => config.onChange && config.onChange(row.original, e.target.value), placeholder: config.placeholder || "Enter value" }));
|
|
9860
8488
|
},
|
|
9861
8489
|
};
|
|
9862
8490
|
};
|
|
@@ -9929,14 +8557,14 @@ class LinkColumn extends BaseColumn {
|
|
|
9929
8557
|
header: ({ column }) => {
|
|
9930
8558
|
const displayLabel = label || String(accessor);
|
|
9931
8559
|
if (!sortable) {
|
|
9932
|
-
return (
|
|
8560
|
+
return (jsxRuntime.jsx("span", { className: cn('text-muted-foreground font-medium', this.getAlignmentClass(), this.config.headerClassName), children: displayLabel }));
|
|
9933
8561
|
}
|
|
9934
|
-
return (
|
|
8562
|
+
return (jsxRuntime.jsxs(Button, { variant: "table_header", size: "table_header", onClick: () => column.toggleSorting(column.getIsSorted() === 'asc'), className: cn('text-muted-foreground font-medium', this.getAlignmentClass(), this.config.headerClassName), children: [displayLabel, jsxRuntime.jsx(lucideReact.ArrowUpDown, { className: "ml-2 h-4 w-4" })] }));
|
|
9935
8563
|
},
|
|
9936
8564
|
cell: ({ getValue, row }) => {
|
|
9937
8565
|
const value = getValue();
|
|
9938
8566
|
if (!value) {
|
|
9939
|
-
return
|
|
8567
|
+
return jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "\u2014" });
|
|
9940
8568
|
}
|
|
9941
8569
|
// URL berechnen
|
|
9942
8570
|
const url = typeof href === 'function' ? href(row.original) : href || value;
|
|
@@ -9948,7 +8576,7 @@ class LinkColumn extends BaseColumn {
|
|
|
9948
8576
|
};
|
|
9949
8577
|
// Alignment ohne text-muted-foreground für Links
|
|
9950
8578
|
const alignmentClass = this.config.align === 'center' ? 'text-center' : this.config.align === 'right' ? 'text-right' : 'text-left';
|
|
9951
|
-
return (
|
|
8579
|
+
return (jsxRuntime.jsxs("a", { href: url, target: openInNewTab ? '_blank' : undefined, rel: openInNewTab ? 'noopener noreferrer' : undefined, onClick: onClick ? handleClick : undefined, className: cn('inline-flex items-center gap-1.5 text-sm text-blue-500', underlineClasses[underline || 'hover'], 'hover:text-blue-500/80', alignmentClass, this.config.cellClassName), children: [icon, jsxRuntime.jsx("span", { children: value }), showExternalIcon && jsxRuntime.jsx(lucideReact.ExternalLink, { className: "text-muted-foreground h-3 w-3" })] }));
|
|
9952
8580
|
},
|
|
9953
8581
|
};
|
|
9954
8582
|
}
|
|
@@ -9999,14 +8627,14 @@ class NumberColumn extends BaseColumn {
|
|
|
9999
8627
|
header: ({ column }) => {
|
|
10000
8628
|
const displayLabel = label || String(accessor);
|
|
10001
8629
|
if (!sortable) {
|
|
10002
|
-
return (
|
|
8630
|
+
return (jsxRuntime.jsx("span", { className: cn('text-muted-foreground font-medium', this.getAlignmentClass(), this.config.headerClassName), children: displayLabel }));
|
|
10003
8631
|
}
|
|
10004
|
-
return (
|
|
8632
|
+
return (jsxRuntime.jsxs(Button, { variant: "table_header", size: "table_header", onClick: () => column.toggleSorting(column.getIsSorted() === 'asc'), className: cn('text-muted-foreground font-medium', this.getAlignmentClass(), this.config.headerClassName), children: [displayLabel, jsxRuntime.jsx(lucideReact.ArrowUpDown, { className: "ml-2 h-4 w-4" })] }));
|
|
10005
8633
|
},
|
|
10006
8634
|
cell: ({ getValue }) => {
|
|
10007
8635
|
const value = getValue();
|
|
10008
8636
|
if (value === null || value === undefined) {
|
|
10009
|
-
return
|
|
8637
|
+
return jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "\u2014" });
|
|
10010
8638
|
}
|
|
10011
8639
|
let formatted;
|
|
10012
8640
|
if (currency) {
|
|
@@ -10031,14 +8659,14 @@ class NumberColumn extends BaseColumn {
|
|
|
10031
8659
|
}).format(value);
|
|
10032
8660
|
}
|
|
10033
8661
|
const displayValue = `${prefix || ''}${formatted}${suffix || ''}`;
|
|
10034
|
-
return
|
|
8662
|
+
return jsxRuntime.jsx("span", { className: cn('tabular-nums', this.getAlignmentClass(), this.config.cellClassName), children: displayValue });
|
|
10035
8663
|
},
|
|
10036
8664
|
};
|
|
10037
8665
|
}
|
|
10038
8666
|
}
|
|
10039
8667
|
|
|
10040
8668
|
function Progress({ className, value, ...props }) {
|
|
10041
|
-
return (
|
|
8669
|
+
return (jsxRuntime.jsx(Root, { "data-slot": "progress", className: className, ...props, children: jsxRuntime.jsx(Indicator, { "data-slot": "progress-indicator", className: "bg-primary size-full flex-1 transition-all", style: { transform: `translateX(-${100 - (value || 0)}%)` } }) }));
|
|
10042
8670
|
}
|
|
10043
8671
|
|
|
10044
8672
|
class ProgressColumn extends BaseColumn {
|
|
@@ -10138,15 +8766,15 @@ class ProgressColumn extends BaseColumn {
|
|
|
10138
8766
|
header: ({ column }) => {
|
|
10139
8767
|
const displayLabel = label || String(accessor);
|
|
10140
8768
|
if (!sortable) {
|
|
10141
|
-
return (
|
|
8769
|
+
return (jsxRuntime.jsx("span", { className: cn('text-muted-foreground font-medium', this.getAlignmentClass(), this.config.headerClassName), children: displayLabel }));
|
|
10142
8770
|
}
|
|
10143
|
-
return (
|
|
8771
|
+
return (jsxRuntime.jsxs(Button, { variant: "table_header", size: "table_header", onClick: () => column.toggleSorting(column.getIsSorted() === 'asc'), className: cn('text-muted-foreground font-medium', this.getAlignmentClass(), this.config.headerClassName), children: [displayLabel, jsxRuntime.jsx(lucideReact.ArrowUpDown, { className: "ml-2 h-4 w-4" })] }));
|
|
10144
8772
|
},
|
|
10145
8773
|
cell: ({ getValue }) => {
|
|
10146
8774
|
const value = getValue();
|
|
10147
8775
|
const maxValue = max || 100;
|
|
10148
8776
|
if (value === null || value === undefined) {
|
|
10149
|
-
return
|
|
8777
|
+
return jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "\u2014" });
|
|
10150
8778
|
}
|
|
10151
8779
|
const percentage = Math.min(100, Math.max(0, (value / maxValue) * 100));
|
|
10152
8780
|
// Farbe berechnen
|
|
@@ -10162,32 +8790,32 @@ class ProgressColumn extends BaseColumn {
|
|
|
10162
8790
|
else if (showPercentage) {
|
|
10163
8791
|
labelText = `${Math.round(percentage)}%`;
|
|
10164
8792
|
}
|
|
10165
|
-
return (
|
|
8793
|
+
return (jsxRuntime.jsxs("div", { className: cn('flex min-w-[120px] items-center gap-3', this.config.cellClassName), children: [jsxRuntime.jsx(Progress, { value: percentage, className: cn('flex-1', sizeClasses[size || 'md'], colorClasses[currentColor]) }), labelText && jsxRuntime.jsx("span", { className: "text-muted-foreground min-w-[3rem] text-right text-sm tabular-nums", children: labelText })] }));
|
|
10166
8794
|
},
|
|
10167
8795
|
};
|
|
10168
8796
|
}
|
|
10169
8797
|
}
|
|
10170
8798
|
|
|
10171
8799
|
function Select({ ...props }) {
|
|
10172
|
-
return
|
|
8800
|
+
return jsxRuntime.jsx(Root2, { "data-slot": "select", ...props });
|
|
10173
8801
|
}
|
|
10174
8802
|
function SelectValue({ ...props }) {
|
|
10175
|
-
return
|
|
8803
|
+
return jsxRuntime.jsx(Value, { "data-slot": "select-value", ...props });
|
|
10176
8804
|
}
|
|
10177
8805
|
function SelectTrigger({ className, size = "default", children, ...props }) {
|
|
10178
|
-
return (
|
|
8806
|
+
return (jsxRuntime.jsxs(Trigger$1, { "data-slot": "select-trigger", "data-size": size, className: className, ...props, children: [children, jsxRuntime.jsx(Icon, { asChild: true, children: jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "text-muted-foreground size-4 pointer-events-none" }) })] }));
|
|
10179
8807
|
}
|
|
10180
8808
|
function SelectContent({ className, children, position = "item-aligned", align = "center", ...props }) {
|
|
10181
|
-
return (
|
|
8809
|
+
return (jsxRuntime.jsx(Portal$1, { children: jsxRuntime.jsxs(Content2$1, { "data-slot": "select-content", "data-align-trigger": position === "item-aligned", className: className, position: position, align: align, ...props, children: [jsxRuntime.jsx(SelectScrollUpButton, {}), jsxRuntime.jsx(Viewport, { "data-position": position, className: className, children: children }), jsxRuntime.jsx(SelectScrollDownButton, {})] }) }));
|
|
10182
8810
|
}
|
|
10183
8811
|
function SelectItem({ className, children, ...props }) {
|
|
10184
|
-
return (
|
|
8812
|
+
return (jsxRuntime.jsxs(Item, { "data-slot": "select-item", className: className, ...props, children: [jsxRuntime.jsx("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center", children: jsxRuntime.jsx(ItemIndicator, { children: jsxRuntime.jsx(lucideReact.CheckIcon, { className: "pointer-events-none" }) }) }), jsxRuntime.jsx(ItemText, { children: children })] }));
|
|
10185
8813
|
}
|
|
10186
8814
|
function SelectScrollUpButton({ className, ...props }) {
|
|
10187
|
-
return (
|
|
8815
|
+
return (jsxRuntime.jsx(ScrollUpButton, { "data-slot": "select-scroll-up-button", className: className, ...props, children: jsxRuntime.jsx(lucideReact.ChevronUpIcon, {}) }));
|
|
10188
8816
|
}
|
|
10189
8817
|
function SelectScrollDownButton({ className, ...props }) {
|
|
10190
|
-
return (
|
|
8818
|
+
return (jsxRuntime.jsx(ScrollDownButton, { "data-slot": "select-scroll-down-button", className: className, ...props, children: jsxRuntime.jsx(lucideReact.ChevronDownIcon, {}) }));
|
|
10191
8819
|
}
|
|
10192
8820
|
|
|
10193
8821
|
const SelectColumn = (config) => {
|
|
@@ -10197,7 +8825,7 @@ const SelectColumn = (config) => {
|
|
|
10197
8825
|
header: config.header || "Select",
|
|
10198
8826
|
cell: ({ row }) => {
|
|
10199
8827
|
const value = row.getValue(accessorKey);
|
|
10200
|
-
return (
|
|
8828
|
+
return (jsxRuntime.jsxs(Select, { value: value || "", onValueChange: (value) => config.onChange && config.onChange(row.original, value), children: [jsxRuntime.jsx(SelectTrigger, { children: jsxRuntime.jsx(SelectValue, { placeholder: config.placeholder || "Select an option" }) }), jsxRuntime.jsx(SelectContent, { children: config.options.map((option, index) => (jsxRuntime.jsx(SelectItem, { value: option.value, children: option.label }, index))) })] }));
|
|
10201
8829
|
},
|
|
10202
8830
|
};
|
|
10203
8831
|
};
|
|
@@ -10257,9 +8885,9 @@ class TextColumn extends BaseColumn {
|
|
|
10257
8885
|
header: ({ column }) => {
|
|
10258
8886
|
const displayLabel = label || String(accessor);
|
|
10259
8887
|
if (!sortable) {
|
|
10260
|
-
return (
|
|
8888
|
+
return (jsxRuntime.jsx("span", { className: cn('text-muted-foreground font-medium', this.getAlignmentClass(), this.config.headerClassName), children: displayLabel }));
|
|
10261
8889
|
}
|
|
10262
|
-
return (
|
|
8890
|
+
return (jsxRuntime.jsxs(Button, { variant: "table_header", size: "table_header", onClick: () => column.toggleSorting(column.getIsSorted() === 'asc'), className: cn('text-muted-foreground font-medium', this.getAlignmentClass(), this.config.headerClassName), children: [displayLabel, jsxRuntime.jsx(lucideReact.ArrowUpDown, { className: "ml-2 h-4 w-4" })] }));
|
|
10263
8891
|
},
|
|
10264
8892
|
cell: ({ row, getValue }) => {
|
|
10265
8893
|
let value = getValue();
|
|
@@ -10269,11 +8897,11 @@ class TextColumn extends BaseColumn {
|
|
|
10269
8897
|
}
|
|
10270
8898
|
// Placeholder wenn leer
|
|
10271
8899
|
if (value === null || value === undefined || value === '') {
|
|
10272
|
-
return (
|
|
8900
|
+
return (jsxRuntime.jsx("span", { className: cn('text-muted-foreground', this.getAlignmentClass(), this.config.cellClassName), children: placeholder || '—' }));
|
|
10273
8901
|
}
|
|
10274
8902
|
// Prefix/Suffix hinzufügen
|
|
10275
8903
|
const displayValue = `${prefix || ''}${value}${suffix || ''}`;
|
|
10276
|
-
return
|
|
8904
|
+
return jsxRuntime.jsx("span", { className: cn(this.getAlignmentClass(), this.config.cellClassName), children: displayValue });
|
|
10277
8905
|
},
|
|
10278
8906
|
};
|
|
10279
8907
|
}
|
|
@@ -10328,20 +8956,20 @@ class ActionsColumn {
|
|
|
10328
8956
|
const { actions, label, triggerIcon } = this.config;
|
|
10329
8957
|
return {
|
|
10330
8958
|
id: 'actions',
|
|
10331
|
-
header: () =>
|
|
8959
|
+
header: () => jsxRuntime.jsx("span", { className: "sr-only", children: label }),
|
|
10332
8960
|
cell: ({ row }) => {
|
|
10333
8961
|
const data = row.original;
|
|
10334
8962
|
const visibleActions = actions.filter((action) => !action.hidden || !action.hidden(data));
|
|
10335
8963
|
if (visibleActions.length === 0)
|
|
10336
8964
|
return null;
|
|
10337
|
-
return (
|
|
8965
|
+
return (jsxRuntime.jsxs(DropdownMenu, { children: [jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: jsxRuntime.jsxs(Button, { variant: "ghost", className: "h-10 w-10 p-0", children: [jsxRuntime.jsx("span", { className: "sr-only", children: label }), triggerIcon || jsxRuntime.jsx(lucideReact.MoreHorizontal, { className: "h-8 w-8" })] }) }), jsxRuntime.jsx(DropdownMenuContent, { align: "end", children: visibleActions.map((action, index) => (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs(DropdownMenuItem, { disabled: action.disabled?.(data), className: cn(action.variant === 'destructive' && 'text-destructive focus:text-destructive'), onClick: () => {
|
|
10338
8966
|
if (action.href) {
|
|
10339
8967
|
window.location.href = action.href(data);
|
|
10340
8968
|
}
|
|
10341
8969
|
else if (action.onClick) {
|
|
10342
8970
|
action.onClick(data);
|
|
10343
8971
|
}
|
|
10344
|
-
}, children: [action.icon &&
|
|
8972
|
+
}, children: [action.icon && jsxRuntime.jsx("span", { className: "mr-2", children: action.icon }), action.label] }), action.separator && index < visibleActions.length - 1 && jsxRuntime.jsx(DropdownMenuSeparator, {})] }, index))) })] }));
|
|
10345
8973
|
},
|
|
10346
8974
|
};
|
|
10347
8975
|
}
|